@charset "utf-8";

/*******************************************************
CSS Reset
*******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y:scroll;}  
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

/*******************************************************
CSS base_unit
*******************************************************/


body{
		background:#00adf2 url(../images/main_bg.gif) repeat-x;
		font: 14px/130% 'ＭＳ Ｐゴシック', 平成角ゴシック,"メイリオ", Meiryo;
	}
/*body{
	background:#FFF url(../images/bg_body.jpg) center top fixed;
	font-size: 14px
	line-height:130%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}*/

	
#wrap{
	width:100%;
	margin:0;
	padding:0;
	}

#header{
	width:980px;
	height:97px;
	margin:0px auto; 
	}
#navigation{
	width:980px;
	height:41px;
	margin:0px auto; 
	}
	
#mainArea{	
	width:980px;
	margin:0 auto;
	padding:0 0 30px 0;
	background:url(../images/bg_pole.png) left top no-repeat ;
	min-height: 1em;
    display: inline-table;
	}
	
#mainArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #mainArea {
    height: 1em;
}

#mainArea {
    display: block;
}
/**/
	
#contentArea{
	float:left;
	display:inline;
	width:642px;
	text-align:center;
	margin:0 0 0 0;
	}

#sideArea{
	float:right;
	display:inline;
	width:300px;
	margin:0;
	}

#banner{
	clear:both;
	width:980px;
	margin:0;
	}
	
#footer{
	width:100%;
	clear:both;
	}
#footer:after {
    content: "";
    display: block;
    clear: both;

    overflow: hidden;
}

/*\*/
* html #footer {
    height: 1em;
}

#footer {
    display: block;
}
/**/

/*******************************************************
CSS font & margin
*******************************************************/

.mt05{
	margin:5px 0 0 0;}

	
/*******************************************************
CSS head unit
*******************************************************/

#mainLogo{
	float:left;
	display:inline;
	width:180px;
	height:90px;
	background:url(../images/mainlogo.png) left bottom no-repeat;
	margin:0 5px 0 0;
	}
	
#mainLogo a{
	display:block;
	width:180px;
	height:90px;
	}
	
h1#mainLogo{
	font-size:1px;
	text-indent:-1000000px;
	}

#header .onair{
	float:left;
	display:inline;
	width:62px;
	height:90px;
	background:url(../images/icon_onair.gif) left bottom no-repeat;
	margin:0;
	font-size:1px;
	text-indent:-1000000px;
	}
	
#header .head_bannerArea{
	float:right;
	display:inline;
	width:728px;
	height:90px;
	margin:0;
	font-size:1px;
	}

/*#header .head_bannerArea a{
	display:block;
	width:728px;
	height:90px;
	}*/
/*******************************************************
CSS TxHeader unit
*******************************************************/

/* TxHeader */

#txHeader{
	background:#666 url(../images/bg_txheader.gif) repeat-x;
	width:100%;
	height:31px;
	text-align:center;
	}

#txHeaderInner{
	margin:0 auto;
	width:941px;
	height:31px;
	text-align:center;
	}

ul#txHeaderMenu {
	width:961px;
	height:31px;
	margin:0;
	padding:0;
	}

ul#txHeaderMenu li {
	float:left;
	list-style:none;
	}

ul#txHeaderMenu li a {
	display:block;
	height:31px;
	font-size:1px;
	text-indent:-1000000px
	}

ul#txHeaderMenu li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

