@charset "utf-8";

/* basic
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	border-style:none;
	vertical-align: top;
	font-size: 12px;
	font-family:  "Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic";
	text-decoration: none;
	text-align: left;
	font-weight: normal;	
	line-height: 1.5;
	color: #333333;
	background: #FFFFFF;
	background-image:url(../images/common/header-back.jpg);
	background-repeat: repeat-x
}

img { border:0; vertical-align: top; }
img.newsicon { vertical-align: top; }
ul { list-style-type:none; }


/* link
---------------------------------------------*/
/* basic */
a:link {text-decoration: none; color: #0066CC;}
a:visited {text-decoration: none; color: #0066CC;}
a:hover {text-decoration: none; color: #666666;}
a:active {text-decoration: none; color: #0066CC;}
/* news */
div.news-block a:link {text-decoration: none; color: #594728;}
div.news-block a:visited {text-decoration: none; color: #594728;}
div.news-block a:hover {text-decoration: none; color: #0066CC;}
div.news-block a:active {text-decoration: none; color: #594728;}
/* footer */
div#footer a:link {text-decoration: none; color: #594728;}
div#footer a:visited {text-decoration: none; color: #594728;}
div#footer a:hover {text-decoration: none; color: #0066CC;}
div#footer a:active {text-decoration: none; color: #594728;}


/* text
---------------------------------------------*/
h1 {
	float:left;
}
h2 {
	margin: 45px 0;
	text-align:center;
}
h3 {
	margin-top: 30px;
	font-size: 12px;
	font-weight: normal;	
	border-bottom: 1px solid #999999;
}
h4 {
	margin-top: 20px;
	font-weight: normal;
}
.pink {
	color: #FF3366;
}
.bold {
	font-weight:bold;
}
.longheight {
	line-height: 2.0;
}
.b50 {
	padding-bottom: 50px;
}
p {
	margin: 15px 0;
}


/* margin padding
---------------------------------------------*/
.p_t20 {
	padding-top: 20px;
}
.p_t20_clear {
	padding-top: 20px;
	clear: both;
}


/* images
---------------------------------------------*/
.img_00 {
	margin:0 ;
	paddinng: 0;
}
.img_t15 {
	margin: 10px 0 0 0;
	padding: 0;
}




/* common
---------------------------------------------*/
div#wrapper1 {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
div#header {
	margin-top: 50px;
	width: 800px;
	height: 55px;
	border-bottom: 1px solid #999999;
}
div#header #logo {
	margin-top: 17px;
}
div#container {
	border-bottom: 1px solid #999999;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
div#left {
	float: left;
	text-align: left;
	width: 580px;
	line-height: 1.8;
}
div#left2 {
	float: left;
	text-align: left;
	width: 580px;
	line-height: 1.8;
}
div#pagetop {
	clear: both;
	padding-top: 30px;
}


/* cover
---------------------------------------------*/
div#cover {
	text-align: center;
	width: 800px;
}
#photodiv {
	width:800px;
}



/* index,media
---------------------------------------------*/

div#twitter {
	float:none;
	margin: 13px 0px;
}
.news-block {
	float:none;
	margin: 13px 0px;
	border-bottom: 1px dotted #999999;
}
dl.news dt {
	float:none;
	margin: 10px 0px 5px 3px;
}
dl.news dd {
	width: 570px;
	margin: 0 0 10px 5px;
}


/* support
---------------------------------------------*/
.bank1 {
	font-weight: bold;
	color: #0066FF;
	width: 450px;
	margin-top: 30px; 
	padding: 20px 20px;
	background: #FEFFE5;
	border: 1px solid #999966;
}
.bank2 {
	font-weight: bold;
	color: #0066FF;
	width: 450px;
	margin-top: 10px; 
	padding: 20px 20px;
	background: #FEFFE5;
	border: 1px solid #999966;
}


/* contact
---------------------------------------------*/
.contact-banner {
	margin-top: 50px;
	text-align: center;
}
.contact-banner p {
	font-size: 11px;
	text-align: center;
}


