@import url(./default_body.css);

/* body */
body
{
 	/* ※背景色・文字色は色別CSSで定義 */
}
a
{
	/* ※文字色は色別CSSで定義 */
}
/* ヘッダー部分（CSS切替、検索等） */
#mainHeader
{
    background:url("../images/top1/head_bg.jpg") repeat-y center -1px;
}

/*:::::::::::::::::::::::::
 * 枠組 
 *::::::::::::::::::::::::*/
#struct
{
    margin-left:auto;
    margin-right:auto;
}
#container 
{
    margin:0px auto;
    font-size:90%;
    padding:0px;
    width:980px;
}
#mainBlock
{
    width:980px;
    margin:0px auto 0px auto;
    padding:30px 0px 0px;
}
#mainLeft
{
    float:left;
    width:255px;
    padding:0px;
    margin:30px auto 0px 0px;
}
#mainRight
{
    float:right;
    width:705px;
    margin:30px 0px 0px auto;
    padding:0px;
}

/*:::::::::::::::::::::::::
 * ヘッダー
 *::::::::::::::::::::::::*/
#headerImg
{
    width:980px;
    height:80px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#headerMenuL
{
    position:absolute;
    top:25px;
    left:165px
}
#headerMenuL img 
{
    vertical-align:top;
}
#headerMenuR
{
    position:absolute;
    top:25px;
    right:0px;
}
#homeLink
{
    font-size:14px;    
    margin-bottom:10px;
    height:25px;
}
#homeLink a
{
    display:block;
    padding-left:65px;
    color:#FFFFFF;
    text-decoration:none;
}
.headMenuTtl
{
    float:left;
    font-size:14px;
    color:#FFFFFF;
    padding:2px 5px 0px 0px;
}
.headMenuTtl a
{
    color:#FFFFFF;
}
/* くまモン */
#kumamon
{
    float: left;
    padding:3px 10px;
    border:solid 1px #FFFFFF;
    width:165px;
}
#kumamon a
{
    text-decoration:none;
}
#kumamon img
{
    vertical-align:middle;
    padding-left:5px;
}
.kumamonMode
{
    display:none;
}
/* サイト背景色 */
#mainSiteColor 
{
    float: left;
    padding:3px 10px 0px;
    border-right:solid 1px #FFFFFF;
}
#mainSiteColorSel 
{
    outline:none;
    float:left;
    font-size:14px
}
#mainSiteColorSel img 
{
    padding-right: 3px;
}
#mainSiteColor .headMenuTtl
{
    width:70px;
}
/* フォントサイズ */
#mainFontSize 
{
    float:left;
    margin-right:40px;
    padding:3px 0px 0px 10px;
}
#mainFontSize .headMenuTtl
{
    width:98px;
}
#mainFontSizeSel
{
    outline:none;
    float:left;
    font-size:14px
}
#mainFontSizeSel img 
{
    padding-right: 3px;
}
.headerTopTtl
{
	height:29px;
	text-align:center;
	/*font-size:0.9em;*/
}
/* foreign */
#foreign 
{
    float:left;
    padding:3px 5px 6px 10px;
    margin:3px 5px 0px 0px;
    background:#B7282E;
    vertical-align:middle;
}
#foreign .headMenuTtl
{
    font-size:13px;
    line-height:13px;
}
#foreign a
{
    text-decoration:none;
}
/* 音声読み上げ */
#mainYomi 
{
    float:left;   
    line-height:13px;
    font-size:0.9em;
    background-image:url("../images/top1/icon_yomi.gif");
    background-repeat:no-repeat;
    background-position:3px 9px;
    width:105px;
}
#mainYomi a
{
    display:block;
    padding:7px 0px 7px 35px;
    text-decoration:none;
    font-size:13px;
}

/*:::::::::::::::::::::::::
 * 特集コンテンツ
 *::::::::::::::::::::::::*/
.flash
{
	width:734px; 
	height:285px;
	margin-bottom:5px;
	overflow:hidden;
	float:left;
	/*background:url(../images/top1/slide1.jpg) no-repeat 0px 0px;*/
	background:url(../images/top1/slide1.png) no-repeat 0px 0px;
}

/*:::::::::::::::::::::::::
 * メインボタンエリア
 *::::::::::::::::::::::::*/
#mainBtn
{
    float:left;
    width:245px;
}
#mainBtn img 
{
    vertical-align:bottom;
}

/*:::::::::::::::::::::::::
 * 左メニュー
 *::::::::::::::::::::::::*/
.leftBox
{
    margin-bottom:10px;
}
.leftBox .boxTtl
{
    padding:8px 0px 8px 15px;
    font-weight:bold;
    font-size:1.1em;
}
.leftBox .boxNaiyo
{
    border:solid 1px #CCCCCC;
    padding:10px 15px;
}

/* 検索コーナー */
#search p
{
    font-weight:bold;
    padding-top:7px;
}
#search span
{
    font-size:0.9em;
}
.searchBox
{
    width:175px;
    height:18px;
    margin:0px;
}
.searchBtn
{
    margin:0px;
    padding:0px;
}
div#keyword 
{
    text-align: left;
}
div#keyword a 
{
    float: left;
    margin: 4px 5px 4px 12px;
    padding: 3px 6px 3px 8px;
    position: relative;
    text-decoration: none;    
    font-size:0.9em;
    line-height: 16px;
}

div#keyword a:after 
{
    border: 2px solid #ffffff;
    border-radius: 50%;
    left: -1px;
    position: absolute;
    top: 9px;
}
div#keyword a:before 
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;    
    border-style: solid;
    border-width: 11px;
    position: absolute;
    right: 100%;
    top: 0;
}
div#keyword a:hover:before 
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;    
    border-style: solid;
    border-width: 11px;
    position: absolute;
    right: 100%;
    top: 0;
}
#imgBtn a
{
    padding:11px 15px 11px 48px;
    text-decoration:none;
    font-size:1.1em;
    font-weight:bold;
}
/* 利用の多いページ */
#pickup
{
    padding:9px 4px 4px 4px;
}
#pickup div.lineL
{
    float:left;
    border:solid 1px #CCCCCC;
    border-radius:5px;          /* CSS3草案 */  
    -webkit-border-radius:5px;  /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;     /* Firefox用 */ 
    font-size:0.9em;
    min-height:38px;
    margin:0px 0px 3px;
    min-height:56px;
}
#pickup div.lineR
{
    float:right;
    border:solid 1px #CCCCCC;
    border-radius:5px;          /* CSS3草案 */  
    -webkit-border-radius:5px;  /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;     /* Firefox用 */ 
    font-size:0.9em;
    min-height:38px;
    margin:0px 0px 3px;
    min-height:56px;
}
#pickup div a
{
    display:block;
    width:75px;
    padding:8px 2px 8px 42px;
    text-decoration:none;
}
#pickup div.line1
{
    line-height:40px;
}
#pickup div#pickup01{background:url("../images/top1/icon_pickup01.gif") no-repeat 7px center;}
#pickup div#pickup02{background:url("../images/top1/icon_pickup02.gif") no-repeat 6px center;}
#pickup div#pickup03{background:url("../images/top1/icon_pickup03.gif") no-repeat 6px center;}
#pickup div#pickup04{background:url("../images/top1/icon_pickup04.gif") no-repeat 6px center;}
#pickup div#pickup05{background:url("../images/top1/icon_pickup05.gif") no-repeat 6px center;}
#pickup div#pickup06{background:url("../images/top1/icon_pickup06.gif") no-repeat 4px center;}
#pickup div#pickup07{background:url("../images/top1/icon_pickup07.gif") no-repeat 4px center;}
#pickup div#pickup08{background:url("../images/top1/icon_pickup08.gif") no-repeat 9px center;}
#pickup div#pickup09{background:url("../images/top1/icon_pickup09.gif") no-repeat 5px center;}
#pickup div#pickup10{background:url("../images/top1/icon_pickup10.gif") no-repeat 7px center;}
#pickup div#pickup11{background:url("../images/top1/icon_pickup11.gif") no-repeat 9px center;}
#pickup div#pickup12{background:url("../images/top1/icon_pickup12.gif") no-repeat 3px center;}
#pickup div#pickup13{background:url("../images/top1/icon_pickup13.gif") no-repeat 4px center;}
#pickup div#pickup14{background:url("../images/top1/icon_pickup14.gif") no-repeat 5px center;}

