@import url(./default_body.css);

/* body */
body
{
 	/* ※背景色・文字色は色別CSSで定義 */
}
a
{
	/* ※文字色は色別CSSで定義 */
}
/* ヘッダー部分（CSS切替、検索等） */
#header
{
    /*background:url("../images/top1/head_bg.jpg") repeat-y center -1px;*/
    background-color:#ffffff;
    border-top:5px solid #3899BE;
}
/*:::::::::::::::::::::::::
 * 枠組 
 *::::::::::::::::::::::::*/
#struct
{
    margin-left:auto;
    margin-right:auto;
}
#container 
{
    margin:0px auto;
    margin-top:0px;
    font-size:90%;
    padding:0px;
}

#mainBlock
{
    width:1000px;
    margin:0px auto 0px auto;
    padding:20px 0px 25px;
}
#mainLeft
{
    float:left;
    width:250px;
    padding:0px;
    margin:10px auto 0px 0px;
}
#mainCenter
{
    float:left;
    width:460px;
    margin:10px 0px 0px 20px;
    padding:0px;
}

#mainRight
{
    float:right;
    width:250px;
    margin:10px 0px 0px auto;
    padding:0px;
}


/*:::::::::::::::::::::::::
 * ヘッダー
 *::::::::::::::::::::::::*/