/* company index
---------------------------------------------*/
.map {
	width: 350px;
	height: 200px;
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
	float: left;
}
/*
#left p {
	margin: 15px 0;
}
*/
.maptitle {
	margin: 25px 0 10px;
	clear:both;
}
.googlemaps {
	float: left;
	width: 400px;
	height: 250px;
	margin-top: 20px;
	margin-bottom: 60px;
	padding: 5px;
	border: 1px solid #999999;
}
.address {
	margin-top: 20px;
	float: right;
	width: 155px;
}
.largeview {
	margin: 10px 0;
}
iframe#gMap {
	border: none;
	width: 400px;
	height: 250px;
}
.comlinks {
	margin-bottom: 40px;
}

	/* definition list
	---------------------------------------------*/
div#profile {
	margin: 20px 0;
}
dl.com {
	width: 580px;
	background:url(../images/common/spec_bg.gif) repeat-y;
	margin-bottom: 1px;
}

dl.com dt {
	clear: left;
	float: left;
	width: 115px;
	padding: 10px;
	display:block;
}

dl.com dd {
	margin-left: 135px;
	padding: 10px;
}


/* company information
---------------------------------------------*/

dl#faq dd p span.faq_bold{
	font-weight:bold;
}

	/* definition list
	---------------------------------------------*/
div#links {
	margin: 20px 0;
}
dl.linklist {
	width: 580px;
	margin-bottom: 10px;
}

dl.linklist dt {
	clear: left;
	float: left;
	width: 280px;
	padding: 10px 0 10px;
	display:block;
}

dl.linklist dd {
	margin-left: 50px;
	padding: 10px;
}


/* nailart common
---------------------------------------------*/
.access-links {
	padding-top: 7px; 
}


/* nailart index
---------------------------------------------*/
table.menu {
	width: 580px;
	margin-top: 10px;
}
.menu td {
	height: 88px;
}

table.ex {
	width: 580px;
	margin-top: 10px;
}
.ex td {
	height: 112px;
}




/* nailart course
---------------------------------------------*/
.title-center {
	margin: 30px 0 5px;
	text-align: center;
}
.subtitle {
	margin: 15px 0 5px;
}
.menu {
	margin-bottom: 5px;
}
.desc {
	color: #333333;
	width: 538px;
	margin-top: 15px; 
	padding: 20px;
	background: #FEFFE5;
	border: 1px solid #CCCCCC;
}

/* nailart map
---------------------------------------------*/
.gmaps {
	width: 400px;
	height: 250px;
	margin: 15px 0 60px;
	padding: 5px;
	border: 1px solid #999999;
}
	/* definition list
	---------------------------------------------*/
div#profile2 {
	padding-bottom: 20px;
}
dl.salon {
	width: 500px;
	margin-bottom: 15px;
}
dl.salon dt {
	clear: left;
	float: left;
	width: 75px;
	display:block;
}

dl.salon dd {
	margin-left: 85px;
	padding: 3px 0 0;
}


/* nailart gift
---------------------------------------------*/
.ticket {
	margin: 30px 0;
}


/* nailart comment
---------------------------------------------*/
div#comment {
	width: 580px;
	padding: 20px 0;
}
.comment-left {
	float: left;
	width: 360px;
}
.comment-right {
	float: right;
	width: 200px;
}
div#comment p {
	width: 360px;
}
div#gallery {
	margin: 20px 0;
}
div#gallery p {
	margin: 0;
}
div#gallery img {
	border: 1px slid #999999;
	margin-top: 3px;
}

