@charset "UTF-8";



/****************************************
          1.Setting
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	list-style:none;
	}

body{
    font-family: 
    "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
    font-size:12px;
    color:#000;
	background: url("images/cont_bg.jpg") center -1px repeat #fff;
	line-height:160%;
}

p{
	margin-bottom: 10px;
}

a{
	color: #0066CC;
	text-decoration: none;
}
a:visited{
	color: #000CFF;
}

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

.clear{
	clear: both;
	line-height: 0;
}

img{
	display:block;
}

/****************************************
		2. Layout 
*****************************************/
#wrapper{
	background: url("images/bg.jpg") 0 1px repeat-y;
	width:1000px;
	height: auto;
	padding:0px;
	margin:0px auto;
}

#top_area{
	margin-left: 100px;
}

#contents{
	height: auto;
	width: 680px;
	margin: 10px auto;
	padding: 0px 10px;
	overflow:hidden;	/*#contents内の高さの取得を可能にする*/
}

#main{
	margin: 0px 10px 0px 0px;
	height:auto;
	width: 500px;
	float:left;
}

#sidebar{
	margin: 0px 0px 0px 5px;
	width: 150px;
	font-size: 12px;
	line-height: 150%;
	height: auto;
	float:right;
}

#footer{
	margin-top: 70px;
	text-align: center;
	height: 50px;
}


/****************************************
		3. header,menu 
*****************************************/
h1{
	font-size:85%;
	margin:0px;
	font-style:normal;
}

#main_image{
	background: url("./images/main.jpg") 0 0 no-repeat ;
    height: 250px;
    margin: 0px;
    padding: 0px;
    width: 800px;
}



#gnavi{
	height:50px;
	width:740px;
	background: url("images/navi_bg.jpg") 0 0 no-repeat ;
	padding-left:60px;
	margin:0px;
}

#gnavi li:first-child{
	border-left: 1px solid #999;
}
#gnavi li{
	color:#fff;
	display:inline;
	float:left;
	border-right: 1px solid #999;
}

#gnavi li a{
	color:#fff;
	text-decoration:none;
	padding: 14px 20px;
	display:block;
	border-right: 1px solid #000;
}

/*ホバー・カレント*/
.current-menu-item {
	font-weight: bold;
background: rgb(14,14,14); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDdlN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-8 */
}

#gnavi li:hover{
background: rgb(14,14,14); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDdlN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-8 */
}

/****child menu ul****/
/*2段目以降*/
#gnavi ul{
	display: none;
	position: absolute;
	z-index: 1;
}

/*2段目以降のリスト項目*/
#gnavi ul li{
	position: relative;
	background-color:#000;
	width: 140px;
	height: auto;
    border-top: 1px solid #999;
	clear: both;
}

#gnavi li:hover ul{
	display:block;
}

#gnavi ul li:hover{
	background-color:#ddd;
	color:#fff;
}

.sub-menu li a{
	color:#000;
	text-decoration:none;
	padding: 5px 10px !important;
	display:block;
	overflow:visible;
}


/****************************************
		4.contents 
*****************************************/
h2{
	background: url("images/h2_bg.gif");
 	color:#3d3329;
 	margin: 0px 0px 20px 0px;
 	padding: 3px 0px 0px 10px;
	height: 27px;
}

h3{
	background: url("images/h3_bg.gif");
 	color:#333333;
 	margin: 0px 0px 10px 0px;
 	padding: 0px 0px 0px 10px;
	width: 510px;
	height: 20px;
}

h3.cnt{
	background: none;
	border-left: #D4C5B7 solid 10px ;
 	color:#333333;
 	margin: 0px 0px 10px 10px;
 	padding: 0px 0px 0px 5px;
	width: 650px;
	height: 20px;
}

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

#news{
	overflow: auto;
	max-height: 200px;
	width: auto;
	border: 1px solid #442727;
	padding: 10px;
	margin-bottom: 30px;
}

#news li{
	margin-bottom: 10px;
}

.b_category{
	margin: 0px 5px;
}

.contents_page{
	width: 690px;
}

.cont_img{
	width: 318px;
	margin: 0px 0px 20px 15px;
	float:left;
}

#contents img{
	margin: 0px auto;
	padding: 4px;
	border: 1px solid #aaa;
}

.img_caption{
	text-align: center;
	font-size: 12px;
}

.img_caption2{
	font-size: 12px;
	padding: 5px;
	width: 308px;
}

.img_caption_r{
	float:left;
	width: 308px;
	margin: 0px 0px 20px 15px;
	padding: 0px 5px;
	font-size: 12px;
}

.mes{
	width: 400px;
	margin: 0px 0px 30px 10px;
	float:left;
}

.cont_img_small{
	font-size: 12px;
	margin-left: 10px;
	padding: 5px;
	width: 215px;
	float: left;
}

.link dt{
	font-weight: bold;
}

dd{
	margin-bottom: 15px;
}

.notice{
	color:red;
}

#shop_info{
	width: 380px;
	margin-right: 10px;
	display: block;
	float:left;
}

#shop_image{
	width: 220px;
	margin-right:20px;
	float:left;
}

.top_cnt_text{
	width: 660px;
	padding-left:10px;
	overflow: hidden;
	margin-bottom: 20px;
}

/****************************************
		5.widget
*****************************************/
.widget-container{
	width: 150px;
	margin-bottom:20px;
}

.widget-container ul{
	padding: 0px ;
}


.widget-container li{
	background:url("images/mark.gif") 0px 4px no-repeat;
	padding-left: 15px;

}
.widget-container h3{
	width: 140px;
}

#searchform input[type="text"]{
	width: 140px;
}

#calendar_wrap{
	padding: 0px 10px;
}
/****************************************
		6.post,entry
*****************************************/

.post {
	background-color:#FFEEEE;
	margin: 0 0 10px 0;
}

.post h1{
	font-size: 160%;
	line-height:1.4;
	margin:0px 0px 20px 0px;
}

.page-title{
	margin-bottom:10px;
}

.entry-title{
	background: none;
	font-size: 160%;
	padding-left: 0px;
}

.entry-title{
	padding: 10px 10px;
	background-color: #ddd;
	border-left: 5px solid #CCB4A1;
	height: auto;
}

.entry-summary{
	margin-bottom: 30px;
}

.post img{
	margin: 0px 0px 10px 10px !important;
}

.post p{
	clear: both;
}

.wp-caption-text{
	margin-left:10px;
	font-size: 85%;
}

.blog_info{
	width: 100%;
}

/*関連記事*/
.relations{
	padding: 0px 10px;
}

.relations li{
	background: url("images/mark.gif") 0px 4px no-repeat;
	padding-left: 15px;
}

/*記事一覧*/
.entry-summary{
	border-bottom: 1px dotted #333;
	padding-bottom: 10px;
	margin-left: 10px;
}