@charset "utf-8";
/*----------------------header---------------------------------------*/
body {font: 12px/1.5 'Lucida Grande',Helvetica; margin: 0; overflow: visible; padding: 0;}
#header{width:980px; margin:0 auto; position:relative; padding-top:10px;}
#header .maintitle{float:left;}
.h1ttl{width:850px; margin:0 auto; color: #C0B6B5;
    font-size: 10px;
    font-weight: normal;
	position: absolute;
    top: 10px;}
#header .header_right{float:right; width:600px;}
/*#header .header_right ul{margin:10px 0 5px 0; float:left; }
#header .header_right ul a{color:#808080; text-decoration:none; font-size:10px;}
#header .header_right ul li{display:inline; padding:2px 10px 2px 15px; background:url(/images/side/mari_ya.gif) no-repeat scroll 2px 2px;}*/
.header_right{ padding-top:20px;}
.header_right .subNav{ float: right;}
.header_right .subNav li{ width:70px; height:60px; display: block; float: left; margin-left:8px; position:relative;}
/*.header_right .subNav li.btnFavorite{ width:110px;}*/
.header_right .subNav li.btnFavorite span{ background: none repeat scroll 0 0 #fff; border: 1px solid #000; border-radius: 50%; color: #e83c4c; display: block; font-size: 9px; font-weight: bold; line-height: 23px; margin-top: -5px;
padding: 0 3px; position: absolute; left: -18px; text-align: center; top: 0;
/*display: block; width:23px; height:23px; background: url(/images/header/bgCircle.png) no-repeat right top; position: absolute; top:0; right:0; margin-top:-5px; text-align: center; line-height:23px; font-size:9px; color:#e83c4c; font-weight:bold;*/}

#header .header_search form{margin:0 15px 0 10px; padding:7px 0;}
#header .header_search{background:url(/images/header/ss_bg.jpg) no-repeat scroll 0 0; float:right;}
#header #searchbt2{background:url(/images/header/search_btn.gif) no-repeat scroll 0 0; cursor: pointer; height:17px; width:20px; border:none; display:inline;}
#header .searchForm{float:none; margin:0 0 0 3px; width:172px;}
#header #searchbt{float:none; margin:0 0 0 5px; display:inline; background:url(/images/side/serach_btn2.gif) no-repeat scroll 0 0; width:45px;}
#header .header_right p{text-align:right; margin:0;}
#header .maintitle img{margin-top:10px; padding-top:5px;}

#header_menu{background-color:#000000; margin:15px 0 15px 0;}
#header_menu ul{margin:0 auto; width:980px;}
#header_menu li{float:left;}
#header_menu li img{ display:block;}


/* searchBox */
.searchCon{ width: 250px;margin-top:10px}

