@charset "utf-8";

/* バナーエリア ---------------------------------------------------- */
#topBannerArea { margin-top: 10px; text-align: left; }

#topBannerArea div.subtitBoxOut { margin: 0 8px; padding:1px; border:dashed 1px #AEAEAE; }
#topBannerArea div.subtitBoxIn { background: url(../img/index_subtit01_bg.gif) left top; padding: 10px; }
#topBannerArea div.subtitBoxIn img.subtit { float: left; }
#topBannerArea div.subtitBoxIn p.cap { float: right; width: 575px; padding: 5px; background-color: white; }

#topBannerArea ul li { float: left; padding: 8px 0 0 8px; }
#topBannerArea ul li div.bnrModule { padding:1px; border:dashed 1px #AEAEAE; width: 474px; height: 205px; }
#topBannerArea ul li div.bnrModule ul.btns li { float: left; padding: 6px 0 0 5px; }
#topBannerArea ul li div.bnrModule ul.btnExternal li { float: right; padding: 6px 7px 0 5px; }

div#topReportArea { margin-top: 20px; padding-bottom: 20px; }
div#topReportArea div.topRprtFrm { background: url(../img/report_bg.gif) top left; padding: 8px; }
div#topReportArea div.topRprtFrm ul li { float: left; line-height: 1; padding-left: 8px; }
div#topReportArea div.topRprtFrm ul li.leftend { padding-left: 0; }

div#topReportArea div.topRprtFrm2 { background: url(../img/report_bg.gif) top left; padding: 8px 12px; }
div#topReportArea div.topRprtFrm2 ul li.leftbnr { float: left; line-height: 1; }
div#topReportArea div.topRprtFrm2 ul li.rightbnr { float:right; line-height: 1; }




/* バナー（終了したイベント） */
#topBannerArea div.topBannerEndLink { padding: 13px 5px 0 10px; }
#topBannerArea div.topBannerEndLink p.topBannerEndText { float:left; }
#topBannerArea div.topBannerEndLink p.topBannerEndLink { float:right; }


/* バナー ---------------------------------------------------- */
#topNoticeArea { width:964px; margin: 15px auto 0; text-align: left; position: relative; }
#topNoticeArea div.releaseLink { position: absolute; bottom: 15px; left: 30px; }
#topNoticeArea div.reportLink { position: absolute; bottom: 15px; left: 24em; }



/* サービス案内 ---------------------------------------------------- */
#topServiceArea { width:960px; margin: 15px auto 0; padding:1px; border:solid 1px #AEAEAE; text-align:left; }
#topServiceArea div.topServiceAreaBg { width:950px; padding:10px 0 10px 10px; background:url(../img/topServiceBg.gif) left top repeat; }
* html #topServiceArea div.topServiceAreaBg { width:960px; }
#topServiceArea div.topServiceAreaBg div.topServiceTitFrm { padding-right: 10px;}
#topServiceArea div.topServiceAreaBg div.topServiceTitFrm img.serviceSubtit { float: left; }
#topServiceArea div.topServiceAreaBg div.topServiceTitFrm p.serviceCap { float: right; width: 780px; padding: 5px; background-color: #f0f0f0; }

#topServiceArea ul.topService { margin-top:10px; }
#topServiceArea ul.topService li { width:229px; padding-right:8px; background: url(../img/topServiceTop.gif) left top no-repeat; float:left; }
#topServiceArea ul.topService div.topServiceBtm { width:229px; padding:8px 0; background:url(../img/topServiceBtm.gif) left bottom no-repeat; }
#topServiceArea ul.topService div.topServiceBg { width:213px; height:220px; padding:0 8px; background-color:#FFFFFF; }
#topServiceArea ul.topService div.topServiceText { padding:5px; }
#topServiceArea ul.topService span.topServiceFont { color:#666666; }
#topServiceArea ul.topServiceLink li { width:200px; margin-top:5px; }

* html #topServiceArea ul.topServiceLink li { width:203px; margin-top:5px; }



/* フッタ ---------------------------------------------------- */
#foot { width:964px; margin:20px auto 0; background:#EFF0F0 url(../img_cmn/footBg.gif) left top repeat;text-align:left; }