ul#txHeaderMenu li.txheadLogo a,
ul#txHeaderMenu li.txheadAnime a,
ul#txHeaderMenu li.txheadNews a,
ul#txHeaderMenu li.txheadDocu a,
ul#txHeaderMenu li.txheadGourmet a,
ul#txHeaderMenu li.txheadVara a,
ul#txHeaderMenu li.txheadDorama a,
ul#txHeaderMenu li.txheadMovie a,
ul#txHeaderMenu li.txheadSports a,
ul#txHeaderMenu li.txheadMusic a,
ul#txHeaderMenu li.txheadKids a,
ul#txHeaderMenu li.txheadAna a {
	background:url(../images/bg_txheader_btn.gif) no-repeat;
	}

	ul#txHeaderMenu li.txheadLogo a {width:124px;background-position:0px top}
	ul#txHeaderMenu li.txheadAnime a {width:48px;background-position:-124px top}
	ul#txHeaderMenu li.txheadNews a {width:70px;background-position:-172px top}
	ul#txHeaderMenu li.txheadDocu a{width:122px;background-position:-242px top}
	ul#txHeaderMenu li.txheadGourmet a{width:89px;background-position:-364px top}
	ul#txHeaderMenu li.txheadVara a{width:83px;background-position:-453px top}
	ul#txHeaderMenu li.txheadDorama a{width:55px;background-position:-536px top}
	ul#txHeaderMenu li.txheadMovie a{width:60px;background-position:-591px top}
	ul#txHeaderMenu li.txheadSports a{width:72px;background-position:-651px top}
	ul#txHeaderMenu li.txheadMusic a{width:73px;background-position:-723px top}
	ul#txHeaderMenu li.txheadAna a{width:106px;background-position:-796px top}
	ul#txHeaderMenu li.txheadKids a{width:59px;background-position:-902px top}



/*******************************************************
CSS Pirameki MENU unit
*******************************************************/

ul#piramekiMenu {
	clear:both;
	height:44px;
	width:980px;
	margin:0;
	}

ul#piramekiMenu li {
	float:left;
	list-style:none;
	}

ul#piramekiMenu li a {
	display:block;
	font-size:1px;
	text-indent:-1000000px;
	height:44px;
	}

ul#piramekiMenu li.pMenuAbout a:hover,
ul#piramekiMenu li.pMenuCharacter a:hover,
ul#piramekiMenu li.pMenuDaibosyu a:hover,
ul#piramekiMenu li.pMenuOshiete a:hover,
ul#piramekiMenu li.pMenuGallery a:hover,
ul#piramekiMenu li.pMenuGame a:hover,
ul#piramekiMenu li.pMenuMusic a:hover,
ul#piramekiMenu li.pMenuGoods a:hover,
ul#piramekiMenu li.pMenuMobile a:hover {
	background:url(../images/bg_piramekiheader_on.png) no-repeat;
	}

ul#piramekiMenu li.pMenuAbout a:hover {width:121px;background-position:0px top}
ul#piramekiMenu li.pMenuCharacter a:hover {width:111px;background-position:-121px top}
ul#piramekiMenu li.pMenuDaibosyu a:hover {width:94px;background-position:-232px top}
ul#piramekiMenu li.pMenuOshiete a:hover {width:109px;background-position:-326px top}
ul#piramekiMenu li.pMenuGallery a:hover {width:136px;background-position:-435px top}
ul#piramekiMenu li.pMenuGame a:hover {width:88px;background-position:-571px top}
ul#piramekiMenu li.pMenuMusic a:hover {width:118px;background-position:-659px top}
ul#piramekiMenu li.pMenuGoods a:hover {width:94px;background-position:-777px top}
ul#piramekiMenu li.pMenuMobile a:hover {width:109px;background-position:-871px top}

ul#piramekiMenu li.pMenuAbout a,
ul#piramekiMenu li.pMenuCharacter a,
ul#piramekiMenu li.pMenuDaibosyu a,
ul#piramekiMenu li.pMenuOshiete a,
ul#piramekiMenu li.pMenuGallery a,
ul#piramekiMenu li.pMenuGame a,
ul#piramekiMenu li.pMenuMusic a,
ul#piramekiMenu li.pMenuGoods a,
ul#piramekiMenu li.pMenuMobile a {
	background:url(../images/bg_piramekiheader.png) no-repeat;
	}

