@charset "utf-8";

/*
Theme Name: taranomeya
Theme URI: http://momonga365.net/
Description: http://momonga365.net/
Author: momonga
Author URI: http://taranomeya.com/
*/

@charset "utf-8";
/*///////////////////////////////////////////////スタイルリセット*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
/*--[Win Firefox]ロールオーバー時に、ボタン左に点線枠（focus）が入る現象についての対策--*/
:focus
 {?moz-outline-style:none;}

/*--[Mac Firefox]ロールオーバー時に、ボタン左に点線枠（focus）が入る現象についての対策--*/
a {outline:none;}

img {
	border-style: none;
}

h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
body {
	background: #FFFFFF url(img/bg7.gif) repeat left top;
	text-align: center;
	color: #333333;
	font: 13px/22px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}


/*共通スタイル*/
.clear{
clear:both;
}

a,a:link{
	color: #009933;
	text-decoration: none;
}
a:visited{
	color: #3366CC;
	text-decoration: none;
}
a:active,a:hover{
	color: #FF6600;
	text-decoration: underline;
}

.red {color: #FF0000}

/*画像ボタンにリンクが貼られていると、マウスオーバーで光って見えるスタイル*/
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
}



/*ページTOPへ戻るボタン*/
.bottomclear {
	clear:both;
	padding:6px 0 10px 670px;
}

.bottomclear a, .bottomclear a:visited {
	width: 100px;
	display: block;
	line-height: 12px;
	font-size:12px;
	color:#999900;
	background:#ECE9D8;
	text-decoration: none;
	text-align: center;
	border: 1px solid #99CC33;
	padding-top: 2px;
	padding-bottom: 2px;

}

.bottomclear a:hover, .bottomclear a:active {
color:#000000;
background:#F8E68F;

}


/*フロートを含む親要素にこのクラスを追加する*/
.clearfix:after{/*:after議事要素とcontentプロパティによってボックスの最後に.を生成。これをブロックボックスにして回り込みの解除を*/
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
/*主に:after疑似要素をサポートしていなブラウザ向けのスタイル*/
.clearfix{display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/**/
/*///////////ここまで////////////////*/




/*全体レイアウト*/

#wrapper{
	width: 900px;
	text-align: left;
	margin:0 auto 20px auto;
	padding: 0px;
	background-color:#FFF;
}

#contents {
	background: url(image/wrap.gif) repeat-y 50% 0px;
}
#cont-base{
background:url(image/tate.gif) repeat-y 620px 0px;
margin:0 auto;
width:820px;
}


#main {
	float: left;
	width: 580px;
	margin-top:30px;
}
.post {
	background: #F1F5C9;
	margin:0 0 40px 40px;
}
.post02 {
	background: #FFFFFF;
	margin:0 0 40px 40px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 30px 0px 0px 30px;
}

/*ヘッダー*/
#header {
	background: url(image/header-bg.gif) no-repeat 0px -10px;
	height:254px;
	padding-bottom: 0px;
}

#toplogo {
	text-indent: -8000px;
	width:480px;
	height: 72px;
	margin:6px 0 20px 0;
}


#toplogo,#toplogo a,#toplogo a:visited{
	display:block;
	width:480px;
	height:72px;
background: url(image/taranomeya-logo.gif) no-repeat 40px -80px;
}

#toplogo a:hover,#toplogo a:active{
background: url(image/taranomeya-logo.gif) no-repeat 40px 0;
}


#header .shop {
	font-size: 12px;
	line-height: 12px;
	clear: both;
	padding-left: 350px;
	margin-top: -20px;
}


ul#topinfo{
width:580px;
height:58px;
margin:10px 0 0 50px;
}

ul#topinfo li{
float:left;
margin-right:6px;
	height:58px;
	list-style:none;
	text-indent:-8000px;
}


#topinfo li#info,#topinfo li#info a,#topinfo li#info a:visited{
	display:block;
	width:201px;
	height:58px;
background:url(image/info.gif) no-repeat 0 0;
}

#topinfo li#info a:hover, #topinfo li#info a:active{
background:url(image/info.gif) no-repeat 0 -58px;
}



#topinfo li#mail,#topinfo li#mail a, #topinfo li#mail a:visited {
	display:block;
	width:260px;
	height:58px;
background:url(image/mail.gif) no-repeat 0 0;
}

#topinfo li#mail a:hover, #topinfo li#mail a:active{
background:url(image/mail.gif) no-repeat 0 -58px;
}


