@charset "utf-8";

/**************************************************
 ようこそ北九州トップページレイアウトスタイル
***************************************************/

/* フラッシュエリア */
div#flashArea { width: 100%; text-align:center; background:url(/files/000065767.gif) left top; border-top:1px solid #282828; border-bottom:1px solid #282828; padding:13px 0; margin:20px 0 0 0; }
div#flashAreaInner { width: 900px; height:290px; margin:0 auto; }
div#flashArea img { vertical-align:top; }

/* グローバルメニュー */
div#gNavi { margin: 0; }

/* メインコンテンツ */
div#mainContents { width:100%; float:none; text-align:left; margin:0; }
div#mainContentsInner { margin:0; }

/* リンクエリア */
div.topLinkBox { margin:25px 0 0 0; background:url(/files/000065735.gif) left top; border:1px solid #B8B8B8; padding:7px 0 7px 7px; }
div.topLinkBox ul{ padding:0; margin:0; list-style:none; position:relative; }
div.topLinkBox ul li{ padding:0; margin:0; list-style:none; float:left; display:inline; }
div.topLinkBox ul li.large{ margin-right:6px; }
div.topLinkBox ul li.smallTop{ margin-top:6px; }
div.topLinkBox ul li.map{ position:absolute; right:6px; bottom:0px;}
div.topLinkBox ul li.smallRight{ margin-right:225px; }
div.topLinkBox ul li img{ vertical-align:top; }

/* 3カラムエリア */
.topThreeColumnBox{ margin:25px 0 0 0; }

/* 3カラムエリア（イベント） */
div#mainContents .topEventBox{ width:327px; float:left; }
div#mainContents .topEventBox h2{ background-image:none; border:1px solid #CECECE; border-top:3px solid #A8102D; padding: 0; font-size:100%; margin:0; zoom:1; }
div#mainContents .topEventBoxInner{ border:1px solid #CECECE; border-top:none; }
div#mainContents .topEventBox ul{ padding:0; margin:0; list-style:none; }
div#mainContents .topEventBox ul li{ padding:10px; margin:0; list-style:none; background:url(/files/000065727.gif) left top repeat-x; }
div#mainContents .topEventBox ul li.first{ background-image:none; }
div#mainContents .topEventBox ul li strong{ font-size:90%; }
div#mainContents .topEventBox ul li span{ font-size:70%; color:#666666; }
div#mainContents .topEventBox .toArchive{ background-color:#F0F0F0; border-top:1px solid #CECECE; text-align:right; }

/* 3カラムエリア（特集） */
div#mainContents .topFeatureBox{ width:327px; float:left; margin:0 0 0 15px; display:inline; }
div#mainContents .topFeatureBox h2{ background-image:none; border:1px solid #CECECE; border-top:3px solid #A8102D; padding: 0; font-size:100%; margin:0; zoom:1; }
div#mainContents .articleArea{ padding:13px; }
div#mainContents .articleArea .photo{ float:right; }
div#mainContents .topFeatureBoxInner{ border:1px solid #CECECE; border-top:none; }
div#mainContents .topFeatureBox .toArchive{ background-color:#F0F0F0; border-top:1px solid #CECECE; text-align:right; }

/* 3カラムエリア（PICK UP） */
div#mainContents .topPickupBox{ width:216px; float:right; }
div#mainContents .topPickupBox h2{ background-image:none; border:none; padding: 0; font-size:100%; margin:0; zoom:1; }
div#mainContents .topPickupBoxInner{ border:1px solid #CECECE; border-top:none; background-color:#F0F0F0; }
div#mainContents .topPickupBox ul{ padding:4px 10px 10px 10px; margin:0; list-style:none; }
div#mainContents .topPickupBox ul li{ padding:6px 0 0 0; margin:0; list-style:none; }
div#mainContents .topPickupBox ul li img{ vertical-align:top; }

/* ダウンロードボックス */
div.download{ margin:20px 0 0 0; background:url(/files/000000057.gif) left top repeat-x; position:relative; width:900px; margin:25px auto; text-align:left; font-size:90%; }
div.download div.downloadInner{ background:url(/files/000000057.gif) left bottom repeat-x; padding:15px 0; }
div.download a img{ }
div.download p{ padding:0 130px 0 0; }
div.download p.flashPlayer{ background:url(/files/000065285.gif) right top no-repeat; }

/* 広告エリア */
.BottomAdArea { margin:30px auto 0 auto; text-align:center; background:#F0F0F0 url(/files/000065766.gif) left top repeat-x; font-size:90%; padding:15px 0 7px 0; }
.BottomAdArea ul { width:900px; margin:0 auto; padding:0; list-style: none; }
* html .BottomAdArea ul { margin:0; }
.BottomAdArea ul li { margin:0; padding: 0 5px 5px 5px; list-style: none; vertical-align:top; display: inline-block; }
* html .BottomAdArea ul li { display: inline; zoom: 1; /* for ie5〜6 */ }
*:first-child+html .BottomAdArea ul li { display: inline; zoom: 1; /* for ie7 */ }
.BottomAdArea p { margin:0 0 5px 0; }

/* フッター */
div#footerWrap{ margin:0; }