/* nailart staff
---------------------------------------------*/
div.middle{
	background:url(../images/nailart/staff/staffBackground-middle.gif);
}
div.top{
	background:url(../images/nailart/staff/staffBackground-top.gif) no-repeat top;
}
dl.staff{
	background:url(../images/nailart/staff/staffBackground-bottom.gif) no-repeat bottom;
	margin:0 0 10px 0;
}
dl.staff dt{
	float:left;
	width:170px;
	text-align:center;
	padding:10px 0 0 10px;
}
dl.staff dt div{
	font-size:140%;
	line-height:100%;
	background-color:#f2e2ed;
}
dl.staff dt div.img{
	width:160px;
	height:90px;
}
dl.staff dt div span.class{
	font-size:10px;
}
dl.staff dd{
	padding:10px;
}
dl.staff dd.clear{
	clear:both;
	padding:2px;
}
ul#salonPhoto{
	height:294px;
	margin-top:20px;
}
ul#salonPhoto li{
	float:left;
}
ul#salonPhoto li a{}
ul#salonPhoto li a img{
	border:solid 1px #999;
	padding:3px;
	margin:2px;
}
/* school
---------------------------------------------*/
#campaign {
	width: 580px;
	height: 85px;
	margin: 15px 0 40px;
}
#cam_left {
	width: 355px;
	float: left;
}
#cam_right {
	width: 225px;
	float: right;
}

#cam_left_logo {
	width: 95px;
	float: left;
}
#cam_left_text {
	width: 250px;
	height: 85px;
	float: left;
}
#cam_left_text p {
	margin-top: 2px;
}
#box_points {
	margin-top: 15px;
	width: 580px;
}
.points_left {
	float: left;
	width: 290px;
	height: 230px;
}
.points_right {
	float: right;
	width: 290px;
	height: 230px;
}
.school_text {
	clear: both;
	padding-top: 25px;
}
.desc_school {
	color: #FF6600;
	width: 538px;
	margin-top: 30px;
	padding: 20px;
	background: #FCFFE7;
	border: 1px solid #FF9933;
}
.system {
	margin-top: 15px;
}
.box_course {
	width: 580px;
}
.box_course_left {
	float: left;
	width: 285px;
}
.box_course_right {
	float: right;
	width: 285px;
}
.box_course p {
	width: 280px;
	margin-top: 0;
}







/* sidebar
---------------------------------------------*/
div#sidebar {
	float: right;
	text-align: left;
	width: 200px;
}
.banner1 {
	margin: 10px 0 0 0;
}
.banner2 {
	margin: 5px 0px;
}
div#sidebar p {
	margin: 10px 0;
}
.bottom {
	padding-bottom: 30px;
}



/* footer
---------------------------------------------*/
div#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;€
}
div#footer-menu {
	text-align: center;
	margin-top: 15px;
}
div#copyright {
	text-align: center;
	margin-top: 15px;
}
div#sophistry {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}


/* maintenance mode
---------------------------------------------*/
div#maintenance {
	text-align:center;
	margin-top: 150px;
}



/* clearfix
---------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* special
---------------------------------------------*/
#wrapper_s {
	text-align: left;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#special {
	border: 1px #CCC solid;
	padding: 30px;
	margin: 30px;
}


/* nail lessson
---------------------------------------------*/
#lessontitle {
	width: 580px;
	border-top: 1px solid #999;
}
.lesson_left {
	width: 215px;
	float: left;
	border-right: 1px solid #999;
	padding-right: 15px;
	margin-bottom: 30px;
}
.lesson_right {
	width: 310px;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.courselist {
	width: 580px;
	height: 110px;
	border-bottom: 1px dotted #999;
	padding-bottom: 3px;
	clear: both;
}
.course_left {
	width: 460px;
	float: left;
}
.course_right {
	width: 100px;
	float: right;
	padding-top: 50px;
}
.banner_price {
	padding: 15px 0;
}
table.jirei {
	width: 580px;
	margin-top: 10px;
}
.jirei td {
	height: 112px;
}
#naillessonlist {
	padding-top: 15px;
	list-style: none;
	line-height: 1.8em;
	font-size: 13px;
}
/*------------------------------------*/
div#header p#logo {
	margin: 17px 0 0 0;
	float:left;
}
h1#content_title{
	font-weight:normal;
	font-size:10px;
	padding:30px 0 0 10px;
}
h2#key_visual_margin{
	margin:0;
}
#content_text{
	font-size:10px;
	line-height:1.4em;
	border-bottom:1px solid #999999;
	padding:0 0 10px 0;
}
#content_text h2{
	margin:0;
	padding:0;
	text-align:left;
}
#content_text p{
	margin:0;
	padding:0;
}
.top_news_topics{
	text-align:left;
	margin:0;
	padding:0;
}