@charset "UTF-8";


/* wrapper						##################################### */
section#wrapper{
	margin: 12px auto 0;
	width: 990px;
	overflow:hidden;
}

/* contents-left						##################################### */

	div#contents-left{
		width: 316px;
		margin-right: 20px;
		float:left;
		overflow: hidden;
	}

		/*RSSボタン*/
		div#btn-rss a{
			background: url(../images/top/btn_rss.png) left top no-repeat;
			position: absolute;
			display:block;
			height: 22px; width:22px;
			margin-top: -25px;
			margin-left: 288px;
			text-indent:-9999px;
		}


		/*パーソナル*/
		article#article-box h1{
			height:28px;
			background:url(../images/top/ttl_personal.gif) left top no-repeat;
			text-indent: -9999px;
		}
		div#contents-left-inner{
			background:url(../images/top/green_baloon_middle.gif) repeat-y left top;
		}
		div#contents-left-bottom{
			height: 8px;
			background:url(../images/top/ttl_personal_end.gif) no-repeat left top;
		}


/* rss が使えない時用の応急処置パーソナル151202##################################### */

div#contents-left-inner div.content-box{
	border-bottom:1px dotted #99CC33;
	padding: 12px 0 !important;
}
div.content-box dt span.name{
	background: url(../images/top/personal_icon_w.gif) left center no-repeat;
	padding-left:15px;
}


/* layout-right						##################################### */
/*
	div#layout-right{
		width: 652px;
		float:left;
		overflow:hidden;
		margin-top: 12px;
	}
*/

		/*激撮隣のアナウンサー*/

		article#article-box-movie{
			margin-top: 12px;
			float: left;

		}
			h1#title-gekisatsu{
				height: 28px; width: 652px;
				background: url(../images/top/ttl_gekisatsu.gif) left top no-repeat;
				text-indent: -9999px;
			}
			div#contents-box-movie{
				width: 652px;
				background:url(../images/top/gekisatsu-inner.gif) no-repeat 0 bottom;
				overflow: hidden;
				display:block;
				padding-bottom: 2px;
			}
				div#contents-box-movie div#box-gekisatsu-movie{
					height: 240px; width: 375px;
					margin-left: 2px;
					float: left;
				}
				/*div#box-gekisatsu-txt{*/
					/*height: 230px; */
					/*width: 255px;
					margin: 10px 0 0 10px;
					float: left;
				}*/


				/* 0505動画の高さ合わせるための応急処置 */
				div#box-gekisatsu-txt{
					/*height: 230px; */
					width: 264px;
					margin: 10px 0 0;
					float: left;
				}

					div#movie-txt-box{
						margin-left: 10px;
					}



					div#movie-txt-box h2 a{ font-size: 18px;font-weight:bold; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

					span#movie-date{font-size:12px; text-align:right;padding-top:5px; display:block;}

						p#movie-txt{margin-bottom: 0; border-radius: 3px; background-color:#FFEFD2; padding:5px; font-size:12px;  margin:5px 0; color:#666;}

					p#movie-user,
					p#movie-video{margin-bottom: 0; font-size:13px; color:#666;}
					p#movie-user{ border-radius: 3px; padding: 3px 0 0 40px; margin:10px 0 5px; background: url(../images/top/icon_user.gif) left top no-repeat;background-color:#F5F5F5;}
					p#movie-video{ border-radius: 3px;padding: 3px 0 0 40px;  background: url(../images/top/icon_video.gif) left top no-repeat; background-color:#F5F5F5;	}
						a#movie-next { font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
							display:block;
							text-align:center;
							font-size:16px;
							color:#F69;
							font-weight:bold;
							color:#F69;
							padding-top:10px;
						}



	/*				div#box-gekisatsu-txt dl {
						height:170px;
						margin-left: 10px;
					}
						div#box-gekisatsu-txt dt.title-bold{
							font-weight:bold;
						}

							div#box-gekisatsu-txt dl dd{
								margin-top:6px;
								line-height: 1.5em;
							}

								div#box-gekisatsu-txt dl dd span.gekisatsu-title{
									font-size:15px; font-weight:bold;
								}

								div#box-gekisatsu-txt dl dd a{
									font-size: 85%;

								}

					div#box-gekisatsu-txt div#douga-btn{
						height: 48px; width: 228px;
						margin-left:10px;
					}
				*/

				/*動画を見るにはbtn*/
/*			div#douga-btn a{
					height: 48px; width: 228px;
					display: block;
					background: url(../images/top/douga_btn.gif) left top no-repeat;
					text-indent: -9999px;
				}
				div#douga-btn a:hover{
					background-position: left bottom;
				}
*/



/*動画ページ合わせるため（リニューアルまでの対応）*/
.gekisatsu-movie{
	margin:0 auto;
	width:640px;
}