#headerImg
{
    width:1000px;
    height:87px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#headerMenu
{
    position:absolute;
    top:15px;
    right:1px
}
#headerMenu img
{
    vertical-align:top;
}
.headMenuTtl
{
    float:left;
    font-size:14px;
    padding:3px 5px 0px 0px;
}
.headMenuTtl a
{
    color:#333333;
}
/* サイト背景色 */
#mainSiteColor 
{
    float: right;
    padding:3px 10px 10px 20px;
}
#mainSiteColorSel 
{
    outline:none;
    float:left;
}
#mainSiteColorSel img 
{
    padding-right: 3px;
}
/* フォントサイズ */
#mainFontSize 
{
    float:right;
    margin-right:0px;
    padding:3px 0px 10px 0px;
}
#mainFontSizeSel
{
    outline:none;
    float:left;
}
#mainFontSizeSel img 
{
    padding-right: 3px;
}
.headerTopTtl
{
	height:29px;
	text-align:center;
	/*font-size:0.9em;*/
}

/* foreign */
#foreign 
{
    float:left;
    padding:3px;
    margin:1px 0px 0px 0px;
    border:1px solid #227aa6;
}

.foreigntext
{
    font-size:14px;
    padding:0px 5px 0px 8px;
    background: url("../images/top1/ya_r.gif") no-repeat scroll 0px center rgba(0, 0, 0, 0);
}


#foreign a
{
    text-decoration:none;
    }
/* 音声読み上げ */
#yomi 
{
    float:left;    
    line-height:14px;
    font-size:0.9em;
    background-image:url("../images/top1/icon_yomi.gif");
    background-repeat:no-repeat;
    /*border-left: 1px solid #333333;*/
    background-position:98px 6px;
    padding-left:9px;
    width:135px;
}
#yomi a
{
    display:block;
    padding:6px 0px 7px 0px;
    text-decoration:none;
}

#headerbtnmenu
{
    float:right;
}


ul#headerBtn
{
	margin-top:0px;
}
ul#headerBtn li
{
	float:left;
	padding:3px 7px 3px 30px;
	margin-right:10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
}
ul#headerBtn li a
{
	display:block;
	text-decoration:none;
}
ul#headerBtn li#mobile
{
	border:solid 1px #368CBA;
	padding:4px 7px 4px 22px;
}

/* 検索コーナー */
#search
{
   float:left;
   width:245px;
}


#search p
{
    font-weight:bold;
    padding-top:7px;
}
#search span
{
    font-size:0.9em;
}
.searchBox
{
    width:175px;
    height:18px;
    margin:0px 0px 0px 0px;
}
.searchBtn
{
    margin:0px;
    padding:0px;
}



/*:::::::::::::::::::::::::
 * 特集コンテンツ
 *::::::::::::::::::::::::*/
.flash
{
	width:990px; 
	height:340px;
	border:5px solid #ffffff;
	margin-bottom:5px;
	overflow:hidden;
	float:left;
}

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

/*:::::::::::::::::::::::::
 * 左メニュー
 *::::::::::::::::::::::::*/
.leftBox
{
    margin-bottom:10px;
}
.leftBox .boxTtl
{
    padding:10px 0px 0px 10px;
    font-weight:bold;
}

.titleicon
{
    float:left;
    padding:0px 0px 0px 5px;
}


.leftBox .boxNaiyo
{
    border:solid 1px #CCCCCC;
    padding:10px 15px;
}

.leftBox01
{
    margin-bottom:10px;
}
.leftBox01 .boxTtl01
{
    padding:8px 0px 1px 15px;
    font-weight:bold;
}

.leftBox02
{
    margin-bottom:10px;
}
.leftBox02 .boxTtl02
{
    padding:8px 0px 8px 15px;
    font-weight:bold;
}

.leftBox03
{
    margin-bottom:10px;
}
.leftBox03 .boxTtl03
{
    padding:8px 0px 8px 15px;
    font-weight:bold;
}


.leftBox01 .boxNaiyo01
{
    border:solid 1px #CCCCCC;
    padding:10px 15px;
}

.menuttltxt {
    padding: 1px 0 0 28px;
}

.menubtnArea
{
    width:250px;
    padding:0px;
    margin:0px 0px 10px 0px;
}

.menubtn
{
    padding:0px;
    margin:0px auto 5px;
}

.menubtn01
{
    padding:0px;
    margin:10px 0px 0px 0px;
}

.menubtnArea01
{
    width:250px;
    height:40px;
}

.menubtnArea02
{
    width:250px;
    height:38px;
}
.menubtnArea03
{
    width:250px;
    height:38px;
}

.menubtnArea04
{
    width:250px;
    height:38px;
}

.menubtnArea05
{
    width:250px;
    height:38px;
}

.menubtnArea06
{
    width:250px;
    height:38px;
}

.menubtnText
{
    padding:10px 0px 0px 50px;
}

.menuicon {
    margin: 2px 0px 10px 0px;
    padding: 2px 0px 5px 0px;
}

.menuicon div.menuItembg {
    width: 250px;
}

div.menuItem {
    width: 200px;
    margin-left:10px;
}

div.menuItem img {
    padding-top:5px;
}

.menuicon div.menuborder {
    border-bottom: 1px dotted #4eb3cf;
    margin: 0 auto;
    width: 230px;
}


/*:::::::::::::::::::::::::
 * 右メニュー
 *::::::::::::::::::::::::*/
.rightBox
{
    margin-bottom:10px;
}
.rightBox .boxTtl
{
    padding:8px 0px 1px 15px;
    font-weight:bold;
}

.rightBox .boxTtl01
{
    padding:8px 0px 1px 15px;
    font-weight:bold;
}

.rightBox .boxTtl02
{
    padding:8px 0px 1px 15px;
    font-weight:bold;
}

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;
}


div.menuArea {
    margin: 1px 1px 0 0;
}

div.menuArea01 {
    margin: 7px 1px 0 0;
}

/* ひとのうごき */
#ugoki
{
    width:250px;
    margin:0px auto 0px auto;
    font-size:0.9em;
}
#ugkTxt
{
    padding:7px 0px 7px 3px;
    line-height:150%;
}
#ugkLink
{
    float:right;
    padding:0px 0px 3px 10px;
}
#ugoki p
{
    margin-left:5px;
}

/* 角丸ボタン */
div.kadomaru
{
    border:solid 1px #ffffff;
    border-radius:8px;          /* CSS3草案 */  
    -webkit-border-radius:8px;  /* Safari,Google Chrome用 */  
    -moz-border-radius:8px;     /* Firefox用 */ 
    margin:10px 0px 3px;
    background-color:#ffffff;
    padding:5px auto 0px 5px;
}

.kadomaru img
{
    margin:5px auto 2px 8px;
}



/* リンクボタン */
.leftBtn ul li
{
    margin:5px 0px;
}

    
/*:::::::::::::::::::::::::
 * 右メニュー
 *::::::::::::::::::::::::*/
