@charset "shift_jis";
/* CSS Document */


#feature .inner ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

/* ======================== mainContents =============================*/

#mainContents h2{
	border-bottom:1px solid #D83980;
	margin-bottom:16px;
}
#mainContents h2 span{
	display:inline-block;
	padding:0 10px;
	border-bottom:2px solid #FF86AA;
	color:#404040;
	font-size:17px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}
#mainContents .arrow{
	text-align:right;
	position:absolute;
	right:0;
	top:5px;
}
#mainContents .arrow a{
	padding-left:14px;
	background:url(../img/common/icon_arrow.gif) no-repeat left 3px;
	color:#D11473;
}

#root{
	*margin:0 !important;
}

/* ---------------------- topBanner ----------------------- */

#mainContents .topBanner{
	margin-bottom:7px;
}

/* ---------------------- mainVisual ---------------------- */

#mainVisual{
	width:748px;
	position:relative;
}
#mainVisual .carousel-inner{
	padding:3px;
	border:1px solid #E7E6E2;
}
#mainVisual .carousel-inner .box{
	width:740px;
	height:222px;
	overflow:hidden;
}
#mainVisual .carousel-inner .box .itemBox{
	float:left;
}
#mainVisual .carousel-inner .box{
	overflow:hidden;
	zoom:1;
}
#mainVisual .carousel-inner .itemBox{
	float:left;
	width:740px;
}
#mainVisual .thumbBox{
	margin-left:24px;
	margin-top:10px;
	overflow:hidden;
	zoom:1;
}
#mainVisual .thumbBox .itemBox{
	margin-right:4px;
	float:left;
	border:2px solid #DDD;
}
#mainVisual .btnl{
	position:absolute;
	bottom:14px;
	left:0;
	cursor:pointer;
}
#mainVisual .btnr{
	position:absolute;
	bottom:14px;
	right:0;
	cursor:pointer;
}
#mainVisual .thumbBox .itemBox.act{
	border:2px solid #FF80A6;
}
#mainVisual .thumbWrap{
	position:relative;
}
#mainVisual .arrow{
	position:static;
	padding-top:10px;
}

/* ---------------------- News&feature_carousel ---------------------- */

#mainContents .carousel-layout{
	width:732px;
	position:relative;
	padding:12px 8px 18px 8px;
	background:#F5F0EB;
}
#mainContents .carousel-layout .carousel-inner{
	*position:relative;
}
#mainContents .carousel-layout .carousel-inner,
#mainContents .carousel-layout .carousel-inner .itemWrap{
	overflow:hidden;
	zoom:1;
}
#mainContents .carousel-layout .carousel-inner .itemWrap{
	float:left;
	width:732px;
}
	
#mainContents .carousel-layout .carousel-inner .itemBox{
	width:100px;
	float:left;
	margin-right:4px;
	margin-left:4px;
	padding:9px 6px;
	border:1px solid #E1D2C4;
	background:#FFF;
	position:relative;
}
#mainContents .carousel-layout .carousel-inner .itemBox .name{
	font-size:11px;
	padding-top:12px;
}

#mainContents .carousel-layout .carousel-inner .itemBox .price{
	color:#F00;
	font-size:15px;
}
#mainContents .carousel-layout .carousel-inner .itemBox .price span,
#mainContents .carousel-layout .carousel-inner .itemBox .price.fix{
	font-size:11px;
}
#mainContents .carousel-layout .carousel-inner .itemBox .price .vipprice{
	font-size:12px;
}
#mainContents .carousel-layout .carousel-inner .itemBox .oldprice{
	padding-top:6px;
	padding-bottom:3px;
	color:#F00;
}
#mainContents .carousel-layout .carousel-inner .itemBox .oldprice span{
	font-size:11px;
}
#mainContents .carousel-layout .carousel-inner .itemBox .icon{
	position:absolute;
	left:-1px;
	top:-1px;
}
#mainContents .carousel-layout .pageNation{
	padding-top:18px;
	text-align:center;
}
#mainContents .carousel-layout .pageNation li{
	width:11px;
	height:11px;
	overflow:hidden;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	margin:0 6px;
	background:url(../img/top/carousel_pagenation.gif) no-repeat left top;
	cursor:pointer;
}
#mainContents .carousel-layout .pageNation li.act{
	background:url(../img/top/carousel_pagenation.gif) no-repeat left -11px;
}
#mainContents .carousel-layout .btnl,
#mainContents .carousel-layout .btnr{
	position:absolute;
	left:260px;
	bottom:18px;
}
#mainContents .carousel-layout .btnr{
	left:auto;
	right:260px;
}

