@charset "utf-8";

/* CSS Document */

body{
margin:0;
padding:0;
background-color:#ffffff;
}

#top{
}

/* インライン要素のスタイル */

a:link{
color:#333333;
text-decoration:underline;
border:none;
}

a:visited{
color:#333333;
text-decoration:underline;
border:none;
}

a:hover, a:active{
color:#F20000;
text-decoration:none;
border:none;
}

img, object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul{
margin:0px 0px 0px 1.2em;
padding:0px;
}

li{
margin:0px;
padding:0px;
}

p{
margin:0px;
padding:0px;
}

/* テーブルの修飾
---------------------------------------------------- */


table.chart{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.chart td{
padding:5px 10px 5px 10px;
border:solid 1px #cccccc;
text-align:center;
}

table.chart th{
padding:5px 10px 5px 10px;
border:solid 1px #cccccc;
background-color:#F2F2F2;
text-align:center;
}

.chart_bold{
font-weight:bold;
text-align:left;
}

table.basic{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.basic td{
padding:5px 10px 5px 10px;
border:solid 1px #cccccc;
text-align:left;
}

table.basic th{
padding:5px 10px 5px 10px;
border:solid 1px #cccccc;
background-color:#F2F2F2;
text-align:left;
}

.bg_basic{
background-color:#fff3c4;
}

/* コンテナ
---------------------------------------------------- */
#container{
width:1100px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
text-align:left;
position:relative;
}

.container_top{
width:1100px;
margin:0px auto 0px auto;
background-image:url(../common/bg_nav.jpg);
background-repeat:repeat-x;
background-position:left 329px;
}

.container_detail{
width:1100px;
margin:0px auto 0px auto;
background-image:url(../common/bg_nav.jpg);
background-repeat:repeat-x;
background-position:left 229px;
}

/* フラッシュ
---------------------------------------------------- */
#flash{
width:1100px;
height:329px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

/* メイン画像
---------------------------------------------------- */
#main_img{
width:1100px;
height:229px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
text-align:left;
}

/* ヘッダー
---------------------------------------------------- */
#logo_area{
width:323px;
height:60px;
position:absolute; top:10px; left:96px;
display:block;
}
#logo_area h1{margin:0px;}

#fontsize_area{
width:173px;
height:40px;
position:absolute; top:5px; left:833px;
background-image:url(../common/bg_fontbox.png);
background-repeat:no-repeat;
}

#fontsize_area{
width:173px;
_width:159px;
height:40px;
padding-left:14px;
}

#fontsize_area ul.panel{
padding:0;
margin:0;
}
#fontsize_area ul.panel li{
list-style:none;
float:left;
padding:0;
margin:0;
}
#fontsize_area ul.panel li#ttl{
width:85px;
height:10px;
margin:15px 9px 0px 0px;
font-size:0;
}
#fontsize_area ul.panel li#font-normal{
width:27px;
height:24px;
margin:8px 3px 0px 0px;
}
#fontsize_area ul.panel li#font-large{
width:27px;
height:24px;
margin:8px 0px 0px 0px;
}


/* コンテンツ
---------------------------------------------------- */
#content_main{
width:880px;
margin:0px auto 0px auto;
padding:66px 0px 0px 0px;
_padding:0px 0px 0px 0px;
}

#content_left{
float:left;
width:660px;
margin:0px 20px 0px 0px;
}
#content_left h2, h3, h4, h5, h6, p{margin:0px;}

#content_right{
float:left;
width:200px;
margin:0px 0px 0px 0px;
text-align:left;
}

.sub_ttl{
width:660px;
height:40px;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
background-image:url(../common/bg_ttl.jpg);
}

.sub_ttl h2{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 10px;
float:left;
}

.main_tx{
clear:both;
width:640px;
margin:0px 0px 25px 10px;
}

.main_tx p{
margin:0px 0px 0px 0px;
}

.detail_ttl{
clear:both;
width:660px;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
background-image:url(../common/bg_ttl.jpg);
}

.detail_ttl h3{
margin:0px 0px 0px 0px;
padding:6px 0px 6px 10px;
}

.img_center{text-align:center;}
.img_right{text-align:right;}

/* 右サイド
---------------------------------------------------- */
.side_box{
width:190px;
margin:0px 0px 10px 0px;
padding:5px;
background-image:url(../common/bg_ttl.jpg);
}
.side_box:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .side_box{height:1em;}
.side_box{display:block;}
/**/

.side_box_inner{
width:190px;
text-align:center;
background-color:#ffffff;
padding:10px 0px 10px 0px;
}

