/* CSS Document */

body{
	margin:0;
	background-image: url(../images/page_bg01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}
div{
	margin:0;
}
p{
	margin:0;
}
a{
	color:#303030;
}
a:hover{
	color:#9acd0f;
}

h1{
	background-image: url(../images/head_titbg.jpg);
	background-repeat: no-repeat;
	height:73px;
	margin:0;
	padding:40px 15px 0;
}
h2{
	margin:15px 0 0;
	padding:0;
}

/******Head******/
#head{
	width:850px;
	margin:30px auto 0;
	border-bottom:7px solid #384238;
}
#head .head{
	font-size:12px;
	text-align:right;
	color:#444;
	padding-bottom:5px;
	letter-spacing:2px;
}
#head .top{
	border-bottom:0;
}
#head .left{
	width:181;
	float:left;
	padding-top:3px;
}
#head .right{
	width:555px;
	float:right;
}
.mgt15px{
	margin-top:15px;
}
#head .right p{
	float:left;
}
#head .right p a{
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-indent:-1500px;
	outline:none;
	height:30px;
}
#head .n-01 a{
	width:108px;
	background-image: url(../images/head_navi01.jpg);
}
#head .n-01 a:hover{
	background-position:0 -30px;
}
#head .n-02 a{
	width:157px;
	background-image: url(../images/head_navi02.jpg);
}
#head .n-02 a:hover{
	background-position:0 -30px;
}
#head .n-03 a{
	width:135px;
	background-image: url(../images/head_navi03.jpg);
}
#head .n-03 a:hover{
	background-position:0 -30px;
}
#head .n-04 a{
	width:155px;
	background-image: url(../images/head_navi04.jpg);
}
#head .n-04 a:hover{
	background-position:0 -30px;
}
#head .n-05 a{
	width:80px;
	background-image: url(../images/head_navi05.jpg);
}
#head .n-05 a:hover{
	background-position:0 -30px;
}




.mainimg{
	width:297px;
	height:94px;
	padding:356px 0 0 553px;
	background:url(../images/top_main.jpg) no-repeat 0 0;
}


/******Body******/
#body-bg{
	width:900px;
	margin:0 auto;
	background-image: url(../images/page_bg02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#body{
	width:850px;
	margin:0 auto;
	font-size:12px;
	color:#303030;
	line-height:150%;
}
#body .path{
	font-size:11px;
	padding:0 20px 10px;
}
#body .gotop{
	background-image: url(../images/icon_arrow01.gif);
	background-repeat: no-repeat;
	background-position:760px 22px;	
	font-size:11px;
	text-align:right;
	padding:20px 15px 10px 0;
}

/*こだわり*/
#kod{
	width:810px;
	margin:0 auto;	
}
#kod .con-01{
	margin:20px 0;
	border-bottom:1px dotted #a7a7a7;
	height:100%;
}
#kod .left-01{
	width:238px;
	margin:0 20px 10px 70px;
	float:left;
	padding-bottom:20px;
}
#kod .right-01{
	width:auto;
	float:left;
	line-height:170%;
}
#kod .con-02{
	padding-top:15px;
	height:100%;
}
#kod .left-02{
	width:380px;
	margin-left:20px;
	float:left;
}
#kod .right-02{
	width:370px;
	float:left;
}
#kod .txt{
	padding:15px 0 10px;
	line-height:170%;
}
/*できるまで*/
#ois{
	width:810px;
	margin:0 auto;	
}
#ois .con-01{
	width:719px;
	margin:20px auto;	
}
#ois .con-01 p{
	padding:1px 0;
}
#ois .img{
	margin:10px 0;
}
/*入れ方*/
#och{
	width:810px;
	margin:0 auto;	
}
#och .con-01{
	width:710px;
	height:100%;
	margin:40px auto;
}
#och .con-01 p{
	float:left;
	margin:0 5px;
}
#och .tit-01{
	border-bottom:1px dotted #a7a7a7;
	margin:0 10px 7px;
	padding-bottom:5px;
}
#och .tit-02{
	margin:0 10px;
}
/*取り扱い商品*/
#ite{
	width:790px;
	margin:0 auto;	
}
#ite .tit-01{
	border-bottom:1px dotted #a7a7a7;
	margin:25px 0 7px;
	padding-bottom:5px;
}
#ite .tit-02{
	margin:25px 0 5px;
}
#ite .con-01{
	margin-top:30px;
}
#ite .left{
	width:400px;
	float:left;
}
#ite .right{
	width:200px;
	float:left;
	margin-left:20px;
}
#ite .table-01 {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:5px;
	margin-bottom:5px;
	width:400px;
}
#ite .table-01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:12px;
	color:#303030;
	padding:5px 10px;
	text-align:center;
	letter-spacing:1px;
}
#ite .table-01 td span{
	font-size:11px;
}
#ite .td01{
	background-color:#e5e7e0;
	letter-spacing:2px;
}
#ite .td02{
	font-weight:bold;
}
#ite .td03{
	background-color:#e5e7e0;
}
#ite .td04{
	text-align:left;
	padding-left:15px;
	line-height:150%;
}
#ite .table-02{
	margin-left:20px;
	margin-top:20px;
}
#ite .table-02 td{
	vertical-align:top;
	padding:0 0 15px;
}
#ite .table-02 td b{
	font-size:14px;
	letter-spacing:1px;
}
#ite .arrow{
	background-image: url(../images/icon_arrow02.gif);
	background-repeat: no-repeat;
	background-position:0 8px;
	padding-top:5px;
	padding-left:13px;
}
#ite .con-02{
	width:790px;
	padding:10px;
	background-image: url(../images/ite_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:30px;
}
#ite .con-03{
	width:720px;
	height:100%;
	margin:10px 20px 15px 50px;
}
#ite .con-03 div{
	float:left;
	width:180px;
	line-height:140%;
}
#ite .photo{
	height:145px;
}
#ite .price{
	font-size:14px;
	font-weight:bold;
}
#ite .zoto{
	padding:10px 15px 10px;
}
#ite .order{
	width:278px;
	margin:20px auto;
}
#ite .order a{
	width:278px;
	height:73px;
	display:block;
	text-indent:-1500px;
	background:url(../images/banner.jpg) no-repeat 0 0;
	background-repeat: no-repeat;
}