/* 広域本部情報 */
.leftBox #map
{
    padding:0px;
    text-align:center;
}
.leftBox #map p
{
    border-top:solid 1px #CCCCCC;
    padding:10px 15px;
}
#map p span
{
    padding:0px 10px;
}
#map p span#kenhoku{background:url("../images/top1/ya_g.gif") no-repeat 0px center;}
#map p span#kenou{background:url("../images/top1/ya_y.gif") no-repeat 0px center;}
#map p span#kennan{background:url("../images/top1/ya_p.gif") no-repeat 0px center;}
#map p span#amakusa{background:url("../images/top1/ya_b.gif") no-repeat 0px center;}
/* リンクボタン */
.leftBtn ul li
{
    margin:5px 0px;
}
.leftBtn a
{
    display:block;
    padding:11px 15px;
    border-radius:5px;          /* CSS3草案 */  
    -webkit-border-radius:5px;  /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;     /* Firefox用 */ 
    text-decoration:none;
}
/*:::::::::::::::::::::::::
 * 右メニュー
 *::::::::::::::::::::::::*/
/* 緊急情報 */
#kinkyuBlock
{
    margin-bottom:20px;
    border:solid 2px #142C8A;
}
#kinkyuTtl
{
    padding:8px 0px 8px 40px;
}
#kinkyuTtl span
{
    font-weight:bold;
    padding-right:10px;
    border-right:solid 1px #FFFFFF;
    margin-right:10px;
    font-size:1.1em;
}
#kinkyuTtl a
{
    padding-left:10px;
    font-size:0.9em;
}
#kinkyuTxt
{
    height:100%;
    margin:0px;
    padding:10px 15px;
}
#kinkyuTxt .upddate
{
    font-size:0.9em;
}
#kinkyuTxt div.kinkyuL
{
	min-width:65px;
	float:left;
}
#kinkyuTxt div.kinkyuR
{
	float:left;
	padding-left:10px;
	width:570px;	
}
#kinkyuTxt div.kinkyuR p.kinkyuTtl
{
	font-weight:bold;
}
#saigai
{   
}
.saigaittl
{
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:5px;
}
.saigaittl span
{
    font-weight:normal;
    font-size:0.9em;
}
.kinkyuBorder
{
    border-top:dotted 1px #999999;
    margin:10px 0;
}
/* 注目情報  */
div#topic
{
	padding:5px;
	margin-bottom:5px;
}
div#topic div#topicTtl
{
    font-weight:bold;
    font-size:1.1em;
    border-bottom:solid 2px #c85e62;
    padding:0px 0px 4px 3px;
    margin-bottom:5px;
}
div#topic .koushinDay 
{
	float:none;
	font-size:0.9em;
}
div#topic span.date
{
	font-size:0.8em;
	color:#646464;
}