/* contents-center						##################################### */

	div#contents-center{
		width: 316px;
		float:left;
		overflow:hidden;
	}

		article#article-box h1#title-ask,
		article#article-box h1#title-nehori,
		article#article-box h1#title-read,
		article#article-box h1#title-anawant,
		article#article-box h1#title-zange,
		article#article-box h1#title-qa,
		article#article-box h1#title-nihongo{
			height: 28px;
			text-indent: -9999px;
			background: left top no-repeat;
		}

		article#article-box h1#title-ask{
			background-image: url(../images/top/ttl_bangumi.gif);
		}
		article#article-box h1#title-nehori{
			background-image: url(../images/top/ttl_nehori.gif);
		}
		article#article-box h1#title-read{
			background-image: url(../images/top/ttl_read.gif);
		}
		article#article-box h1#title-anawant{
			background-image: url(../images/top/ttl_ana.gif);
		}
		article#article-box h1#title-zange{
			background-image: url(../images/top/ttl_zange.gif);
		}
		article#article-box h1#title-qa{
			background-image: url(../images/top/ttl_question.gif);
		}
		article#article-box h1#title-nihongo{
			background-image: url(../images/top/ttl_nihongo.gif);
		}
		article#article-box h1#title-anapoke{
			background-image: url(../images/top/ttl_anapoke.gif);
		}


		div#box-yellow-inner,
		div#box-orange-inner,
		div#box-violet-inner{
			width: 316px;
			background: repeat-y left top;
		}
		div#box-yellow-bottom,
		div#box-violet-bottom,
		div#box-orange-bottom{
			width: 316px; height: 5px;
			background: no-repeat left top;
		}
		div#box-yellow-inner{
			background-image:url(../images/top/yellow_baloon_middle.gif);
		}
		div#box-yellow-bottom{
			background-image:url(../images/top/yellow_baloon_end.gif);
		}
		div#box-orange-inner{
			background-image: url(../images/top/orange_baloon_middle.gif);
		}
		div#box-orange-bottom{
			background-image:url(../images/top/orange_baloon_end.gif);
		}
		div#box-violet-inner{
			background-image:url(../images/top/violet_baloon_middle.gif);
		}
		div#box-violet-bottom{
			background-image:url(../images/top/violet_baloon_end.gif);
		}

		/*アナウンス部ちゃんねる*/

		/*バックナンバーボタン*/
		div#ana-ch-btn a{
			height: 23px; width: 101px;
			background: url(../images/top/anachannel_btn.gif) left top no-repeat;
			position: absolute;
			margin: 6px 0 0 200px;
			text-indent: -9999px
		}
			div#ana-ch-btn a:hover{
				background-position: left bottom;
			}

		article#article-box-ana-ch{
			height: 254px; width: 316px;
			margin-top: 12px;
			overflow: hidden;
		}

		article#article-box-ana-ch h1#title-ana-ch{
			height: 35px; width: 316px;
			background:url(../images/top/ttl_ana-ch.gif) left top no-repeat;
			text-indent: -9999px;
		}


		/*ちぇんねるスライダー*/

		div#slider-title{
			position: absolute;
			margin-top:155px;
			}
		div#slider-main {
			background: url(../images/top/anachannel.gif) 0 0 no-repeat;
			height: 219px; width: 316px;
		}
			div#slider-img{
				height: 217px; width: 312px;
				margin: 0 auto;
				overflow: hidden;
			}
			div#slider-img ul li img {
				height: 217px; width: 312px;
			}

		/*朗読　画像*/
		div.box-phot-read img{
			 border: 1px solid #cccccc;
			 float: left;
			 margin-right: 10px;
			 padding: 1px;
			 width: 110px;
		}
		/*私の告白　画像*/
		div.box-phot-zange img{
			 border: 1px solid #cccccc;
			 float: left;
			 padding: 1px;
			 width: 110px;
		}
		/*喋りのテクニック　画像*/
		div.box-phot-talk img{
			 border: 1px solid #cccccc;
			 float: left;
			 padding: 1px;
			 width: 110px;
		}
		/*question*/
		div#qa{
			height:43px;
			background: url(../images/top/question_txt.gif) left top no-repeat;
			margin: 0 auto;
			overflow: hidden;
		}

		div#qa a {
			width: 91px; height: 24px;
			background: url(../images/top/question_btn.gif) no-repeat scroll left top ;
			display: block;
			margin: 10px 0 0 200px;
			text-indent: -9999px;
		}
			div#qa a:hover{
				background-position: left bottom;
			}

		/*アナぽけっと。　画像*/
		div.box-phot-anapoke {
			 border: 1px solid #cccccc;
			 float: left;
			 padding: 1px;
			 width: 110px;
			 height:76px;
		}
		div.box-phot-anapoke img{
			 width: 100%;
			 object-fit: cover;
			 height: 76px;
		}

		div.border-b-yellow{
			border-bottom: 1px dotted #FFCC00;
			padding-bottom:8px;
		}
		span.kotoba,
		span.genba,
		span.hanashi{
			color: #ffffff;
			display: table-cell;
			font-size: 11px;
			padding: 2px 7px 1px;
			text-align: center;
		}
		span.kotoba{ background-color:#609ed7;}
		span.genba{ background-color:#f0ab43;}
		span.hanashi{ background-color:#6ec9c2;}

		div.border-b-violet{
			border-bottom: 1px dotted #b875bb;
			padding-bottom:8px;
		}


		/*papamama*/
		article#article-box h1#title-papamama{
			height: 28px;
			background: url(../images/top/ttl_papamama.gif) left top no-repeat;
		}
			div.content-box-papamama{
				height:107px; width: 316px;
				background: url(../images/top/papamama_bg.gif) left bottom no-repeat;
				overflow: hidden;
			}

				ul#papamama-txt{
					width: 170px;
					padding: 10px 0 12px 12px;
					float: left;
					overflow: hidden;
				}
					ul#papamama-txt li.day,
					ul#papamama-txt li.title{
						color: #000;
						font-weight: bold;
					}
					ul#papamama-txt li.day{
						padding-top: 12px;
						}
					div.content-box-papamama img.papamama-img{
						height:83px; width: 110px;
						padding :12px 0 0 10px;
						float: left;
					}


		/*bbs*/
		article#article-box div#title-bbs{


			overflow: hidden;
		}

			a.content-box-bbs{
				display:block;
				text-indent: -9999px;
				height: 135px;
				background: url(../images/top/ttl_bbs.gif) left top no-repeat;
			}
