@charset "Shift_JIS";


.gt {display:block; width:15px; height:15px; background:#000;}

body {font-size:14px;
margin:0; padding:0;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
img {border:none;}
td {vertical-align: top;}

h1,h2,h3 {margin:0; padding:0;
font-weight:normal;
}

h2 {font-size:1.2em;}

h3 {border-bottom:dotted 2px #ccc;}

.h-3 { background-image: -webkit-linear-gradient(top,
		rgba(220, 220, 220, 1.0),
		rgba(240, 240, 240, 1.0) 25%,
		rgba(235, 235, 235, 1.0) 30%,
		rgba(240, 240, 240, 1.0) 36%,
		rgba(235, 235, 235, 1.0) 50%,
		rgba(215, 215, 215, 1.0) 80%,
		rgba(210, 210, 210, 1.0)
		);
		margin:0;
		padding-top:10px;
font-weight:bold;
        height:25px;
        font-size:14px;
}

#container5 p#h-3 { background-image: -webkit-linear-gradient(top,
		rgba(220, 220, 220, 1.0),
		rgba(240, 240, 240, 1.0) 25%,
		rgba(235, 235, 235, 1.0) 30%,
		rgba(240, 240, 240, 1.0) 36%,
		rgba(235, 235, 235, 1.0) 50%,
		rgba(215, 215, 215, 1.0) 80%,
		rgba(210, 210, 210, 1.0)
		);
		margin-right:0;
		margin-left:0;
		padding-top:10px;
        font-weight:bold;
        height:25px;
        font-size:14px;
}

.explanation {
 line-height:1.5em;
}


header {max-width:836px; width:100%;
margin:0 auto; height:90px;
}
header div {display:inline-block; vertical-align:middle; margin:15px 0 0 20px; max-width:480px; width:100%;}
/*header p.description {font-size:0.8em;}*/

.container {width:100%; background:#b1afaf;}

.imgbox {max-width:836px; width:100%; margin:0 auto;
	display:none;
}

.mt {margin-top:20px;}




.thumimage ul {margin:0; padding:0; font-size:0;}
.thumimage ul li {
	list-style-type: none;
	display: inline-block;
	margin:0;
	padding:0;
}

.thumimage ul li span{
	font-size:8px;
	display:block;
	text-align:center;
	position:absolute;
	margin-top:137px;
	background:#333;
	width:104px;
	height:18px;
	color:#ccc;
	vertical-align: middle;
}


.bxSlider5 {margin:0; padding:0;}
.bxSlider5 ul li img {width:310px;}

.bxSlider img {height:200px;}

.mainimage {width:310px;}
.thumimage img {width:104px; height:155px;}


.thumimage img:hover {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */

}
 




ul.thumimage2 {margin:0 0 0 0; padding:0; font-size:0;}
.thumimage2 li {
	list-style-type: none;
	display: inline-block;
	margin:0;
	padding:0;
	height:155px;
}

.thumimage2 li span{
	
	font-size:8px;
	display:block;
	text-align:center;
	position:absolute;
	margin-top:135px;
	background:#333;
	width:104px;
	height:21px;
	color:#ccc;
	vertical-align: middle;
	
}



.thumimage2 img {width:104px; height:152px;}


.thumimage2 img:hover {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}




a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
#clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}


.container2 {max-width:836px; width:100%; margin:50px auto; clear:both;}

.container3 {max-width:836px; width:100%; margin:30px auto;}

#container4 {
    max-width:836px; 
    width:100%; 
    margin:40px auto;
    border:2px double #808080;
}

#container4 ul {
	padding: 0;
	list-style: none;
	margin: 10px auto;
	overflow: hidden;
}
#container4 ul li {
	margin: 5px;
	padding: 5px;
	list-style: url(none) none;
	display: block;
	width: 188px;
	height: 20px;
    float:left;
    background-color:#F0F8FF;
    
}
#container4 a {
	display: block;
	height: 20px;
	list-style: url(none) none;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

