@charset "UTF-8";

/*topics
--------------------------------*/
/*body{background-color:#2E2E2E !important;}*/
body.stay_group{background-color:#2C333F !important;}
body.stay_adametrope{background-color:#3D4A66 !important;}
body.stay_pinceau {background-color:#B28E8F !important;}
body.stay_optitude{background-color:#262626 !important;}
body.stay_onlinestore{background-color:#2C333F !important;}

#wrap{
	background-image:url(../img/bg_wrap.gif);
	background-repeat:repeat-y;
}

#wrap #main{
	width:700px;
	float:left;
	background-color:#FFFFFF;
}

#wrap #main img{ vertical-align:top;}

#wrap #r_side{
	width:220px;
	float:right;
	padding-bottom:40px;
}

/*search*/
#wrap #r_side #search_box{
	margin:30px auto 14px auto;
}

#wrap #r_side #search_box .tit{ margin-bottom:12px;}

/*gnavi*/
#wrap #r_side #search_box .gnavi{
	width:170px;
	margin:0 auto;
}

#wrap #r_side #search_box .gnavi ul{ border-top:solid 1px #cccccc;}
#wrap #r_side #search_box .gnavi ul li{
	width:170px;
	border-bottom:solid 1px #cccccc;
}

#wrap #r_side #search_box .gnavi ul li a{
	display:block;
	overflow:hidden;
	width:170px;
	height:0 !important;
	height /**/: 26px ;
	padding-top:26px;
	background-image:url(../topics/img/topics_gnavi.jpg);
	background-repeat:no-repeat;
}

#wrap #r_side #search_box .gnavi ul li#gnavi_all a{ background-position:0 -1px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_group a{ background-position:0 -28px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_adametrope a{ background-position:0 -55px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_pinceau a{ background-position:0 -82px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_optitude a{ background-position:0 -109px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_onlinestore a{ background-position:0 -136px;}

/*Over*/
#wrap #r_side #search_box .gnavi ul li#gnavi_all a:hover{ background-position:-170px -1px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_group a:hover{ background-position:-170px -28px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_adametrope a:hover{ background-position:-170px -55px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_pinceau a:hover{ background-position:-170px -82px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_optitude a:hover{ background-position:-170px -109px;}
#wrap #r_side #search_box .gnavi ul li#gnavi_onlinestore a:hover{ background-position:-170px -136px;}

/*active*/
body.stay_all #wrap #r_side #search_box .gnavi ul li#gnavi_all a{ background-position:-170px -1px;}
body.stay_group #wrap #r_side #search_box .gnavi ul li#gnavi_group a{ background-position:-170px -28px;}
body.stay_adametrope #wrap #r_side #search_box .gnavi ul li#gnavi_adametrope a{ background-position:-170px -55px;}
body.stay_pinceau #wrap #r_side #search_box .gnavi ul li#gnavi_pinceau a{ background-position:-170px -82px;}
body.stay_optitude #wrap #r_side #search_box .gnavi ul li#gnavi_optitude a{ background-position:-170px -109px;}
body.stay_onlinestore #wrap #r_side #search_box .gnavi ul li#gnavi_onlinestore a{ background-position:-170px -136px;}


#wrap #r_side #search_box .select_box{
	width:170px;
	height:40px;
	margin:0 auto;
}

.jqTransformSelectWrapper{
	width:170px !important;
}

.jqTransformSelectWrapper ul{ width:168px !important;}

#wrap #r_side .whiteline{
	border-bottom:solid 1px #ffffff;
	padding-bottom:20px;
	margin-bottom:20px;
}

#wrap #r_side .bn_box{
	width:170px;
	margin:0 auto;
}

#wrap #r_side .bn_box ul{}


#wrap #r_side .bn_box ul li{ margin-bottom:5px;}
#wrap #r_side .bn_box ul li img{ vertical-align:top;}

/*固定バナー*/
#wrap #r_side .bn_box ul.bn_s{
	border-top:solid 1px #CDCDCD;
	border-left:solid 1px #CDCDCD;
	border-right: solid 1px #CDCDCD;
}

#wrap #r_side .bn_box ul.bn_s li{ border-bottom:solid 1px #CDCDCD; }
#wrap #r_side .bn_box ul.bn_s li img{ vertical-align:top;}






#wrap #main .tit,
#wrap #main .tit_date{
	background-image:url(../img/ic_diamond.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:8px;
	font-size:14px;
	font-weight:normal;
	border-bottom:solid 1px #D9D9D9;
	font-family:"Times New Roman", Times, serif;
}