div#topic div.digestItem
{
	padding:5px;
	width:335px;
	float:left;
}
div.digest p.d_title
{
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:10px;
}
div.digestItem p.gaiyou
{
	font-size:0.9em;
	line-height:1.4em;
}
div.digestItem div.img
{
	float:left;
	width:110px;
	height:110px;
	border:solid 1px #CCCCCC;
	padding:3px;
	text-align:center;
	line-height:110px;
}
div.digestItem div.img_s
{
	float:left;
	width:55px;
	height:55px;
	border:solid 1px #CCCCCC;
	padding:3px;
	text-align:center;
	line-height:55px;
}
div.digestItem div.naiyo
{
	float:left;
	padding-left:10px;
	width:195px;
}
div.digestItem div.naiyo_s
{
	float:left;
	padding-left:10px;
	width:260px;
}
div.digestItem img
{
	vertical-align:middle;
}
/* 更新情報 */
.info
{
    margin:0px 2px 10px 2px;
    padding-bottom:7px;
}
#newTtlTab
{
    border-bottom:solid 1px #B7282E;
    font-size:1.1em;
}
#newTtlTab a
{
    display:block;
    float:left;
    padding:5px 10px;
    margin-right:2px;
    text-decoration:none;
}
#newTtlTab a.selected
{
    font-weight:bold;
}
.listInfo ul li
{
    line-height:130%;
    padding:5px;
}
.listInfo ul li.lastKiji
{
    padding-bottom:12px;
}
.listInfo ul img.line
{
    margin-bottom:7px;
}
.info p.koushinDay
{
	width:auto;
	float:left;
	min-width:130px;
}
div.newTtl
{
    float:left;
    width:540px;
}
.infoIchiran
{
    padding:3px 7px 3px 15px;
    float:left;
    margin:10px 5px 0px 0px;
}
.listLink
{
	width:530px;
	text-align:right
}
.listInfo
{
    padding:5px 3px 0px 5px;
    font-size:1em;
}
span.newdspmark
{
    margin-right:4px;
}
span.newdspmark img
{
    margin-right:3px;
}
.listInfo div.title
{
    width:325px;
    float:left;
}
p.nodata
{
    text-align:left;
    margin:10px 0px 10px 15px;
}
img.rss
{
    vertical-align:middle;
    margin-left:5px;
}

