@charset "euc-jp";
/* sabiyou.css */

/*************************************/
/*
/*	obi #5e0000
/*
/*
/*
/*************************************/

body{
	margin:0 auto;
}


header{
	height:658px;
	width: 1280px;
	margin:0 auto;
	background:url(../img/top_bg-02.jpg) no-repeat;	
	position:relative;
}

header h1{
	top:85px;
	left:45px;
	position:absolute;
}

header .e-shop{
	position:absolute;
	top:0px;
	right:45px;
}


#sabiyou #wrapper {
	background: url(../img/sabi_bg01.jpg) repeat-x;
}

#sabiyou #wrapper h2{
	text-align:center;
}

#sabiyou #contents {
 width: 1179px;
 margin:0 auto 40px;
 border:solid 10px #3c0000;
 box-shadow:0px 0px 12px #111;
 border-radius:6px;
}

#sabiyou #wrapper #product_nav{
	width: 1179px;
    display: table;
    table-layout: fixed;
}

dl{
	float:left;
	text-align: center;
	width: 49.87%;
	/*
  	width : 33.33333% ; 
 	width : -webkit-calc(100% / 3) ;
  	width : calc(100% / 3) ;*/
	
	display: table-cell;
	/*box-sizing: border-box;*/
	border-bottom:solid 3px #c6aeac;
}

dl:not(:nth-child(even)){
	border-right:solid 3px #c6aeac;
}

dt{
	background-color:#783c37;
    height: 75px;
    padding: 10px 0;
	display: block;
	border-bottom:solid 3px #c6aeac;
}
dd{
	background-color:#fff;
			height: 520px;
			position:relative;
}
.detail_txt{
	text-align:left;
	font-weight:bold;
	padding:0 10px;
}

.detail{
	position:absolute;
	width:288px;
	height:40px;
	margin:0 auto;
	bottom:15px;
	left:70px;
}

.detail a{
	position:absolute;
	border:#FFF solid 3px;
	background:url(../img/brown_button.png) #783c37 no-repeat top 13px left 30px;
	border-radius:12px;
	box-shadow:0px 0px 4px #222222;
	color:#fff;
	width:288px;
	height:40px;
	text-align:center;
	font-weight:bold;
	font-size:140%;
	bottom: 56px;
    left: 24%;
	padding:13px 0 0 12px;
}

#tokutyou{
	width:100%;
	margin:30px auto 0;
	text-align:center;
}

#tokutyou h3 {
	margin:50px 0 20px 0;
}

#tokutyou ul{
	text-align:left;
	margin:0 0 50px 70px;
}

#tokutyou li{
	margin:30px auto 0;
	text-align:left;
}


#product{
	text-align:center;
	margin:0 20px;
}

#product p{
	text-align:center;
}

#contents h3.line {
	width:1100px;
	margin:0 auto;
	background:#5e0000;
	border-radius:12px;
	height:24px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	padding:12px;
	text-align:left;
}

#product .product_top{
	width:1100px;
	margin:30px auto 0;
}

#product h4{
	width:600px;
	float:left;
}

#product .product_pic{
	width:450px;
	float:right;
	margin:0;
}

#product .buy_linup{
	width:380px;
	margin:30px auto 0;
	font-weight:bold;
	font-size:150%;
}

#product .buy_linup .left{
	float:left;
	margin:0 20px 8px 0;
	color:#900bff;
}
#product .buy_linup .right{
	float:left;
	color:#000;
	margin:0;
}
/*
#product ul {
		width:1179px;
		margin:8px 0 0 0;
}

#product ul li{
	padding:14px 0 14px 20px;
	width:333px;
	float:left;
	color:#FFF;
	font-size:150%;
	text-align:center;
	box-shadow:0px 0px 4px #111;
	border-radius:4px;
	margin:0 0 20px 20px;


}

*/

#product ul.col3 li{
	width:351px;
}

#product ul.col3 li a{
	
	width:296px;
	
}

#product ul.col4 li{
	width:258px;
}

#product ul.col4 li a{
	width:203px;
}

#product ul.col6 li{
	width:166px;
}