/* ---------------------- feature ---------------------- */

#feature{
	background:url(../img/top/feature_bgtop.gif) no-repeat;	
	padding-top:18px;
	position:relative;
	margin-top:10px !important;
}
#feature .inner{
	width:710px;
	background:url(../img/top/feature_bgm.gif) no-repeat left bottom;	
	padding:0 19px 18px;
}
#feature .inner h2{
	width:710px;
	height:28px;
	background:url(../img/top/feature_ttl.gif) no-repeat;
	border-bottom:1px solid #FFBFD1;
	padding-bottom:10px;
	margin-bottom:8px;
	font-weight:normal;
}
#feature .inner p{
	font-size:13px;
	margin-bottom:10px;
}
#feature .inner ul{
	margin-left:-16px;
}
#feature .inner ul li{
	float:left;
	padding-left:16px;
}
#feature .inner ul li a{
	height:38px;
	display:block;
}
#feature .inner ul li.feature1 a{
	width:122px;
	background:url(../img/top/feature_txt1.gif) no-repeat;
}
#feature .inner ul li.feature2 a{
	width:130px;
	background:url(../img/top/feature_txt2.gif) no-repeat;
}
#feature .inner ul li.feature3 a{
	width:129px;
	background:url(../img/top/feature_txt3.gif) no-repeat;
}
#feature .inner ul li.feature4 a{
	width:131px;
	background:url(../img/top/feature_txt4.gif) no-repeat;
}
#feature .inner ul li.feature5 a{
	width:130px;
	background:url(../img/top/feature_txt5.gif) no-repeat;
}
#feature .inner .btn{
	position:absolute;
	right:19px;
	top:15px;
}

/* ---------------------- news ---------------------- */

#news ul{
	margin-top:-14px;
}
#news ul li{
	padding:10px 0 10px 10px;
	background:url(../img/common/dotted_g.gif) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
}
#news ul li dl dt{
	width:74px;
	float:left;
}
#news ul li dl dd{
	width:664px;
	float:left;
	/*text-indent:-0.5em;*/
}
#news ul li dl dd a{
	color:#D11473;
}

/* ------------------- ranking ---------------------- */

#ranking .inner{
	width:724px;
	padding:12px;
	background:#F5F5F5;
}
#ranking .inner .rankingBox{
	margin-bottom:20px;
	position:relative;
}
#ranking .inner .rankingBox.fix{
	margin-bottom:0;
}
#ranking .inner .rankingBox h3{
	height:23px;
	padding-top:6px;
	padding-bottom:5px;
	margin-bottom:12px;
	background:url(../img/top/ranking_ttl_bg.gif) repeat-x left top;
	font-weight:normal;
}
#ranking .inner .rankingBox h3 span{
	height:23px;
	padding-left:34px;
	font-size:16px;
	background:url(../img/top/ranking_ttl_icon.gif) no-repeat left top;
	font-weight:bold;
	color:#3F3F3F;
	vertical-align:middle;
}
#ranking .inner .rankingBox ul li{
	width:126px;
	border:1px solid #E1D2C4;
	padding:6px;
	float:left;
	margin-left:6px;
	background:#FFF;
	position:relative;
}
#ranking .inner .rankingBox ul li:first-child{
	margin-left:0;
}
#ranking .inner .rankingBox ul li .imgBox{
	text-align:center;
	padding-bottom:10px;
	padding-top:32px;
}
#ranking .inner .rankingBox ul li .price{
	font-size:17px;
	color:#F00;
}
#ranking .inner .rankingBox ul li .vipprice{
	font-size:12px;
}
#ranking .inner .rankingBox ul li .oldprice{
	padding-top:6px;
}
#ranking .inner .rankingBox ul li strike{
	text-decoration:line-through;
	font-size:14px;
}
#ranking .inner .rankingBox ul li strike.tax{
	font-size:11px;
}
#ranking .inner .rankingBox ul li .price span,
#ranking .inner .rankingBox ul li .price.fix{
	font-size:12px;
}
#ranking .inner .rankingBox ul li .no{
	position:absolute;
	top:5px;
	left:-1px;
}
#ranking .inner .rankingBox .arrow{
	top:9px;
}

