@charset "shift_jis";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}

body{
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	margin:0px;
	line-height:18px;
	width:100%;
	background-image:url(img/tophai.png);
	background-repeat:repeat;
	}

img{border:0px;}



/*基本リンクカラー*/

a:link,a:visited,a:active{
	color:#1E1E1E;
	text-decoration:underline;
	}

a:hover{
	color:#E0B377;
	text-decoration:underline;
	}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}



/*文字設定いろいろ*/

h1{
	font-size:13px;
	color:#202C3B;
	font-weight:normal;
	padding:10px 0px 0px 3px;
	margin:0px;
	text-align:left;
	}

.aka{color:#FF0000;}

.akab{
	color:#FF0000;
	font-weight:bold;
	}

.hai{color:#4C4C4C;}
	
.b{font-weight:bold;}

.f10{font-size:10px;}

 input[type=text]{
 height:25px;
 margin:3px 0px 3px 0px;
 }



/*全体↓*/	

#box{
	width:100%;
	max-width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}


/*トップページ*/

.hd1{
	position: relative;
	background-image:url(img/hd02.png);
	background-repeat:no-repeat;
	width:100%;
	max-width:960px;
	}

.hd2{
	position: absolute;
	top: 15px;
	right: 25px;
	}

#nbox{
	width:100%;
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	}

.image1{
	background-image:url(img/tc01.png);
	background-repeat:no-repeat;
	display: table-cell;
	width:554px;
	height:617px;
	vertical-align: middle;
	text-align: center;
	}

.image2{
	background-image:url(img/tc02.png);
	background-repeat:no-repeat;
	display: table-cell;
	width:356px;
	height:247px;
	vertical-align: middle;
	text-align: center;
	}

.image3{
	background-image:url(img/tc03.png);
	background-repeat:no-repeat;
	display: table-cell;
	width:356px;
	height:360px;
	vertical-align: middle;
	text-align: center;
	}

.pp{
	margin: 0px;
	padding: 5px 20px 5px 20px;
	}

/*商品*/

.shbox{
	width:100%;
	max-width:332px;
	line-height:15px;
	float:left;
	padding:5px 0px 5px 0px;}

/*よくあるご質問*/

.q{
	background-image:url(img/q.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:10px 0px 10px 45px;
	margin-left:10px;
	width:100%;
	max-width:820px;
	font-weight:bold;
	}

.a{
	background-image:url(img/a.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:10px 0px 10px 45px;
	margin-left:10px;
	width:100%;
	max-width:820px;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	margin-top:5px;
	}
	


/*こだわり*/

.kdbox{
	width:100%;
	max-width:340px;
	float:left;
	padding:0px 10px 110px 30px;
	font-size:13px;
	line-height:25px;}
	
.kdimage{
	background-image:url(img/k-08.png);
	background-repeat:no-repeat;
	display: table-cell;
	width:770px;
	height:1359px;
	padding:80px 70px 0px 70px;
	}


/*お問い合わせ*/

.oto-f table{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #999999;
	margin-top:10px;
	color:#333333;
	}	
		
.oto-f th{
	background-color:#f5f5f5;
	border-bottom:1px solid #999999;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:20px;
	}
				
.oto-f td{
	background-color:#FFF;
	text-align:left;
	border-bottom:1px solid #999999;
	padding-left:20px;
	}


input#submit_button{
	padding: 15px 40px;
    background-color: #3f220e;
    color: #fff;
    border-style: none;
	}

input#submit_button:hover{
    padding: 15px 40px;
    background-color:#673a1b;
    color: #fff;
    border-style: none;
	}	


/*ご注文*/

.pdf{
	background-color:#FFFFB5;
	text-align:left;
	color:#A57801;
	font-size:11px;
	line-height:16px;
	text-decoration: none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 10px 10px;
	}	
	
.ord table{
	border-top:2px solid #999999;
	border-left:2px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	color:#333333;
	}
	
.ord th{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#f5f5f5;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:20px;
	}
	
.ord td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFF;
	text-align:left;
	padding-left:20px;
	}

.ord2 table{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	color:#333333;
	border-top:2px solid #999999;
	border-left:2px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}
	
.ord2 th{
	text-align:center;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#f5f5f5;
	height:30px;
	}

.ord2 td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFF;
	height:34px;
	text-align:left;
	padding-left:20px;
	}



.ord3 table{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	color:#333333;
	border-top:2px solid #999999;
	border-left:2px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}
	
.ord3 th{
	text-align:center;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#f5f5f5;
	}

.ord3 td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFF;
	text-align:left;
	padding:5px 0px 5px 5px;
	}

/*会社概要*/

.cm table{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #999999;
	margin-top:10px;
	color:#333333;
	}	

.cm th{
	width:200px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
				
.cm td{
	text-align:left;
	border-bottom:1px solid #999999;
	padding-left:20px;
	}


/*サイトマップ*/

.s-map{
	line-height:30px;
	color:#673a1b;
	}

a.smap:link,a.smap:visited,a.smap:active{
	color:#673a1b;
	padding-left:5px;
	font-size:16px;
	text-decoration:underline;
	}

a.smap:hover{
	color:#E0B377;
	padding-left:5px;
	font-size:16px;
	text-decoration:underline;
	}
	

/*ページトップ*/

#pageTop{
	padding:6px 13px 6px 13px;
	position:fixed;
	bottom:0px;
	right:0px;
	text-align: right;
	}


/*--フッタ--*/

.ftbox{
	background-color:#673A1B;
	color:#FFF;
	width:100%;
	max-width:920px;
	padding:15px 15px 10px 25px;
	}

a.ft:link,a.ft:visited,a.ft:active{
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	}

a.ft:hover{
	color:#E0B377;
	font-size:14px;
	font-weight:bold;
	}

address{
	font-style:normal;
	height:25px;
	width:100%;
	max-width:960px;
	background-color:#3F220E;
	color:#FFF;
	padding-top:7px;
	font-size:11px;
	letter-spacing:1px;
	text-align:center;
	}

a.ad:link,a.ad:visited,a.ad:active{
	color:#FFF;
	font-size:11px;
	}

a.ad:hover{
	color:#E0B377;
	font-size:11px;
	}


@media print {
	#pageTop{display: none !important; }
	}