.searchCon form{ border: 1px solid #000; background-color: #fff; width:248px; float: right;}
.searchCon form:before, .searchCon form:after{ display: table; line-height: 0; content: "";}
.searchCon input.searchBox { border: none; border-radius: 0; box-shadow: none; color:#666; width:76%; height: 20px; line-height: 20px; padding: 4px; vertical-align: middle; margin-right:0;}
.searchCon .searchBtn{ border: none; border-radius: 0; display: block; float:right; margin-bottom: 0;text-shadow: none; vertical-align: middle; cursor: pointer;}
.searchCon button{ background-color: #000; width:42px;}
.searchCon button,
.searchCon button img{ border: 0 !important; padding: 0; height:28px; overflow: hidden;}
.searchCon button:hover{ opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity = 60);}


#s_footer{ background-color:#5b595a; padding: 10px 0;}
#s_footer .searchCon{ width:980px; margin: 0 auto; clear: both; float: none; padding: 0;}
#s_footer .searchCon form{ width:288px; float: none;}
#s_footer input.searchBox{ width:80%;}


/*-----barMenu-----*/
.fixed { position: fixed; top: 0; left: 0; width: 100%;}
#barMebu{ background-color: #eda4aa; height:27px; z-index:9999; display: none;}
#barMebu div.clearfix{ width:980px; margin:0 auto;}
#barMebu p{ float: left; background: url(/images/header/logoBar.gif) no-repeat left top; padding-left:30px; font-size:12px; color:#fff; line-height:27px;
width:580px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#barMebu ul{ float: right;}
#barMebu ul li{ display: block; float: left; margin-left:20px; height:27px;}



/*-----dropdown---*/
#header_menu{background-color:#000000; margin:10px 0 15px 0;}
#header_menu .dropdown{margin:0 auto; width:980px; position: relative; z-index:15;}
#header_menu .pull{height:30px;float:left; margin:0; width:140px;}
#header_menu .dropdown a{font-size:10px;}
#header_menu .dropdown p{font-size:10px;}
#header_menu .dropdown li:hover{position: relative; color:#FFFFFF;}
#header_menu .dropdown .h_icon:hover{background:#eb6969; color:#FFFFFF;}
#header_menu .dropdown .h_icon2:hover{background:#59bbd8; color:#FFFFFF;}
#header_menu .dropdown .h_icon .hover{background:#eb6969;}
#header_menu .dropdown .h_icon2 .hover{background:#59bbd8;}



#header_menu .dropdown a:hover{color:#FFFFFF;}
#header_menu .dropdown p:hover{color:#FFFFFF;}

#header_menu .pull img{ display:block;}
#header_menu ul .pull a{display:block; text-indent:-9999px; height:30px; color:#000000;}
#header_menu ul li .sub_menu{width:170px; z-index:20; border:5px solid #eb6969; background-color:#ffffff;}
#header_menu ul li .sub_menu ul{border:5px solid #eb6969; background-color:#ffffff;}
#header_menu ul li .sub_menu li{border-bottom: 1px dotted #cccccc; color:#00000; float: none; font-weight: normal; margin:5px 5px; padding-left:10px;}
#header_menu .dropdown .h_icon{background:url(/images/side/mari_ya.gif) no-repeat scroll 3px 11px;}
#header_menu .dropdown .h_icon2{background:url(/images/side/en_ya.gif) no-repeat scroll 3px 11px;}


#header_menu ul li .sub_menu li p{height:10px; padding:10px 0 10px 10px; margin:0; color:#000000;}
#header_menu ul li .sub_menu .hover p{color:#FFFFFF;}
#header_menu ul li .sub_menu a{ text-indent:0px; height:10px; padding:10px 0 10px 10px;}


body #header_menu ul li .sub_menu2{border:5px solid #59bbd8;}
body #header_menu ul li .sub_menu2 ul{border:5px solid #59bbd8; background-color:#ffffff;}
#header_menu ul li .sub_menu2 .hover p{color:#FFFFFF;}



#header_menu .dropdown ul{left: 0; position: absolute; top: 100%; visibility: hidden; width: 170px; z-index:5;}
#header_menu .dropdown ul ul{left: 100%; top: 0;}

#header_menu ul .pull a#btn_01{background:url(/images/header/btn_navi_home.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_02{background:url(/images/header/btn_navi_marriage.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_03{background:url(/images/header/btn_navi_engagement.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_04{background:url(/images/header/btn_navi_brand.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_05{background:url(/images/header/btn_navi_area.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_06{background:url(/images/header/btn_navi_voice.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_07{background:url(/images/header/btn_navi_blog.gif) no-repeat bottom;}
#header_menu ul .pull a#btn_08{background:url(/images/header/btn_navi_net.gif) no-repeat bottom;}

#header_menu ul .pull a#btn_01:hover{background:url(/images/header/btn_navi_home.gif) no-repeat top;}
#header_menu ul .pull a#btn_02:hover{background:url(/images/header/btn_navi_marriage.gif) no-repeat top;}
#header_menu ul .pull a#btn_03:hover{background:url(/images/header/btn_navi_engagement.gif) no-repeat top;}
#header_menu ul .pull a#btn_04:hover{background:url(/images/header/btn_navi_brand.gif) no-repeat top;}
#header_menu ul .pull a#btn_05:hover{background:url(/images/header/btn_navi_area.gif) no-repeat top;}
#header_menu ul .pull a#btn_06:hover{background:url(/images/header/btn_navi_voice.gif) no-repeat top;}
#header_menu ul .pull a#btn_07:hover{background:url(/images/header/btn_navi_blog.gif) no-repeat top;}
#header_menu ul .pull a#btn_08:hover{background:url(/images/header/btn_navi_net.gif) no-repeat top;}

/* HOME */
body.home #header_menu ul .pull a#btn_01{background:url(/images/header/btn_navi_home.gif) no-repeat top;}
/* MARRIAGE */
body.cat-rings-mari #header_menu ul .pull a#btn_02{background:url(/images/header/btn_navi_marriage.gif) no-repeat top;}
/* ENGAGEMENT */
body.cat-rings-en #header_menu ul .pull a#btn_03{background:url(/images/header/btn_navi_engagement.gif) no-repeat top;}
/* BRAND */
body.cat-brands #header_menu ul .pull a#btn_04{background:url(/images/header/btn_navi_brand.gif) no-repeat top;}
/* SHOP */
body.cat-shop #header_menu ul .pull a#btn_05{background:url(/images/header/btn_navi_area.gif) no-repeat top;}
body.hidden {visibility:hidden;}
/* VOICE */
body.cat-voice #header_menu ul .pull a#btn_06{background:url(/images/header/btn_navi_voice.gif) no-repeat top;}
/* BLOG */
body.cat-blog #header_menu ul .pull a#btn_07{background:url(/images/header/btn_navi_blog.gif) no-repeat top;}
/* NETSHOP */
body.cat-netshop #header_menu .pull li a#btn_08{background:url(/images/header/btn_navi_net.gif) no-repeat top;}









/*---------------------------パンクズ------------------------------*/
.bc_area{border:5px solid #E5E5E5; margin-top:25px; padding:10px 25px;}

.breadcrumbs {color: #666666; font-size: 90%; margin: 0 auto; width: 980px;}
.breadcrumbs a{font-size:90%; color: #666666!important;}
.breadcrumbs a:hover{color:#cccccc;}

#breadcrumbs {color: #666666; font-size: 90%; margin: 0 auto; width: 980px;}
#breadcrumbs a{font-size:90%; color: #666666;}
#breadcrumbs a:hover{color:#cccccc;}



/*********************************************top_page********************************************/
#top_content{width:980px; margin:15px auto;}
.top_s_ttl{}
#image-navigation{background:#e6e6e6; width:980px; height:350px; margin-bottom:45px; overflow:hidden;}
#maincontent{overflow:hidden; }



/*結婚指輪、婚約指輪ON,OFF切り替え*/
#leftcontent .tmk li img{display:none;}
.tmk .mariSide a{background:url(/images/side/top_mari_off.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .enSide a{background:url(/images/side/top_en_off.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .setSide a {background: url(/images/btn_off.gif) no-repeat scroll 0 17px rgba(0, 0, 0, 0); display: block; height: 79px; width: 186px;}
.tmk .mariSide a:hover{background:url(/images/side/top_mari_on.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .enSide a:hover{background:url(/images/side/top_en_on.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .setSide a:hover {background: url(/images/btn_on.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 79px; width: 186px;}
.tmk .mariSide .selected{background:url(/images/side/top_mari_on.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .enSide .selected{background:url(/images/side/top_en_on.gif) no-repeat scroll 0 0; width:186px; height:79px; display:block;}
.tmk .setSide .selected{background: url(/images/btn_on.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 79px; width: 186px;}

/*leftmenu*/
#leftcontent{width:185px; float:left;}
#leftcontent img{display:block;}
.left_menu li{ background:url(/images/side/icon.gif) no-repeat scroll 0 10px;}
.left_menu li a{font-size:12px; color:#0099CC; padding:5px 0 5px 10px; display:block; width:175px;}
.left_menu li a:hover{color:#FFFFFF; background:#0099CC;}
.left_menu2{overflow:hidden;}
.left_menu2 li{float:left; margin:10px;}
.left_menu2 li a{font-size:12px; color:#0099CC;}
.left_menu li .selected {background:url(/images/close.jpg) no-repeat scroll right 2px #0099cc; color:#FFFFFF;}
.left_menu li .selected:hover{background:url(/images/close.jpg) no-repeat scroll right 2px #0099cc; color:#FFFFFF;}
.left_menu li .selected2{background: none repeat scroll 0 0 #EB6969; color: #FFFFFF;}

/*leftmenu_ranking*/
.sideRank .left_menu li a:hover{color:#FFFFFF; background:#EB6969;}



/*popup*/
.setumei{display: none; left: 180px; position: absolute; top: -68px; width:290px; height:85px; overflow:hidden; background:url(/images/side/fukidashi.png) no-repeat scroll 0 0 }
#leftcontent li .setumei2{display: none; left: 165px; position: absolute; top:0px;}
#leftcontent li:hover .setumei2{display: block;}
.left_menu li:hover .setumei{display: block; padding:8px 10px 4px 28px; color:#ffffff;
	/*border:#CCCCCC solid 5px;	
    border-radius: 10px;          
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;  */ 
	
    }

	
.left_menu li:hover{position:relative;}
.setumei img{display:block;}
.setumei .sel{float:left; width:80px; height:80px; position:relative;}
.setumei .ate{position:absolute; top:10px; left:-20px; width:17px; height:23px;}
.setumei .sel img{width:80px; height:80px;}
.setumei .spt5{float:left; width:180px; margin-left:10px; margin-top:5px; color:#666;}
#leftcontent .setumei .spt5 a{background:none;}
.ml12{margin-left:12px;}






    

/*mainmenu*/
#centercontent{ float:left; margin-left:19px; width:592px;}
/*------------------------------------tab------------------------------------------------*/
.tab_navi{margin:15px auto 0;}
.bbm{border-bottom:10px solid #eb6969;}
.tab_navi li{float:left;}
.tab_navi img{display:block;}
.change{display:none;}

.topring{padding:10px; background:#F3F0E7; width:120px; float:left; margin-top:10px; margin-left:10px; height:245px;}
.ringmg{margin-left:0!important;}
.topring dt{font-size:10px;}
.topring dd p span{font-size:11px;}
.topring dt a{color:#0099CC;}
.topring dd a img{height:120px; display:block;}
.topring dd span{margin:0 0; color:#FF0000; display:block;}
.topring .zokuseiIcon{margin:5px 0 4px 0; display:block;}

/*-------------------------------------モーダル-------------------------------------------*/
.lml{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 850px;
 }
.modal_close{
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 14px;
  height: 14px;
  background: url(/images/modal_close.png);
  
}

#modalChangeArea{}
#modalcontent{width:440px; overflow:hidden; height:400px;}
#modalcontent .mleft{float:left; position:relative; width:500px; text-align:center;}
#modalcontent .mleft .abs1{position:absolute; top:150px; left:9px;}
#modalcontent .mleft .abs2{position:absolute; top:150px; left:400px;}
#modalcontent .modelimg{width:400px; height:400px;}
#modalcontent .mright{width:340px; float:right; margin-top:30px; margin-right: 15px;}

#modalcontent .mright form input{margin:10px;}
#modalcontent .modalttl{font-size:14px; font-weight:bold; margin-top:10px; color:#666666;}
#modalcontent .modalname{color:#666666; margin:10px 0 15px;}
#modalcontent .modaco{margin-top:25px;}
#modalcontent .modaco p{font-size:12px; color:#666666;}
#modalcontent .modaco .cot{ background:#F3F0E7; padding:15px 10px 40px; margin-top:15px;}
#modalcontent .modaco .cot p{color:#333333;}
#modalcontent .modaco .cot .cott{font-size:10px;}
#modalcontent .tl1{margin:0px 10px 0;}
#modalcontent .tl2{margin:5px 10px 0;}
#modalcontent .m_btn{ overflow:hidden; margin-top:10px;}
#modalcontent .m_btn .tl1{margin:0px; float:left;}
#modalcontent .m_btn .tl2{margin:0px; float:right;}

#modalcontent .mL{position:absolute; top:180px; left:0px;}
#modalcontent .mR{position:absolute; top:180px; left:451px;}
#modalcontent .mC{padding-top:28px; text-align:center; max-width:400px; max-height:400px;}
#modalcontent label{height:30px; width:150px;}
#modalcontent .test{height:30px; width:200px; vertical-align:top; display:inline-block;}
div#modal {display: none; position: fixed; width: 100%; height: 100%; z-index:3000;}
div#modal div.background {position: fixed; width: 100%; height: 100%; background-color: #000000; opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)";}
div#modal div.container {position: relative; width: 850px; height:470px; background-color: #ffffff;}

#rBtn{margin-left: 10px; position: relative; vertical-align: top; z-index: 1;}
#rBtn input {left: 6px; position: absolute; top: 0px; z-index: 1;}
#rBtn label {background: url("/images/ring/check.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 32px; width: 243px;}


/*購入者の声モーダル*/
.vM{padding:25px; overflow:hidden;}
.vML {width:455px; float:left;}
.vML p{font-size:16px; font-weight:bold; color:#EB6969;}
.vMLi{margin:30px auto 0; width:370px;}
.vMLi .pal4{ padding-left: 11px;}
.vMLi ul{overflow:hidden; margin-top:10px;}
.vMLi ul li {float: left;}
.vMLi li img {height: 76px;　width: 116px;}
.vSize{width:370px; height:243px;}
.vMR{width:325px; margin-left:15px; float:right; margin-top:15px;}
.vMR p{color:#666666;}
.vBg{font-size:12px; color:#000; padding:5px; background:#F3F0E7; margin-top:15px;}
.vMR li a{vertical-align:top; margin-left:10px;}
.vMR li{margin-top:5px;}
.vMR ul{height:45px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*----------------------------------------------------------------------------------------*/
/*スクロールバー*/
#scroll-pane12 {height: 380px; overflow: auto; width: 165px;}

/**/


#centercontent .pick_up dl {float: left; width: 290px;}
#centercontent .pl20 {padding-left:12px;}

.top_feature .feature_top{background: url(/images/top_feature_ttl.gif) no-repeat scroll 0 0 transparent; text-align:right; padding:10px 0;}
.top_feature .feature_ch{margin-top:10px; position:relative; width:592px; height:263px; background:url(/images/feature/top_bnr_ch.jpg) no-repeat scroll 0 0 transparent;}
.top_feature .feature_ch p{width:290px; color:#FFFFFF; position:absolute; top:100px; left:20px;}
.top_feature .feature_ch img{position:absolute; top:205px; left:20px;}

.top_voice{overflow:hidden;}
.top_voice .voice_top{background: url(/images/top_voice_ttl.gif) no-repeat scroll 0 0 transparent; text-align:right; padding:3px 0; margin-bottom:15px;}
.top_voice dl{width:192px; float:left;}
.top_voice dt{width:192px; height:127px; background:#999999;}
.top_voice dd{margin-top:5px;}
.top_voice dd a{font-size:10px;}

.top_recent{overflow:hidden;}
.top_recent dl{width:140px; float:left;}
.top_recent dt{width:140px; height:140px; background:#999999;}
.top_recent dd{margin-top:3px;}
.top_recent dd img{display:block;}
.top_recent dd a{font-size:12px; color:#0099CC; text-decoration: underline;}
.top_recent dd a:hover{text-decoration:none;}
.top_recent dd span{color:#FF0000; text-decoration:none;}


/*rightmenu*/
#rightcontent{float:right; width:165px;}
.top_news span{color:#EE8585; display:block;}
.top_news li{padding:11px 0; border-bottom:1px dotted #cccccc;}
.top_news li a{font-size:10px;}
#rightcontent .top_news a{color:#0099CC;}
#rightcontent li a{color:#999999;}


.topbasic{overflow:hidden;}
.topbasic .basiccontent{background:#F3F0E7; float:left; padding:3px; width:234px;}
.topbasic .basiccontent img{width:80px; height:80px;}
.topbasic .basiccontent p{background:#ffffff; padding:8px;}
.topbasic .basiccontent p span{ display: inline-block; padding: 10px 0 0 5px; vertical-align: top; width: 129px; text-decoration:underline; color:#666666;}
.topbasic .basiccontent p span em{font-weight:bold; padding:0; width:auto; font-style:normal;}
.topbasic .basiccontent p a{text-decoration:none;}
.topbasic .basiccontent p span:hover{text-decoration:none;}
.tright{text-align:right; margin-top:10px;}
.tright a{padding:3px 0 3px 20px; background:url(/images/icon2.gif) no-repeat scroll 0 0; }

.topblog{overflow:hidden;}
.topblog .topblog2{background:#ffffff; width:184px; border:1px solid #F3F0E7; float:left;}
.topblog .topblog2 .topblog3{margin:1px; background:#F3F0E7; padding:12px; height:230px;}
.topblog .topblog2 .topblog3 img{width:155px;}
.topblog .blogday{font-size:10px; color:#999999; margin-top:5px; display:block;}

/***********************************************footer******************************************/
#b_footer{background:url(/images/footer/footer_bg.jpg) repeat-x scroll 0 0 #000000; margin-top:40px;}
#b_footer .b_footer_w{background:url(/images/footer/footer.jpg) no-repeat scroll 0 0 #000; width:980px; margin:0 auto; padding:20px 0;}
.b_footer_w input{border:none; display:block; float:left;}
.b_footer_w #searchbt2{background:url(/images/footer/btn2.jpg) no-repeat scroll 0 0; width:26px; height:23px; cursor:pointer;}
.b_footer_w #searchbt{background:url(/images/footer/btn.jpg) no-repeat scroll 0 0; width:68px; height:23px; cursor:pointer; margin:0 0 0 15px; float:left;}
.b_footer_w .searchForm{height:21px; border-top:1px solid #9f9f9d; border-bottom:1px solid #9f9f9d; border-right:1px solid #9f9f9d; padding:0 0 0 3px; width:290px;  color: #999999; margin:0;}

#b_footer .b_footer_w .footer_list{margin-top:60px;}
.footer_list li a:hover{ background:#624d2b; text-decoration:none!important; display:block;}
.footer_list li{color:#FFFFFF; list-style:none;}
.footer_list .li1{font-weight:bold; color:#FFFFFF; border-bottom:1px solid #444342; margin:12px 0 0 15px; padding-bottom:3px;}
.footer_list .li2{padding-top:4px; margin-left:12px;}
.footer_list .li2 a{color:#FFFFFF; text-decoration:none; display:block;}
.footer_list .li3{margin-top:15px; border-bottom:1px solid #444342; padding-bottom:3px;}
.footer_list .li4{padding-top:16px; margin-left:12px;}
.footer_list .li4 a{color:#FFFFFF; text-decoration:none; display:block;}
.footer_list .li5{padding-top:4px; margin-left:12px;}
.footer_list .li5 a{color:#FFFFFF; text-decoration:none;}
.footer_list .li5 a:hover{ background:#624d2b; text-decoration:none!important; display:inline!important;}
.footer_list ul{float:left; width:290px!important;}
.footer_list .l_area{}
.footer_list .l_menu{margin-left:40px; width:290px!important;}
.footer_list .l_mari{margin-left:40px;}
.footer_list .l_marishop{margin-left:30px;}

.copyright{background:#1e1d1d;}
.copyright p{width:980px; margin:0 auto; background: none repeat scroll 0 0 #1D1D1D;}



.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.clear{clear:both;height:0px;}
.b_bnr ul{overflow:hidden;}
.b_bnr li{float:left; margin-top:20px;} 
.b_bnr .ml{margin-left:30px;}


div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:3000;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	
}
div#modal div.container {
	position: relative;
	width: 850px;
	height:470px;
	background-color: #ffffff;
	
}

/**************************************************slide************************************************************/
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index: 8;}
#image-navigation .navi-image a img{width:980px; height:300px;}
#image-navigation .navi-image a.active {z-index: 10;}
#image-navigation .navi-image a.last-active {}
#image-navigation ul li a {display:block; width:70px; height:40px;}
#image-navigation .navi {float:left; width:980px;}
#image-navigation .navi-image {float:left;}
#image-navigation-text ul li a {display:block; width:150px; height:50px; color:#333; line-height:50px; text-align:center;}
#image-navigation-text .navi {float:left;}
.navi li{float:left;}
#image-navigation-text .navi-image {float:left;}
#image-navigation-text a {background:#eee;}
#image-navigation-text a.active {background:#333; color:#fff;}


/*その他*/
#etc p{margin-top:10px;}



/***************************************



固定ページ(静的ページ)
ここより下



*****************************************/
/****************************************************************基礎知識**********************************************/
@charset "utf-8";
/* CSS Document */
#info h2{margin:0; padding:0;}
#info p,#info dt,#info dd{letter-spacing:0.6px; line-height:150%;}
#info .block{display:block;}
#info a{text-decoration:none;}


/*----------------------------------------------- toppage --------------------------------------------*/
#info .mb10{ margin-bottom: 10px;}
#info p.center{ text-align: center; margin: 10px 0;}

#info #maincontent{width:1106px; margin:0px auto;}
#info #maincontent .main_s{margin-left:-5px;}
#info #maincontent .top_bg{background:url(/images/info/top_bg.jpg) no-repeat scroll 0 0; height:131px;}
#info #maincontent .topt{color:#ffffff; width:490px; padding:5px 0 0 325px;}

#info .main_c{ background:url(images/under_h.jpg) no-repeat scroll 0 bottom #EAE7E3; width:980px; margin:0 auto; padding-bottom:143px;}
#info .main_c .content{width:920px; margin:0px auto; background: url(/images/info/bg_beige.jpg) center center #EAE7E3;}

#info .section{ width: 910px; margin: 0 auto; background: url(/images/info/bg_heart.jpg) no-repeat left bottom #fff; 
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 5px solid #E40479; padding: 10px 0;}
#info .section h2{ margin: -15px; display: block; float: left; width: 450px;}
#info .section .boxlink_con{ width: 430px; float: left;}
#info .section .boxlink{ width: 410px; padding: 10px; cursor: pointer;}
#info .section .boxlink h3{ line-height: 22px; background: url(/images/info/icon_dia.png) no-repeat left top; padding-left: 30px; margin-top: 0;}
#info .section .boxlink h3 a{ text-decoration: underline; color:#E40379; font-size: 16px; font-weight: bold;}
#info .section .boxlink:hover{ background-color:#f0f0f0;}
#info .section .boxlink dl{ width: 410px; margin-top: 10px;}
#info .section .boxlink dt{ width: 80px; float: left;}
#info .section .boxlink dd{ padding-left: 90px; font-size:12px; color:#666;}

#info .boxlink_con{ margin-left: 40px;}
#info #sec1 h2, #info #sec3 h2, #info #sec4 h2{ margin-top: 94px;}
#info #sec2 h2{ margin-top: 28px;}
#info #sec4{ margin-bottom: 30px;}

#info .section .sec_inner div{ width: 420px; float: left;}
#info .section .sec_inner div h4{ margin-top:0; margin-bottom: 0;}
#info .section .sec_inner .ring_l{ margin: 0 20px 0 20px; background: url(/images/info/bg_ring1.jpg) no-repeat right bottom #fff;}
#info .section .sec_inner .ring_r{ margin: 0 20px 0 10px; background: url(/images/info/bg_ring2.jpg) no-repeat right bottom #fff;}
#info .section .sec_inner .ring_l h4{ background-color: #5ABBD8;}
#info .section .sec_inner .ring_r h4{ background-color: #EB6969;}
#info .section .sec_inner div ul{ padding: 10px 10px 10px 30px; min-height: 120px;}
#info .section .sec_inner .ring_l ul{ border-right: 5px solid #9CD6E8; border-bottom: 5px solid #9CD6E8; border-left: 5px solid #9CD6E8;}
#info .section .sec_inner .ring_r ul{ border-right: 5px solid #F3A5A5; border-bottom: 5px solid #F3A5A5; border-left: 5px solid #F3A5A5;}
#info .section .sec_inner div li{ background: url(/images/info/arrow2.gif) no-repeat left top; line-height: 20px; margin-bottom: 10px; padding-left:30px;}
#info .section .sec_inner div li.last{ margin-bottom: 0;}
#info .section .sec_inner div li a{ font-weight: bold; text-decoration: underline; font-size:16px;}
#info .section .sec_inner div li a:hover{color: #ccc;}
#info .section .sec_inner .ring_l li a{ color: #30A6C9;}
#info .section .sec_inner .ring_r li a{ color: #EB6969;}

#info .section .sec_inner2 .boxlink{ float: left; margin: 0 10px;}
#info .section .sec_inner2 .boxlink_l{ margin: 0 0 0 15px;}


#info .content .en_s{padding:10px 10px 0 10px; width:430px; float:left; height:125px; background:url(/images/info/en_h.gif) no-repeat scroll 0 0; margin-top:15px;}
#info .content .mari_s{padding:10px 10px 0 10px; width:430px; float:right; height:125px; background:url(/images/info/mari_h.gif) no-repeat scroll 0 0; margin-top:15px;}
#info .content .en_s dl{margin:0px 0 0 40px;}
#info .content .mari_s dl{margin:0px 0 0 10px;}
#info .content .en_s dt, .content .mari_s dt{width:190px; float:left; margin-top:30px;}
#info .content .en_s dd, .content .mari_s dd{width:200px; float:left;}
#info .content .en_s dd a{color:#5abbd8;}
#info .content .mari_s dd a{color:#EB6969;}
#info .content .en_s dd a:hover{color:#cccccc; text-decoration:underline;}
#info .content .mari_s dd a:hover{color:#cccccc; text-decoration:underline;}
#info .content dl .icon3{background:url(images/icon.png) no-repeat scroll 0 8px; padding:4px 0 0px 18px;}

#info .mt165{margin-top:165px;}
#info .mt163{margin-top:163px;}
#info .pt20{padding-top:20px;}
#info .pt30{padding-top:30px;}
#info .pl15{padding-left:15px;}
#info .pl13{padding-left:13px;}

/*----------------------------------------------- 下層ページのテンプレート ---------------------------------*/

#info #maincontent2{background: url(/images/info/main_h2.gif) no-repeat scroll 0 0 #ffffff; width:980px; margin:0 auto;}
#info #bg{width:980px; background:url(/images/info/bg.gif) repeat-y scroll 0 0; padding-top:40px;}
#info .header_c{width:940px; margin:0 auto 0px; padding-top:77px;}
#info .header_c img{float:left;}
#info .content_l{width:730px; float:left;}
#info .kom{width:670px; margin:0px auto 30px;}
#info .content_l .cl01{width:670px; margin:0 auto;}
#info .cl dl{width:370px; float:left;}
#info .cl .full{width:100%;}
#info .cl .right_txt{float:right;}
#info .cl dt{background:#FFFFFF; padding:5px 10px; color:#e40379; font-size:14px;}
#info .cl .pink{background:#e40379; color:#FFFFFF;}
#info .cl dd{padding-top:20px;}
#info .right_img{float:right;}
#info .left_img{float:left;}

#info .content_r{background:#FFFFFF; width:220px; float:left; padding-bottom:30px;}
#info .sttl{padding:15px 0 5px 15px;}
#info .sttl2{padding:25px 0 5px 15px;}
#info .icon2{background:url(/images/info/icon.png) no-repeat scroll 25px 6px; padding:5px 20px 5px 45px;}
#info .slink{display:block; color:#666666; font-size:10px;}
#info .slink:hover{background:url(/images/info/icon_h.gif) no-repeat scroll 25px 6px #f0f0f0;}


#info .nb{background:url(/images/info/under_h2.gif) no-repeat scroll 0 bottom; padding:40px 0 140px;}
#info .nb2{width:730px; margin:0 auto;}

#info .m_over:hover{filter: alpha( opacity=75 ); opacity:0.75; -moz-opacity:0.75; }

#info .teki{width:420px; margin:40px auto;}
#info .cl .indent{padding-left: 1em; text-indent: -1em;}

/*----------------------------------------------当て--------------------------------------------------*/
#info .cl .w670{width:670px;}

#info .kobanashi{border:1px dotted #FFBD35; padding:10px 5px; margin-top:25px;}
#info .cl .onepoint{border:1px dotted #FFBD35; padding:10px 5px; margin-top:25px;}
#info .info_link{text-decoration:underline; color:#000;}
#info .info_link:hover{color:#cccccc; text-decoration:none;}

/*---------------------------------------------------追加120208-------------------------------------------*/
#info .right_img td{padding:5px; border-bottom:1px solid #333333;}
#info .right_img .origin{border-bottom:1px solid #333333; border-right:1px solid #333333;}
#info .right_img .none{border-bottom:none;}
#info .right_img p{margin-bottom:5px;}
#info .bod{border:1px solid #333333;}
#info .bod td{padding:5px; border-bottom:1px solid #333333;}
#info .bod .origin{border-bottom:1px solid #333333; border-right:1px solid #333333;}
#info .bod .none{border-bottom:none;}
#info .height{margin-top:55px;}
#info .cl .reigai{width:430px;}
#info .cl .reigai2{width:470px;}


#info .kansyu{float:left; width:350px; margin-top:20px;}
#info .kansyu2{float:left; width:320px; margin-top:20px;}
#info .kansyu img{float:left; width:100px;}
#info .kansyu p{float:left; padding-left:7px; padding-right:5px; width:235px; font-size:10px;}
#info .link_bs a{font-size:10px; color:#000000; text-decoration:underline;}
#info .link_bs a:hover{font-size:10px; color:#cccccc; text-decoration:none;}
#info .kansyu2 img{float:left; width:100px;}
#info .kansyu2 p{float:left; padding-left:7px; width:213px; font-size:10px;}
#info .kyo{font-size:13px; font-weight:bold; margin-bottom:10px;}
#info .link_bs{margin-top:4px;}


#info .content_r .point{background:url(/images/info/icon_h.gif) no-repeat scroll 25px 6px #f0f0f0;}

/********************************************************追加130531*******************************************/
#info .full .sul li{float:left;}
#info .full .sul li img{margin-left:50px;}
#info .souba{font-size:15px; color:#333333; line-height:150%; letter-spacing: 1px; margin-top:30px;}
#info .souba .f1{font-size:18px;}
#info .souba .f2{font-size:17px;}
#info .souba .ml10{margin-left:10px; display:block; font-size:15px;}
#info .souba .bold{font-weight:bold; display:block; font-size:15px;}
#info .souba2{font-size:10px; color:#333333; text-align:right; margin-top:20px; letter-spacing:3.6px;}
#info .full .es1{position:relative; width:670px; height:373px; background:url(/images/info/es05.jpg) no-repeat scroll 0 0;}
#info .es1 .abs1{position:absolute; top:0; left:0;}
#info .es1 .abs2{position:absolute; top:0; right:0;}
#info .es1 .abs3{position:absolute; bottom:0; left:0;}
#info .es1 .abs4{position:absolute; bottom:0; right:0;}


#centercontent .pick_up dl {float: left; width: 290px;}
#centercontent .pick_up dl dd{line-height:100%;}
#centercontent .pl20{padding-left:12px;}
#centercontent .pick_up dd span {font-size: 13px; font-weight: bold;}


/*****************************************************************************************************/
#main_contents {margin: 21px auto 20px; overflow: hidden; width: 980px;}
#main_contents p {color: #666666;}


/*無料版広告枠*/
#bnr_free {
    background: url("/new_images/brands/bnr_free_title.gif") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #999999;
    font-size: 85%;
    margin-top: 50px;
    overflow: hidden;
    padding-top: 30px;
    width: 980px;
}
.bnr_free_pics {
    float: left;
    margin-right: 20px;
    width: 180px;
}
.bnr_free_pics img {
    width: 180px;
}
.bnr_free_lead {
    background: url("/new_images/brands/bnr_free_dot.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    margin-top: 10px;
    padding-top: 10px;
    width: 180px;
}
.bnr_free_pics_end {
    float: left;
    width: 180px;
}


.feature_bn {
    margin: 0 auto;
    width: 980px;
}

.feature_bn dl {
    float: left;
    width: 222px;
}
.feature_bn .pt5 span {
    color: #333333;
    font-weight: bold;
}
.feature_bn dt img {
    width: 222px;
}
.pl30 {
    padding-left: 30px;
}

div.tothetopfixed {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 1500;
}    
 
div.tothetopfixed a {
    display: block;
    color: #333333;
    
    margin: 0;
   
    border-radius: 5px;
    font-size: 0.8em;
}
 
div.tothetopfixed a:hover {
   
    color: #ffffff;
}


/**********    140515      ***********/
#brandShopArea .bs_list label{ cursor:pointer;}
/*#brandShopArea .bs_list label:hover{
	background:#FFC;
	border:1px #999 solid;}
*/	
.bs_list label .clearfix .shopbox span{ font-size:10px; color:#666; display:block;}
.bs_list label dl{ position:relative;}
.bs_list label .clearfix .shopbox a{ position:absolute; bottom:8px;}

/*footercat*/
.footer_cat{padding-top:20px; margin-top:30px; border-top:2px solid #eb6969;}
.footer_cat ul{margin:5px 0 50px 0; overflow:hidden;}
.footer_cat ul li{float: left; width: 160px; margin-top:10px;}
.footer_cat ul li a{color:#ffffff;}
.l_area .ftop{padding-top: 30px; border-top:2px solid #eb6969;}
.l_menu .ftop{padding-top: 30px; border-top:2px solid #eb6969;}
.cont980{margin-top:60px;}
.cont760{margin-top:30px;}
.coco1{margin-top:10px;}
.coco1 li{float:left; margin-left:5px;}
.coco1 .ml{margin-left:20px;}