@charset "utf-8";

*{margin:0;padding:0;}

html{background:#ffffff;}

body{
font: 18px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background:url(images/header.png) repeat-x scroll center top #fff;
}


a{color:#6c5010;}
a:hover{color:#675d48;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
p1{
	margin-bottom: 10px;
	padding-bottom:5px;
	font-size: 16px;
}
.center{text-align:center;}
.right{text-align:right;}



body , html {
  height: 100%;
}
.wrapper {
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/*******************************
全体幅
*******************************/
#header, #header2, #container, .inner{
margin: 0 auto;
width: 1025px;
}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height: 132px;
}

#header2{
position:relative;
height: 70px;
}

#header h1,#header h2, #header h3, #header ul, #header .banners{
	font-weight: normal;
	position: absolute;
	top: -1px;
	color: #333;
	font-size: 16px;
	line-height: 21px;
}

#header h1{
	top: 10px;
}
#header h2{
	top: 20px;
	right: 0px;
}

#header .header_bnr{
  position: absolute;
  right: 0;
  top: 22px;
}

/* ロゴの位置 */
#header h3{top: 30px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 40px;
right:0;
width: 305px;
height: 14px;
background:url(images/topnav.png) no-repeat 0 0;
line-height:14px;
}

#header ul li{float:left;list-style:none;}

#header ul a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 14px;
background:url(images/topnav.png) no-repeat;
}

#header ul a#contact{background-position:0 0;width: 110px;}
#header ul a#sitemap{background-position:-110px 0;width:104px;}
#header ul a#access{background-position:-214px 0;width:91px;}

#header ul a#contact:hover, #header ul li.active a#contact{background-position:0 -14px;}
#header ul a#sitemap:hover, #header ul li.active a#sitemap{background-position:-110px -14px;}
#header ul a#access:hover, #header ul li.active a#access{background-position:-214px -14px;}


/******************
/* ヘッダー　バナー
******************/
#header .banners{
right:-10px;
top:40px;
}

#header .banners img{margin-right:10px;}


/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
margin: 0 auto;
width: 1025px;
height: 60px;
background:url(images/mainnav.png) no-repeat 0 0;
}

ul#mainnav li{float:left;list-style:none;width:192px;}

ul#mainnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 192px;
height: 60px;
background:url(images/mainnav.png) no-repeat 0 0;
}

ul#mainnav a#home{background-position:0 0;}
ul#mainnav a#menu1{background-position:-192px 0;}
ul#mainnav a#menu2{background-position:-384px 0;}
ul#mainnav a#menu3{background-position:-576px 0;}
ul#mainnav a#menu4{background-position:-768px 0;}


ul#mainnav a#home:hover, ul#mainnav li.active a#home{background-position:0 -60px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-192px -60px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-384px -60px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-576px -60px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-768px -60px;}



/*******************************
メイン画像
*******************************/
#mainImage{
}


/*******************************
コンテンツ位置
*******************************/
#container{
padding-bottom: 40px;
overflow: hidden;
padding: 20px 0;
}



#main {
float: left;
width: 655px;
padding-bottom:40px;
}



#sidebar {
float: right;
width: 300px;
padding-bottom:40px;
font-size:16px;
}


/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
*************************/
.boxContainer{
width:715px;
margin:0 auto 20px;
background:url(images/box1.gif) 0 100%;
}

.box1,.box2, .box3, .box4{
float: left;
width: 225px;
margin: 0 20px 20px 0;
}

.box1, .box3, .box4{
width:327px;
margin:0 21px 0 0;
padding: 10px;
}

#sidebar .box1{
width:209px;
margin: 0 0 20px;
padding: 10px 7px;
border:2px solid #957735;
}

.box3{
width:347px;
padding:0 0 10px;
}

.box4{
margin:0 0 0 0;
padding:0;
width:715px;
}

.box22{
float: left;
width: 163px;
margin: 0 20px 20px 0;
}

/* 最後のbox */
.last{margin-right:0;}


/* 画像を中央表示 */
.box1 .center{padding-bottom:10px;}

/* 画像を左に回りこみ */
.box4 img{
float:left;
margin: 0 10px 10px;
}

.box4 h4 img{
float:none;margin:0 0 40px;
}

.box4 .submit_btn{
float:none;margin:40px 110px 0;
}

.box4 .sns{
  margin-left: 240px;
  overflow: hidden;
}
.box4 .sns img{
float:left;
margin:20px 10px 0;
}

.box4 p{
padding: 10px 0px 0px 10px;
font-size: 16px;
}






/*Radioのみ*/
label.radio {
	position      : relative;
	display       : inline-block;
	width         : 21px;
	height        : 21px;
	border        : 1px solid #aaa;
	border-radius : 100%;
	overflow      : hidden;
	cursor        : pointer;
	top              : 5px;
}
label.radio:before {
	content          : '';
	display          : block;
	width            : 9px;
	height           : 9px;
	border-radius    : 100%;
	position         : absolute;
	top              : 6px;
	left             : 6px;
	z-index          : 1;
	background-color : #D65; 
}
label.radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0px;
	position   : absolute;
	z-index    : 2;
	top        : -2px;
	left       : -23px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 20px 0px #FFF;
}
label.radio input[type="radio"]:checked {
	box-shadow : none;
}
label.radio input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
	opacity    : 0.2;
}


