@charset "UTF-8";

/*---------- グローバル設定 ----------*/
body {
	background: #ededed url(../images/body_bg.gif) repeat-y center top;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #666666;
	font-family: Verdana, "ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
  
/* Firefox 3用 */
/*
body,x:-moz-broken {
	margin-left:-1px;
}
*/
td      { vertical-align: top; }
a {
	color: #3399cc;
	text-decoration: none;
}

a:hover {
	color: #FF9900 !important;
}

/* h[x]
------------------------------------------ */

#index h1 {
	margin-bottom: 17px;
}

h1 {
	margin: 15px auto; text-align: center;
}

#index h2 {
	margin-bottom: 12px;
}

h2 {
	margin:0; padding:0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "HGPｺﾞｼｯｸE", "MS UI Gothic","ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
	padding-left: 0;
	margin-bottom: 22px;
}

h3 {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "HGPｺﾞｼｯｸE", "MS UI Gothic", "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	height: 47px;
	margin-bottom: 0;
	padding-top: 15px; padding-left: 10px;
	background: url(../images/h3_bg.jpg) repeat-x 0 0;
	color: #3D88DB;
	font-size: 14px;
}
h4 {
	margin:0; padding:0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "HGPｺﾞｼｯｸE", "MS UI Gothic","ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	padding-left: 0;
	margin-bottom: 10px;
}

#way01 h3 {
	margin-bottom: 0;
}

h5 {
	margin-bottom: 10px;
}
hr		{ border: 1px dotted #E3E3E3; }
td, th  { padding: 5px; }
img  	{ clear: both; border:none;}
p		{ padding: 0 10px; line-height: 150%; }


/*---------- レイアウト ----------*/
#wrapper		{ width: 900px; margin: 0 auto; padding:0; background-color: #FFF; overflow: hidden; }
#header			{ }
#container  	{ padding: 0 0; }
#center			{ float: right; width: 675px; overflow: hidden; margin-right: 10px;}
#side			{ float: left; width: 190px; overflow: hidden; }
#upper			{ margin-top: 12px; }
#main			{ width: 100%; }
#bottom			{ margin-left: 10px; }
#gototop		{ clear: both; text-align: right; padding: 0 15px 10px 0; }

#footer			{ clear:both; }


#topicpath		{ 
	font-size: 77%;
	text-align: right;
	margin: 5px 10px 3px 0;
 }

/*---------- エディタ ----------*/
#editor			{ background-color: #FFF; position: relative; }
*+html #editor	{ height: 250px; } /* IE7 Hack */
* html #editor	{ height: 250px; } /* IE6 Hack */