#ite .cts01{
	margin:15px;
	padding:15px 0;
}


/*会社概要*/
#com{
	width:810px;
	margin:15px auto 0;	
}
#com .left{
	float:left;
	width:450px;
	margin-left:20px;
}
#com .right{
	float:left;
	width:216px;
	margin-left:40px;
}
#com table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:450px;
}
#com td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:12px;
	color:#303030;
	padding:7px 10px;
	text-align:center;
	letter-spacing:1px;
}
#com table td span{
	font-size:11px;
}
#com .td01{
	background-color:#e5e7e0;
}
#com .td02{
	text-align:left;
	padding-left:15px;
	line-height:150%;
}
#com .img{
	padding:20px 0 5px;
}
#com .txt01{
	margin:10px 0 20px;
}
#com .gmap{
	border:1px solid #d3d3d3;
	padding:4px;
	width:440;
	height:350;
}
/*個人情報保護方針*/
#pol{
	width:810px;
	margin:50px auto 0;	
}
#pol p{
	letter-spacing:1px;
	line-height:160%;
	padding-bottom:70px;
}

/******注文ページ******/
#ord{
	width:810px;
	margin:15px auto 0;	
}
#ord .form{
	margin:10px 0 0 30px;
}
#ord .form td{
	vertical-align:top;
	padding:8px 5px;
}
#ord .form-tit{
	background-color:#e7eddd;
	width:130px;
	letter-spacing:2px;
	text-indent:5px;
	color:#5d674c;
}
#ord .form-tit span{
	font-size:11px;
	letter-spacing:0;
}
#ord .form input,textarea,button{
	border:1px solid #ccc;
}
#ord .btn{
	height:23px;
	width:100px;
}
#ord .item{
	padding:0 0 0 30px;
}
#ord .form-bg{
	background-image: url(../images/ord_tel.jpg);
	background-repeat: no-repeat;
	background-position:560px 10px;
}


/******Foot******/
#foot{
	width:856px;
	margin:0 auto;
	background-image: url(../images/foot_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color:#fff;
	font-size:11px;
	letter-spacing:1px;
}
#foot p{
	float:left;
}
#foot .navi{
	width:289px;
	margin:0 3px 0 auto;
}
#foot p a{
	height:26px;
	text-indent:-1500px;
	outline:none;
	background-repeat: no-repeat;
	background-position:0 0;
	display:block;
}
#foot .n-01 a{
	width:89px;
	background-image: url(../images/foot_navi01.jpg);
}
#foot .n-01 a:hover{
	background-position:0 -26px;	
}
#foot .n-02 a{
	width:120px;
	background-image: url(../images/foot_navi02.jpg);
}
#foot .n-02 a:hover{
	background-position:0 -26px;	
}
#foot .n-03 a{
	width:80px;
	background-image: url(../images/foot_navi03.jpg);
}
#foot .n-03 a:hover{
	background-position:0 -26px;	
}
#foot .copy{
	padding:14px;
}