@charset "utf-8";
/* CSS Document */

/*ブラウザスタイルのリセット --*/
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;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
/* --ブラウザスタイルのリセット*/

/*サイト共通大枠設定*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center; 
	color: #202020;
	background: #ffcfca url(../images/body_bg.gif) top repeat-y;
	line-height: 1.4;
	position: relative;
}
a{
	color: #1030f0;
}
a:visited{
	color: #6030f0;
}
a:hover{
	color: #f36;
}
a.image:hover{
	color: #f36;
	background: none;
}
strong{
	font-weight: bold;
}
/*外枠*/
#outline{
	width: 820px;  /* これにより、全体の幅を指定*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

/*ヘッダ*/
#header{
	background: #fff;
	padding: 0;
}
#header h1{
	color: #333;
	font-size: 0.9em;
	padding: 2px;
	text-align: left;
}
#logo{
	width: 180px;
	padding: 0 0 4px 0;
	margin: 0;
	float: left;
	border: none;
}
#login{
	width: 138px;
	padding: 0;
	float: right;
} 


/*メニュー*/
#menu{
	margin: 0 0 5px 0;
	height: 30px;
	padding: 0 0 0 30px;
	text-align: left;
	background: #fff url(../images/menu_bg.gif) repeat-x;
}
#menu a{
	padding: 0;
	font-size: 1px;
}
	#menu a.now{
		color: #eee;
	}

/*メイン*/
#container{}
#main{
	width: 590px;
	float: left;
	padding: 5px;
}
/*トップページ以外*/
#main.topics{
	margin: 0;
	padding-right: 20px;
	float: none;
	width: auto;
}
/*ライトボックス*/
#right{
	width: 219px;
	float: left;
	border-left: 1px dotted #cdf;
	border-bottom: 1px dotted #def;
	padding: 5px 0;
}

/*フロートクリア*/
.clear{
	display: block;
	min-height: 1%;
}
.clear:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

/*実線*/
.solid_line{
	border-top: 1px solid #999;
}

/*フッタ*/
#footer{
	margin: 20px 0 10px 0;
	padding: 5px;
	background: #fff;
	border-top: 1px solid #f781bf;
}
#footer p{
	float: left;
	width: 480px;
}
#footer a{
	margin: 0 10px 0 5px;
	color: #666;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
	#footer a:hover{
		color: #36f;
		border-bottom: 1px dotted #f36;
	}
#copy{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	float: right;
	width:320px;
}
	#copy a{
		color: #999;
		border: none;
	}
	#copy a:hover{
		color: #666;
		border: none;
	}
	#copy span{
		margin: 0 5px 0 5px;
		color: inherit;
	}


/*詳細設定↓*/

/*フォントサイズセレクト*/
#fontsize{
	margin: 0;
	padding: 10px 0 0 0;
	color: #333;
	width: 180px;
/*	background: #fff url(../images/font_bg.gif) no-repeat left;*/
	float: right;
}
#fontsize a{
	margin: 0 2px 0 0;
	width: 20px;
	height: 20px;
	color: #666;
	display: block;
	float: left;
}
#fontsize a.cap{
	width: 100px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(../icon/font/font.gif); 
}
#fontsize #small{
	background-image: url(../icon/font/s.gif);
}
#fontsize #small:hover{
	background-image: url(../icon/font/s_over.gif);
}
#fontsize #small.now{
	background-image: url(../icon/font/s_now.gif);
}
#fontsize #normal{
	background-image: url(../icon/font/n.gif);
}
#fontsize #normal:hover{
	background-image: url(../icon/font/n_over.gif);
}
#fontsize #normal.now{
	background-image: url(../icon/font/n_now.gif);
}
#fontsize #big{
	background-image: url(../icon/font/b.gif);
}
#fontsize #big:hover{
	background-image: url(../icon/font/b_over.gif);
}
#fontsize #big.now{
	background-image: url(../icon/font/b_now.gif);
}

/*mainボックス*/
#main h1.campaign{
	background: none;
	padding: 0;
	margin: 0;
}
#main h1.campaign strong{
	font-weight: 600;
	color: #c03;
	font-size: 2em;
}
#main h2#top_banner{
	margin: 5px 0 5px 0;
}
#main h2.campaign{
	font-weight: 400;
	color: #333;
	font-size: 1em;
	background: #fff url(../icon/sankaku_p.gif) no-repeat left;
	border: none;
	border-bottom: 1px dotted #ccc;
	padding: 0 5px 0 15px;
}
span.overline{
	text-decoration:line-through;
	color: #666;
	font-weight: 600;
}