/*				div.content-box-bbs a{
					height: 21px; width: 113px;
					background: url(../images/top/bbs_btn.gif) left top no-repeat;

				}
					div.content-box-bbs a:hover{
						background-position: left bottom;
					}*/


/* contents-right						##################################### */

	div#contents-right{
		width: 316px;
		float:left;
		margin-left: 20px;
		overflow: hidden;
	}

		/*twitter*/
		div#title-twitter{
			height: 414px;
			background: url(../images/top/twitter_waku.gif) top left no-repeat;
			overflow: hidden;
		}

			/*twitter-comment*/
			div#twitter-comment{
				width: 303px; height: 290px;
				margin: 40px 0 0 11px;
				overflow: hidden;
				position: absolute;
				overflow: auto;
			}
			div#title-twitter div.twitter-comment-box{
				width: 285px;
				background: url(../images/top/twitter_line.gif) left bottom no-repeat;
				margin: 10px 0 10px 0;
			}
				p#twitter-comment-txt{
					width: 260px;
					margin-left: 10px;
					padding-bottom: 9px;
					font-size: 13px;
					color: #666;
					line-height: 1.5;
					overflow: hidden;
				}
				p#twitter-comment-txt span.date{
					float: right;
					color: #999;
					font-size: 11px;
				}


			/*twitter-btn*/
			div#twitter-btn{
				padding: 356px 0 0 80px;

			}
				div#twitter-btn a{
					width: 225px; height: 44px;
					background: url(../images/top/twitter_btn.gif) left top no-repeat;
					display: block;
					text-indent: -9999px;
				}
					div#twitter-btn a:hover{
						background-position: left bottom;
					}


		/*モバイルアナウンサー*/

		article#article-box h1#title-mobile{
			height: 35px;
			background: url(../images/top/ttl_mobile.gif) left top no-repeat;
			text-indent: -9999px;
		}

		div#box-pink-inner{
			width: 316px;
			background:url(../images/top/pink_baloon_middle.gif) repeat-y left top;
		}

		div#box-pink-bottom{
			width: 316px; height: 5px;
			background:url(../images/top/pink_baloon_end.gif) no-repeat left top;
		}

			div#box-pink-inner p.mobile-title{
				font-weight: bold;
				text-align: center;
				font-size:120%;
				margin-bottom: 12px;
			}

			p.pink-txt{
				font-weight: bold;
				color:#F39;
				margin: 12px 0 8px 0;
			}

		/*モバイルアナ詳細ボタン*/
		div#mobile-btn a{
			height: 23px; width: 101px;
			background: url(../images/top/mobile_btn.gif) left top no-repeat;
			position: absolute;
			margin: 6px 0 0 200px;
			text-indent: -9999px
		}
			div#mobile-btn a:hover{
				background-position: left bottom;
			}

		/*モバイルアナダウンロード*/
		ul.mobile-download{
			width: 290px;
			overflow: hidden;
		}
			ul.mobile-download li{
				float: left;
			}
				ul.mobile-download li.mobile-qa{
					height: 58px; width: 58px;
				}
				ul.mobile-download li.mobile-mail{
					margin: 18px 0 0 12px;
				}


		/* スケジュール */
		div#title-schedule{
			width: 316px; height: 102px;
			background: url(../images/top/ttl_program.gif) left top no-repeat;
			margin-top: 12px;
			overflow: hidden;
		}
			div#title-schedule li{
				float: left;
				margin: 35px 0 0 10px;
				display: inline;
			}
				div#title-schedule a#btn-program{
					height: 58px; width: 142px;
					display: block;
					background: url(../images/schedule/btn_program02.gif) left top no-repeat;
					text-indent: -9999px;
				}
				div#title-schedule a#btn-sports{
					height: 58px; width: 142px;
					display: block;
					margin-left: 2px;
					background: url(../images/schedule/btn_sports07.gif) left top no-repeat;
					text-indent: -9999px;
				}
				div#title-schedule a#btn-program:hover,
				div#title-schedule a#btn-sports:hover{
					background-position: bottom;
				}


