@charset "Shift-JIS";

@import "./base.css";

/*===================================
�š�@ƒXƒ^ƒWƒIƒAƒŠƒX�@�š
�™�@ƒuƒ‰ƒ“ƒhˆß‘•�@�™
	
=========================================

�¡‚P�D‹¤’Ê�€–Ú
	�E‚P-‚P�@base.css’ljÁ�€–Ú
	�E‚P-‚Q�@�à–¾ƒeƒLƒXƒg
	�E‚P-‚R�@�¶ƒiƒr
	�E‚P-‚S�@ŽB‰eWEB—\–ñ
	
�¡‚Q.ƒuƒ‰ƒ“ƒh�Ú�×	
	�E‚Q-‚P�@MENU
	�E‚Q-‚Q�@ƒuƒ‰ƒ“ƒh•Ê�Ý’è
	�E‚Q-‚R�@ƒRƒ“ƒeƒ“ƒc�¶�iŽÊ�^‘å�j
	�E‚Q-‚S�@ƒRƒ“ƒeƒ“ƒc‰E�iŽÊ�^ƒTƒ€ƒl�[ƒ‹�j
	
=========================================

	�E‚P-‚P�@base.css’ljÁ�€–Ú

=========================================*/

body{
	behavior:url("../../common/js/csshover.htc"); 
}

#header{
	padding:0 0 7px;
	background:url(../img/header_line.gif) repeat-x bottom;
}

#content{
	background:url(../img/bg_left.gif) repeat-y left;
}

#pagetitle{
	background: url(../../clothes/img/clt_ttl.jpg) no-repeat;
	width: 870px;
	height: 80px;
}

h2#brand{
	background: url(../../clothes/brand/img/clt_dtl_ttl.gif);
	width: 632px;
	height: 33px;
}

/*=========================================

	�E‚P-‚Q�@�à–¾ƒeƒLƒXƒg
	
=========================================*/

#clt-txt{
	width:624px;
	margin:15px auto;
	line-height:1.6em;
}

#clt-txt img{
	float:right;
	margin:0 0 0 10px;
}

#clt-txt span{
	font-weight:bolder;
}

#clt-txt02{
	width:624px;
	margin:10px auto 5px auto;
	line-height:1.6em;
}

/*=========================================

	�E‚P-‚R�@�¶ƒiƒr
	
=========================================*/

#content-nav ul{
	width:177px;
	margin:5px auto;
	background:#ffffff;
}

#content-nav li{
	width:171px;
	margin:0 auto;
	padding:3px 0;
	background:url(../img/dot_orange.gif) repeat-x bottom;
	line-height:0;
	vertical-align: bottom;
}

#content-nav li.clt-nav-end{
	background:none;
}

#content-nav li a{
	display:block;
	padding:8px;
	color:#af566e;
	text-decoration:none;
	line-height:normal;
}


#content-nav ul#ttl-slct00 li#slct00 a#slct00-a,
#content-nav ul#ttl-slct01 li#slct01 a#slct01-a,
#content-nav ul#ttl-slct02 li#slct02 a#slct02-a,
#content-nav ul#ttl-slct03 li#slct03 a#slct03-a,
#content-nav ul#ttl-slct04 li#slct04 a#slct04-a,
#content-nav ul#ttl-slct05 li#slct05 a#slct05-a,
#content-nav ul#ttl-slct06 li#slct06 a#slct06-a,
#content-nav ul#ttl-slct07 li#slct07 a#slct07-a,
#content-nav ul#ttl-slct08 li#slct08 a#slct08-a,
#content-nav ul#ttl-slct09 li#slct09 a#slct09-a,
#content-nav ul#ttl-slct10 li#slct09 a#slct10-a,
#content-nav ul#ttl-slct11 li#slct09 a#slct11-a,
#content-nav ul#ttl-slct12 li#slct09 a#slct12-a,
#content-nav li a:hover{
	color:#FFFFFF;
	background:#f599c1;
}


#content-nav a#slct06-a:hover{
	color:#af566e;
	background:#FFF;
}


#content-nav dl{
	margin:0 0 0 14px;
}

#content-nav dd{
	padding:8px 0 8px 8px;
	border-bottom:1px solid #fbe7f0;
}

#content-nav dd span{
	font-size:80%;
}

