@charset "utf-8";

body {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	font-family: helvetica,arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","ms pgothic",sans-serif;
	background: #e6dabc;
}

a {
	text-decoration: none;
	color: #325a8c;
}

a:hover {
	text-decoration: underline;
	}

#wrapper{
width: 999px;
margin: 10px auto 0 auto;
}

/* header */
#header {
	background: url(../img/bg-header.png) no-repeat;
	height: 144px;
	width: 999px;
	padding: 0 10px 0 10px;
}

#header #identity {
	float: left;
	width: 225px;
	height: 74px;
	margin: 47px 0 0 20px;
}

#header #header-banner {
	float: right;
	width: 640px;
	height: 105px;
	margin: 33px 39px 0 0;
}

/* content-area */
#content-area {
	width: 999px;
	background: url(../img/bg-middle.png) repeat-y;
	padding: 25px 0 0 0;
}

/* navi */
#navi{
	width: 240px;
	margin: 0 0 0 10px;
	float: left;
	border-top: 1px solid #ccc1a7;
}

#navi h2,
#navi li
{
	border-bottom: 1px solid #ccc1a7;
}

#navi a
,#navi span.category
{
	font-size: 12px;
	padding: 2px 0 1px 20px;
	width: 220px;
	display: block;
	white-space: nowrap;
	color: #333;
}

#navi a:hover{
background: #e6dabc;
text-decoration: none;
}

#navi h2{
font-weight: bold;
}

#navi li{
text-indent: 20px;
}

/* article */
#article{
	width: 700px;
	margin: 0 29px 0 0;
	float: right;
}

#article h1{
	border-top: 1px solid #806a40;
	border-bottom: 1px dotted #ddd;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	padding: 14px 0 13px 0;
}

#article h1 a{
	color: #333;
}

#article h2{
margin: 20px 0 15px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #806a40;
}

#article h3{
margin: 15px 0 0 0;
font-size: 14px;
font-weight: bold;
color: #745928;
}

#article p{
margin: 0 0 10px 0;
}

#article div.hentry{
margin: 0 0 40px 0;
}

#article div.hgroup{
border-top: 1px dotted #806a40;
margin: 20px 0 10px 0;
}

#article div.hentry h3 a{
color: #333333;
}

#article .imageLeft{
}

#article .imageLeft .imageBox{
float: left;
padding-right: 20px;
}

#article .imageRight{
}

#article .imageRight .imageBox{
float: right;
padding-left: 20px;
width:200px;
}

#article .imageBox .caption{
padding: 5px;
border-bottom: 1px dotted #cccccc;
font-size: 12px;
}

#article .imageFull

#article .textBox{
}

#article .textBox p{
width: auto;
margin: 0 0 20px 0;
}


#article .noteBlock{
border: 1px dotted #ccc1a7;
background: #F0F0F0;
padding: 10px;
margin: 0 0 20px 0;
}

#article .noteBlock h2{
font-size: 14px;
padding:0 0 5px 0;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #806a40;
}

#article .noteBlock p{
margin: 0;
font-size: 12px;
}

#article #what-new{
font-size: 12px;
margin: 20px 0 0 0;
}

#article .detailNavi{
border-top: 1px dotted #806a40;
border-bottom: 1px dotted #806a40;
padding:10px 10px 9px 10px;
background: #F0F0F0;
}

#article .detailNavi .alignLeft{
width: 300px;
float: left;
display: block;
}

#article .detailNavi .alignRight{
width: 300px;
float: right;
text-align: right;
display: block;
}

#article .detailNavi a{
color: #333;
}



.backtotop{
font-size: 10px;
margin: 40px 0 0 0;
text-align: right;
*padding: 0 22px;
}

.backtotop a{
	background: url(../img/backtotop.png) no-repeat;
}

#board-footer{
	width: 999px;
	height: 20px;
	background: url(../img/bg-footer.png) no-repeat;
	margin: 0 auto 0 auto;
}