#container5 {
    max-width:836px; 
    width:100%; 
    margin:40px auto;
    border:2px double #808080;
}

#container5 ul {
	padding: 0;
	list-style: none;
	margin: 10px auto;
	overflow: hidden;
}
#container5 ul li {
	margin: 5px;
	padding: 5px;
	list-style: url(none) none;
	display: block;
	width: 180px;
	height: 20px;
    float:left;
    background-color:#FFFACD;
    
}
#container5 a {
	display: block;
	height: 20px;
	list-style: url(none) none;
	font-size:8px;
	font-weight:bold;
	text-align:center;
}

.detail1, .detail2 {display: inline-block; vertical-align: top;}

.detail2 {max-width:350px; width:100%; margin-top:0px;}
.detail1 {max-width:460px; width:100%; margin-right:15px;}

span.dnumber {font-size:1.6em;}



.detail2 h3 + span {
	display:inline-block;
	width:120px;
}

.detail2 p {
	margin:30px 0;
}

.slabo {font-family: 'Slabo';}

dt {width:150px; background:#6c6c6c; color:#eee;}
dd {width:180px; background:#e8e8e8;}

dt,dd {

display: inline-block;
margin:0 3px 1px 0;
padding:5px 10px;
box-sizing:border-box;
font-size:0.9em;
}

dt span {

display:block;
position: relative;
text-align: right;
margin-top:-18px;
/*font-family: 'sans-serif';*/
padding:0;
}

.detail3 {
margin:30px 0;
}
.detail3 p {width:100%; text-align:right; font-size:0.9em;
color:#999;
margin-top:-18px;
}
.detail3 ul {margin:0; padding:0;}
.detail3 ul li {
	margin:0 5px 8px 0;
	list-style-type: none;
	display: inline-block;
	border:solid 1px #ccc;
	box-sizing:border-box;
	padding:10px;
	width:198px;
}
.detail3 ul li:last-child {margin:0;}
.detail3 ul li span {display: block; font-weight:bold;}
.detail3 ul li img {display: block; margin:0 0 10px 0;
width:120px; height:auto;
}

input[type=radio] {display:none;}



@media screen and (max-width: 320px) {
img.imgsize2 {max-width:175px; height:auto;}
img.imgsize3 {max-width:172px; height:auto;}
.ttt {position:static; margin:0 !important; }
header {width:100%;margin:5px; height:auto;}
header div {margin:0;}
.container2:nth-of-type(2){margin:840px 0 0 0;}
.bxSlider img {height:160px;}
.other2 {background:#fff !important;}

}

@media screen and (min-width: 321px) {
img.imgsize2 {width:175px !important; height:auto;}
img.imgsize3 {width:172px !important; height:auto;}
}

.ttt {max-width:520px; width:100%; position:absolute; margin-top:-536px; margin-left:310px;}


div.order-button {margin:40px auto; width:176px;}

.other ul {margin:0; padding:0;}

.other ul li {
	margin:11px;
	display: inline-block;
	list-style-type: none; border:solid 1px #ccc; padding:5px;

}

.other ul li:last-child, .other ul li:nth-last-child(6) {margin:0 0 10px 0;}

.other2 {
margin:0 auto;
background:#000;
max-width:830px;
width:100%;
height:465px
}

.other2 ul {margin:0; padding:0;}

.other2 ul li {
	margin:0;
	display: inline-block;
	list-style-type: none;
}

footer {
	max-width:836px; width:100%;
	margin:80px auto; text-align:center;
}

img.stripe {max-width:836px; width:100%;}

div.buttonarea {max-width:560px; width:100%;
	margin:40px auto 60px auto; text-align:center;}

.hnextpre {position:relative; text-align:right; margin:-20px 6px 5px 0;}
.hnextpre a {font-size:0.9em;  text-decoration:none; background:#ccc;
	display:inline-block; padding:3px 5px; color:#fff; text-align:center;
	width:90px;
}
.hnextpre a:hover {background:#6c6c6c;}

.prenext1 {display:none; position:absolute; margin-top:-250px; margin-left:10px;}
.prenext2 {display:none; position:absolute; margin-top:-250px; margin-left:-40px;}
.prenext1 a, .prenext2 a{text-decoration:none; color:#ddd; display:block; text-align:center;}
.prenext1 a:hover, .prenext2 a:hover {color:#aaa;}


.prenext3 {position:absolute; margin-top:-250px; margin-left:280px;}
.prenext4 {position:absolute; margin-top:-250px; margin-left:10px;}
.prenext3 a, .prenext4 a{text-decoration:none; color:#ddd; display:block; text-align:center;}
.prenext3 a:hover, .prenext4 a:hover {color:#aaa;}

.btn {font-size:1.4em; background:#d03332; color:#fff; text-align:center; padding:10px; width:236px; height:52px; cursor:pointer; display:inline-block; vertical-align:middle; margin-right:10px; border:none;
}

.btn2 {font-size:1.4em; background:#333; color:#fff; text-align:center; padding:10px; width:236px; height:52px; border:none; cursor:pointer; display:inline-block; vertical-align:middle;}

.btna {font-size:1.4em; background:#d03332; color:#fff; text-align:center; padding:10px; width:236px; height:52px; cursor:pointer; text-decoration:none; display:inline-block; vertical-align:middle; margin-right:10px; border:none; box-sizing:border-box;
}

.btn:hover, .btn2:hover, .btna:hover {border-top:solid 1px #fff; border-left:solid 1px #fff;
opacity: 0.8;
}



.itemname {font-size:1.4em;}
.itemcode {font-size:0.9em; color:#999;
	width:100%; text-align:left; margin-top:0px;}

.slash {color:#aaaaaa;}
.bnone {border:none;}
.dashed {border-bottom:dashed 2px #999; max-width:820px; margin:10px auto;}


@media screen and (max-width:800px){
.imgbox {max-width:320px; width:100%;}
.imgbox td {display:inline; float:left;}
.container2, header {padding:10px; box-sizing:border-box;}
dt,dd {width:100%;}
.detail3 {margin-top:0px;}
.detail3 ul {max-width:320px; width:100%; margin:0 auto; text-align:center;}
.detail3 ul li {width:130px; margin:0 10px 10px 0;}
.detail3 ul li:first-child {margin-left:11px;}
.detail3 ul li img {width:100px;}
.detail3 p {margin-top:0; text-align:left;}
.other {max-width:320px; width:100%; margin:0 auto; text-align:center;}
.other ul li {width:110px;}
.other ul li:last-child, .other ul li:nth-last-child(6) {margin:0 10px 10px 10px;}
.prenext1, .prenext2 {display:none;}

.hnextpre {text-align:right; margin-top:-50px;}
.itemcode {text-align:left; margin-top:0;}
}

#nvs {width:180px; margin:0 auto; text-align:center;

}

#nvs2 a.active{
	text-decoration: none;
}
.nv {background: #da6161; color:#ffffff;
	width:20px; height:20px;
	padding:10px;
display:inline-block; vertical-align: middle; text-align: center;
cursor: pointer;
margin-bottom:10px;
}

#slider-prev a,#slider-next a{font-size:1.8em;
color:#da6161; text-decoration: none;
font-weight: bold;
}

.ppp {
	font-size:1.6em;
	font-family: 'Slabo';
 background: #fff;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}

.saiko {
border:dashed 3px red !important;
box-sizing:border-box;

}

ul.kijideza li{
	margin:4px 4px;
}

ul.kijideza li:nth-of-type(2n) {vertical-align: top;}

#e_tbl {
	width:100%;
}


div.footernavi {text-align:center;}
div.footernavi a {color:#000; text-decoration:underline; }