@charset "utf-8";

/* Basic
---------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; list-style: none; }

/* Link ★
---------------------------------------------*/
a:link, a:link * { color: #0A7DFF; text-decoration: none; outline: none; }
a:visited, a:visited *{ color: #7C24FF; text-decoration: none; outline: none; }
a:hover, a:hover *{ color: #D10054; text-decoration: underline; outline: none; }

/* All
---------------------------------------------*/
body {
	background: #F3E8E8 url(../img07/body_bg.gif) left top repeat-x;
	color: #333;
	font-size: 80%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,Helvetica,sans-serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	text-align: center;
}
img { border: none; }

#ctv_tab { background: url(http://www.ctv.co.jp/img/bg.jpg) no-repeat center top; margin: 0 auto; padding: 0; width: 100%; text-align: center; }

#container {
	background: #F6F6F6 url(../img07/container_bg.gif) left top repeat;
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 960px;
}



/* Header banner
---------------------------------------------*/
#banner {
 	background: #FFF url(../img07/header_bg.gif) left top repeat;
	display: block;
	height: 0 !important;
	height /**/: 200px;
	overflow: hidden;
	padding-top: 200px;
	width: 958px;
	margin: 0 0 0 1px;
}
#banner h1 {
 	background: transparent url(../img07/logo_ana.gif) no-repeat;
	display: block;
	height: 83px;
	position: absolute;
	left: 0px; top: 157px;
	width: 294px;
	text-indent: -9999px;
}
#banner h2 {
 	background: transparent url(../img07/whatsnew_h.gif) no-repeat;
	display: block;
	height: 20px;
	position: absolute;
	left: 339px; top: 94px;
	width: 500px;
	text-indent: -9999px;
}
#window01 { position: absolute; left: 339px; top: 114px; }
.fwhatsnew {
	background: transparent url(../img07/whatsnew_f.gif) left top no-repeat;
	display: block;
	height: 14px; width: 500px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
	position: absolute;
	left: 339px; top: 226px;
}



/* Navigation
---------------------------------------------*/
#navi { color: #FFF; width: 958px; margin: 0 0 0 1px; height: 25px; background: url(../img07/navi_bg.gif); }
#navi li { display: block; float: left; }
#navi li a { display:block; line-height:25px; text-indent:-9999px; }

#navi li.anatop a { background: transparent url(../img07/m_01.gif) no-repeat scroll left top; width: 178px; }
#navi li.anatop a:hover { background: transparent url(../img07/m_01.gif) no-repeat scroll left bottom; }

#navi li.blogtop a { background: transparent url(../img07/m_02.gif) no-repeat scroll left top; width: 128px; }
#navi li.blogtop a:hover { background: transparent url(../img07/m_02.gif) no-repeat scroll left bottom; }

#navi li.spottop a { background: transparent url(../img07/m_03.gif) no-repeat scroll left top; width: 72px; }
#navi li.spottops a { background: transparent url(../img07/m_03.gif) no-repeat scroll left bottom; width: 72px; }
#navi li.spottop a:hover { background: transparent url(../img07/m_03.gif) no-repeat scroll left bottom; }

#navi li.djtop a { background: transparent url(../img07/m_04.gif) no-repeat scroll left top; width: 203px; margin-right: 275px; }
#navi li.djtop a:hover { background: transparent url(../img07/m_04.gif) no-repeat scroll left bottom; }

#navi li.lanterntop a { background: transparent url(../img07/m_05.gif) no-repeat scroll left top; width: 102px; }
#navi li.lanterntops a { background: transparent url(../img07/m_05.gif) no-repeat scroll left bottom; width: 102px; }
#navi li.lanterntop a:hover { background: transparent url(../img07/m_05.gif) no-repeat scroll left bottom; }



/* Main contents
---------------------------------------------*/
#pagebody { position: relative; width: 858px; }
#blogmain {
	float: left;
	width: 575px;
	padding: 0 0 10px 0;
}
/* メインコンテンツ （blog / infomation） */
#blogmain-inner, #infomain-inner {
	background-color: #FFF;
	margin: 20px 0 0 21px;
}
/* アナウンサーブログ */
#blogmain-inner h3 {
	background: transparent url(../img07/blog_h.gif) left top no-repeat;
	display: block;
	height: 75px; width: 554px;
	text-indent: -9999px;
}

