@charset "Shift-Jis";
/* CSS Document */
/* ------------------------------------------

common

------------------------------------------ */
*{padding:0px;margin:0px;}
html,body{height:100%;}
body {font-size:14px;line-height:1.9;}
a {color:#0f459e;}
a img {border-style:none;}
.clearfix:after {
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
input[type="text"] {color:#aaa;}
input[type="text"].textFocus {color:#222;}

#wrapper {background:url(../images/bg.png);height:100%;min-height:100%;overflow:hidden;}
#wrapperInner {width:960px;margin:0 auto;}
body > #wrapper {height: auto;}


	
/* ------------------------------------------

leftBox

------------------------------------------ */
#leftBox {
	width:358px;
	min-height: 100%;
	float:left;
}
#leftBox .mv {
	margin-bottom:8px;
	padding:10px 15px 25px;
	background:#fff;
	text-align:center;
}
#leftBox .mv>a>img {margin-bottom:20px;}
#leftBox #gNavi ul li {
	margin-bottom:1px;
	border-left:3px solid #003894;
	background:url(../images/arrow01.png) no-repeat 330px 50% #fff;
}
#leftBox #gNavi ul li:nth-of-type(n+5) {
	border-bottom:1px solid #fff;
	background:url(../images/arrow01.png) no-repeat 330px 50% transparent;
}
#leftBox #gNavi ul li a {
	padding:25px 15px;
	display:block;
}
#leftBox #gNavi ul li a:hover {background:url(../images/arrow01.png) no-repeat 330px 50% #efefef;}



/* ------------------------------------------

rightBox

------------------------------------------ */
#rightBox {
	width:580px;
	float:right;
	background:#fff;
}
#rightBox>div {padding:30px;}
#rightBox h2 {padding:9px;border-left:6px solid #333;}
#rightBox h3 {margin:40px 0 30px;}

/* Top Page */
.topContainer h3 {padding:9px;border-left:6px solid #333;}
.topContainer h4 {margin:40px 0 30px;}
.topContainer dl {margin-bottom:10px;border-bottom:1px dashed #aaa;overflow:hidden;}
.topContainer dl dt {padding-right:20px;float:left;}
.topContainer dl dd {width:425px;margin-bottom:5px !important;float:left;}
.topContainer>img:first-child {width:100%;}

/* Outline Page */
#rightBox dt {font-weight:bold;}
#rightBox dd {margin-bottom:20px;}
#rightBox ul {margin-left:15px;}
#rightBox .outlinContainer table {width:100%;border-collapse:collapse;}
#rightBox .outlinContainer td {padding:5px 15px;border:1px solid #ccc;}

/* Background Page */
.backgroundContainer h2 {margin-bottom:30px;}
.backgroundContainer p>img {margin:0 0 15px 20px;float:right;}

/* Contact Page */
.contactContainer table {width:100%;margin-top:35px;}
.contactContainer table tr {border-bottom:1px dashed #ddd;}
.contactContainer table td {padding:15px 0;}
.contactContainer input {width:80px;padding:5px 10px;}
.contactContainer input.long {width:100%;box-sizing:border-box;}
.contactContainer label {width:30px;}
.contactContainer textarea {width:100% !important;height:200px !important;padding:5px 10px;box-sizing:border-box;}
.contactContainer button {margin:20px auto 0;display:block;border:none;background:transparent;cursor:pointer;}

/* Donation Page */
.donationContainer h2 {margin-bottom:30px;}
.donationContainer dl {margin-top:20px;padding:15px 20px;background:#f4f0ea;}
.donationContainer dd {margin-bottom:0 !important;}
.donationContainer li {list-style:disc;}
.donationContainer .total {font-size:20px;font-weight:bold;}

/* ------------------------------------------

footer

------------------------------------------ */
#footer{
	padding:15px 0;
	font-size:12px;
	clear:both;
	text-align:right;
}
#footer .rightBox address {
	color:#fff;
	font-size:9px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline-block;
}

.twitter-tweet-button {
	width:100px !important;
}