@charset "UTF-8";

/*------------------------------------------------------------------------------
 トップページ専用
 index
 ●MainVisual メインビジュアル
 ●コンテンツ　Content
 -----------------------------------------------------------------------------*/
 
 /*------------------------------------------------------------------------------
 コンテンツ Content 
 -----------------------------------------------------------------------------*/
#Content{
width:908px;
}

/*------------------------------------------------------------------------------
 MainVisual メインビジュアル
 -----------------------------------------------------------------------------*/
#MainVisual{
margin-bottom:20px;
width:100%;
height:320px;
background:url(../img/v_bg.gif) repeat left top;
clear:both;
}
#MainVisual .Inner{
margin:0 auto;
position:relative;
border-top:3px solid #FF0000;
width:900px;
height:317px;
}
#MainVisual h2{
position:absolute;
top:0;
right:0;
}
#MainVisual #VisualCnt{
position:absolute;
top:0;
left:0;
}
#MainVisual #VisualCnt p{}
#MainVisual #VisualCnt p img{}
#MainVisual #NewsFlashCnt{
position:absolute;
/*top:233px;*/
bottom:17px;
left:26px;
width:557px;
height:auto;
text-align:left;
}
#MainVisual #NewsFlashCnt .ImgTop{
_margin:0 !important;
_padding:0 !important;
_line-height:0 !important;
_height:4px !important;
_background:url(../img/v_bg_news-flash_top.gif) no-repeat 3px top;
_overflow:hidden;
}
#MainVisual #NewsFlashCnt .ImgTop img{
_display:none;
}
#MainVisual #NewsFlashCnt .ImgBtm{
_margin:0 !important;
_padding:0 !important;
_line-height:0 !important;
_height:4px !important;
_background:url(../img/v_bg_news-flash_btm.gif) no-repeat 3px top;
_overflow:hidden;
}
#MainVisual #NewsFlashCnt .ImgBtm img{
_display:none;
}
#MainVisual #NewsFlashCnt .Title{
display:none;
}
#MainVisual #NewsFlashCnt .Text{
padding:1px 30px 3px 152px;
background:url(../img/v_bg_news-flash_mdl.png) no-repeat left center;
_background:url(../img/v_bg_news-flash_mdl.gif) no-repeat 3px center;
line-height:150%;
}
#MainVisual #ReliefSuppliesCnt{
position:absolute;
top:132px;
right:0;
width:310px;
height:185px;
background:url(../img/v_bg_relief-supplies.gif) repeat left top;
line-height:140%;
text-align:left;
}
#MainVisual #ReliefSuppliesCnt .Title{
margin-bottom:4px;
_width:168px;
_height:33px;
_background:url(../img/v_text_relief-supplies.gif) repeat left top;
}
#MainVisual #ReliefSuppliesCnt .Title img{
_display:none;
}
#MainVisual #ReliefSuppliesCnt .Text{
margin:0 15px 8px;
font-weight:bold;
}
#MainVisual #ReliefSuppliesCnt table{
margin:0 15px 0px;
width:260px;
}
#MainVisual #ReliefSuppliesCnt table th{
padding:2px 5px;
width:4em;
background:#FFF;
border-bottom:1px solid #FFDFDF;
text-align:center;
}
#MainVisual #ReliefSuppliesCnt table td{
padding:2px 7px;
border-bottom:1px solid #FFF;
}

/*------------------------------------------------------------------------------
 コンテンツ　Content
 -----------------------------------------------------------------------------*/
 
/* ----------------------------------------
 更新情報 UpDateCnt
 --------------------------------------- */
.UpdateCnt{
margin-bottom:14px;
background:url(../img/m_bg_top-update-list_mdl.gif) repeat-y left top;
}

.UpdateCnt .TitleCnt{
position:relative;
width:598px;
height:46px;
background:url(../img/m_bg_top-update-list_top.gif) no-repeat left top;
}
.UpdateCnt .TitleCnt h3{
position:absolute;
top:12px;
left:5px;
height:20px;
}
.UpdateCnt .TitleCnt p{
position:absolute;
top:18px;
right:19px;
width:32px;
height:11px;
}

.UpdateCnt .Section{}
.UpdateCnt .Section ul{
padding:12px 19px;
background:url(../img/m_bg_top-update-list_btm.gif) no-repeat left bottom;
}
.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.Img{}
.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;
}

#NewsStoriesCnt{}
#PressReleasesCnt{}
#OperationsUpdateCnt{}

#NewsStoriesCnt{}
#NewsStoriesCnt ul{}
#NewsStoriesCnt ul li{}
#NewsStoriesCnt ul li p{}
#NewsStoriesCnt ul li p.Img{
margin-right:4px;
margin-bottom:0.6em;
width:96px;
float:left;
}
#NewsStoriesCnt ul li p.Date{
margin-left: 118px;
}
#NewsStoriesCnt ul li p.Text{
margin-left: 110px;
}

#PressReleasesCnt,
#OperationsUpdateCnt{}
#PressReleasesCnt ul,
#OperationsUpdateCnt ul{}
#PressReleasesCnt ul li,
#OperationsUpdateCnt ul li{}
#PressReleasesCnt ul li p,
#OperationsUpdateCnt ul li p{}
#PressReleasesCnt ul li p.Date,
#OperationsUpdateCnt ul li p.Date{
width:7em;
float:left;
}
#PressReleasesCnt ul li p.Text,
#OperationsUpdateCnt ul li p.Text{
margin-left:7em;
}

/* ----------------------------------------
 サイド SideCnt
 --------------------------------------- */

#SideCnt{
padding-bottom:19px;
background:#F6F6F7 url(../img/s_bg_btm_gry.gif) no-repeat left bottom;
text-aling:center;
}
#SideCnt p.DonationBtn{
padding:11px;
_padding:11px 9px;
background:#FF0000 url(../img/s_bg_top_red.gif) no-repeat left top;
border-bottom:1px solid #DDDDDE;
}
#SideCnt .YoutubeCnt{
margin:19px auto 6px;
padding:2px;
width:220px;
background:url(../img/s_bnr_youtube.png) no-repeat left bottom;
}
#SideCnt .YoutubeCnt iframe{
margin:0;
padding:0;
}
#SideCnt ul{
padding:0 24px 0;
}
#SideCnt ul li{}
#SideCnt ul.ContentBannerCnt{
}
#SideCnt ul.ContentBannerCnt li{
margin-bottom:5px;
}
#SideCnt ul.OutBannerCnt{}
#SideCnt ul.OutBannerCnt li{
margin-bottom:3px;
padding:2px 2px 3px;
background:url(../img/s_bg_bnr.png) no-repeat left top;
}

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

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

/* -- IE7 -- */
.ClearFix,
#MainVisual,
.TitleCnt,
.UpdateCnt,
.UpdateCnt .Section,
.UpdateCnt .Section ul,
.UpdateCnt .Section ul li{
display: inline-block;
}

/*  -- Legacy IE -- */
* html .ClearFix,
* html #MainVisual,
* html .TitleCnt,
* html .UpdateCnt,
* html .UpdateCnt .Section,
* html .UpdateCnt .Section ul,
* html .UpdateCnt .Section ul li{
height: 1%;
}

.ClearFix,
#MainVisual,
.TitleCnt,
.UpdateCnt,
.UpdateCnt .Section,
.UpdateCnt .Section ul,
.UpdateCnt .Section ul li{
display: block;
}