ul#piramekiMenu li.pMenuAbout a {width:121px;background-position:0px top}
ul#piramekiMenu li.pMenuCharacter a {width:111px;background-position:-121px top}
ul#piramekiMenu li.pMenuDaibosyu a {width:94px;background-position:-232px top}
ul#piramekiMenu li.pMenuOshiete a {width:109px;background-position:-326px top}
ul#piramekiMenu li.pMenuGallery a {width:136px;background-position:-435px top}
ul#piramekiMenu li.pMenuGame a {width:88px;background-position:-571px top}
ul#piramekiMenu li.pMenuMusic a {width:118px;background-position:-659px top}
ul#piramekiMenu li.pMenuGoods a {width:94px;background-position:-777px top}
ul#piramekiMenu li.pMenuMobile a {width:109px;background-position:-871px top}


/*******************************************************
CSS ContentsArea unit
*******************************************************/

#leftMain{
	margin:0 auto;
	background:url(../images/bg_left_main.png) repeat-y;
	width:604px;
	text-align:left;
	padding:6px 11px;
	}
	
#leftTop{
	background:url(../images/bg_left_top.png) no-repeat;
	width:626px;
	height:10px;
	margin:0 auto;
	font-size:1px;
	text-indent:-10000000px;
	}

#leftBottom{
	background:url(../images/bg_left_bottom.png) no-repeat;
	width:626px;
	height:10px;
	margin:0 auto 30px auto;
	}

/*******************************************************
CSS sideArea unit
*******************************************************/

#sideArea ul{
	width:300px;
	margin:0;
	}

#sideArea li{
	width:300px;
	list-style:none;
	margin:0;
	}
	
#sideArea #uranai{
	float:left;
	width:300px;
	height:346px;
	background:url(../../images/bg_uranai.png) left top no-repeat ;
	margin:0;
	text-indent:-1000000px;
	}
	
#sideArea #banner{
	width:300px;
	height:250px;
	margin:0 0 5px 0;
	}
	
#sideArea #pickup{
	position:relative;
	width:300px;
	height:242px;
	background:url(../images/bg_pickup.png) left top no-repeat;
	margin:0 0 5px 0;
	}

#sideArea .pkm01{
	margin:58px 0 0 15px;
	display:inline;
	}

#sideArea #oshiete{
	width:300px;
	height:148px;
	/*background:url(../images/bg_oshiete.png) left top no-repeat;*/
	margin:0 0 5px 0;
	position: relative;
	}

#sideArea #oshiete .txtd{
	width:140px;
	margin:0 0 0 15px;
	padding:50px 0 0 0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	position: absolute;
	z-index:1;
	text-decoration:none;
	}
	
		
#sideArea #daibosyu{
	width:300px;
	height:108px;
	margin:0 0 5px 0;
	background: url(../images/bg_daibosyu.png) no-repeat;
}
	
#sideArea #daibosyu img {
	margin: 10px 0 0 25px;
}

#sideArea #daibosyu a:hover .pm {
	filter: alpha(opacity=80);/* ロールオーバーの指定 */
	-moz-opacity:0.8;
	opacity:0.8;
}

	
#sideArea #sidenews{
	width:250px;
	height:126px;
	margin:0 0 5px 0;
	padding:60px 0 0 50px;
	background:url(../images/bg_sidenews.png) left top no-repeat;
	}

#sideArea #sidenews li{
	width:220px;
	}

#sideArea #sidenews .txt{
	width:250px;
	font-size:12px;
	line-height:20px;
	clear:both;
	}
	
#sideArea #sidenews .txt li a{
	color:#ffeb00;
	}

#sideArea #sidenews .txt li a:hover{
	color:#007cca;
	}
	
#contentArea #sidenews .txt li a:visited{
	color:#2fd02f;
	}
	
#sideArea #sidenews .ind130{
	text-indent:100px;
	}
	
#sideArea #daibosyu2 {
	width:300px;
	height:103px;
	background:url(../images/bg_daibosyu2_off.png) left bottom no-repeat;
	border:0;
	display:block;
	}
	
#sideArea #daibosyunews{
	width:250px;
	height:135px;
	background:url(../images/bg_daibosyu2_bg.png) left top no-repeat;
	margin:0 0 5px 0;
	padding:10px 0 0 50px;
	display: block;
	overflow: hidden;
	}

	
#sideArea #daibosyunews li{
	width:220px;
	}