/* カレンダー */
#calendar
{
    border:solid 1px #DBDBDB;
    padding:9px 10px 5px;
    width:208px;
    float:left;
}
.ttlArea
{
    font-weight:bold;
    font-size:1.1em;
    border-bottom:solid 2px #C85E62;
    padding:0px 0px 4px 3px;
    margin-bottom:5px;
}
/* 熊本県の魅力発信コーナー */
#charmInformation
{
    padding:9px 10px 5px;
    width:445px;
    float:right;
}
#charmInformation .img
{
    float:left;
    border:solid 1px #CCCCCC;
    width:70px;
    height:70px;
    text-align:center;
	line-height:110px;
	margin-right:10px;
}
#charmInformation .naiyo
{
    float:left;
    width:345px;
}
#charmInformation p.title
{
    font-weight:bold;
    margin-bottom:5px;
}
#charmInformation p.gaiyo
{
    font-size:0.9em;
    line-height:1.4em;
}
/* 特設サイト */
#slideBan
{
    border:solid 1px #CCCCCC;
    margin:15px auto;
}
#mainSlideBanTtl
{
    font-weight:bold;
    font-size:1.1em;
    padding:0px 0px 4px 3px;
    margin:10px;
    border-bottom:solid 2px #c85e62;
}
/* バナー広告 */
#adinfo
{
    margin:15px auto 0px auto;
    padding:10px;
    border:solid 1px #CCCCCC;
}
#adinfoBox
{	
    width:100%;
}
#adinfo div#addinfoHeader
{
    margin:0px 0px 5px 0px;
}
#adinfo div#addinfoHeader p
{
    font-weight:bold;
}
#adinfo span.adinfoLink
{
    text-align:right;
    font-size:0.8em;
	background:url("../images/top1/ya_r.gif") no-repeat 7px center;
    padding-left:17px;
}
p.imgBan
{
    float:left;
    margin:0px 5px 5px 5px;
}
p.textBan
{
    border:solid 1px #CCCCCC;
    width:168px;
    height:52px;
    line-height:50px;
    text-align:center;
    float:left;
    margin:0px 5px 5px 5px;
}
/* フッターメニュー */
#footerMenu
{
    padding:15px 0px;
    font-size:0.9em;
}
#footerMenu p
{
    width:980px;
    margin:0px auto;
}
#footerMenu p span
{
    padding-left:25px;
    margin-right:10px;
}