ul.topnavi {
	list-style: none;
	font-size: 12px;
	line-height: 12px;
	margin:0;
	background: url(image/line.gif) no-repeat 50% 35px;
	text-align: center;
	height:60px;
	padding:20px 0 0 0;
}



ul.topnavi li{
	margin:2px 6px;
	padding-right: 4px;
	padding-left: 4px;
	display: inline;
}
/*表紙*/


h2#toppage {
	background: url(image/main-catch.gif) no-repeat 50% 10px;
	height: 80px;
	text-indent: -8000px;
	margin:0;
}
.box-home{
	text-align: center;
}
.box-home img{
margin:0 0 10px 0;
}

.box-home p{
font-size:16px;
margin:0 0 10px 0;
}
/*表紙下のプロフィールや新着日記*/


#box-info{
	background: url(image/line.gif) no-repeat 50% 1%;
	margin:0;
	padding:20px 0 30px 0;
}



#box-info .plof{
float:left;
width:190px;
margin:0 0 0 30px;
display:inline;
}

.plof h2 {
	background: url(image/ojisan-ti.gif) no-repeat 50% 10px;
	height: 30px;
	text-indent: -8000px;
}



#box-info .plof img{
display:block;
margin:6px auto;
}
#box-info .plof p{
margin:6px;
font-size:12px;
line-height:16px;
}

#box-info .nikki{
	float:left;
	width:410px;
	border: 2px solid #99CC33;
	height: 240px;
}
#box-info .nikki h2{
	background: url(image/nikki-ti.gif) no-repeat 0px 0px;
	height: 20px;
	text-indent: -800px;
}

.new-nikki{
	width:390px;
	height:200px;
	overflow: auto;
	margin-top: 0px;
	margin-left: 6px;
	background: #F0FCFF;
	font-size:12px;
	line-height:18px;
}
.new-nikki .honbun{
margin:0 0 8px 8px;
}

.new-nikki .cate{
font-size:12px;
line-height:12px;
background:#6699FF;
color:#FFFFFF;
font-weight:bold;
text-align:right;
padding:2px 10px 2px 10px;
margin:0;

}
.new-nikki h3{
font-size:14px;
line-height:16px;
font-weight:bold;
margin:0 0 10px 0;
background:#BDDCEE;
padding:2px 10px 2px 10px;
}

.new-nikki .au{
text-align:right;
border-top:dotted 1px #666666;
}
#box-info .new{
	float:left;
	width:227px;
	background: url(image/new-bg.gif) no-repeat 0px 0px;
	height: 240px;
	margin-left: 10px;
}
#box-info .new h2{
text-indent:-8000px;
}

.new ul{
	margin:4px 8px 8px 16px;

}

.new ul li{
	list-style: circle outside;
	color:#666666;
}


/*ショッピングカート*/
#shop{
	clear:both;
	margin:30px 60px 30px 60px;
}
#shop h2{
font-size:24px;
font-weight:bold;
border:2px solid #79C175;
padding:8px;
text-align:center;
margin:0 0 40px 0:;
}
dl.meisai{
	background: #ECE9D8;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	font-size: 13px;
	line-height: 30px;
}
dl.meisai dt{
	color: #336600;
	border-bottom: 1px dotted #999999;
}
dl.meisai dd{
	margin-top: -32px;
	margin-left: 100px;
}


.osirase{
color:red;
font-size:16px;
line-height:28px;
border:2px solid #FF9900;
margin:0 30px 30px 30px;
padding:30px;
}

h3#kateiyou{
background:url(image/ryouteiyou-ti.gif) no-repeat 0 0;完売
/*background:url(image/kateiyou-yoyaku.gif) no-repeat 0 0;予約*/
/*background:url(image/kateiyou.gif) no-repeat 0 0;販売中*/
width:700px;
height:70px;
text-indent:-8000px;
margin:10px 0 20px 0;
border:none;
}
h3#ryoutei{
background:url(image/ryouteiyou-ti.jpg) no-repeat 0 0;完売
/*background:url(image/ryouteiyou-yoyaku.gif) no-repeat 0 0;予約*/
/*background:url(image/ryouteiyou.gif) no-repeat 0 0;販売中*/
width:700px;
height:70px;
text-indent:-8000px;
clear:both;
margin:10px 0 20px 0;
border:none;

}
.box-shop{
margin:10px 0 20px 0;
}