.women {
	background: transparent url(../img07/blog_woman.gif) left top no-repeat;
	display: block;
	float: left;
	height: 27px; width: 554px;
	text-indent: -9999px;
}


#blogmain-box,#blogmain-box2 { margin: 0 0 0 12px; width: 542px; }
#blogmain-box li,#blogmain-box2 li { display: block; float:left; }
#blogmain-box li a,#blogmain-box2 li a { display: block; text-indent: -9999px; }
.blogBox a { width: 259px; height: 91px; margin: 0 10px 12px 0; }


#box01 a { background: transparent url(../img07/b01.jpg) no-repeat scroll left top; }
#box02 a { background: transparent url(../img07/b02.jpg) no-repeat scroll left top; }
#box03 a { background: transparent url(../img07/b03.jpg) no-repeat scroll left top; }
#box04 a { background: transparent url(../img07/b04.jpg) no-repeat scroll left top; }
#box05 a { background: transparent url(../img07/b05.jpg) no-repeat scroll left top; }
#box06 a { background: transparent url(../img07/b06.jpg) no-repeat scroll left top; }
#box01 a:hover { background: transparent url(../img07/b01.jpg) no-repeat scroll left bottom; }
#box02 a:hover { background: transparent url(../img07/b02.jpg) no-repeat scroll left bottom; }
#box03 a:hover { background: transparent url(../img07/b03.jpg) no-repeat scroll left bottom; }
#box04 a:hover { background: transparent url(../img07/b04.jpg) no-repeat scroll left bottom; }
#box05 a:hover { background: transparent url(../img07/b05.jpg) no-repeat scroll left bottom; }
#box06 a:hover { background: transparent url(../img07/b06.jpg) no-repeat scroll left bottom; }

#box11 a { background: transparent url(../img07/b11.jpg) no-repeat scroll left top; }
#box12 a { background: transparent url(../img07/b12.jpg) no-repeat scroll left top; }
#box13 a { background: transparent url(../img07/b13.jpg) no-repeat scroll left top; }
#box14 a { background: transparent url(../img07/b14.jpg) no-repeat scroll left top; }
#box15 a { background: transparent url(../img07/b15.jpg) no-repeat scroll left top; }
#box16 a { background: transparent url(../img07/b16.jpg) no-repeat scroll left top; }
#box17 a { background: transparent url(../img07/b17.jpg) no-repeat scroll left top; }
#box18 a { background: transparent url(../img07/b18.jpg) no-repeat scroll left top; }
#box19 a { background: transparent url(../img07/b19.jpg) no-repeat scroll left top; }
#box20 a { background: transparent url(../img07/b20.jpg) no-repeat scroll left top; }
#box21 a { background: transparent url(../img07/b21.jpg) no-repeat scroll left top; }
#box22 a { background: transparent url(../img07/b22.jpg) no-repeat scroll left top; }
#box11 a:hover { background: transparent url(../img07/b11.jpg) no-repeat scroll left bottom; }
#box12 a:hover { background: transparent url(../img07/b12.jpg) no-repeat scroll left bottom; }
#box13 a:hover { background: transparent url(../img07/b13.jpg) no-repeat scroll left bottom; }
#box14 a:hover { background: transparent url(../img07/b14.jpg) no-repeat scroll left bottom; }
#box15 a:hover { background: transparent url(../img07/b15.jpg) no-repeat scroll left bottom; }
#box16 a:hover { background: transparent url(../img07/b16.jpg) no-repeat scroll left bottom; }
#box17 a:hover { background: transparent url(../img07/b17.jpg) no-repeat scroll left bottom; }
#box18 a:hover { background: transparent url(../img07/b18.jpg) no-repeat scroll left bottom; }
#box19 a:hover { background: transparent url(../img07/b19.jpg) no-repeat scroll left bottom; }
#box20 a:hover { background: transparent url(../img07/b20.jpg) no-repeat scroll left bottom; }
#box21 a:hover { background: transparent url(../img07/b21.jpg) no-repeat scroll left bottom; }
#box22 a:hover { background: transparent url(../img07/b22.jpg) no-repeat scroll left bottom; }
#box00 { width: 259px; height: 91px; padding: 0 10px 12px 0;
		 background: transparent url(../img07/b00.gif) no-repeat scroll left top; }

.fblog {
	background: transparent url(../img07/blog_f.gif) left top no-repeat;
	display: block;
	height: 8px; width: 554px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}