/* article-box						##################################### */

	article#article-box{
		width: 361px;
		padding-top: 12px;
		overflow:hidden;
	}


/* content-box						##################################### */

	article#article-box div.content-box{
		width: 290px;
		padding: 12px 0 6px 0;
		margin-left: 12px;
		overflow: hidden;
	}
		article#article-box img.topic-title {
			border:0;
			vertical-align:bottom;
		}

		article#article-box	div.box-phot{
			height: 87px; width:114px;
			background: url(../images/top/phot_bg.gif) left top no-repeat;
			float: left;
		}
			div.box-phot img{
				height: 83px; width:110px;
				padding: 2px 0 0 2px;
			}

		div.content-box dl.box-txt{
				padding-left: 11px;
				width: 162px;
				overflow: hidden;
		}
			div.content-box span.name-m,
			div.content-box span.name-w{
				height: 11px;
				color: #000;
				background: left center no-repeat;
				padding-left: 20px;
				font-weight: bold;
			}

			div.content-box dt span.name-w{
				background-image: url(../images/top/personal_icon_w.gif);
			}

			div.content-box dt span.name-m{
				background-image: url(../images/top/personal_icon_m.gif);
			}

			div.content-box dt.title-bold{
				font-weight:bold;
			}

			div.green-dot,
			div.yellow-dot{
				height: 1px; width:290px;
				margin-left: 11px;
				margin-top: 4px;
				overflow: hidden;
			}

			div.green-dot{ background: url(../images/top/personal_line.gif) left top no-repeat;}
			div.yellow-dot{ background: url(../images/top/yellow_dot.gif)  left top no-repeat;}



/* banner						##################################### */

		div.banner{
			margin-top: 10px;
			width: 316px;
		}

		/*広告*/
		div#rectangle{
			width: 361px;
			margin: 14px 0 0 8px;
		}

		/*アナウンサーズhpを楽しむヒント*/
		a.banner-enjyoy-hp{
			height: 48px; width: 316px;
			background: url(../images/top_banner/enjoy_hp.jpg) left top no-repeat;
			text-indent: -9999px;
			display: block;
		}
			a:hover{
				background-position: left bottom ;
			}




/* column banner						##################################### */

		article#column-banner {
			width: 978px;
			padding: 40px 6px 10px 6px;
			overflow: hidden;
		}

		article#column-banner h1{
			background: url(../images/column_banner/column_title.jpg) top left no-repeat;
			text-indent: -9999px;
			height: 35px; width: 978px;
			margin-bottom: 20px;
		}

			article#column-banner ul.column-box {
				width: 978px;
				margin: 0 auto;
				overflow: hidden;
			}
				ul.column-box li {
					width: 240px;
					float: left;
					margin: 0 6px 6px 0;
					text-align: left;
					color: #333333;
					font-size: 12px;
					list-style-type: none;
					font-weight: bold;

				}
					li.column-end { margin-right: 0 !important;}


/* footer						##################################### */

	div#footer{
		clear: both;
		text-align: center;
	}

		div#btn-footer{
			margin: 10px auto;
			width: 215px;
		}

		/*アスクボタン*//*asahiボタン*/
		div#ask,
		div#tvasahi{
			float: left;
			width: 102px; height: 31px;
			text-indent: -9999px;
		}

			div#ask a,
			div#tvasahi a{
				display: block;
				width: 102px; height: 31px;
				background: left top no-repeat;
			}
				div#ask a:hover,
				div#tvasahi a:hover{
					background-position: left bottom;
				}

		div#ask{
			margin-right: 10px;
		}
			div#ask a{
				background-image: url(../images/top/btn_ask.gif);
			}
			div#tvasahi a{
				background-image: url(../images/top/btn_tvasahi.gif);
			}

		div#footer img.copy{
			margin: 10px;
		}