#content-nav dd.clt-snav-end{
	border:none;
}

#content-nav dd a{
	padding:0 0 0 10px;
	color:#797979;
	text-decoration:none;
	background:url(../img/cnt_l_arrow_gry.gif) no-repeat 0 3px;
}

#content-nav dd#activ a,
#content-nav dd a:hover{
	color:#ed7aac;
	background:url(../img/cnt_l_arrow_pink.gif) no-repeat 0 3px;
}

#content-nav dl{
	display:none;
}

#content-nav ul#ttl-slct01 li#slct01 dl,
#content-nav ul#ttl-slct02 li#slct02 dl,
#content-nav ul#ttl-slct03 li#slct03 dl,
#content-nav ul#ttl-slct04 li#slct04 dl,
#content-nav ul#ttl-slct05 li#slct05 dl,
#content-nav ul#ttl-slct06 li#slct06 dl,
#content-nav ul#ttl-slct07 li#slct07 dl,
#content-nav ul#ttl-slct08 li#slct08 dl,
#content-nav ul#ttl-slct09 li#slct09 dl,
#content-nav ul#ttl-slct10 li#slct10 dl,
#content-nav ul#ttl-slct11 li#slct11 dl,
#content-nav ul#ttl-slct12 li#slct12 dl{
	display:block;
}


/*=========================================

	�E‚P-‚S�@ŽB‰eWEB—\–ñ
	
=========================================*/

#clt-dtl-appo{
	margin:25px 0 0;
	padding:25px 0 10px;
	text-align:center;
	background:url(../img/dot_green.gif) repeat-x top;
}


#clt-dtl-appo-bk{
	padding:30px 0 5px;
	text-align:center;
	background:#FFF;
}


#btn-appo-plus{
	margin:0 auto;
	width:440px;
}

#btn-appo-plus li#btn-appo-plusL{
	float:left;
	width:234px;
}

#btn-appo-plus li#btn-appo-plusR{
	float:right;
	width:150px;
}

.clearstyle {
	background: none;
	height:0px;
}


/*=========================================

�¡‚Q.ƒuƒ‰ƒ“ƒh�Ú�×
	
=========================================

	�E‚Q-‚P�@MENU
	�E‚Q-‚Q�@ƒuƒ‰ƒ“ƒh•Ê�Ý’è
	�E‚Q-‚R�@ƒRƒ“ƒeƒ“ƒc�¶�iŽÊ�^‘å�j
	�E‚Q-‚S�@ƒRƒ“ƒeƒ“ƒc‰E�iŽÊ�^ƒTƒ€ƒl�[ƒ‹�j

=========================================*/

.brand2010-menu{
	margin:20px 0 10px;
	height:264px;
	background:url(../../clothes/brand/img2010/brand_ttl_bg.gif) no-repeat;
}

.brand2010-menu ul{
	margin:0 0 0 8px;
	overflow:hidden;
	_zoom:1;
}

.brand2010-menu li{
	float:left;
	margin:0 0 5px 3px;
}


/*=========================================

	�E‚Q-‚Q�@ƒuƒ‰ƒ“ƒh•Ê�Ý’è

=========================================*/
.brand2010-bonreve-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/bonreve/brand_in.gif) repeat-y;
}

.brand2010-bonreve-top{
	background:url(../../clothes/brand/img2010/bonreve/brand_top.gif) no-repeat top;
}

.brand2010-bonreve-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/bonreve/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-bonreve-end .photo-list li{
	background:url(../../clothes/brand/img2010/bonreve/brand_img_bg.gif) no-repeat;
}

.brand2010-seiko-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/seiko/brand_in.gif) repeat-y;
}

.brand2010-seiko-top{
	background:url(../../clothes/brand/img2010/seiko/brand_top.gif) no-repeat top;
}

.brand2010-seiko-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/seiko/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-seiko-end .photo-list li{
	background:url(../../clothes/brand/img2010/seiko/brand_img_bg.gif) no-repeat;
}

.brand2010-otoha-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/otoha/brand_in.gif) repeat-y;
}

.brand2010-otoha-top{
	background:url(../../clothes/brand/img2010/otoha/brand_top.gif) no-repeat top;
}

.brand2010-otoha-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/otoha/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-otoha-end .photo-list li{
	background:url(../../clothes/brand/img2010/otoha/brand_img_bg.gif) no-repeat;
}