.small{
font-size: 10px;
line-height: 14px;
}

.right{
padding: 10px 0;
text-align: right
}

strong{
font-weight: bold;
}


#article .noteBlock2{
border: 1px dotted #ccc1a7;
background: #F0F0F0;
padding: 10px;
margin: 0 0 5px 0;
}
#article .fon90{
	font-size:90%;
	margin-bottom:20px;
}
#article .fonttl{
	margin-top:10px;
}
#article .fon10{
	font-size:12px;
	line-height:1.6em;
	margin-bottom:20px;
}
#article .noteBlock2 h2{
font-size: 14px;
padding:0 0 5px 0;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #806a40;
}
#article .noteBlock2 p{
margin: 0;
font-size: 12px;
}

#article .faqttl{
	background:#F0F0F0;
	padding:10px;
	font-size:120%;
	margin-bottom:10px;
}




/* footer */
#footer {
	width: 979px;
	color: #555;
	margin: 0 auto;
	padding: 5px 0;
}

.footer-navi{
	width: 220px;
	float: left;
	margin: 0 0 40px 20px;
	border-top: 1px solid #736d5e;
	font-size: 11px;
}

.footer-navi h2,
.footer-navi li
{
	border-bottom: 1px solid #736d5e;
}

.footer-navi a{
	padding: 2px 0 1px 5px;
	width: 215px;
	display: block;
	white-space: nowrap;
	color: #333;
}

.footer-navi a:hover{
background: #a4854d;
text-decoration: none;
}

.footer-navi h2{
font-weight: bold;
}

.footer-navi li{
text-indent: 10px;
white-space: nowrap;
}

.footer-banner{
border-top: none;
}

.footer-banner li{
text-indent: 0;
border-bottom: none;
margin: 0 0 10px 0;
white-space: nowrap;
line-height: 14px;
}

.footer-banner a{
	padding: 0;
}

#footer address {
	float: right;
	text-align: right;
	font-size: 10px;
}


/*top*/
#top-news{
	border-bottom: 1px dotted #ddd;
}

#top-news ul{
margin: 10px 0 0 0;

}

#top-news li{
	width: 220px;
	float: left;
	margin: 0 0 10px 20px;
}

#top-news li.first-child{
margin: 0;
}

#top-news p.img-box{
margin: 0;
width:218px;
}

#top-news p.text-box{
margin: 10px 0 0 0;
line-height: 16px;
width:218px;
overflow:hidden;
}

#top-news .news-date{
font-size: 11px;
font-weight: bold;
line-height: 11px;
}

#what-new{
}

#what-new h2{
margin: 40px 0 0 0;
}

#what-new li{
border-bottom: 1px dotted #ddd;
padding: 5px 0;
}

#what-new .news-date
,#what-new .news-category
,#what-new .news-link
{
font-weight: bold;
line-height: 11px;
}

#what-new .news-date
,#what-new .news-category{
width: 130px;
padding: 0 20px 0 0 ;
}


.news-category a{
color: #8c8c8c;
font-size: 11px;
font-weight: bold;
line-height: 11px;
}

/* outline */

table {
margin: 0 10px;
width: 680px;
}

table th{
border-top: 2px solid #806a40;
padding: 15px 5px;
font-weight: bold;
width: 120px;
vertical-align: top;
line-height: 16px;
}

table td{
border-top: 2px solid #ccc1a7;
padding: 15px 10px;
line-height: 16px;
}

table.caption {
margin: 0 10px;
width: 700px;
}

table.pdf{
table-layout: fixed;
}

table.pdf td{
border: 2px dotted #ccc1a7;
}


#article p{
margin: 0 0 10px 0;
/*width: 570px;*/
}

/* donate */

.donateLeftBox{
	float:left;
	padding-top:10px;
	}
.donateRightBox{
	float:right;
	width:380px;
	padding-top:10px;
	}


/* privacy */
#privacyTopText{
	padding-top:10px;
	}