@charset "UTF-8";

/*------------------------------------------------------------------------------
 配下ページ共通
 index
 ●メインビジュアル MainVisual
 ●グローバルメニュー GlobalMenu
 ●基本設定 h1,h2,h3,h4
 ●ローカルメニュー LocalMenu
 ●ぱんくず TopicPath
 ●区分名 GroupNameCnt
 ●タイトルコンテナ TitleCnt
 ●詳細設定 detailsSetting
 -----------------------------------------------------------------------------*/


/*
12px x 185% = 22.2px
14px x 185% = 25.9px
16px x 185% = 29.6px
18px x 185% = 33.3px
20px x 185% = 37.0px
*/
/*
bodyでセットした12pxからの相対
10px 84%
11px 92%
12px 100%
13px 109%
14px 117%
15px 125%
16px 134%
17px 142%
18px 150%
19px 159%
20px 167%
21px 175%
22px 184%
23px 192%
24px 200%
25px 209%
26px 217%
*/

 /*------------------------------------------------------------------------------
 コンテンツ Content 
 -----------------------------------------------------------------------------*/
#Content{
width:900px;
}
 
 /*------------------------------------------------------------------------------
 メインビジュアル MainVisual 
 -----------------------------------------------------------------------------*/
#MainVisual{}


 /*------------------------------------------------------------------------------
 基本設定 h1,h2,h3,h4
 -----------------------------------------------------------------------------*/
h1{}

h2{
}

h3{
}

/*------------------------------------------------------------------------------
 タイトルコンテナ TitleCnt
 -----------------------------------------------------------------------------*/
.TitleCnt{
	margin-bottom:30px;
	position:relative;
	width:860px;
	height:40px;
}
.TitleCnt h2{
width:220px;
height:40px;
float:left;
}


.TitleCnt h2.h2title{
width:800px;
height:40px;
float:left;
}

.TitleCnt #FaceBookBtn{
widht:600px;
height:40px;
float:left;
}

.TitleCnt #FaceBookBtn ul{
padding-top:20px;
}

.TitleCnt #FaceBookBtn .twitter{
padding-top:4px;
margin-right:10px;
}

.TitleCnt #FaceBookBtn li{
display:inline;
float:left;
}

.TitleCnt #FaceBookBtn2{
widht:450px;
height:40px;
float:right;

}

.TitleCnt #FaceBookBtn2 ul{
padding-top:20px;
}

.TitleCnt #FaceBookBtn2 .twitter{
padding-top:4px;
margin-right:10px;
}

.TitleCnt #FaceBookBtn2 li{
display:inline;
float:left;
}

  /*------------------------------------------------------------------------------
 詳細設定 detailsSetting
 -----------------------------------------------------------------------------*/
/* ----------------------------------------
 外枠 OutFrame
 ---------------------------------------- */
.OutFrame{
margin:0 0 1em;
clear:both;
}

/* ----------------------------------------
 セクション Section
 ---------------------------------------- */
.Section{
margin:0 0 1.5em;
clear:both;
}

.Section p.Text{
margin-bottom:1.0em;
}

/* ----------------------------------------
 注目ニュース ImportantNewsCnt
 ---------------------------------------- */
.ImportantUpdateCnt{
width:900px;
overflow:hidden;
}
.ImportantUpdateCnt .Section{
width:940px;
}
.ImportantUpdateCnt ul{}
.ImportantUpdateCnt li{
margin-right:40px;
padding:20px 0 20px 20px!important;
width:410px;
float:left;
background:url(../img/m_bg_important-update.gif) no-repeat left top;
}
.ImportantUpdateCnt li p.Img{
margin-bottom:0.8em;
margin-right:30px;
float:left;
}
.ImportantUpdateCnt li h3{
margin-bottom:0.6em;
margin-left:132px;
background:url(../img/c_icon_arw_blu.gif) no-repeat left 0.5em;
font-size:114%;
}
.ImportantUpdateCnt li h3 a{
}
.ImportantUpdateCnt li p.Date{
margin-bottom:0.6em;
}
.ImportantUpdateCnt li p.Text{
margin-bottom:0.8em;
}
.ImportantUpdateCnt li p.Btn{
margin-bottom:1em;
text-align:right;
}





.ImportantUpdateCnt2{
width:900px;
overflow:hidden;
}
.ImportantUpdateCnt2 .Section{

}
.ImportantUpdateCnt2 ul{}
.ImportantUpdateCnt2 li{
margin-right:40px;
padding:20px 0 10px 20px!important;
width:860px;
float:left;
}
.ImportantUpdateCnt2 li img{
margin-bottom:0.8em;
margin-right:30px;
float:left;
}

.ImportantUpdateCnt2 li p.Text{
margin-bottom:0.8em;
}
.ImportantUpdateCnt2 li span.blockspan{
margin-bottom:1em;
text-align:left;
display:block;
margin-top:2px;
}