/* ------------------ bulkorder -------------------- */

#bulkorder .inner{
	width:724px;
	margin:0 auto;
}

#bulkorder .inner ul{
	margin-left:-12px;
	margin-top:-12px;
}
#bulkorder .inner ul li{
	width:356px;
	float:left;
	margin-left:12px;
	margin-top:12px;
}

/* ------------------- pickup ---------------------- */

#pickup .inner{
	width:724px;
	margin:0 auto;
}
#pickup .inner ul{
	margin-left:-11px;
	margin-top:-20px;
}
#pickup .inner ul li{
	width:234px;
	padding-left:11px;
	padding-top:20px;
	float:left;
}
#pickup .inner ul li .txt{
	padding-top:6px;
}
#pickup .inner ul li .txt a{
	padding-left:14px;
	background:url(../img/common/icon_arrow.gif) no-repeat left 3px;
	display:block;
}

/* ------------------- movie ---------------------- */

#movie .movieBox{
	width:720px;
	border:1px solid #FFC4D1;
	border-radius:0 0 6px 6px;
	border-top:none;
	padding:5px 13px 18px;
}
#movie .carousel-inner{
	overflow:hidden;
	zoom:1;
}
#movie .carousel-inner .itemWrap{
	float:left;
	width:720px;
}
#movie .carousel-inner .itemBox{
	width:220px;
	float:left;
	padding:0 10px;
}
#movie .carousel-inner .itemBox .txt{
	padding-top:6px;
}
#movie .carousel-inner .itemBox .txt a{
	padding-left:18px;
	background:url(../img/top/movie_icon.gif) no-repeat left -1px;
	display:block;
}
#movie .btnl,#movie .btnr{
	position:absolute;
	bottom:18px;
	cursor:pointer;
}
#movie .btnl{
	left:260px;
}
#movie .btnr{
	right:260px;
}
#movie .pageNation{
	padding-top:18px;
	text-align:center;
}
#movie .pageNation li{
	width:11px;
	height:11px;
	overflow:hidden;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	margin:0 6px;
	background:url(../img/top/carousel_pagenation.gif) no-repeat left top;
	cursor:pointer;
}
#movie .pageNation li.act{
	background:url(../img/top/carousel_pagenation.gif) no-repeat left -11px;
}

/* ------------------- repo ---------------------- */

#repo .detailtxt{
	position:absolute;
	right:0;
	top:4px;
}
#repo .inner{
	width:748px;
	background:url(../img/top/repo_bgm.gif) no-repeat left bottom;
}
#repo .inner ul{
	width:682px;
	padding:12px 32px 32px;
	background:url(../img/top/repo_bgtop.gif) no-repeat left top;
}
#repo .inner ul li{
	overflow:hidden;
	zoom:1;
	padding-top:20px;
}
#repo .inner ul li .imgBox{
	width:324px;
	float:left;
	margin-right:24px;
}
#repo .inner ul li .txtBox{
	width:334px;
	float:left;
}
#repo .inner ul li .txtBox h3{
	font-size:18px;
	color:#D8387F;
	padding-bottom:5px;
	background:url(../img/common/dotted_p.gif) repeat-x left bottom;
	margin-bottom:6px;
	font-weight:normal;
}
#repo .inner ul li .txtBox address a{
	color:#D8387F;
}
#repo .inner ul li .txtBox .txt1{
	font-size:13px;
	padding-top:12px;
	line-height:1.6;
}