/* snsボタン */
#snsbutton_facebook
{
    position:absolute;
    left:603px;
    top:29px;
    z-index:101;
}
#snsbutton_twitter
{
    position:absolute;
    left:723px;
    top:29px;
    z-index:101;
}

/* Navigation Skip */
#Navigation ul{
	margin: 0;
	padding: 0;
}
#Navigation li{
	position: absolute; text-align: left; margin: 0; padding: 0; display: block;
}
#Navigation a{
	padding: 5px;
	display: inline;
	z-index: 99;
	text-decoration: none;
	position: absolute; 
	width:300px;
	left: -1000em;
	top: 0;
	font-weight: bold;
	text-align:center;
	font-size:125%;
	/zoom:1;
}
#Navigation a:focus,
#Navigation a:active{
	position: absolute; 
	top: 30px;
	left: 250px;
	background:#fff !important;
	border:2px solid #000;
	}

img.imgFromText
{
	max-height:126px !important;
	max-width:90px !important;
}

* html img.imgFromText
{
	height:126px !important;
	width:90px !important;
}

/* グローバルナビゲーション */
div#naviContainer
{
	width:100%;
	border-bottom:1px solid #b7282e;
}
div#naviArea
{
    position:relative;
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
div#naviArea a
{
    text-decoration:none;
}
div#naviArea ul#navi_list
{
    display:block;
    text-align:center;
    margin-right:-7px;
}
div#naviArea ul#navi_list li
{
    display:inline-table;
    /display:inline;
	/zoom:1;
	vertical-align:middle;
    text-align:center;
    height:72px;
    font-size:0.8em;
    margin-top:4px;
    margin-right:7px;
}
div#naviArea ul#navi_list li div
{
    display:table-cell;
    vertical-align:middle;
    padding:2px;
}
div#naviArea ul#navi_list li a
{
    display:block;
}
div#naviArea ul#navi_list li img
{
    display: block;
    position: relative;
    margin:-1px auto 0;
    z-index:99;
}
/* ホームのボタン */
div#naviArea ul#navi_list li#navi_tab_0 div
{
    vertical-align:middle;
}

div#popNaviArea
{
    display: block;
    position: relative;
    width: 980px;
    /*margin:-1px auto 0;*/
    margin:0px auto;
    z-index:99999;
}

div#popNaviArea div.g_navi
{
	position:absolute;
    width:980px;
    padding-top:10px;

}
div#popNaviArea div#g_navi_0
{
    border:none;
    padding:0px;
}

div#popNaviArea div.navi_child
{
    width:22%;
    display:inline-block;
    /display:inline;
	/zoom:1;
    vertical-align:top;
    padding-bottom:18px;
    padding-left:20px;
}
div#popNaviArea p.navi_child_name
{
    margin:0px 5px;
    padding:4px 2px;
    font-size:0.95em;
    font-weight:bold;
}
div#popNaviArea div.navi_child ul
{
    padding:0px 8px;
    margin-top:-5px;
}
div#popNaviArea div.navi_child li
{
    font-size:0.8em;
    line-height:1.3em;
    padding:0px 2px 0px 8px;
    margin-top:8px;
    background-image:url("../images/g_navi_ya.gif");
    background-repeat:no-repeat;
    background-position:1px 0.5em;
}

div#popNaviArea div.navi_type_2
{
    width:auto;
    display:block;
}
div#popNaviArea div.navi_type_2 li
{
    display:inline-block;
    /display:inline;
	/zoom:1;
    width:23%;
    vertical-align:top;
}

/* ページの先頭へ */
#pagetop 
{
    margin: 25px auto 5px;
    text-align: right;
}
#pagetop a 
{
    background: url("../images/arrow_up.gif") no-repeat left center;
    font-size: 0.8em;
    letter-spacing: 1px;
    padding-left: 15px;
    text-decoration: none;
}