/* 緊急情報 */
#kinkyuBlock
{
    width:980px;
    margin-top:5px;
    margin-bottom:5px;
    float:left;
    padding:0px;
}

#kinkyuArea
{
    width:998px;
    float:left;
    padding:0px;
    border:solid 2px #FF2727;
}

#kinkyuTtl
{
    width:150px;
    height:43px;
    float:left;
    padding:0px;
}


#kinkyuTtla
{
    width:150px;
    float:left;
    height:41px;
    /*padding:8px 0px 8px 40px;*/
}
#kinkyuTtla span
{
    font-weight:bold;
    padding-right:10px;
    /*border-right:solid 1px #FFFFFF;*/
    margin-right:10px;
}

#kinkyuTtla a
{
    padding-left:40px;
    padding-top:13px;
    font-size:0.9em;
    width:130px;
    float:left;
}


/*#kinkyuTxt
{
    float:left;
    width:838px;
    height:100%;
    margin:0px 0px 0px 0px;
    font-size:0.9em;
    padding:8px 0px 11px 10px;
}*/

#kinkyuTxt
{
    float:left;
    height:100%;
    margin:3px 0px 0px 3px;
    font-size:0.9em;
    padding:10px 0px 0px 5px;
    width:830px;
}


#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
{
    border-bottom:dotted 1px #999999;
    padding-bottom:10px;
    margin-bottom:10px;
}
.saigaittl
{
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:5px;
}
.saigaittl span
{
    font-weight:normal;
    font-size:0.9em;
}
/* 注目情報  */
div#topic
{
	padding:5px;
	margin-bottom:5px;
}



div#topic div#topicTtl
{
    font-weight:bold;
    border-bottom:solid 2px #227aa6;
    padding:5px 0px 4px 3px;
    margin-bottom:5px;
}

#topicTtl img
{
    float:left;
    padding:0px 5px 3px 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:430px;
	float:left;
}
div.digest p.d_title
{
    font-weight:bold;
    padding-bottom:5px;
}
div.digestItem p.d_title
div.digestItem p.gaiyou
{
	font-size:0.9em;
}
div.digestItem div.img
{
	float:left;
	width:110px;
	min-height:100px;
	/*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:290px;
}
div.digestItem div.naiyo_s
{
	float:left;
	padding-left:10px;
	width:260px;
}
div.digestItem img
{
	vertical-align:middle;
}
/* 更新情報 */
.info
{
    padding:10px 0px 0px 3px;
    margin:0px 0px 10px 0px;
    padding-bottom:7px;
}
#newTtlNavi
{
    border-bottom:solid 1px #227AA6;
}
#newTtlTab
{
    float:left;
    /*border-bottom:solid 1px #227AA6;*/
}
#newTtlTab a
{
    display:block;
    float:left;
    padding:5px 10px;
    margin-right:5px;
    text-decoration:none;
}
#rssArea
{
    float:left;
    min-width:65px;
    text-align:center;
}
#listLinkArea
{
    float:left;
	min-width:110px;
    text-indent: 22px;
	background:url("../images/top1/ya_blue02.gif") no-repeat 3px center;
}
.info ul
{
    padding:7px 0px;
}
.info ul#important
{
    border-bottom:dotted 1px #999999;
}
.listInfo ul li
{
    line-height:130%;
    padding:5px;
}
.listInfo ul li.lastKiji
{
    border-bottom:dotted 1px #DDDDDD;
}
.info p.koushinDay
{
	width:auto;
	float:left;
	min-width:110px;
    font-size:0.9em;
    text-indent: 1em;
	background:url("../images/top1/ya_b2.gif") no-repeat 3px center;
}
.info p.eventDate
{
	width:auto;
	float:left;
	min-width:110px;
    font-size:0.9em;
    text-indent: 1em;
	background:url("../images/top1/ya_b.gif") no-repeat 3px center;
}
div.newTtl
{
    float:left;
    width:320px;
}
.infoIchiran
{
    padding:3px 7px 3px 15px;
    float:left;
    margin-right:5px;
}
.listLink
{
	width:530px;
	text-align:right
}
.listInfo
{
    padding:5px 3px 0px 2px;
    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;
}
/* カレンダー */
#calendar
{
    border:solid 1px #DBDBDB;
    padding:9px 10px 5px;
    width:208px;
    float:left;
}
.ttlArea
{
    font-weight:bold;
    border-bottom:solid 2px #C85E62;
    padding:0px 0px 4px 3px;
    margin-bottom:5px;
}


.listLinkArea02
{
    float:right;
    text-indent: 22px;
    font-weight:normal;
	background:url("../images/top1/ya_blue02.gif") no-repeat 3px center;
}



/* 暮らしのガイド */
#kurashi
{
    width:460px;
    margin:8px 0px 7px 0px;
    padding-bottom:5px;
}

#kurashiTtl
{
    width:100%;
}

.menuBlockLife div.menuHead
{
    padding:10px 0px 0px 5px;
}


.menuBlockLife div.menuHead img
{
    float:left;
    padding:0px 0px 0px 5px;
}


/* 人生のできごとから探す */
.lifeEvent
{
	margin-top: 5px;
}
.lifeEvent img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
#kurashiBunya
{
    line-height:120%;
    margin:3px 5px 0px 5px;
    font-size:0.9em;
    padding:5px 5px 5px 5px;
}
.Bunyabox
{
	float:left;
	width:108px;
	height:108px;
	margin:1px 1px 1px 1px;
	padding:0px auto;
	text-align:center;
}


/* 熊本県の魅力発信コーナー */
#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;
}
/* 特設サイト */
#slideBan
{
    border:solid 1px #CCCCCC;
    margin:15px auto;
}
#slideBanTtl
{
    font-weight:bold;
    padding:0px 0px 4px 3px;
    margin:10px;
    border-bottom:solid 2px #c85e62;
}