#main h2{
}
#main h3{
	margin: 40px 0 5px 10px;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 1pt;
	padding: 0 0 0 22px;
	color: #322;
	background: url(../icon/h3.gif) no-repeat left;
	border-bottom: 1px dotted #ccc;
}
#main h4{
	margin: 20px 5px 10px 30px;
	padding: 2px 2px 2px 8px;
	font-weight: 600;
	border-left: 4px solid #f187bf;
}
#main h4.image{
	margin: 30px 0 10px 0;
	background: none;
	border: none;
}
#main h5{
	margin: 10px 0 0 20px;
	padding: 2px 2px 2px 4px;
	color: #333;
	font-weight: 400;
	border-bottom: 1px solid #f9c;
}
#main p.text{
	margin: 10px 10px 10px 25px;
	color: #222;
	line-height: 1.5em;
}
	#main p.text strong{
		color: #f33;
		font-size: 1.2em;
		font-weight: 600;
	}
	#main p.text span{
		font-size: 1.5em;
		font-weight: 600;
		padding: 0 2px 0 2px;
		color: #f30;
		background: #def;
	}
#main p.rightLink{
	margin: 5px 10px 10px 25px;
	text-align: right;
}
#main p.sub{
	margin: 10px 20px 5px 30px;
	color: #666;
}

span.sub2{
	color: #666;
	display: block;
	margin: 5px 0 2px 0;
}

/*横並びリスト*/
#main div.list1{
	margin: 10px 10px 5px 45px;
	padding: 0 10px 0 10px;
	background: #ffe;
	border: 1px solid #ccc;
}
#main ul.list1{
	list-style-type: none;
}
#main ul.list1 li{
	width: 160px;
	margin: 4px;
	float: left;
}
/*左にフロートする画像*/
.leftFloatImage{
	float: left;
	width: 190px;
	height: 145px;
	margin: 5px 5px 5px 25px;
}


/*rightボックス*/
#right h3{
	font-weight: 400;
	color: #333;
	vertical-align: middle;
	margin: 0 5px 10px 5px;
	padding: 0 0 0 20px;
	background: url(../icon/icon2.gif) no-repeat left;
	border-bottom: 1px solid #f781bf;
	line-height: 1.5;
}
	#right h3 a img{
		margin: 0 5px;
		vertical-align: top;
	}
	#right p{
		margin: 5px 5px 5px 10px;
	}
	#right p.infomation{
		padding: 6px 2px 2px 25px;
		background: url(../icon/info.png) no-repeat left top;
	}
	#right ul{
		display: block;
		margin: 0 5px 20px 5px;
		background: none;
	}
	#right li{
		margin: 0.5em 5px 0 10px;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
	}
	#right ul.image{
		text-align: center;
	}
	#right li.gray{
		color: #666;
	}
	#right li span.date{
		margin-left: 5px;
		color: #666;
	}
	#right li.newsbody{
		color: #333;
		font-size: 0.9em;
		margin: 0 5px 0 10px;
		padding: 3px;
		border: 1px dotted #ccc;
		background: #ffe;
	}
	#right li.newsbody p.close{
		margin: 5px 0 0 0;
		padding: 2px;
		text-align: right;
	}
		#right li.newsbody p.close a{
			font-size: 0.8em;
			padding: 2px;
			background: #ccc;
		}

/*コンテンツリンクボックス*/
div.pr_content{
	display: block;
	margin: 0 5px 5px 10px;
	padding: 0;
}
div.pr_content	a.tbox {
		display: block;
		margin: 1px 0 0 1px;
		padding: 1px;
		border: 1px solid #ccc;
		text-align: left;
		text-decoration: none;
		background: #fff;
	}
div.pr_content a.tbox:hover{
		border: 1px solid #f90;
	}
div.pr_content .tbox img{
		border: 2px solid #fff;
	}
div.pr_content .tbox span{
		margin: 2px 2px 2px 15px;
		padding: 2px 0 5px 0;
		text-align: left;
		line-height: 120%;
		display: block;
	}
/*コンテンツボックスミニ*/
div.content{
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
}
div.content	a.tbox {
		display: block;
		margin: 1px 0 0 1px;
		padding: 1px;
		width: 188px;
		float: left;
		border: 1px solid #ccc;
		border-width: 0 1px 1px 0;
		text-align: center;
		text-decoration: none;
		background: #ffefef;
	}
div.content	a.tbox:hover{
		background: #ffc;
		border: 1px solid #f90;
		border-width: 0 1px 1px 0;
	}
