@charset "UTF-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}


body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	background-color:#658722;
}

img {border:0;}
a:link {color:#534920;text-decoration:none;}
a:visited {color:#c46d48;text-decoration:none;}
a:hover,a:active {color:#903;text-decoration:none;}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

strong{
font-weight:bold;
}

#all{
width:966px;
margin:0 auto 0 auto;
text-align:left;
background:url(../img/all_bg.gif) repeat-y #658722;
line-height:1.4;
}

#main{
margin-left:50px;
width:864px;
}

#foot{
width:966px;
margin:0 auto 0 auto;
text-align:left;
background-color:#658722;
line-height:1.4;
}

#foot p{
font-size:12px;
padding-top:10px;
padding-bottom:15px;
color:#fff;
margin-left:50px;
width:864px;
}

#con{
width:607px;
float:left;
margin-right:8px;
}

#navi{
width:236px;
float:left;
}


.box{
margin-left:16px;
margin-bottom:15px;
}

.typeA{background:url(../img/bg_1.png) no-repeat bottom left;}
.typeB{background:url(../img/bg_2.png) no-repeat bottom left;}
.typeC{background:url(../img/bg_3.png) no-repeat bottom left;}
.typeD{background:url(../img/bg_4.png) no-repeat bottom left;}
.typeE{background:url(../img/bg_1.png) no-repeat bottom left;}
.typeF{background:url(../img/bg_2.png) no-repeat bottom left;}
.typeG{background:url(../img/bg_8.png) no-repeat bottom left;}

.typeA .head{
width:591px;
height:48px;
background:url(../img/ttl_1.gif) no-repeat;
}
.typeB .head{
width:591px;
height:48px;
background:url(../img/ttl_2.gif) no-repeat;
}
.typeC .head{
width:591px;
height:48px;
background:url(../img/ttl_3.gif) no-repeat;
}
.typeD .head{
width:591px;
height:48px;
background:url(../img/ttl_5.gif) no-repeat;
}
.typeE .head{
width:591px;
height:48px;
background:url(../img/ttl_6.gif) no-repeat;
}
.typeF .head{
width:591px;
height:48px;
background:url(../img/ttl_7.gif) no-repeat;
}
.typeG .head{
width:591px;
height:48px;
background:url(../img/ttl_8.gif) no-repeat;
}


.kiji{
width:380px;
margin-left:50px;
padding-bottom:10px;
}

p.category{
margin-left:50px;
font-weight:bold;
padding-bottom:35px;
}

p.date{
text-align:right;
font-weight:bold;
padding:4px 17px 4px 0;
}

.typeA .date{color:#534920;}
.typeB .date{color:#A73624;}
.typeC .date{color:#284565;}
.typeD .date{color:#526513;}
.typeE .date{color:#5d5643;}
.typeF .date{color:#2e684a;}
.typeG .date{color:#df710a;}

.kiji p{
margin-top:10px;
}

.box h2{
font-size:16px;
font-weight:bold;
margin-left:17px;
margin-right:17px;
padding-left:5px;
padding-bottom:2px;
}

.typeA h2{
color:#534920;
border-left:4px solid #927a2f;
border-bottom:1px solid #927a2f;
}

.typeB h2{
color:#A73624;
border-left:4px solid #DD8D6D;
border-bottom:1px solid #DD8D6D;
}

.typeC h2{
color:#284565;
border-left:4px solid #6586AB;
border-bottom:1px solid #6586AB;
}

.typeD h2{
color:#526513;
border-left:4px solid #8DA835;
border-bottom:1px solid #8DA835;
}

.typeE h2{
color:#526513;
border-left:4px solid #767261;
border-bottom:1px solid #767261;
}

.typeF h2{
color:#2e684a;
border-left:4px solid #7cb497;
border-bottom:1px solid #7cb497;
}

.typeG h2{
color:#bb5d05;
border-left:4px solid #df710a;
border-bottom:1px solid #df710a;
}

.typeA h2 a:link,.typeA h2 a:visited{color:#534920;}
.typeB h2 a:link,.typeB h2 a:visited{color:#A73624;}
.typeC h2 a:link,.typeC h2 a:visited{color:#284565;}
.typeD h2 a:link,.typeD h2 a:visited{color:#526513;}
.typeE h2 a:link,.typeE h2 a:visited{color:#5d5643;}
.typeF h2 a:link,.typeF h2 a:visited{color:#2e684a;}
.typeG h2 a:link,.typeG h2 a:visited{color:#df710a;}

.box h2 a:hover{color:#903 !important;}

div.photo{
margin-top:10px;
}

#navi h3{
width:236px;
background:url(../img/corner_bg.gif) no-repeat;
padding:14px 0 14px 10px;
font-size:16px;
font-weight:bold;
color:#F2E7B9;
}

#navi ul,
#navi table{
margin-bottom:20px;
}

#navi td a{
text-decoration:underline;
}

#navi li{
background:url(../img/mk01.gif) no-repeat center left;
padding-left:12px;
margin-bottom:3px;
}

input#s{
width:178px;
margin-right:5px;
}

.comment {
margin-left:50px;
margin-right:50px;
padding-bottom:35px;
}

#commentform {
margin-top:16px;
}

.commentlist li {
margin-top:8px;
}

p textarea{
width:340px;
margin:5px 0;
}

input#author,
input#email,
input#url{
margin-bottom:3px;
}


/* css_end */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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
	}
/* End Images */