@charset "utf-8";

/* 共通項目 ■■■■■■■■■■■■■■■■■■■ */

*{
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.1em;
	font-size: 12px;
}
a{ outline-style: none;}
a:link{color: #fff;}
a:visited{color: #fff;}
a:hover{color: #ffe600;}
a img{border: none;}

li{list-style: none;}

body{
	background: #7ecef4;
}

div#layout{
	background: url(../images/bg.gif) no-repeat;
	width: 960px;
	height: 800px;
	margin: 0px auto;
	position: relative;
}

/* タイトル ■■■■■■■■■■■■■■■■■■■ */
h1{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/title.gif) no-repeat bottom;
	width: 300px;
	height: 130px;
	padding-top: 80px;
	margin-left: 7px;
}

/* 放送日 ■■■■■■■■■■■■■■■■■■■ */
h2.oA{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/onair.gif) no-repeat;
	width: 248px;
	height: 175px;
	position: absolute;
	top: 94px;
	left: 712px;
}

/* キャスト ■■■■■■■■■■■■■■■■■■■ */

/*矢印
---------------------------------------------------- */
div.cast h2{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/a_caster.gif) no-repeat;
	width: 184px;
	height: 88px;
	position: absolute;
	top: 350px;
	left: 776px;
}
div.cast dl{
	background: #CC6666;
	width: 0px; /*0pxにしないと横スクロールバーがでる*/
}

/*渡邊アナウンサー
---------------------------------------------------- */
dt.wata{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/name_watanabe.gif) no-repeat;
	width: 248px;
	height: 69px;
	position: absolute;
	top: 282px;
	left: 721px;
}
dd.oishiImg{
	position: absolute;
	top: 252px;
	left: 584px;
	width: 137px;
	height: 133px;
}

dd.wata{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/com_watanabe.gif) no-repeat;
	width: 244px;
	height: 108px;
	position: absolute;
	top: 386px;
	left: 538px;
}

/*大石アナウンサー
---------------------------------------------------- */
dt.oishi{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/name_oishi.gif) no-repeat;
	width: 149px;
	height: 68px;
	position: absolute;
	top: 283px;
	left: 722px;
}
dd.oishi{
	position: absolute;
	top: 250px;
	left: 570px;
	width: 161px;
	height: 136px;
}

dd.oishi{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/com_watanabe.gif) no-repeat;
	width: 244px;
	height: 108px;
	position: absolute;
	top: 386px;
	left: 538px;
}

/*柴田アナウンサー
---------------------------------------------------- */
dt.shibata{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/name_shibata.gif) no-repeat;
	width: 149px;
	height: 68px;
	position: absolute;
	top: 283px;
	left: 722px;
}
dd.shibataImg{
	position: absolute;
	top: 253px;
	left: 586px;
	width: 119px;
	height: 132px;
}

dd.shibata{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/com_watanabe.gif) no-repeat;
	width: 244px;
	height: 108px;
	position: absolute;
	top: 386px;
	left: 538px;
}

/*米谷キャスター
---------------------------------------------------- */
dt.yone{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/name_yonetani.gif) no-repeat;
	width: 135px;
	height: 62px;
	position: absolute;
	top: 486px;
	left: 611px;
}
dd.yoneImg{
	position: absolute;
	top: 459px;
	left: 761px;
	width: 110px;
	height: 110px;
}

dd.yone{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/com_yone.gif) no-repeat;
	width: 246px;
	height: 105px;
	position: absolute;
	top: 590px;
	left: 681px;
}

/* コンセプト ■■■■■■■■■■■■■■■■■■■ */
div.concept{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/concept.gif) no-repeat;
	width: 334px;
	height: 84px;
	position: absolute;
	top: 126px;
	left: 356px;
}


