@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:  'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", 'Osaka', "Lucida Grande", sans-serif;
	color: #000;
	text-align: center;
	background-repeat: repeat-y;
	background-position: center;
}

/* --- for WinIE6 --- */

* html body {
	font-size: 62.5%;
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}

/* --- for WinIE7 --- */

*:first-child+html body { 
	font-size: 62.5%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 1.0em;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
img,input {
	vertical-align:middle;
}
ul {
	list-style: none;
}
object, embed {
	vertical-align:top;
}
ul li img {
	vertical-align: middle;
}
.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
}


/* --- link --- */

a {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}


/* --- layout --- */

#container {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	background-color: #FFFFFF;
}


/* --- select_style --- */

#select_style {
	width: 80px;
	text-align: right;
	margin: 0 0 0 auto;
	height: 44px;
}
#select_style p {
	margin: 0 ;
	padding: 0 0 0 6px;
	float: left;
	text-align: right;
}


/* --- header --- */

#header {
	clear: both;
	height: 102px;
	padding: 0 20px;
	border-bottom: solid #ff6e33 5px;
}
#header_month {
	clear: both;
	height: 82px;
	float: left;
	width: 42px;
	margin: 10px 0;
}
#header_logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 316px;
	margin: 11px 0 0 22px;
	float: left;
}
#header_logo h1 {
	margin:0;
	padding-left: 46px;
}
#header_logo a {
	color: #4E4B49;
}
#header_right {
	width: 400px;
	margin: 11px 0 0 0;
	float: right;
	height: 82px;
}
#header_navi {
	width: 400px;
	margin: 0 0 0 auto;
	clear: both;
}
#header_btn {
	margin: 0;
	padding: 0;
}
#header_btn li {
	padding: 0 0 0 9px;
	float: left;
	font-size: 0px;
	line-height: 0px;
	height: 30px;
	margin: 0;
}
.btnBox {
	margin: 0;
	clear: both;
	padding: 0;
}
#btn_start {
	background-image: url(../images/btn_header_start.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 91px;
	text-indent: -9999px;
	display: block;
}
#btn_attention {
	background-image: url(../images/btn_header_atte.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 91px;
	text-indent: -9999px;
	display: block;
}
#btn_contact {
	background-image: url(../images/btn_header_con.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 91px;
	text-indent: -9999px;
	display: block;
}
#btn_adverting {
	background-image: url(../images/btn_header_adv.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 91px;
	text-indent: -9999px;
	display: block;
}
#header_btn span {
	background-position: 0 -31px;
}
#header_btn a:hover span {
	background-position: 0 0;
}



/* --- searchbar --- */

#searchbar {
	clear: both;
	margin: 15px 0;
}
#searchbar p {
	text-align: center;
	margin: 0 15px 0 0;
	font-size: 1.2em;
	color: #999999;
}
search_navi {
	}
.search_box {
	width: 320px;
}


/* --- navi --- */

#navi {
	width: 512px;
	margin: 0;
	padding: 0;
	border: 1px solid #FF9933;
	float: left;
}
#tabBoxIndex {
	margin: 0;
}
#tabIndex {
	margin: 0;
	padding: 0;
}
#tabIndex li {
	margin: 0px;
	float: left;
	font-size: 0px;
	line-height: 0px;
	height: 33px;
	padding: 0;
}
#tab_fukutool {
	background-image: url(../images/tab_fukutool.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 128px;
	text-indent: -9999px;
	display: block;
}
#tab_topics {
	background-image: url(../images/tab_topics.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 128px;
	text-indent: -9999px;
	display: block;
}
#tab_zenkoku {
	background-image: url(../images/tab_zenkoku.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 128px;
	text-indent: -9999px;
	display: block;
}
#tab_fukulink {
	background-image: url(../images/tab_fukulink.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 128px;
	text-indent: -9999px;
	display: block;
}
#tabIndex .close span {
	background-position: 0 -33px;
}
#tabIndex .close a:hover span {
	background-position: 0 -66px;
}
#tabIndex .open span {
	background-position: 0 0;
}
.tabBox ul {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
.tabBox table {
	height: 205px;
}
.tabBox img {
	margin-right: 5px;
}
.navi_category1 li {
	margin: 0 0 15px;
	padding: 0px;
}
.navi_category2 li {
	margin: 0 0 5px;
	padding: 0px;
}

/* contact_kitakyu */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-selected span {
	background-position: 0 -33px;
}
.tabs-nav .tabs-selected a span, .tabs-nav .tabs-selected a:hover span {
    padding-top: 0;
    background-position: 0 -33px;
}
.tabs-nav a span {
    padding-top: 0;
    background-position: 0 0;
}
.tabs-nav a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    padding-top: 0;
    background-position: 0 -66px;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}


/* --- ad --- */

#ad {
	width: 350px;
	margin: 0;
	padding: 0;
	float: right;
}


/* --- news --- */

#news {
	width: 375px;
	margin: 20px 0 0;
	padding: 0;
	background-image: url(../images/bg_news.gif);
	background-repeat: no-repeat;
	height: 385px;
	float: left;
}
#news iframe {
	margin: 100px 0 0 30px;
}


/* --- tv --- */

#tv {
	width: 480px;
	margin: 20px 0 0;
	padding: 0;
	float: right;
}


/* --- channel --- */

#channel {
	margin: 20px 0 0 30px;
	padding: 0;
}
.channel_copy {
	font-size: 1.4em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-image: url(../images/dot_yoko.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 890px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.ch {
	margin: 0 28px 30px 0;
	padding: 0px;
	width: 202px;
	float: left;
}
.ch h4 {
	font-size: 1.2em;
	margin: 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.ch h5 {
	font-size: 1.2em;
	background-image: url(../images/dot_yoko.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 3px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.ch p {
	font-size: 1.2em;
	margin: 0px;
}
.ch img {
	border: 1px solid #CCCCCC;
}
.ch div {
	height: 145px;
	border: 1px solid #CCCCCC;
}


/* --- footer --- */

#footer {
	clear: both;
	padding: 5px 0 15px;
	margin: 0 30px;
}
#footer h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}
#footer table {
	font-size: 1em;
	line-height: 1.3em;
}
#footer th {
	font-weight: normal;
	text-align: left;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 5px 0 0;
}
#footer p {
	font-size: 1.2em;
	text-align: center;
	padding: 10px 0 0;
	margin: 0px;
}
.navi_category2 a {
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 14px;
}
.top_box {
	margin: 0 30px;
	padding: 0px;
}
#contents {
	margin: 0 30px;
}