@charset "utf-8";

/* TOPPAGE
---------------------------------------------*/

/* BODY
---------------------------------------------*/

html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;

}

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;
font-size: 100%;
font-weight: normal;
list-style: none;

}

body {
margin: 0;
padding: 0;
width: 100%;
height: 1270px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana;
	color: #422401;
	font-size: 75%;
	line-height: 150%;
	background:transparent;
}
 
html>/**/body {  
font-size: 12px;  
}

input, select {padding: 1px;}

img {
border: none;
}

a {
	color: #422401;
	text-decoration: none;
}

a:hover {
	color: #422401;
	text-decoration:underline;
}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 2em;}

.clear {clear: both;}






/* center
---------------------------------------------*/
#center {
	width:438px;
	height:585px;
	margin:0;
	float: left;
}

*html #center {
	width:438px;
	height:523px;
	margin:0;
	float: left;
}

#center {
	width:438px;
	height:585px;
	margin:0;
	float: left;
}

#infomation {
	width: 438px;
	height: 205px;
	margin: 62px 0 20px 0;
}

.h2info {
	width: 438px;
	height: 25px;
	background: url(../images/top_h2_info-trans.png) no-repeat left top;
	text-indent: -9999px;
}

.info {
	width: 438px;
	height: 60px;
	margin:0;
	background: url(../images/top_icon1-trans.png) no-repeat top left;
}

*html .info {
	width: 438px;
	height: 50px;
	margin:0;
	background: url(../images/top_icon1-trans.png) no-repeat top left;
}

.info2 {
	width: 403px;
	height: 45px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

*html .info2 {
	width: 403px;
	height: 25px;
	margin: 0 0 0 35px;
	padding: 10px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

.date {
	width: 80px;
	height: 45px;
	margin:0;
	float:left;
	text-align: 110%;
}

*html .date {
	width: 80px;
	height: 25px;
	margin:0;
	float:left;
	text-align: 110%;
}

.news {
	width: 323px;
	height: 45px;
	margin: 0;
	float:left;
	text-align: 110%;
}

*html .news {
	width: 323px;
	height: 25px;
	margin: 0;
	float:left;
	text-align: 110%;
}


#blog {
	width: 438px;
	height: 205px;
	margin:  0;
}

#blog dt .01{
float:left;
clear:both;
width: 75px;

}

#blog dd{
width: 323px;

}

.h2blog{
	width: 438px;
	height: 25px;
	background: url(../images/top_h2_blog-trans.png) no-repeat left top;
	text-indent: -9999px;
}

.blog2 {
	width: 438px;
	height: 60px;
	margin:0;
	background: url(../images/top_icon2-trans.png) no-repeat top left;
}

.blog3 {
	width: 403px;
	height: 45px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

*html .blog3 {
	width: 403px;
	height: 30px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

.date2 {
	width: 80px;
	height: 45px;
	margin:0;
	float:left;
	text-align: 110%;
}

*html .date2 {
	width: 80px;
	height: 30px;
	margin:0;
	float:left;
	text-align: 110%;
}

.title {
	width: 323px;
	height: 45px;
	margin: 0;
	float:left;
	text-align: 110%;
}

*html .title {
	width: 323px;
	height: 30px;
	margin: 0;
	float:left;
	text-align: 110%;
}

.more {
	width: 85px;
	height: 21px;
	float: right;
	margin-top: 0px;
}

* html .more {
	width: 85px;
	height: 21px;
	float: right;
}

.more  li a{
	width : 85px ;
	height : 21px ;
	display: block;
	text-indent: -9999px;
}

.more  a:link {
	background : url(../images/top_more-trans.png) no-repeat top center;
}

.more  a:visited{
	background : url(../images/top_more-trans.png) no-repeat top center;
}

.more  a:hover{
	background: url(../images/top_more_on-trans.png) no-repeat top center;
}

.more a:active{
	background: url(../images/top_more_on-trans.png) no-repeat top center;
}

.jfsa{
	background: url(../images/jfsa.gif) no-repeat top left;
	padding:3px 0 0 30px;
	width:323px;
	text-align:left;
	height:25px;
	margin-top: 38px;
}

*html .jfsa{
	background: url(../images/jfsa.gif) no-repeat top left;
	padding:3px 0 0 30px;
	width:323px;
	text-align:left;
	height:25px;
	margin-top: 10px;
}