#infomain-inner {
	text-align: center;
}

#infomain-inner h3 {
	background: transparent url(../img07/info_h.gif) left top no-repeat;
	display: block;
	height: 58px; width: 554px;
	text-indent: -9999px;
}

.finfo {
	background: transparent url(../img07/info_f.gif) left top no-repeat;
	display: block;
	margin: 12px 0 0 0;
	height: 8px; width: 554px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}



/* Right contents
---------------------------------------------*/
#rightmenu {
	float: right;
	width: 261px;
	padding: 0 0 10px 0;
}
.rightmenu-inner {
	background-color: #FFF;
	margin: 20px 21px 0 0;
	text-align: center;
}

h3.h_anaspot {
	background: transparent url(../img07/spot_h.gif) left top no-repeat;
	display: block;
	height: 75px; width: 240px;
	text-indent: -9999px;
}

h3.h_dj {
	background: transparent url(../img07/chushopdj_h.gif) left top no-repeat;
	display: block;
	height: 84px; width: 240px;
	text-indent: -9999px;
}

h3.h_lantern {
	background: transparent url(../img07/lantern_h.gif) left top no-repeat;
	display: block;
	height: 83px; width: 240px;
	text-indent: -9999px;
}

.frside {
	background: transparent url(../img07/rside_f.gif) left top no-repeat;
	display: block;
	height: 20px; width: 240px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}
.hw216 {
	background: transparent url(../img07/w216_h.gif) left top no-repeat;
	display: block;
	height: 10px; width: 216px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}
.fw216 {
	background: transparent url(../img07/w216_f.gif) left top no-repeat;
	display: block;
	height: 10px; width: 216px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}
.fl216 {
	background: transparent url(../img07/spot_line.gif) left top no-repeat;
	display: block;
	height: 12px; width: 216px;
	font-size: 8px; line-height: 8px;
	text-indent: -9999px;
}

.w216 { background: #F3F3F3 url(../img07/w216_m.gif) left top repeat; width: 216px; margin: 0 auto; }
#w216s { width: 216px; margin: 0 auto; }

.pxspot1 { padding: 0 0 0 0; }
a img.pxspot1,a img.pxspot3 { border: #007DE7 solid 2px; }
a:hover img.pxspot1,a:hover img.pxspot3 { border: #D61705 solid 2px; }
.pxspot2 { padding: 2px 0 0 0; }
.pxspot3 { margin: 0 0 0px 0; }

.txspot1 { font-size: 98%; line-height: 120%; }
.txspot2 { font-size: 80%; text-align: right; padding: 7px 15px 0 0; }
.pxline1 { background: #FFF; padding: 2px 0 2px 0; }
.pxline2 { background: #F3F3F3; padding: 2px 0 5px 0; }

#w102l { background: #F3F3F3 url(../img07/w102_m.gif) left top repeat; width: 102px; margin: 0 0; float: left; }
#w102r { background: #F3F3F3 url(../img07/w102_m.gif) left top repeat; width: 102px; margin: 0 0; float: right; }
.hw102 {
	background: transparent url(../img07/spotw102_h.gif) left top no-repeat;
	display: block; height: 9px; width: 102px; font-size: 1px; line-height: 1px; text-indent: -9999px; }
.fw102 {
	background: transparent url(../img07/spotw102_f.gif) left top no-repeat;
	display: block; height: 9px; width: 102px; font-size: 1px; line-height: 1px; text-indent: -9999px; }

.form_r1 { text-align: right; padding: 0 10px 0 0; }
.form_r2 { text-align: right; padding: 0 10px 0 0; }
.pxlan { padding: 0 0 0 0; }




/* Footer
---------------------------------------------*/
#gotop { text-align: right; padding: 2px 22px 8px 2px; }

#footer { position: relative; clear: both; margin: 0 0 0 0; width: 959px; height: 25px; }
#footer p { background: #E91C62 url(../img10/footer.gif); color: #FFF; line-height: 25px; text-indent: -9999px; }
/* position: relative;*/



/* Other
---------------------------------------------*/
#mobile {
	background:transparent url(../img07/mobile.gif) no-repeat scroll left top;
	position: absolute;
	top: 50px; left: 0pt;
	height: 94px;
	width: 94px;
	text-indent: -9999px; 
}

/* clear */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */