@charset "utf-8";

/* CSS Document */

/* -------------------------------------------------------
				Visual
------------------------------------------------------- */
div#visual-wrapper {
	width:100%;
	height: 315px;
	background:url(../images/index/visualwrap_bg.jpg) left top repeat-x;
}
/*div#visual_bg {
	height:300px;
	margin:0 auto;
	background:url(../images/index/visual_bg.png) no-repeat center top;
}
div#visual {
	width:1000px;
	height:300px;
	margin:0 auto;
}*/
/* ==================== Movie ==================== */
div#movie {
	width: 763px;
	height: 268px;
	padding-top:16px;
	padding-left:3px;
	float: left;
}
body:last-child:not(:root:root) div#movie {
	width: 668px;
	height: 268px;
	padding-top:16px;
	padding-left:5px;
	float: left;
}

/* ==================== Banner ==================== */
div#bnrvbox{
	width: 218px;
	margin:0;
	padding-top:17px;
	padding-right:0;
	float: right;
}
ul#bnrv{
	margin:0;
	padding:0;
	list-style:none;
}
ul#bnrv li{
	height:86px;
	margin:0 0 4px 0;
	padding:0;
	list-style:none;
}
* html ul#bnrv li{
	height:86px;
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
}

/* -------------------------------------------------------
				CONTENT
------------------------------------------------------- */
/* ====================Contentmenu====================*/
div#contentmenu-wrapper{
	height:80px;
	margin:0 auto 10px auto;
	padding-top:9px;
	padding-left:240px;
	background:url(../images/index/contentmenu_bg.gif) no-repeat;
}
* html div#contentmenu-wrapper{
	padding-top:9px;
	padding-left:141px;
}
ul#contentmenu{
	width:750px;
	height:60px;
	background:url(../images/index/contentmenu.png) no-repeat;
}
ul#contentmenu li{
	width:150px;
	height:60px;
	display:block;
	float:left;
}
/* -------------------------------------------------------
				CONTENTLEFT
------------------------------------------------------- */
div#content-left{
	width:220px;
	margin-right:20px;
	float:left;
}
/* -------------------------------------------------------
				LEFTMENU
------------------------------------------------------- */
div#courseplanbox{
	width:218px;
	margin-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#courseplanboxinner{
	width:200px;
	margin:0 auto 10px auto;
	position:relative;
}
div#courseplanboxinner ul.parent{
	width:200px;
	margin-bottom:5px;
}
div#courseplanboxinner ul.parent li{
	width:200px;
	height:49px;
}
div#courseplanboxinner ul.parentb{
	width:200px;
}
div#courseplanboxinner ul.parentb li{
	width:200px;
	height:49px;
}
div#courseplanboxinner ul.child{
	width:188px;
	padding:5px 5px 0 5px;
	background:url(../images/common/courseplansubbn_bg.gif) no-repeat;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
}
div#courseplanboxinner div.ulcbottom{
	width:200px;
	height:5px;
	background:url(../images/common/courseplansubbottom_bg.gif) no-repeat;
	margin-bottom:5px;
}

div#courseplanboxinner ul.child li{
	width:188px;
	height:30px;
}
div#courseplanboxinner ul.child li a{
	width:160px;
	height:25px;
	padding-top:5px;
	padding-left:28px;
	font-size:10px;
	display:block;
}
div.kugiri{
	width:200px;
	height:1px;
	margin:0 auto 5px auto;
	border-bottom:1px dotted #bdab63;
}
/* -------------------------------------------------------
				プルダウンメニュー
------------------------------------------------------- */
/* ==================== submenu01 ==================== */

div#submenu01 {
	width:140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:115px;
	visibility: hidden;
	z-index: 2;
}
div#submenu01 ul{
	z-index: 2;
}
div#submenu01 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu01 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu01 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu02 ==================== */

div#submenu02 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:145px;
	visibility: hidden;
	z-index: 2;
}
div#submenu02 ul {
	z-index: 2;
}
div#submenu02 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu02 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu02 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu03 ==================== */

div#submenu03 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:175px;
	visibility: hidden;
	z-index: 2;
}
div#submenu03 ul {
	z-index: 2;
}
div#submenu03 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu03 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu03 li a:hover {
	background-color: #ffc7d3;
}
/* ====================submenu04 ==================== */
div#submenu04 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:278px;
	visibility: hidden;
	z-index: 2;
}

div#submenu04 ul {
	z-index: 2;
}
div#submenu04 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu04 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu04 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu05 ==================== */

div#submenu05 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:307px;
	visibility: hidden;
	z-index: 2;
}

div#submenu05 ul {
	z-index: 2;
}
div#submenu05 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu05 li a {
	width: 140px;
	height:22px;
	padding: 3px 0;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu05 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu06 ==================== */

div#submenu06 {
	width:140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:347px;
	visibility: hidden;
	z-index: 2;
}

div#submenu06 ul {
	z-index: 2;
}
div#submenu06 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu06 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu06 li a:hover {
	background-color: #ffc7d3;
}

/*====================bnrllinkox====================*/
dl#bnrlbox{
}
dl#bnrlbox dt{
}
dl#bnrlbox dd{
	height:14px;
	line-height:14px;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
}
dl#bnrlbox dd a{
	font-size:10px;
}