.side_bn01{
width:200px;
height:72px;
background-image:url(../common/bg_side01.jpg);
background-repeat:no-repeat;
text-align:center;
padding:8px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

.side_bn02{
width:200px;
height:72px;
background-image:url(../common/bg_side02.jpg);
background-repeat:no-repeat;
text-align:center;
padding:8px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

.side_bn03{
width:200px;
height:149px;
background-image:url(../common/bg_side03.jpg);
background-repeat:no-repeat;
text-align:center;
padding:9px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.side_bn03_bg{
width:196px;
background-color:#ffefef;
padding:5px 0px 5px 0px;
margin:0px 0px 10px 2px;
}

.side_link_box{
width:200px;
margin:0px 0px 10px 0px;
padding:0px;
}

.side_link_box ul{
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}

.side_link_box li{
margin:0px 0px 0px 0px;
padding:0px;
}


.side_link dl{
width:180px;
_width:180px;
margin:0px 0px 0px 0px;
padding:10px 0px 8px 8px;
text-align:left;
border-bottom:1px dotted #CCC;
background-image:url(../common/bg_sidenav.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.side_link dd{
margin:0px 0px 0px 0px;
text-align:left;
}

.side_link_mark{
font-size:108%;
margin:0px 0px 0px 12px;
padding:2px 0px 2px 10px;
background:url("../common/ic_link.gif") no-repeat 0px 7px;
}

/* バナー募集
---------------------------------------------------- */
.banner_ttl{
clear:both;
width:660px;
height:19px;
margin:0px 0px 2px 0px;
padding:0px 0px 6px 0px;
background-color:#b00000;
}
.banner_ttl:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .banner_ttl{height:1em;}
.banner_ttl{display:block;}
/**/

.banner_ttl h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
float:left;
}

.banner_bt{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
float:right;
}

.banner_box{
clear:both;
width:651px;
_width:649px;
margin:0px 0px 2px 0px;
padding:5px 4px 5px 5px;
background-image:url(../common/bg_ttl.jpg);
}
.banner_box:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .banner_box{height:1em;}
.banner_box{display:block;}
/**/

.banner_box ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.banner_box li{
float:left;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-right:solid 1px #dddddd;
}

.first{
border-left:solid 1px #dddddd;
}

/* トップページ
---------------------------------------------------- */
.news_bt{
float:right;
width:123px;
margin:0px 0px 0px 0px;
padding:11px 10px 0px 0px;
}

.news_box{
width:640px;
margin:0px 0px 30px 10px;
}
.news_tx{
width:620px;
margin:0px 0px 7px 10px;
}


/* 赤い羽根共同募金のあらまし
---------------------------------------------------- */
.outline_character_tx{
width:310px;
float:left;
margin:0px 20px 0px 0px;
}

.outline_character_img{
width:284px;
float:left;
margin:0px 0px 20px 0px;
}

.outline_poster_img01{
clear:both;
width:221px;
float:left;
margin:0px 20px 20px 0px;
}

.outline_poster_tx01{
width:399px;
float:left;
margin:0px 0px 0px 0px;
}

.outline_poster_img02{
clear:both;
width:120px;
float:left;
margin:0px 20px 20px 0px;
}

.outline_poster_tx02{
width:500px;
float:left;
margin:0px 0px 0px 0px;
}

/* 組織について
---------------------------------------------------- */
.organization_img{
width:280px;
float:left;
margin:0px 20px 20px 0px;
}

.organization_tx{
width:340px;
float:left;
margin:0px 0px 0px 0px;
}

/* 募金について
---------------------------------------------------- */
.fund_tx{
border:solid 1px #cccccc;
padding:5px 10px 5px 10px;
}

/* 助成について
---------------------------------------------------- */
.support_img{
width:300px;
float:left;
margin:0px 20px 20px 0px;
}

.support_tx{
width:320px;
float:left;
margin:0px 0px 0px 0px;
}

/* お買い物で募金
---------------------------------------------------- */
.affiliate_img{
width:200px;
float:left;
margin:0px 20px 20px 0px;
}

.affiliate_tx{
width:420px;
float:left;
margin:0px 0px 0px 0px;
}

/* お問い合わせ
---------------------------------------------------- */
.contact_input{width:200px;}
.contact_textarea{width:400px;}
.error{color:#ff0000;}

/* サイトマップ
---------------------------------------------------- */
.sitemap_left{
clear:both;
width:310px;
float:left;
margin:0px 20px 0px 0px;
}

.sitemap_right{
width:310px;
float:left;
margin:0px 0px 0px 0px;
}


/* ページトップ
---------------------------------------------------- */
#pagetop{
clear:both;
width:640px;
margin:0px 0px 30px 10px;
text-align:right;
}

/* 印刷ボタン
---------------------------------------------------- */
#print_button {
text-align:center;
}


/* 過去の情報一覧
---------------------------------------------------- */
.pager_top {
text-align:center;
margin-bottom:10px;
}
.pager_bottom {
text-align:center;
margin-top:10px;
}

/* 過去の情報詳細
---------------------------------------------------- */
.detail_img{
clear:both;
width:270px;
float:left;
margin:0px 20px 20px 0px;
}
.detail_tx{
width:350px;
float:left;
margin:0px 0px 0px 0px;
}
#detail_back {
clear:both;
width:640px;
margin:0px 0px 30px 10px;
text-align:right;
}

/* フッター
---------------------------------------------------- */
#footer{
clear:both;
width:900px;
margin:0px 0px 0px 100px;
padding:30px 0px 0px 0px;
}

#footer_link{
width:900px;
margin:0px 0px 10px 0px;
text-align:center;
}
#footer_link p{
line-height:1.8;
}