#wrap #main .tit_date{
	border-bottom:none;
	margin-bottom:30px;
	padding-bottom:0;
}

/*toppics_list
*********************/
#main #toppics_list{
	width:640px;
	margin:29px auto 0 auto;
	padding-bottom:20px;
}

#main #toppics_list dl.list{
	padding-bottom:7px;
	border-bottom:solid 1px #D9D9D9;
	margin-bottom:7px;
}

#main #toppics_list dl.list dt{
	width:150px;
	float:left;
}

#main #toppics_list dl.list dd{
	width:474px;
	float:right;
	padding-top:5px;
}

#main #toppics_list dl.list dd span{ display:block;}

#main #toppics_list dl.list dd span.ic_box{
	margin-bottom:20px;
	font-size:10px;
	line-height:1;
}

#main #toppics_list dl.list dd span.date{
	margin-bottom:3px;
	font-size:10px;
	color:#808080;
}

#main #toppics_list dl.list dd .stit{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

#main #toppics_list dl.list dd .txt{
	font-size:10px;
	color:#808080;
	margin-bottom:1em;
}


#main #toppics_list dl.noline{
	border-bottom:none;
}


/*detail
*********************/
#main #toppics_list .detail_box{
	width:644px;
	margin:0 auto;
	padding-bottom:14px;
	font-size:10px;
	line-height:150%;
}

#main #toppics_list .detail_box h1{
	font-size:12px;
	color:#595959;
	font-weight:bold;
	margin-bottom:20px;
}

#main #toppics_list .detail_box p{ margin-bottom:1em;}

#main #toppics_list .detail_box .detail_l_box{
	width:330px;
	float:left;
}

#main #toppics_list .detail_box .detail_l_box img{ margin-bottom:10px;}

#main #toppics_list .detail_box .detail_r_box{
	width:285px;
	float:right;
}

#main #toppics_list .detail_box .detail_r_box a{ color:#466F99; text-decoration:underline !important;}
#main #toppics_list .detail_box .detail_r_box a:visited{color:#466F99; text-decoration: underline !important;}
#main #toppics_list .detail_box .detail_r_box a:hover{color:#466F99; text-decoration: none !important;}


#main #toppics_list .detail_box .detail_r_box .line{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #d9d9d9;
}

#main #toppics_list .detail_box .detail_r_box .line2{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #d9d9d9;
}


#main #toppics_list .detail_box .detail_r_box .bor_line{
	border:solid 1px #d9d9d9;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
}

/*table*/
table.topics_tab{}

table.topics_tab th,
table.topics_tab td{
	padding:5px;
	border:solid 1px #cccccc;
	font-weight:normal;
}

table.topics_tab th{
	width:70px;
	text-align:left;
	background-color:#eeeeee;
}

#main #toppics_list .long .detail_r_box{
	width:auto !important;
	float:none !important;
}

/*foot page link*/
#main .foot_link_box{
	width:644px;
	height:23px;
	margin:0 auto;
	padding-top:19px;
	clear:both;
	border-top:solid 1px #D9D9D9;
}

#main .foot_link_box ul{
	width:68px;
	background-image:url(../shoplist/img/bg_arrow_line.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}

#main .foot_link_box ul li{
	width:21px;
	float:left;
}

#main .foot_link_box ul li.ic_r{ float:right;}

#main .foot_link_box span.link_txt{
	width:563px;
	display:block;
	float:right;
	text-align:right;
}



/*page link*/
#wrap .pagelink{
	width:640px;
	padding-bottom:0;
	padding-top:12px;
	font-size:10px;
	color:#333333;
	clear:both;
}

#wrap .pagelink a{color: #999999; text-decoration: underline;}
#wrap .pagelink a:visited{color: #999999; text-decoration: underline;}
#wrap .pagelink a:hover{color: #aaaaaa;	text-decoration: none;}
#wrap .pagelink a:active{color: #999999; text-decoration: underline;}

#wrap .pagelink ul{
	width:68px;
	background-image:url(../shoplist/img/bg_arrow_line.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}

#wrap .pagelink ul li{
	width:21px;
	float:left;
}

#wrap .pagelink ul li.ic_r{ float:right;}

#wrap .pagelink span.link_txt{
	width:572px;
	display:block;
	float:right;
	text-align:right;
}