.cart{
	width:300px;
	float:left;
	margin:0;

}
.cart em{
font-style:normal;
font-size:12px;
}



/*フッター*/

#footer {
	background: url(image/footer-bg.gif) no-repeat 50% -20px;
	clear: both;
	text-align: center;
	height: 160px;
}
#footer h5{
	font-size:14px;
	font-weight:normal;
	margin:0px 0 4px;
	padding-top: 10px;
}

#footer img {
	margin: 4px;
}

ul.footernavi {
	list-style: none;
	font-size: 12px;
	line-height: 12px;
	margin: 10px auto 10px;
	text-align: center;
}



ul.footernavi li{
	margin:2px 6px;
	padding-right: 4px;
	padding-left: 4px;
	display: inline;
}
.cart form{
	background: #EEF8A9;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #669933;
}


.box-shop img{
	float:right;
	display:block;
	width:460px;

}
#footer .copyright {
	text-align: center;
	font-size: 11px;
	color: #999999;
	clear: both;
	padding-bottom: 10px;
}



/*サイドバー*/

#sidebar {
	float: right;
	width: 180px;
		margin-top:30px;
}

.side-box{
margin:0 0 30px 0;
}

.side-box h3{
	font-size:14px;
	font-weight:bold;
	border-bottom: 2px solid #BCE3A2;
margin:0 0 6px 0;
}
.side-mokuji{
margin:0 0 30px 0;
}

.side-mokuji ul{
border-top:1px dotted #999999;
font-weight:bold;
list-style:none;
margin:0;
}
.side-mokuji li{
margin:0 0 0 10px;
	border-bottom: 1px dotted #999999;
}
.side-mokuji ul li ul li{
font-weight:normal;
font-size:12px;
line-height:14px;
border:none;
list-style:inside;
list-style-type:disc;
margin:0 0 8px 10px;
}



.wp-caption {
	background: #FFFFFF;
	border: 1px solid #B3A57B;
	text-align: center;
	padding: 8px;
	margin: 8px 0px;
}

.side-box ul{
list-style:disc inside;
}



/*mainの記事部分*/

.post h2{
font-size:18px;
font-weight:bold;
padding:2px 0 4px 10px;
border-bottom:4px solid #C2CC4D;
margin-bottom:10px;
}
.post h3{
font-size:16px;
font-weight:bold;
color:#73582D;
margin:20px 0 10px 0;
clear:both;
}
.box03{
padding:0 10px 10px 10px;
}

.date{
text-align:right;
}
.postmetadata{
text-align:right;
}
.no-data{
text-align:center;
margin:100px 0 0 0;
}
.no-data h2{
font-size:18px;
}


#taranome-photo{
width:811px;
height:1921px;
text-indent:-8000px;
background:url(image/koe.jpg) no-repeat 0 0;
margin: 40px auto;
}

/*山菜レシピの記事部分*/

.post02 h2{
	font-size: 22px;
	font-weight: bold;
	color: #669900;
	background: #ECE9D8;
	padding: 4px 10px 4px 20px;
	margin:0 0 20px 0;
}
.post02 h2 a{
color:#336600;

}
.post02 p{
margin:0 0 20px 0;
}

.post02 h3{
	font-size: 18px;
	font-weight: bold;
	color: #669900;
	clear:both;
}

.sansai-mokuji{
	text-align: center;
	float: left;
	width: 160px;
	height:200px;
	margin:0 10px 0 0;
	font-size:14px;
	line-height:18px;
}
.sansai-mokuji img{
display:block;
}

.post02 hr{
clear:both;
border:none;
height:1px;
}
/*特定商取引法*/

.tokutei{
	margin: 2px 0px 20px 40px;
	width: 500px;
}
ul.post-meta {
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
ul.post-meta li{
	margin-bottom: 10px;
	margin-left: 0px;
	list-style: none inside;
}
.post-meta-key {
	font-weight: bold;
	margin-left: -40px;
	margin-right: 10px;
}

.kojin{
	margin: 2px 0px 20px 40px;
	width: 500px;
}
.kojin h3{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 10px;
	border-top: 1px solid #999999;
	clear:both;
}
.kojin ul{
	list-style: disc outside;
	margin-left: 10px;
}
.kojin ol{
	list-style: inside;
	margin-left: 10px;
}
.wpcf7-response-output{
	border:2px solid #F60;
	color:#F00;
	font-size:16px;
	line-height:1.2em;
}
