@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : 湾岸5
 Style Info : index.html
=================================================================== */

/* ----------------------- Basic Style */

/*=======================================

./index.html

/*=====================================*/

/*トップスライド*/

#idxCont .idxSlide { width:736px; height:460px; position:relative; background:URL(../img/slideFrame_02.png) no-repeat center top; }
#idxCont .idxSlide #idxSlideView { width:716px; height:440px; text-align:left; position:relative; margin:0 auto; top:10px; z-index:98; }
#idxCont .idxSlide #idxSlideView ul { width:716px; height:440px; position:absolute; top:0; left:0; display: inline-block; overflow: hidden; }
#idxCont .idxSlide #idxSlideView ul li { width:716px; height:440px; float:left; display:inline; overflow:hidden; }
#idxCont .idxSlide #moveprev,#idxCont .idxSlide #movenext { width:31px; height:28px; position:absolute; top:50%; margin:-14px 0 0 0; cursor: pointer; z-index:200; }
#idxCont .idxSlide #moveprev { left:18px; background:transparent url(../img/slideAllow_prev_03.png) no-repeat left top; }
#idxCont .idxSlide #movenext { right:18px; background:transparent url(../img/slideAllow_next_03.png) no-repeat left top; }
#idxCont .idxSlide #idxSlidePn { width:692px; height:23px; position:absolute; bottom:20px; right:22px; z-index:100; }
#idxCont .idxSlide #idxSlidePn ul { float:right; overflow:hidden;letter-spacing:-0.4em; }
#idxCont .idxSlide #idxSlidePn ul li { width:24px; height:23px; display:inline; margin:0 4px 0 0; }
#idxCont .idxSlide #idxSlidePn ul li a { width:24px; height:23px; display:inline-block; overflow:hidden; background:transparent URL(../img/slidePN_off.png) no-repeat left top; }
#idxCont .idxSlide #idxSlidePn ul li.active a { background:transparent URL(../img/slidePN-over.png) no-repeat left top; }
#idxCont .idxSlide #idxSlideView ul:after,#idxCont .idxSlide #idxSlidePn ul:after { content:"."; height:0; clear:both; display:block; visibility:hidden; }

/*バナーエリア*/

#idxCont .bnrArea { margin:22px 0 0 0; }
#idxCont .bnrArea.bg01 { height:404px; background:URL(../img/bnrArea_frame_01.png) no-repeat center top; }
#idxCont .bnrArea.bg02 { height:267px; background:URL(../img/bnrArea_frame_02.png) no-repeat center top; }
#idxCont .bnrArea.bg03 { height:387px; background:URL(../img/bnrArea_frame_03.png) no-repeat center top; }
#idxCont .bnrArea.bg04 { height:661px; background:URL(../img/bnrArea_frame_04.png) no-repeat center top; }
#idxCont .bnrArea.bg05 { height:541px; background:URL(../img/bnrArea_frame_05.png) no-repeat center top; }
#idxCont .bnrArea.bg06 { height:524px; background:URL(../img/bnrArea_frame_06.png) no-repeat center top; }
#idxCont .bnrArea.bg07 { height:627px; background:URL(../img/bnrArea_frame_07.png) no-repeat center top; }
#idxCont .bnrArea.bg08 { height:507px; background:URL(../img/bnrArea_frame_08.png) no-repeat center top; }
#idxCont .bnrArea.bg09 { height:404px; background:URL(../img/bnrArea_frame_09.png) no-repeat center top; }
#idxCont .bnrArea.bg10 { height:541px; background:URL(../img/bnrArea_frame_10.png) no-repeat center top; }
#idxCont .bnrArea .contWrap01 { padding:10px 0 0 0; }
#idxCont .bnrArea .contWrap01 section { width:716px; height:120px; position:relative; text-align:left; margin:0 auto 5px auto; }
#idxCont .bnrArea .contWrap01 section h2 { position:absolute; top:0; left:0; z-index:99; }
#idxCont .bnrArea .contWrap01 section p { width:716px; height:36px; position:absolute; top:0; left:0; background:URL(../img/bnrArea_ttlBg_01.png) no-repeat center top; z-index:100;  }
#idxCont .bnrArea .contWrap01 hgroup { margin:0 auto 10px auto; }
#idxCont .bnrArea .contWrap01 hgroup.endCont { margin-bottom:0 !important; }
#idxCont .bnrArea .contWrap01 hgroup h3 { float:left; padding:0 0 0 10px; line-height:100%; }
#idxCont .bnrArea .contWrap01 hgroup img { vertical-align:top; }
#idxCont .bnrArea .randomList li { display:none; }

/*コンテンツ見出し*/

#idxCont h2.contTtl01 { background:URL(../img/contTtl_bg_01.gif) no-repeat left top; height:45px; text-align:left; padding:0 0 0 32px; }

/*今日の名言*/

#idxCont #mainCont01 { margin:22px 0 0 0; }
#idxCont #mainCont01 div { height:95px; background:URL(../img/mainCont01_bg_01.gif) no-repeat center top; position:relative; }
#idxCont #mainCont01 div p { width:577px; height:82px; position:absolute; overflow:hidden; left:80px; bottom:6px; }
#idxCont #mainCont01 div p img { display:block; margin:-3px 0 0 -3px; }

/*今日の日付称号*/

#idxCont #mainCont02 { margin:22px 0 0 0; }
#idxCont #mainCont02 div { height:68px; background:URL(../img/mainCont02_bg_01.gif) no-repeat center top; }
#idxCont #mainCont02 p { padding:22px 10px; font-size:18px; font-weight:700; color:#f6df2f; }

/*NEWS*/

#idxCont #mainCont03 { margin:22px 0 0 0; }
#idxCont #mainCont03 div { height:219px; background:URL(../img/mainCont03_bg_01.gif) no-repeat center top; overflow-y:auto; text-align:left; }
#idxCont #mainCont03 ul { padding:8px 30px; }
#idxCont #mainCont03 ul li { border-bottom:#666 1px solid; padding:8px 0; font-size:13px; }
#idxCont #mainCont03 ul li.endCol { border-bottom:none !important; }
#idxCont #mainCont03 ul li:after { content:"."; height:0; clear:both; display:block; visibility:hidden; }
#idxCont #mainCont03 ul li p.col01 { width:90px; float:left; margin:0 10px 0 0; }
#idxCont #mainCont03 ul li p.col02 { width:550px; float:right; }
#idxCont #mainCont03 ul li p.col02 a { color:#f6df2f; text-decoration:none; }
#idxCont #mainCont03 ul li p.col02 a:hover { text-decoration:underline; }

.todayred { color:#F00!important; font-weight:bold; }