/*====================bnrllinkbox====================*/
div#bnrllinkbox{
	text-align:center;
}
div#bnrllinkbox img{
	margin-bottom:10px;
}
/*====================mobile====================*/
div#mobile{
	width:90px;
	height:105px;
	background:url(../images/index/mobile.gif) no-repeat;
	padding-top:40px;
	padding-left:10px;
	padding-right:100px;
	margin:0 auto;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
}
/* -------------------------------------------------------
				CONTENTMAIN
------------------------------------------------------- */
div#content-main{
	width:540px;
	float:left;
}
/*====================specialcontentsbox====================*/
div#specialcontentsbox{
	width:320px;
	float:left;
	text-align:left;
}
div#specialcontentsbox div.spcbox{
	margin-top:10px;
	width:320px;
}
div#specialcontentsbox div.spcbox div.boxl{
	width:155px;
	float:left;
}
div#specialcontentsbox div.spcbox div.boxr{
	width:155px;
	float:right;
}
div#specialcontentsbox p.spclinktext{
	height:14px;
	line-height:14px;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
}
div#specialcontentsbox p.spclinktext a{
	font-size:10px;
}

/*====================recommendplanbox====================*/
div#recommendplanbox{
	width:198px;
	float:right;
	text-align:left;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:10px;
}
img.titreco{
	padding-left:20px;
}
div#recommendplanbox p{
	width:186px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding-bottom:5px;
}
div#recommendplanbox div.rcmbox{
	width:181px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding-left:5px;
}
div#no01{
	background:url(../images/index/recommendplan01.gif) no-repeat;
}
div#no02{
	background:url(../images/index/recommendplan02.gif) no-repeat;
}
div#no03{
	background:url(../images/index/recommendplan03.gif) no-repeat;
	border-bottom:1px solid #dfdfdf;
}
div#recommendplanbox p.rcmlinktext{
	margin-left:25px;
	padding-top:3px;
	padding-left:10px;
	padding-bottom:8px;
	background:url(../images/common/icon_triangle.gif) no-repeat left 7px;
	line-height:14px;
	font-size:11px;
}
div#recommendplanbox p.rcmlinktext a{
	font-size:10px;
}
div#recommendplanbox div.rcmphoto{
	width:55px;
	float:left;
}
div#recommendplanbox div.cmetext{
	font-size:11px;
	line-height:14px;
	padding-right:5px;
	padding-bottom:8px;
	color:666666;
}
div#recommendplanbox div.cmetext a{
	color:666666;
	text-decoration:none;
}
div#recommendplanbox div.cmetext a:hover{
	color:666666;
	text-decoration:underline;
}

/*====================advantaggeousnewsbox====================*/
div#advantaggeousnewsbox{
	padding-top:10px;
	text-align:right;
	margin-bottom:20px;
	padding-left:9px;
	border-left:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#advantaggeousnewsbox img{
	margin-bottom:10px;
}
div#advantaggeousnewsbox img.last{
	margin-bottom:0;
}
/*====================whatsnewbox====================*/
div#whatsnewbox{
	padding-top:10px;
	padding-left:9px;
	padding-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#whatsnewbox dl{
	height:14px;
	padding:8px 15px;
	clear:both;
	border-bottom:1px dotted #bdab63;
}
div#whatsnewbox dt{
	width:70px;
	height:14px;
	line-height:14px;
	padding-right:15px;
	float:left
}
div#whatsnewbox dd{
	width:400px;
	height:14px;
	line-height:14px;
	padding-left:10px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
	overflow: hidden;
	float:right;
}

/*====================maindescription====================*/
div#maindescription{
	margin-top:5px;
	padding:10px;
	border:1px solid #dfdfdf;
	color:#999999;
}

/* -------------------------------------------------------
				CONTENTRIGHT
------------------------------------------------------- */
div#content-right{
	width:200px;
	float:right;
}
/*====================interviewbox====================*/
div#interviewbox{
	width:198px;
	text-align:left;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:10px;
}
div#interviewbox img.tit{
	margin-bottom:10px;
}
div#interviewbox p{
	width:186px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding-top:10px;
	padding-bottom:5px;
}
div#interviewbox dl{
	width:186px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:3px;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding-top:5px;
	padding-bottom:5px;
}
div#interviewbox dl.last{
	width:186px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:3px;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

div#interviewbox dt{
	width:60px;
	float:left;
	text-align:center;
}
div#interviewbox dd{
	width:110px;
	height:14px;
	line-height:14px;
	padding-left:10px;
	padding-right:5px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
	float:right;
}
div#interviewbox dd a{
	font-size:10px;
}
/*====================bnrrbox====================*/
dl#bnrrbox{
	padding-top:10px;
	clear:both;
}
dl#bnrrbox dt{
}
dl#bnrrbox dd{
	height:14px;
	line-height:14px;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
}
dl#bnrrbox dd a{
	font-size:10px;
}
/*====================salonlistbox====================*/
div#salonlistbox{
	width:178px;
	margin-bottom:10px;
	padding:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#salonlistbox dl{
}
div#salonlistbox dt{
	padding-left:18px;
	background:url(../images/common/icon_circletri.gif) no-repeat left center;
	font-weight:bold;
}
div#salonlistbox dd{
	padding-left:18px;
	margin-bottom:3px;
}
div#salonlistbox dd a{
	font-size:10px;
}