/* ------------------- seminar ---------------------- */

#seminar .inner{
	margin-top:-8px;
}
#seminar .inner .cntBox{
	width:724px;
	margin:24px auto 0;
}
#seminar .inner .cntBox h3{
	color:#D11372;
	font-size:16px;
	background:url(../img/top/seminar_icon.gif) no-repeat left top;
	padding:2px 14px 0;
	height:22px;
	font-weight:normal;
}
#seminar .inner .cntBox p.txt1{
	font-size:13px;
	margin-top:8px;
	margin-bottom:8px;
}
#ml ul{
	margin-top:-8px;
}
#ml ul li{
	float:left;
	margin-left:12px;
	margin-top:12px;
}
#ml ul li:first-child{
	margin-left:0;
}

/* --------------------- job ----------------------- */

#job .inner,
#article .inner{
	width:704px;
	padding:21px;
	border:1px solid #DDD;
	position:relative;
}
#job .inner .ttlBox,
#article .inner .ttlBox{
	padding-bottom:16px;
	background:url(../img/top/job_dotted.gif) repeat-x left bottom;
	margin-bottom:22px;
}
#job .inner .ttlBox h3,
#article .inner .ttlBox h3,
#job .inner .ttlBox p,
#article .inner .ttlBox p{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	vertical-align:top;
}
#job .inner .ttlBox h3,
#article .inner .ttlBox h3{
	font-size:14px;
}
#job .inner .btn,
#article .inner .btn{
	position:absolute;
	right:21px;
	top:24px;
}
#job .inner ul{
	margin-bottom:10px;
}
#job .inner ul li{
	width:346px;
	float:left;
	margin-left:12px;
}
#job .inner ul li:first-child{
	margin-left:0;
}
#job .inner .annotation,
#article .inner .annotation{
	font-size:11px;
	text-indent:-1em;
	margin-left:1em;
}

/* --------------------- article ----------------------- */

#article .cntBox{
	margin-bottom:20px;
}
#article .cntBox h4{
	font-size:16px;
	margin-bottom:8px;
	padding-left:30px;
	padding-top:3px;
	height:23px;
	font-weight:normal;
}
#article .cntBox.article1 h4{
	color:#D11372;
	background:url(../img/top/article_icon1.gif) no-repeat left top;
	font-weight:normal;
}
#article .cntBox.article2 h4{
	color:#246486;
	background:url(../img/top/article_icon2.gif) no-repeat left top;
	font-weight:normal;
}
#article .cntBox .layout{
	width:648px;
	height:87px;
	padding:12px 28px;
	position:relative;
	overflow:hidden;
}
#article1_carousel{
	background:url(../img/top/saloninfo1_bg.gif) repeat;
}
#article2_carousel{
	background:url(../img/top/saloninfo2_bg.gif) repeat;
}
#article .cntBox .layout .carousel-inner{
	overflow:hidden;
}
#article .cntBox .layout .carousel-inner .itemWrap{
	float:left;
	width:648px;
}
#article .cntBox .layout .carousel-inner .carousel-move .itemBox{
	width:198px;
	border:1px solid #666;
	float:left;
	padding:5px;
	margin-left:3px;
	margin-right:3px;
	overflow:hidden;
	zoom:1;
	background:#FFF;
}
#article .cntBox .layout .carousel-inner .carousel-move .itemBox .imgBox,
#article .cntBox .layout .carousel-inner .carousel-move .itemBox .txtBox{
	height:75px;
	float:left;
}
#article .cntBox .layout .carousel-inner .carousel-move .itemBox .imgBox{
	width:100px;
	padding-right:8px;
}
#article .cntBox .layout .carousel-inner .carousel-move .itemBox .txtBox{
	width:90px;
	overflow:hidden;
	font-size:11px;
}
#article .cntBox .layout .btnl,
#article .cntBox .layout .btnr{
	position:absolute;
	top:48px;
}
#article .cntBox .layout .btnl{
	left:10px;
}
#article .cntBox .layout .btnr{
	right:10px;
}
#article .btn{
	text-align:center;
}