/* バナー広告 */
#adinfo01
{
    margin:15px auto 0px auto;
    width:100%;
    padding:10px 0px 10px 0px;
    border:solid 1px #CCCCCC;
}
#adinfo01Box
{	
    width:100%;
}
#adinfo01 div#addinfo01Header
{
    margin:0px 10px 5px 10px;
    padding:5px;
}
#adinfo01 span.adinfoLink
{
    text-align:right;
    font-size:0.8em;
	background:url("../images/top1/ya_r.gif") no-repeat 13px center;
    padding-left:25px;
}
p.imgBan
{
    float:left;
    margin:5px 8px 5px 8px;
}
p.textBan
{
    border:solid 1px #CCCCCC;
    width:170px;
    height:50px;
    line-height:50px;
    text-align:center;
    float:left;
    margin:0px 5px 5px 5px;
}


/* バナー広告 */
#adinfo
{
    margin:15px auto 0px auto;
    width:100%;
    padding:10px 0px 10px 0px;
    border:solid 1px #CCCCCC;
}
#adinfoBox
{	
    width:100%;
}
#adinfo div#addinfoHeader
{
    margin:0px 10px 5px 10px;
    padding:5px;
}
#adinfo span.adinfoLink
{
    text-align:right;
    font-size:0.8em;
	background:url("../images/top1/ya_r.gif") no-repeat 13px center;
    padding-left:25px;
}

p.imgBan01
{
    float:left;
    margin:5px 10px 5px 200px;
}

p.imgBan02
{
    float:right;
    margin:5px 200px 5px 25px;
}



p.imgBan
{
    float:left;
    margin:5px 8px 5px 8px;
}
p.textBan
{
    border:solid 1px #CCCCCC;
    width:170px;
    height:50px;
    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 #3899BE;
}
div#naviArea
{
    position:relative;
    width:1000px;
    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.93em;
    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;
}

h2.title {
    font-size: 1.2em;
    margin-bottom: 16px;
    padding: 0 0 4px 21px;
}

h3.title {
    background: url("../images/CssColorType/h3Ttl.gif") no-repeat scroll 7px center rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #227aa6;
    font-size: 1.1em;
    line-height: 24px;
    margin-bottom: 16px;
    padding: 0 0 4px 21px;
}

/* かなくりフォトカウントダウン */
#countdown
{
    width:240px;
    margin:0px auto 10px;
    padding:5px;
}

    #countdown .title {
    text-align:center;

    }

h3.titleA 
{
    padding:5px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; 
}

#countdown img
{
    max-width:100%;
    margin:5px auto;
}