.h2title{
background:url(../img/m_tit_news-stories2.gif) no-repeat left center;
font-size:180%;
color:red;
padding:15px 0 0 15px;
display:block;
}


div.link-div{
margin:0 20px;
}

p.next{width:400px; float:left;}

p.back{width:400px; float:right; text-align:right;}
















.UpdateCnt{
background:url(../img/m_bg_update_mdl.gif) repeat-y left top;
}
.UpdateCnt .Section{
margin:0;
padding:0;
background:url(../img/m_bg_update_btm.gif) no-repeat left bottom;
}
.UpdateCnt .Section ul{
background:url(../img/m_bg_update_top.gif) no-repeat left top;
padding:15px 20px;
}
.UpdateCnt .Section ul li{
margin-bottom:0.6em;
background:url(../img/c_bg_dot_hori_gry.gif) repeat-x left bottom;
}
.UpdateCnt .Section ul p{
line-height:160%;
}
.UpdateCnt .Section ul p.Date{}
.UpdateCnt .Section ul p.Text{
margin-bottom:0.6em;
padding-left:8px;
background:url(../img/c_icon_arw_blu.gif) no-repeat left 0.5em;
}
.UpdateCnt .Section ul p.Text img{
margin-left:3px;
vertical-align:middle;
}
.UpdateCnt .Section ul li p.Date{
width:7em;
float:left;
}
.UpdateCnt .Section ul li p.Text,
#OperationUpdateCnt ul li p.Text{
margin-left:7em;
}

.DetailsCnt{
padding:0 20px;
background:url(../img/m_bg_content.gif) no-repeat left top;
}

.DetailsCnt .TitleCnt{
padding:20px 0 0;
}
.DetailsCnt .TitleCnt h3{
font-size:150%;
color:#FF0000;
}

.DetailsCnt2{
}

.DetailsCnt2 .TitleCnt2{
padding:20px 0 0;
}
.DetailsCnt2 .TitleCnt2 h3{
font-size:140%;
color:#FF0000;
}






.DetailsCnt .TitleCnt .Date{}

.LayoutL{padding:0 20px;}
.LayoutL .Img{
margin-right:20px;
margin-bottom:15px;
float:left;
}
.LayoutL .Text{}
.LayoutR{padding:0 20px;}
.LayoutR .Img{
margin-left:20px;
margin-bottom:15px;
float:right;
}
.LayoutR .Text{
margin-bottom:1em;
}
.Img4SplitCnt{
padding:0 20px;
width:880px;
overflow:hidden;
}
.Img4SplitCnt ul{
}
.Img4SplitCnt ul li{
margin-right:15px;
width:200px;
float:left;
text-align:center;
}
.Img4SplitCnt ul li .Img{
margin-bottom:5px;
}
.Img4SplitCnt ul li .Text{}

.DonationCnt{
padding:20px 20px 0;
background:url(../img/m_bg_content.gif) no-repeat left top;
width:860px;
overflow:hidden;
}
.LayoutC3Split{
width:860px;
overflow:hidden;
}
.LayoutC3Split .Text{}
.LayoutC3Split ul{
width:882px;
}
.LayoutC3Split ul li{
margin-right:22px;
margin-bottom:10px;
width:272px;
float:left;
}
.LayoutC2Split{}
.LayoutC2Split h3{
margin-bottom:0.5em;
font-size:134%;
color:#FF0000;
}
.LayoutC2Split .Text{}
.LayoutC2Split ul{
margin:0 auto;
text-align:center;
}
.LayoutC2Split ul li{
margin-right:20px;
display:inline;
}

/* ----------------------------------------
 ClearFix
---------------------------------------- */

/* -- Modern Browsers -- */
.ClearFix:after,
.OutFrame:after,
.ImportantUpdateCnt:after,
.Section:after,
.UpdateCnt:after,
.UpdateCnt ul:after,
.UpdateCnt ul li:after,
.LayoutC2Split:after,
.LayoutC2Split ul:after{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
line-height: 0;
}

/* -- IE7 -- */
.ClearFix,
.OutFrame,
.ImportantUpdateCnt,
.Section,
.UpdateCnt,
.UpdateCnt ul,
.UpdateCnt ul li,
.LayoutC2Split,
.LayoutC2Split ul{
display: inline-block;
}

/*  -- Legacy IE -- */
* html .ClearFix,
* html .OutFrame,
* html .ImportantUpdateCnt,
* html .Section,
* html .UpdateCnt,
* html .UpdateCnt ul,
* html .UpdateCnt ul li
* html .LayoutC2Split,
* html .LayoutC2Split ul{
height: 1%;
}

.ClearFix,
.OutFrame,
.ImportantUpdateCnt,
.Section,
.UpdateCnt,
.UpdateCnt ul,
.UpdateCnt ul li,
.LayoutC2Split,
.LayoutC2Split ul{
display: block;
}