.brand2010-ririsyu-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/ririsyu/brand_in.gif) repeat-y;
}

.brand2010-ririsyu-top{
	background:url(../../clothes/brand/img2010/ririsyu/brand_top.gif) no-repeat top;
}

.brand2010-ririsyu-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/ririsyu/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-ririsyu-end .photo-list li{
	background:url(../../clothes/brand/img2010/ririsyu/brand_img_bg.gif) no-repeat;
}

.brand2010-mazzo-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/mazzo/brand_in.gif) repeat-y;
}

.brand2010-mazzo-top{
	background:url(../../clothes/brand/img2010/mazzo/brand_top.gif) no-repeat top;
}

.brand2010-mazzo-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/mazzo/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-mazzo-end .photo-list li{
	background:url(../../clothes/brand/img2010/mazzo/brand_img_bg.gif) no-repeat;
}

.brand2010-tout-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/tout/brand_in.gif) repeat-y;
}

.brand2010-tout-top{
	background:url(../../clothes/brand/img2010/tout/brand_top.gif) no-repeat top;
}

.brand2010-tout-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/tout/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-tout-end .photo-list li{
	background:url(../../clothes/brand/img2010/tout/brand_img_bg.gif) no-repeat;
}

.brand2010-petite-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/petite/brand_in.gif) repeat-y;
}

.brand2010-petite-top{
	background:url(../../clothes/brand/img2010/petite/brand_top.gif) no-repeat top;
}

.brand2010-petite-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/petite/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-petite-end .photo-list li{
	background:url(../../clothes/brand/img2010/petite/brand_img_bg.gif) no-repeat;
}

.brand2010-tsuruno-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/tsuruno/brand_in.gif) repeat-y;
}

.brand2010-tsuruno-top{
	background:url(../../clothes/brand/img2010/tsuruno/brand_top.gif) no-repeat top;
}

.brand2010-tsuruno-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/tsuruno/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-tsuruno-end .photo-list li{
	background:url(../../clothes/brand/img2010/tsuruno/brand_img_bg.gif) no-repeat;
}

.brand2010-ryoma-in{
	margin:0 auto 15px;
	background:url(../../clothes/brand/img2010/ryoma/brand_in.gif) repeat-y;
}

.brand2010-ryoma-top{
	background:url(../../clothes/brand/img2010/ryoma/brand_top.gif) no-repeat top;
}

.brand2010-ryoma-end{
	padding:4px;
	background:url(../../clothes/brand/img2010/ryoma/brand_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.brand2010-ryoma-end .photo-list li{
	background:url(../../clothes/brand/img2010/ryoma/brand_img_bg.gif) no-repeat;
}


/*=========================================

	�E‚Q-‚R�@ƒRƒ“ƒeƒ“ƒc�¶�iŽÊ�^‘å�j

=========================================*/

.brand2010-photosL{
	float:left;
	width:286px;
}

.target{
	background:#FFF;
}

p.photo-caption{
	margin:10px auto;
	text-align:center;
	color:#FFF;
}


/*=========================================

	�E‚Q-‚S�@ƒRƒ“ƒeƒ“ƒc‰E�iŽÊ�^ƒTƒ€ƒl�[ƒ‹�j

=========================================*/

.brand2010-photosR{
	float:right;
	width:334px;
}

.brand2010-photosR h3{
	text-align:center;
}

.brand2010-photosR p.readtxt{
	margin:0 auto 10px;
	width:300px;
	min-height:110px;
	_height:100px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.6em;
}

.photo-list{
	margin:0 auto;
	width:312px;
	height:285px;
	text-align:center;
	overflow:auto;
}

.photo-list ul{
	margin:0 auto;
	width:292px;
	overflow:hidden;
	_zoom:1;
}

.brand2010-photosR li{
	float:left;
	width:73px;
	height:95px;
}


.photo-list li a{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:2px ;
	background:#FFF;
	
}

.photo-list li a:hover{
	background:#f599c1;
}

.brand2010-photosR p.clicktxt{
	padding:5px;
	text-align:center;
}


p.brand-caretxt{
	width:612px;
	margin:5px auto 20px;
}

p.brand-caretxt span{
	display:block;
	text-indent:-1em;
	padding:0 0 0 1em;
}