#sideArea #daibosyunews .txt{
	width:220px;
	font-size:12px;
	line-height:20px;
	clear:both;
	}

#sideArea #daibosyunews .txt a{
	color:#ffeb00;
	}

#sideArea #daibosyunews .txt a:hover{
	color:#007cca;
	}
	
#sideArea #daibosyunews .ind130{
	text-indent:100px;
	}
	
#sideArea #daibosyunews .bn{
	width:220px;
	height:115px;
	margin:0;
	text-indent:-1000000px;
	position:relative;
	}

#sideArea .pickupT{
	width:300px;
	height:45px;
	background:url(../images/side_pickup.png) left top no-repeat;
	margin:0;
	text-indent:-1000000px;
	}

#sideArea #sidebanner01{
	width:300px;
	height:89px;
	background:url(../images/bg_sidebanner01.png) left top no-repeat;
	margin:0 0 5px 0;
	}
	
#sideArea #sidebanner01 img{
    position:relative;
	top:7px;
	left: 7px;
	}

#sideArea #sidebanner02{
	width:300px;
	height:89px;
	background:url(../images/bg_sidebanner02.png) left top no-repeat;
	margin:0 0 5px 0;
	}
	
#sideArea #sidebanner02 img{
    position:relative;
	top:9px;
	left: 8px;
	}
	
#sideArea #sidebanner03{
	width:300px;
	height:89px;
	background:url(../images/bg_sidebanner03.png) left top no-repeat;
	margin:0 0 5px 0;
	}

#sideArea #sidebanner03 img{
    position:relative;
	top:7px;
	left: 7px;
	}


	
/*******************************************************
CSS btn unit
*******************************************************/

#contentArea .btn_more a{
	position:absolute;
	width:91px;
	height:18px;
	background:url(../images/btn_more.png) left top no-repeat;
	bottom:0;
	right:0;
	margin:5px;
	display:block;
	text-indent:-1000000px;
}

#contentArea .btn_more a:hover{
	width:91px;
	height:18px;
	background:url(../images/btn_more.png) left bottom no-repeat;
	display:block;
	text-indent:-1000000px;
	}

#contentArea .btn_news{
	position:absolute;
	width:91px;
	height:18px;
	bottom:0;
	right:10px;
	margin:5px;
	display:block;
}

#sideArea .btn_pickup a{
	position:absolute;
	width:91px;
	height:24px;
	background:url(../images/btn_pickup.png) left top no-repeat;
	bottom:0;
	right:0;
	margin:15px;
	display:block;
	text-indent:-1000000px;
}

#sideArea .btn_pickup a:hover{
	width:91px;
	height:24px;
	background:url(../images/btn_pickup.png) left bottom no-repeat;
	display:block;
	text-indent:-1000000px;
	}

#sideArea .btn_more a{
	position:absolute;
	width:91px;
	height:18px;
	background:url(../images/btn_more.png) left top no-repeat;
	bottom:10px;
	right:0;
	margin:5px;
	display:block;
}

#sideArea .btn_more a:hover{
	width:91px;
	height:18px;
	background:url(../images/btn_more.png) left bottom no-repeat;
	display:block;
	}

#sideArea .btn_news{
	width:91px;
	height:18px;
	margin:0;
	padding:0;
	display:block;
	text-align:right;
}

/*******************************************************
CSS banner unit
*******************************************************/

#footer #banner{
	width:980px;
	height:396px;
	background:url(../images/bg_footer.png) left top no-repeat;
	margin:0 auto;
	}
#footer #banner .t01{
	float:left;
	width:487px;
	height:71px;
	background:url(../images/bg_foot_banner01.png) left top no-repeat;
	padding-top:3px;
	padding-left:8px;
	margin-right:-8px;
	}

#footer #banner .t02{
	float:right;
	width:487px;
	height:71px;
	background:url(../images/bg_foot_banner02.png) left top no-repeat;
	padding-top:3px;
	padding-left:7px;
	margin-right:-7px;
	}

/*******************************************************
CSS foot unit
*******************************************************/

