@charset "utf-8";


/* ===== ボディ ===== */
body,table{font-size:12px;font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;letter-spacing:nomal;
line-height:1.6em;color:#000;text-align:left;}

body{filter:expression(document.execCommand("BackgroundImageCache", false, true));}

.clear{clear:both;}
.loading{width:100%;height:32px;margin:30px auto;text-align:center;}

img {border:none;margin:0;}
img.topImg{width:100%;margin-bottom:15px;}
img.leftImg{width:30%;padding-right:10px;float:left;}
img.rightImg{width:30%;float:right;padding-left:10px;}

a {color:#333;}
th, td {padding:2px 4px;background-color:#fff;}
em{color:#cc0000;}
.sendBt{padding:2px 4px;margin-bottom:15px;}
.error{color:#cc0000;}
.attention{border:1px dashed #cc0000;padding:5px;margin-bottom:15px;}

/*			*/
/*	header	*/
/*			*/
#home{width:100%;height:22px;color:#333;padding-top:3px;}
#home p{width:900px;margin:0 auto;text-align:right;}
#home a{height:20px;color:#333;text-decoration:none;padding:0 10px;cursor:pointer;}
#home a:hover{text-decoration:underline;}

#title{width:880px;height:120px;margin:0 auto;position:relative;}
#title .logo {position:absolute;z-index:10;}
#title .logo a{text-decoration:none;}

#header {width:880px;margin:0 10px;display:table;table-layout:fixed;padding-top:4px;}
.menuL, .menuR{display:table-cell;}
#header ul{width:100%;display:table;table-layout:fixed;font-size:14px;text-align:center;background-color:#fff;letter-spacing:0.1em;}
#header li{display:table-cell;}
#header li a, #header li p{display:block;height:16px;padding:6px 0 10px 0;color:#fff;text-decoration:none;color:#fff;}
#header li a:hover{opacity:0.75;cursor:pointer;}
#header li.focus p{background:none;}

/*			*/
/*	main	*/
/*			*/
#contents {width:900px;margin: 0 auto;}
#main {width:900px;margin-top:15px;padding-top:4px;position:relative;}

#cart {position:absolute;z-index:100;margin:0 10px;width:880px;}
#smfCart {position:absolute;z-index:100;margin:32px 0 0 0;width:100%;}

#cart .continer, #smfCart .continer{height:0px;display:block;background-color:#fff;opacity:0.9;overflow:hidden;}
#cart .cartBox, #smfCart .cartBox{padding:20px;}
#cart table, #smfCart table{width:100%;background-color:#666;margin-bottom:10px;}
#cart th, #smfCart th{background-color:#efefef;padding:2px 8px;text-align:center;}
#cart td, #smfCart td{background-color:#fff;padding:2px 8px;text-align:right;}
#cart a, #smfCart a{cursor:pointer;}
#cart td img, #smfCart td img{max-width:36px;max-height:36px;padding:2px;}

#cart .cartBt{margin-left:625px;width:235px;height:40px;}
#cart .cartBt:hover{opacity:0.6;}
#cart hr{margin:0;border-style:solid none none none;border-top-width:1px;border-top-color:#ffcc00;padding:0;height:0;}

#cart .sendBt, #smfCart .sendBt{margin:15px 0 0 0;}


#payment dt{width:25%;float:left;text-align:right;padding-right:2%;margin-bottom:10px;}
#payment dd{width:73%;float:left;margin-bottom:10px;}
#payment dd img{margin-top:5px;}

.left{width:590px;margin:20px 15px 0 30px;float:left;}
.left .clear{margin-bottom:20px;}

.left ol{text-align:left;padding-left:1em;margin-left:1em;}
.left ul{text-align:left;padding-left:1em;margin-left:1em;}
.left li{margin-bottom: 5px;}
.left p {margin-bottom:15px;}

.left h2 {margin:0;padding:0;color:#000;border:none;font-size:16px;border-left:4px solid #000;padding:2px 0 0 5px;letter-spacing:0.1em;}
.left h3 {font-size:14px;border-bottom:1px solid #000;margin-bottom:10px;width:100%}
.left h4 {font-size:14px;font-weight:bold;margin:10px 0;}

.left dl{width:100%;display:table;table-layout:fixed;margin-bottom:20px;}
.left dt{display:table-cell;width:50%}
.left dd{display:table-cell;width:50%}

.left .headline{padding:3px 4px;border:1px solid #000;margin-bottom:15px;}


/*	top	*/
#topBanner{width:590px;margin-bottom:20px;position:relative;overflow:hidden;display:none;}
ul.topBannerBack {position:absolute;width:590px;height:240px;list-style:none;z-index:1;margin:0;padding:0;display:none;}
.topBannerBack li{position:absolute;}
ul.topBannerFront {position:absolute;width:590px;height:240px;list-style:none;z-index:2;margin:0;padding:0;display:none;}
.topBannerFront li{position:absolute;}

.bannerPage {position:relative;cursor:pointer;z-index:10;}
.bannerPage p {width:14px;height: 0;margin: 0 3px;padding:26px 0 0 0;float:left;overflow: hidden;}
.bannerPage p.focus {background-position:0 -26px;}

.linkBanner {margin-top:30px;}
.linkBanner dt{float:left;margin-bottom:10px;}
.linkBanner dd{float:left;margin-bottom:10px;text-align:right;}
.linkBanner dt img, .linkBanner dd img{width:290px;}
.linkBanner a{opacity:0.7;}
.linkBanner a:hover{opacity:1;}

/*	item			*/
.left .item h2{font-weight:bold;font-size:12px !important;margin-top:10px;}
.left .item .sale h3{border:none;font-size:16px}
.left .item h4{margin-bottom:5px;}
.left .item img{margin-bottom:20px;}
.left .item hr{margin:5px 0 5px 0;border-style: dashed none none none;border-top-width:1px;border-top-color:#ccc;height:1px;}

.left .item .sale{margin-top:30px;}
.left .item .sale h4{font-size:14px;margin:10px 0 5px 0;}
.left .item .sale h2{border:0;font-size:18px;padding:0;margin-bottom:5px;}
.left .item .sale .price{font-size:28px;color:#CC0000;line-height:1.5em;margin:0;}
.left .item .sale .yen{font-size:14px;}

.left .item .sale .pict{float:left;margin:0 20px 10px 0;width:320px;border:1px solid #ccc;}
.left .item .sale .pict img{max-width:300px;max-height:300px;padding:10px;margin:0;}
.mainImage, .backImage{width:300px;text-align:center;}

.left .item .sale .pict ul{list-style-type:none;padding:0;margin:0 0 10px 10px;height:45px;}
.left .item .sale .pict li{width:60px;height:45px;margin:0;padding:0;cursor:pointer;text-align:center;float:left;}
.left .item .sale .pict li img{max-width:60px;max-height:45px;padding:0;margin:0;}


.left .item .etcLink {margin-top:30px;}
.left .item .etcLink ul{margin:0;padding:0;list-style:none;}
.left .item .etcLink li{width:23.5%;float:left;margin-right:2%;margin-top:10px;}
.left .item .etcLink li.end{margin-right:0;}

.left .item .etcLink li img{opacity:0.7;width:100%;margin-bottom:5px;}
.left .item .etcLink li img:hover{opacity:1;}


/*	list			*/
.left .list img{width:20%;margin-right:2%;float:left;}
.left .list img:hover{opacity:0.6;}
.left .list ol{float:left;margin:0;padding:0;list-style:none;}
.left .list li{border-bottom: 1px #ccc dashed;margin-bottom:20px;}
.left .list h3{border:0;font-size:16px;padding:0;margin:5px 0;}
.left .list .price{font-size:20px;line-height:1.8em;}

/*	about, history	*/
.left .about dt, .left .first dt{width:35%;float:left;margin-bottom:10px;}
.left .about dd, .left .first dd{width:63%;vertical-align:top;padding-left:2%;float:left;margin-bottom:10px;}
.left .about dt img, .left .first dt img{width:100%}

.left .first .history dt{width:18%;text-align:right;}
.left .first .history dd{width:80%;}

#map {width:100%;height:400px;border:1px solid #ccc;margin-bottom:15px;}

/*	flow	*/
/*	delivery_payment	*/
.left .flow p, .left .delivery_payment p{margin-bottom:20px;}
.left .flow table, .left .delivery_payment table{width:50%;background-color:#666;margin:10px 0;}
.left .flow th, .left .delivery_payment th{background-color:#efefef;}

.left .flow li, .left .flow ol{margin-bottom:20px;}
.left .flow .regist li{margin-bottom:5px;}

.left .delivery_payment ul{margin-bottom:20px;}


/*	tokusyo	*/
.left .tokusyo table{width:100%;background-color:#666;}
.left .tokusyo th{width:120px;background-color:#f6f6f6;padding:2px 8px;width:120px;text-align:right;vertical-align:top;}
.left .tokusyo td{background-color:#FFFFFF;padding:2px 8px;}

.left .contact table{width:100%;margin-bottom:15px;}
.left .contact th{width:120px;text-align:right;}
.left .contact td{background-color:#fff;}
.left .contact .inputArea{width:80%;}
.left .contact textArea{width:100%;height:200px;margin-bottom:10px;}

.left table.postage {width:50%;background-color:#666;margin:10px 0 20px 0;}
.left .postage th{width:60px;text-align:right;}


/*	rules	*/
/*	privacy	*/
.left .rules h3, .left .privacypolicy h3{font-size:14px;margin-bottom:5px;}
.left .rules p, .left .privacypolicy p{margin-bottom:20px;}
.left .rules ol, .left .privacypolicy ol{margin-bottom:20px;}
.left .rules li, .left .privacypolicy li{margin:5px 0;}


.right{width:240px;margin-top:20px;padding-top:30px;float:left;}
.right .container{margin-bottom:10px;}
.right .adsense{margin-bottom:10px;}
.right img{width:100%;vertical-align:text-bottom;}
.right img.link:hover{opacity:0.75;}


/*	order	*/
.left .order table{width:100%;background-color:#666;margin-bottom:20px;}
.left .order th{background-color:#efefef;padding:2px 8px;text-align:center;}
.left .order td{background-color:#fff;padding:2px 8px;text-align:right;}
.left .order a{cursor:pointer;}
.left .order td img{max-width:36px;max-height:36px;padding:2px;}
.left .order h3{margin-top:20px;}
.left .order h4{color:#cc0000;border-bottom:1px solid #cc0000;margin-bottom:10px;widht:100%}
.left .order caption{text-align:left;}

.left .order .inputForm th{text-align:right;}
.left .order .inputForm td{text-align:left;}
.left .order .inputForm .inputArea{width:90%;}
.left .order .inputForm textArea{width:90%;}
.left .order .inputForm .sendBt{margin:20px 5px 15px 0;padding:7px;}

/*			*/
/*	footer	*/
/*			*/
#footer {padding-top:15px;background-color:#f9f9f9;text-align:center;position: relative;border-top:1px solid #efefef;}
#footer img{margin:0 auto 15px auto;}
#footer h2{height:22px;padding-top:3px;font-size:10px;font-weight:normal;color:#fff;}

.menu{width:900px;margin:0 auto 12px auto;}
.menu a{margin:0 5px;text-decoration:none;}
.menu a:hover{text-decoration:underline;}

/*			*/
/*	modal	*/
/*			*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal {
	width: 500px;
	text-align:left;
	padding: 20px; 
	display:none;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
.modal dl{background:transparent;color:#000;}
.modal dt{width:64px;text-align:right;float:left;}
.modal dd{width:436px;text-align:left;}
.modal hr{margin:3px;border-style: dashed none none none;border-top-width:1px;border-top-color:#ccc;height:1px;}
.modal h4{border-bottom:1px solid #000;padding-bottom:3px;color:#000;margin-bottom:10px;}
.modal .comment{background-color:#eff5dd;padding:2px 4px;margin-top:10px;}