/* FOR_EDITOR */
/*ヒラギノフォント*/span.hiragino { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif; }
/*赤字*/span.red { color: #CC3333; }
/*青リード*/ p.blue-read { color: #3D88DB; margin:0;padding:0; font-size:12px;}
/*テーブル（外枠線無、横細線：グレー）*/table.border-thin-gray { border: 0px solid #CCC ; border-collapse: collapse; }
/*テーブル（実線：グレー）*/table.border-gray { border: 1px solid #E3E3E3 ; border-collapse: collapse; }
/*特典リード*/p.awread{ color: #333333; font-size: 18px; letter-spacing: -0.1em;}
/*特典名称*/p.title{ color: #3D88DB; font-size: 18px; border-left: 2px solid #3D88DB; padding-left: 10px; margin-left: 10px;}
/*特典注釈*/p.caution{ color: #D93333; font-size: 14px; }
/* /FOR_EDITOR */
/*---------- ヘッダー ----------*/
p.blue-read {
	font-family: "arial unicode ms","HGPｺﾞｼｯｸE","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	font-size:12px;
}
p.awread {
	font-family: "arial unicode ms","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	margin:0; padding:0;
}
p.title {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	font-weight: bold;
}
p.caution {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック",  Arial, Helvetica, sans-serif;
	font-weight: bold;
}
table.border-thin-gray td,table.border-thin-gray th { border-bottom: 1px dotted #DDD; padding: 10px 2px; }
table.border-gray td,table.border-gray th { border: 1px solid #E3E3E3; }
/* #header
---------------------------------------------------------------------------------------- */
#header  { margin:0; padding:0; width: 100%; }
#header * { margin:0; padding:0; border:none;}
#header-frame 			{ margin-bottom: 10px; }
#header-frame-left			{ padding-left: 18px; width: 248px; }
#header-frame-left img 		{ width: 230px;}
#header-frame-right 	{ }
#header-frame-right p 	{ line-height: 150%; margin-left: 290px; margin-top: 8px;}

/*---------- メイン（ヘッダー）メニュー ----------*/
#navi-main						{ width: 900px;  margin-bottom: 15px; }
#navi-main * 					{ margin:0; padding:0; }
#navi-main ul li 				{ display: inline; }

/*---------- サイド ----------*/
#side *				{ }
#side				{ }
#side .side-section {  }
#side h3,
#right h3			{ 
						margin: 0; padding: 0;
						height: 26px; line-height: 26px; text-indent: -10px;
						background: transparent url(../images/side_h3_bg.gif) repeat-x 0 0; 
						text-align: center;
					}

/*---------- サイドメニュー ----------*/
#navi-side * 					{  }
#navi-side						{ margin: 0; padding: 0; margin-left: 10px; padding-top: 7px;}
#navi-side h3					{  }
#navi-side ul					{ list-style-type: none; margin:0; padding: 0; border: 0;  }
#navi-side li					{ 	margin-bottom: 15px; line-height: 1.6;  }
#navi-side li a 				{ 
									display: block;
									width: 170px !important;
									width /**/: 185px;
									margin-bottom: 5px;
									padding: 0 0 0 15px;
									background: url(../images/arrow01.jpg) no-repeat 0 0.3em;
								}
#navi-side li ul {
	margin-left: 15px;
}

#navi-side li ul li {
	margin-bottom: 5px;
	font-size: 77%;
}

#navi-side li ul li a {
	display: block;
	width: 155px !important;
	width /**/: 170px;
	padding: 0 0 0 15px;
	background: url(../images/arrow01.jpg) no-repeat 0 0.1em;
	color: #666666;
}



/*---------- フリーパーツ ----------*/
#side .free_parts		{  }
#side .free_parts h3	{  }

/*---------- トピックス ----------*/
.topics ul				{ list-style-type: none; margin:0; }

/* 最新一覧 topics_digest */
.topics_digest			{  }
.topics_digest p		{ margin:0; padding:0; }
.topics_digest .date	{ display: block; float: left; width: 25%; }
.topics_digest .text	{ display: block; float: right; width: 73%; }
.topics_digest .image	{ display: block; clear:both; }
.topics_digest .navi-link { text-align: right; padding-right: 10px; margin-top: 10px; clear:both; }

#side ul.topics-index				{ list-style-type: none; margin:0; padding: 0; border: 0; margin-top: 10px; }
#side ul.topics-index li			{ }
#side ul.topics-index li a 			{ display: block; margin: 1px; }
#side ul.topics-index li a:hover	{ text-decoration: none; }

.blog_parts ul { list-style-type: none; margin: 3px; padding: 0; }
.blog_parts ul li { padding:  0 0 0 15px; background: transparent url(../img/icon_type_black.gif) no-repeat left 40%;}
.blog_parts ol { list-style-type: none; margin: 3px; padding: 0; }
.blog_parts ol li { padding: 0 0 0 15px; background: transparent url(../img/icon_type_black.gif) no-repeat left 40%;}

/*---------- アッパー ----------*/
#upper				{  }

/*---------- メイン ----------*/
#main				{ }
#main ul			{ }

/*メインリスト*/
#main .topics								{ }
#main .topics ul.topics-list				{ list-style-type: none; margin: 0; padding: 0;  }
#main .topics ul.topics-list li				{ padding: 5px 0; margin-bottom: 10px; clear: both; }
#main .topics ul.topics-list li span.date	{ display: block; float: left; width: 100px; margin: 0; padding:0;}
#main .topics ul.topics-list li .list		{ display: block; float: right; width: 450px; margin: 0; padding:0;}
#main .topics ul.topics-list li .list .image{ display: block; }
#main .topics ul.topics-list li .list .text	{ display: block; }
#main .navi-link							{ clear: both; text-align: center; border-top: 1px solid #CCC; padding-top: 10px; margin-top: 30px; }

/*メイン記事*/
#main .topics			{ margin-bottom: 50px;}
#main .topics h4		{ }
#main .topics div.date	{ text-align: right; border-bottom: solid 1px #EEE; font-size: 10px;}
#main .topics .body		{ display: block; padding: 5px 0 5px 10px; }
#main .topics .return	{ text-align: right; }

/*---------- メールフォーム ----------*/
form table		{ border-collapse: collapse; border: solid 1px #EEE; }
form table td	{ border-collapse: collapse; border: solid 1px #EEE; }
form textarea	{ width: 100%; }
.buttonset		{ text-align: center; margin: 15px 0; }
.err_msg		{ font-weight: 800; color: red; }

/**
 * search
 *-----------------------------------------------------------*/
#main .search h3 	{ background: none; font-weight: bold; margin:0; padding:0; }
#main .search h3 a 	{ text-decoration: underline; }
#main .search p		{ margin-top: 10px; padding-top: 0;}


/*---------- ボトム ----------*/
#bottom				{ margin: 10px; }


/*---------- フッター ----------*/
#footer *		{ margin: 0; padding: 0; }
#footer			{ border-top: 1px solid #FFF; margin-top: 20px; padding-top: 2px;}
#copyright		{ 
					height: 60px; line-height: 60px;
					background: transparent url(../images/footer_bg.gif) repeat 0 0;
					text-align: center; font-size: 10px; 
					color: #333; 
				}

/* #footer
---------------------------------------------------------------------------------------- */

#footer {
	padding: 25px 10px 25px 10px;
	background: url(../images/footer_bg.jpg) repeat-x left top;
}

#footer #navi-footer {
	float: left;
	width: 550px;
}

#footer #navi-footer li {
	display: inline;
	padding-right: 10px;
}

#footer #navi-footer img{
	vertical-align: top;
}
#footer .free_parts { float: left; }
address {
	float: right;
	width: 301px;
}


/* purpose [募金の目的]
------------------------------------------ */

#purposeImg {
	position: relative;
	margin: 35px 0;
}

#buPurpose01, #buPurpose02, #buPurpose03, #buPurpose04 { position: absolute;}

#buPurpose01 { top: 44px; left: 518px;}
#buPurpose02 { top: 253px; left: 80px;}
#buPurpose03 { top: 303px; left: 560px;}
#buPurpose04 { top: 399px; left: 448px;}