/* テキスト ■■■■■■■■■■■■■■■■■■■ */
/*矢印
---------------------------------------------------- */
h2.cont{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/a_contents.gif) no-repeat;
	width: 125px;
	height: 112px;
	position: absolute;
	top: 218px;
	left: 0px;
}
/*背景設定
---------------------------------------------------- */
div.cont{
	background: url(../images/bg_text.gif) no-repeat top left;
	width: 330px;
	height: 457px;
	position: absolute;
	top: 218px;
	left: 125px;
	padding: 20px 25px 15px 35px;
}
div.flow{
	height: 410px;
	overflow: auto; /* これが無いとIEでは高さ指定ができない */
	scrollbar-face-color: #5f9215; 
	scrollbar-track-color: #bde645;
	scrollbar-highlight-color: #5f9215;
	scrollbar-shadow-color: #5f9215;
	scrollbar-3dlight-color: #5f9215;
	scrollbar-darkshadow-color: #5f9215;
	overflow-x: hidden;
	padding-right: 10px;
}

/*テキスト設定
---------------------------------------------------- */
div.cont p{
	background: url(../images/date.png) no-repeat top center;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-top: 17px;
}

* html div.cont p{
	background: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nhk.or.jp/fukuoka/ohayou/images/date.png',sizingMethod='images');
	text-align: center;
}

p.next{ margin-top: 50px;} /* 2週目のテキストhtmlのpに.nextをつける */
div.cont dt strong{ display: none;}

div.cont dl{
	padding-left: 70px;
	 margin-top: 20px;
}

dl.talk{ background: url(../images/talk.gif) no-repeat top left;}
dl.live{ background: url(../images/relay.gif) no-repeat top left;}
dl.travel{
	background: url(../images/travel.gif) no-repeat top left;
	height: 40px; /* テキストが入らないことが多いため、ロゴが消えないよう高さを指定 */
}
dl.travelL{
	background: url(../images/travel.gif) no-repeat top left;
}/* テキストが入ると↑の高さ以上になるため、height指定を削除し、htmlのdl.travel→dl.travelLにする */
/*話題*/
dl.wadai{ background: url(../images/wadai.gif) no-repeat top left;}



div.cont dt{
	border-bottom: 1px solid #5f9215;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: bold;
}
div.cont dd{ font-size: 13px;}

div.cont dd.sub{
	text-align: right;
	padding-top: 0px;
}
div.cont dd{ padding-top: 5px;}

div.cont div.inter{
	margin: 5px 0px 30px 0px;
	text-align: center;
}
p.info{
	position: absolute;
	top: 671px;
	left: 295px;
	font-size: 10px;
	color: #fff;
}

/* 携帯サイト ■■■■■■■■■■■■■■■■■■■ */
/*矢印
---------------------------------------------------- */
h3.mobile{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/a_mobile.gif) no-repeat;
	width: 160px;
	height: 95px;
	position: absolute;
	top: 675px;
	left: 125px;
}
/*二次元バーコード
---------------------------------------------------- */
p.code{
	width: 125px;
	height: 160px;
	position: absolute;
	top: 536px;
	left: 0px;
}

/* LINK ■■■■■■■■■■■■■■■■■■■ */
h3.link{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/link.gif) no-repeat;
	width: 90px;
	height: 40px;
	position: absolute;
	top: 520px;
	left: 515px;
}
ul.link{
	position: absolute;
	top: 565px;
	left: 525px;
}

ul.link li{
	background: url(../images/arrow.gif) no-repeat left center;
	padding-left: 7px;
}
ul.link li a{
	font-size: 11px;
}


/* コピー ■■■■■■■■■■■■■■■■■■■ */

li.onLine a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/nhk.gif) no-repeat;
	width: 77px;
	height: 37px;
	position: absolute;
	top: 735px;
	left: 658px;
	display: block;
}
li.copy{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../images/copy.gif) no-repeat;
	width: 197px;
	height: 73px;
	position: absolute;
	top: 663px;
	left: 515px;
}