div.content	.tbox img{
		border: 2px solid #fff;
	}
div.content	.tbox span{
		margin: 2px 2px 2px 10px;
		padding: 2px 0 5px 0;
		text-align: left;
		line-height: 1.2;
		display: block;
	}

/*右寄せ*/
.right_align{
	text-align: right;
}
/*中央寄せ*/
.center{
	text-align: center;
}

/*区切り線*/
div.kugiri{
	margin: 25px 0 25px 0;
	border-top: 1px dotted #ccc;
}

/*エラーメッセージ*/
#err_msg{
	margin: 0;
}
#err_msg span{
	margin: 0;
}
	#lb_err ul{
		margin: 5px 5px 10px 5px;
		padding: 10px 10px 10px 30px;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
		border: 1px solid #f69;
		background: #fee url(../icon/caution.gif) no-repeat 5px 5px;
		display: block;
		list-style: none;
	}
	#lb_err ul li{
		margin: 3px 0 3px 0;
		padding: 0;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
	}
	#lb_err2 ul{
		margin: 5px 5px 10px 5px;
		padding: 10px 10px 10px 30px;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
		border: 1px solid #f69;
		background: #fee url(../icon/caution.gif) no-repeat 5px 5px;
		display: block;
		list-style: none;
	}
	#lb_err2 ul li{
		margin: 3px 0 3px 0;
		padding: 0;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
	}
	#lb_err3 ul{
		margin: 5px 5px 10px 5px;
		padding: 10px 10px 10px 30px;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
		border: 1px solid #f69;
		background: #fee url(../icon/caution.gif) no-repeat 5px 5px;
		display: block;
		list-style: none;
	}
	#lb_err3 ul li{
		margin: 3px 0 3px 0;
		padding: 0;
		color: #f33;
		font-weight: 400;
		font-size: 0.9em;
	}
abbr{
	margin: 2px;
	letter-spacing: 2px;
	color: #c30;
	font-weight: 600;
}

/*ieのimemode*/
input.ime{
	ime-mode:disabled;
}

/*重要なお知らせ*/
#imp_msg{
	border: 1px solid #f36;
	background: #fee;
	margin: 5px 5px 15px 5px;
	padding: 0;
}
	#imp_msg h3{
		background: #fee url(../icon/caution.gif) no-repeat left top;
		margin: 2px;
		padding: 4px 2px 4px 25px;
		font-size: 1em;
		font-weight: bolder;
		vertical-align: middle;
		border: none;
		color: #f36;
	}
	#imp_msg h4{
		color: #666;
		margin: 3px 3px 3px 6px;
		font-size: 0.9em;
		font-weight: bolder;
		border: none;
	}
	#imp_msg p{
		color: #333;
		margin: 0 10px 5px 15px;
		font-size: 1em;
		line-height: 1.4em;
	}
	#imp_msg p strong {
		font-weight:bolder;
		color: #f60;
	}

#bignews{
	border: 1px solid #999;
	background: #fee;
	margin: 5px 5px 15px 5px;
	padding: 0;
}
#bignews h3 {
	background:#FFFFEE url(../icon/sankaku_g.gif) no-repeat scroll left center;
	border-bottom:1px dotted #CCCCCC;
	color:#333333;
	margin:2px;
	padding:4px 2px 2px 14px;
	vertical-align:middle;
}
	#bignews p {
		color:#666666;
		font-size:0.9em;
		line-height:1.4em;
		margin:5px 10px 5px 15px;
	}
	#bignews p strong {
		color:#666666;
		font-weight:bolder;
	}

/*CSSを有効にして下さい。*/
#no_css{
	display: none;
}
/*JavaScriptを有効にして下さい。*/
#noscript_msg{
	border: 1px solid #f36;
	background: #fee;
	margin: 5px;
	padding: 0;
}
	#noscript_msg h2{
			background: #fee url(../icon/caution.gif) no-repeat left top;
			margin: 2px;
			padding: 0 0 0 25px;
			vertical-align: middle;
			height: 20px;
			border: none;
			color: #f33;
			font-size: 1.4em;
			font-weight: 600;
	}
	#noscript_msg p{
		margin: 5px 10px 5px 20px;
		line-height: 1.5em;
	}

/*寄付バナー*/
#donation_banner_top{
	margin: 0 0 5px 0;
}
#donation_banner_top p{
	margin: 5px 0;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}
	#donation_banner_top p strong{
		margin: 0 5px 10px 5px;
		font-size: 1.2em;
		color: #f33;
	}