#footer_bg{
width:900px;
margin:0px 0px 0px 0px;
padding:7px 0px 7px 0px;
background-color:#6b6457;
text-align:center;
}

#footer_copyright{
width:900px;
margin:0px 0px 20px 0px;
padding:5px 0px 0px 0px;
text-align:center;
}



/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{
margin:0px 0px 0px 0px;
}

.img_mgn2{
margin:0px 0px 2px 0px;
}

.img_mgn5{
margin:0px 0px 5px 0px;
}

.img_mgn6{
margin:0px 0px 6px 0px;
}

.img_mgn7{
margin:0px 0px 7px 0px;
}

.img_mgn8{
margin:0px 0px 8px 0px;
}

.img_mgn10{
margin:0px 0px 10px 0px;
}

.img_mgn10_l{
margin:0px 0px 10px 10px;
}

.img_mgn10_r{
margin:0px 10px 0px 0px;
}

.img_mgn15{
margin:0px 0px 15px 0px;
}

.img_mgn15_10{
margin:10px 0px 15px 0px;
}

.img_mgn20{
margin:0px 0px 20px 0px;
}

.img_mgn20_l{
margin:0px 0px 20px 10px;
}

.img_mgn30{
margin:0px 0px 30px 0px;
}

.img_mgn39{
margin:0px 0px 39px 0px;
}

.img_mgn13{
margin:0px 0px 13px 0px;
}

.img_mgn30_30{
clear:both;
margin:0px 0px 30px 0px;
padding-top:30px;
}

.img_mgn50_20{
margin:20px 0px 50px 0px;
}

.img_mgn70{
margin:0px 0px 70px 0px;
}

.img_mgn30_l{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 10px;
}

.img_mgn40{
margin:0px 0px 40px 0px;
}

.img_mgn50{
margin:0px 0px 50px 0px;
}

/*マージン
---------------------------------------------------- */
.mgn5_l{margin:0px 0px 0px 5px;}

/* 注釈
---------------------------------------------------- */

.cation{color:#ff0000;}

/* フロートのクリア
---------------------------------------------------- */

.clr{clear:both;}

/* 点線
---------------------------------------------------- */

.line{
clear:both;
width:740px;
margin:0px 0px 20px 0px;
_margin:0px 0px 0px 0px;
border-top:dashed 1px #e89094;
}

.line_b{border-bottom:#CCCCCC 1px dashed;}

/*IE用画像余白
---------------------------------------------------- */
.img_0mgn{
font-size:0;
}

.link_mark{
margin:0px 0px 0px 0px;
padding:2px 0px 2px 10px;
background:url("../common/ic_link.gif") no-repeat 0px 7px;
}

.link_mark_in{
margin:0px 0px 0px 10px;
padding:2px 0px 2px 10px;
background:url("../common/ic_link.gif") no-repeat 0px 7px;
}

/* 特殊リンク色
---------------------------------------------------- */
#footer_link a:link{text-decoration:none;}
#footer_link a:visited{text-decoration:none;}
#footer_link a:hover, a:active{text-decoration:underline;}
.link_mark a:link{text-decoration:none;}
.link_mark a:visited{text-decoration:none;}
.link_mark a:hover, a:active{text-decoration:underline;}
.link_mark_in a:link{text-decoration:none;}
.link_mark_in a:visited{text-decoration:none;}
.link_mark_in a:hover, a:active{text-decoration:underline;}
.side_link_mark a:link{text-decoration:none;}
.side_link_mark a:visited{text-decoration:none;}
.side_link_mark a:hover, a:active{text-decoration:underline;}
.banner_link a:link{text-decoration:underline;color:#0000ee;}
.banner_link a:visited{text-decoration:underline;color:#0000ee;}
.banner_link a:hover, a:active{text-decoration:none;color:#0000ee;}