#product ul.col6 li a{
	width:111px;
	
}

#product ul.lineup-list li{
	
	float:left;
	height:60px;
	margin:0 0 20px 20px;
}

#product ul.lineup-list li a{
	display:block;
	height:45px;
	text-align:left;
	padding:15px 0 0 65px;
	color:#FFF;
	font-size:150%;
	box-shadow:0px 0px 4px #111;
	border-radius:4px;
	background:url(../img/orange_button.png)  no-repeat top 12px left 16px, #bf73ff; /* Old browsers */
	background:url(../img/orange_button.png)  no-repeat top 12px left 16px, -moz-linear-gradient(top,  #bf73ff 0%, #900bff 100%); /* FF3.6-15 */
	background:url(../img/orange_button.png)  no-repeat top 12px left 16px, -webkit-linear-gradient(top,  #bf73ff 0%,#900bff 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../img/orange_button.png)  no-repeat top 12px left 16px, linear-gradient(to bottom,  #bf73ff 0%,#900bff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	

#product .orange_parts{
	width:1179px;
	margin:20px 0 0 0;
}

#product .tokuchou {
	width:538px;
	margin:0 0 0 20px;
	float:left;
}
#product .youto {
	width:430px;
	margin:0 0 14px 30px;
	float:left;
}

#product  p.product_detail{
	margin:0 22px 20px 0;
	width:248px;
	float:right;
	height:45px;
}

#product .product_detail a{
	width:195px;
	height:50px;
	text-align:left;
	padding:12px 20px 10px 55px;
	color:#FFF;
	font-size:120%;
	box-shadow:0px 0px 4px #111;
	border-radius:4px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf73ff+0,900bff+100 */
background:url(../img/orange_button_mini.png)  no-repeat top 10px left 14px, #bf73ff; /* Old browsers */
background:url(../img/orange_button_mini.png)  no-repeat top 10px left 14px, -moz-linear-gradient(top,  #bf73ff 0%, #900bff 100%); /* FF3.6-15 */
background:url(../img/orange_button_mini.png)  no-repeat top 10px left 14px, -webkit-linear-gradient(top,  #bf73ff 0%,#900bff 100%); /* Chrome10-25,Safari5.1-6 */
background:url(../img/orange_button_mini.png)  no-repeat top 10px left 14px, linear-gradient(to bottom,  #bf73ff 0%,#900bff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf73ff', endColorstr='#900bff',GradientType=0 ); /* IE6-9 */
}

#product .shiyou{
	margin:0 0 30px 0;
}

#product hr{
	border-top: 4px dashed #3c0000;
	width:1179px;
	margin:40px 0 36px -20px;
}

#cm{
	text-align:center;
	margin:40px 20px 40px;
}
/*
#cm hr{
	border-top: 2px dashed #111;
	width:1080px;
	margin:10px 0 10px 20px;
}
*/
#cm h4{
	text-align:left;
	width:1080px;
	margin:30px 0 15px 20px;
	font-weight:bold;
	font-size:120%;
	border-bottom:2px dashed #111;
	padding:0 0 5px 0;
}
#cm ul{
	margin:0 0 0 20px;
}

#cm ul li{
	float:left;
	margin:0 25px 0 0;
}

#cm ul li p{
	margin:0;
}

#cm ul li .cm_name{
	text-align:left;
	margin:0 20px 0 0;
	font-weight:bold;
}

#cm hr{
	margin:5px 0 15px 20px;
}

a:hover img{ 
	-moz-opacity:0.7;
	opacity:0.7;
}

#product .product_detail:hover{
	-moz-opacity:0.7;
	opacity:0.7;
}

#product li:hover{ 
	-moz-opacity:0.7;
	opacity:0.7;
}

#cm .gallery li{
	width:348px;
}

.kabu_nav a:hover{
 color: #3b54a4;
}

.kabu_nav a:visited{
 color: #3b54a4;
}

.kabu_nav a:visited:hover{
 color: #3b54a4;
}

a:hover{
	-moz-opacity:0.7;
	opacity:0.7;
}
#product .mt30 p.product_detail {
    margin-top: 30px;
	}