#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 2px solid #444444;
   padding: 1px;
  margin: 1px;
}


/*************
/* 見出し
*************/
.box3 h4{margin-bottom:10px;}

#container h3{
margin-bottom:10px;
padding-bottom:5px;
color: #444444;
font-weight: normal;
border-bottom: 2px dotted  #675d48;
}


#container h5{
	margin-bottom:10px;
	padding-bottom:5px;
	color: #444444;
	font-weight: normal;
	border-bottom: 2px dotted  #675d48;
	font-size: 12px;
}

#container h2{
padding: 0 5px 0 30px;
margin-bottom:10px;
line-height:37px;
font-size: 14px;
font-weight: normal;
color:#444444;
background:url(images/h2Bg.png) no-repeat 0 100%;
}

#container .box4 h3{
padding: 7px 5px;
}


/*************
/* リスト
*************/
#container ul{margin-left: 5px;}

#container ul li, #footerUpper ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(images/bullet.gif) no-repeat 0 5px;
}

#container .box3 ul{padding: 0 5px;}

#sidebar ul{margin-left:3px;}


.post_table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}


/*************
/* table
*************/

.post_table th{
padding:5px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post_table td{
padding:5px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}


/*************
/* フォーム
*************/

input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:20px;
height:20px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #a5c254;
background: -moz-linear-gradient(top, #a5c254 0%, #87a438 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c254), color-stop(100%,#87a438));
background: -webkit-linear-gradient(top, #a5c254 0%,#87a438 100%);
background: -o-linear-gradient(top, #a5c254 0%,#87a438 100%);
background: linear-gradient(to bottom, #a5c254 0%,#87a438 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c254', endColorstr='#87a438',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:90%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #87a438;
background: -moz-linear-gradient(top, #87a438 0%, #a5c254 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87a438), color-stop(100%,#a5c254));
background: -webkit-linear-gradient(top, #87a438 0%,#a5c254 100%);
background: -o-linear-gradient(top, #87a438 0%,#a5c254 100%);
background: linear-gradient(to bottom, #87a438 0%,#a5c254 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a438', endColorstr='#a5c254',GradientType=0 );
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}



/*************
/* 各種ボタン
*************/

.into_cart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#a36a2c 0%,
		#d48128 25%,
		#7a4711 75%,
		#424242);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a36a2c),
		color-stop(0.25, #d48128),
		color-stop(0.75, #7a4711),
		to(#424242));
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 3px solid #805220;
	-moz-box-shadow:
		0px 1px 3px rgba(89,55,19,0.5),
		inset 0px 0px 10px rgba(77,44,8,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(89,55,19,0.5),
		inset 0px 0px 10px rgba(77,44,8,0.7);
	box-shadow:
		0px 1px 3px rgba(89,55,19,0.5),
		inset 0px 0px 10px rgba(77,44,8,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


/*************
サイド（右側）コンテンツ
*************/
#sidebar p{
float: right;
margin-bottom:30px;
}
#sidebar ul{margin-bottom:10px;}


/*******************************
/* フッター
*******************************/
#footerUpper{
clear:both;
padding: 20px 0;
border-bottom:1px solid #5c4614;
overflow: hidden;
background:#fff8d9 url(images/footer_bk.gif) repeat-x;
}


#footerUpper .inner .box{
float: left;
width: 290px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}

#footerUpper .inner .last{
width: 310px;
margin-right:0;
}

#footerUpper ul li{
font-weight: bold;
color:#5c4614;
font-size: 16px;
background:url(images/bullet.gif) no-repeat 0 3px;
}

#footerUpper a{color:#5c4614;}
#footerUpper a:hover{color:#61563d;}

#footerLower{
  clear:both;
  padding: 10px;
  text-align:center;
  border-top:1px solid #7e7e7e;
  background:#000;
  overflow: hidden;
}
.footer_inner {
  margin: 0 auto;
  width: 1025px;
}
.footer_inner,
.footer_inner a,
.footer_inner small {
  color: #fff;
  font-size:13px;
  text-decoration: none;
}
.footer_inner a:hover {
  text-decoration: underline;
}
.footer_menu {
  float: left;
}
.footer_copy {
  float: right;
  margin: 0;
}


#footerLower {
  position:absolute;
  bottom:0;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}
#container .headding1 {
  margin: 0 0 15px 0;
  padding: 2px 0 2px 10px;
  border-left: 7px solid #e2041b;
  border-bottom: 1px solid #e2041b;
  font-size: 24px;
}
#container .headding2 {
  margin-top: 40px;
  border-bottom: 1px dotted #8a8a8a;
  font-size: 18px;
}
#main p {
  font-size: 16px;
  line-height: 1.8;
}
#container .list {
  font-size: 16px;
}
.link {
  color: #e2041b;
}

.contact {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 30px;
}
.contact th,
.contact td {
  border: 1px solid #ccc;
  padding: 10px;
}
.contact th {
  width: 170px;
  background: #fbf8f8;
  font-size: 16px;
  font-weight: normal;
}

.contact input[type="text"], textarea {
  font-size: 16px;
}

.contact textarea {
  width: 100%;
  height: 100px;
}
.contact_btn {
  text-align: center;
  margin: 20px 0 50px 0;
}
.contact_btn input[type="submit"] {
  background:url('images/btn_contact.gif') no-repeat;
  width:308px;
  height:63px;
  border:0px solid;
  cursor:pointer;
}