@charset "utf-8";
/* CSS Document */


body {
	padding:0;
	margin:0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-size:12px;}

#container {
	position:relative;
	height: 400px;
	width: 100%;
	padding:0;
	margin:0;
	z-index:0;
}
#container #pan{
	position:absolute;
	top: 40px;
	left: 50%;
	width: 950px;
	margin-left: -475px;
	color:#FFF;
	z-index:900;
}
#container #pan a{
	color:#FFF;
}
#container #pan .left{
	display:inline-block;
	width:780px;
}
#container #pan .sns{
	display:inline-block;
	width:150px;
	text-align: right;
}
#container #pan .sns ul{
	list-style:none;
}
#container #pan .sns li{
	display:inline-block;
}
.products{
	width:930px;
	margin-top:40px;
}
.products ul.line02{
	overflow:hidden;
	height:260px;
}
.products ul.line03{
	overflow:hidden;
	height:500px;
}
.products ul li{
	display:inline-block;
	width:166px;
	margin:10px;
	vertical-align:top;
}
.products ul li p{
	line-height:1.8em;
	padding:20px;
}

.products ul.line01 li a img:hover{
	box-shadow:3px 3px 6px rgba(0,0,0,0.5);
	background:#FFF;
}
.products ul.line02 li a img:hover{
	box-shadow:3px 3px 6px rgba(0,0,0,0.5);
	background:#FFF;
}
.products ul.line03 li:hover{
	box-shadow:3px 3px 6px rgba(0,0,0,0.5);
	background:#FFF;
	text-decoration:none !important;
	font-style:italic;
	color:#333;
}

#obi {
	width:100%;
	margin:auto;
	background:url(../images/obi/bgimg01.gif) top repeat-x;
}
.obiin{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
.obiin h1.main_txt{
	padding:70px 0;
	text-align:center;
}
.obiin h2{
	text-align:center;
}
#kiryuori{
	width:100%;
	height:949px;
	margin-top:100px;
	background: url(../images/obi/kiryuori.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#obi .photo{
	width:100%;
	height:540px;
	background: url(../images/obi/dummy.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#obi .description{
	position:relative;
	width:100%;
	background:url(../images/obi/bgimg02.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:500;
}
#obi .description .kakuobi{
	display:inline-block;
	margin:-40px auto auto;
	width:420px;
	margin-right:15px;
	vertical-align:top;
}
#obi .description .designer{
	display:inline-block;
	margin:-40px auto auto;
	width:420px;
	margin-left:15px;
}
#obi .description .obi_discription{
	padding:30px 0 50px;
}
#obi .description .kakuobi .img,
#obi .description .designer .img,
#obi .description .obi_discription .img{
box-shadow: 0 0 8px #ccc;
margin-bottom:8px;
}
#foot_products{
	width:100%;
	margin:auto;
	background:url(../images/obi/bgimg01.gif) top repeat-x;
	padding-top:70px;
}
#foot_sns{
	width:950px;
	margin:60px auto;
}
#foot_sns ul{
	list-style:none;
	text-align:center;
}
#foot_sns li{
	display:inline-block;
}


.products_main{
	width:100%;
	height:400px;
	background:url(../images/obi/products/main_img02.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#products_page{
	width:100%;
	margin:auto;
	background:url(../images/obi/products/bg.jpg) top repeat-x;
}

.products_details{
	width:950px;
	margin:80px auto 0;
}
.products_details .photo{
	display:inline-block;
	width:440px;
	vertical-align:top;
}
.products_details .txt{
	display:inline-block;
	width:510px;
	vertical-align:top;
	border-top:2px #ce312d solid;
}
.products_details h3{
	font-size:24px;
	padding:40px 0 0 5px;
}
.products_details .price{
	font-size:18px;
	padding:20px 0 0 10px;
}
.products_details .txt_j{
	font-size:14px;
	line-height:1.8em;
	padding:30px 0 0 10px;
}
.products_details .txt_e{
	font-size:14px;
	line-height:1.8em;
	padding:30px 0 0 10px;
}
.products_details .txt table{
	width:500px;
	margin:30px 5px 0;
}
.products_details .txt td{
	font-size:14px;
	padding:15px 15px 10px 3px;
	border-bottom:1px #333 dotted;
}
.products_details .txt .btn{
	margin:30px auto 50px;
}

#wide{
	background:url(../images/obi/bgimg03.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*ナビゲーションボタンの色*/
.sp-button {
    border:2px solid #ccc;
}
.sp-selected-button {
  background-color: #ccc;
}