#footerInner{
	width:100%;
	margin:0 auto;
	}

#sitelink {
	width:100%;
	color:#FFF;
	font-size:12px;
	background-color:#000;
}

#sitelinkInner {
	width:980px;
	margin:0 auto;
	padding:60px 0 10px 0;
	background:url(../images/bg_sitelink.jpg) left top no-repeat;
}

#sitelink a{
	color:#FFF;
	text-decoration:none;
}

#sitelink a:hover{
	color:#007cca;
}

#sitelink .lineNavi{
	width:280px;
	margin:0 0 20px 40px;
	padding:0;
	float:left;
	display:inline;
	}

#sitelink .lineNavi ul{
	width:280px;
	margin:0 0 20px;
	list-style:none;
	}
	
#sitelink .cn01 {
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	text-indent:-9999px;
	display:block;
}

#sitelink .cn01 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t01.png) left top;
	display:block;
}

#sitelink .cn01 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t01.png) left bottom;
	display:block;
}

#sitelink .cn02{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

#sitelink .cn02 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t02.png) left top;
	display:block;
}

#sitelink .cn02 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t02.png) left bottom;
	display:block;
}

#sitelink .cn03{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t03.png) left top;
	text-indent:-9999px;
}

#sitelink .cn03 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t03.png) left top;
	display:block;
}

#sitelink .cn03 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t03.png) left bottom;
	display:block;
}

#sitelink .cn04{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t04.png) left top;
	text-indent:-9999px;
}

#sitelink .cn04 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t04.png) left top;
	display:block;
}

#sitelink .cn04 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t04.png) left bottom;
	display:block;
}

#sitelink .cn05{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t05.png) left top;
	text-indent:-9999px;
}

#sitelink .cn05 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t05.png) left top;
	display:block;
}

#sitelink .cn05 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t05.png) left bottom;
	display:block;
}

#sitelink .cn06{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t06.png) left top;
	text-indent:-9999px;
}

#sitelink .cn06 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t06.png) left top;
	display:block;
}

#sitelink .cn06 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t06.png) left bottom;
	display:block;
}

#sitelink .cn07{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t07.png) left top;
	text-indent:-9999px;
}

#sitelink .cn07 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t07.png) left top;
	display:block;
}

#sitelink .cn07 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t07.png) left bottom;
	display:block;
}

#sitelink .cn08{
	width:104px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/footer_t08.png) left top;
	text-indent:-9999px;
}

#sitelink .cn08 a{
	width:104px;
	height:30px;
	background:url(../images/footer_t08.png) left top;
	display:block;
}

#sitelink .cn08 a:hover{
	width:104px;
	height:30px;
	background:url(../images/footer_t08.png) left bottom;
	display:block;
}

#sitelink .cn09{
	width:104px;
	height:31px;
	margin:0 0 10px 0;
	background:url(../images/footer_t09.png) left top;
	text-indent:-9999px;
}

#sitelink .cn09 a{
	width:104px;
	height:31px;
	background:url(../images/footer_t09.png) left top;
	display:block;
}

#sitelink .cn09 a:hover{
	width:104px;
	height:31px;
	background:url(../images/footer_t09.png) left bottom;
	display:block;
}

	
.copyright{
	width:320px;
	height:14px;
	margin:0 auto;
	background:url(../images/copyright.gif) left top no-repeat;
	text-indent:-9999px;
	clear:both;
	}



/*******************************************************
CSS left unit
*******************************************************/



	/* 中タイトルと中DIV */

	#leftMain .mTitle{
		width:604px;
		height:49px;
		font-size:1px;
		text-indent:-10000000px;
		margin:11px 0 0;
	}

/* IE6 */
* html #leftMain {
	margin-left:8px;
}

/*グルト！*/
p.day{
	background:url(../../gurt/images/gurt_02.jpg) no-repeat;
	width:602px;
	height:40px;
	margin-bottom:5px;
}

span.txt{
	font-weight:bold;
	color:#FFF;
	font-size:25px;
	position:absolute;
	top:553px;
	margin-left:305px;
}