﻿/*	headerfooter.css 
	for HOST-TV.COM
	Copyright(c) 2008 Codeworks Corp. All Rights Reserved.
		http://www.codeworks.co.jp
		info@codeworks.co.jp
	IE7, IE6, FireFox3, Opera9.5, Safari3.1(Win, Mac)
*/


/*---------------------------------------------------------
body a a:href
---------------------------------------------------------*/
body{
	letter-spacing: 0.1em;
	line-height: 135%;
	font-size: 10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*text-align: justify;
	text-justify: inter-ideograph;*/
/*	background-color: #fffafc;*/	/* pink		normal */
/*	background-color: #eff7fa;*/	/* sky		summer */
/*	background-color: #fef2ed;*/	/* orange	autumn */
	background-color: #ffffff;	/* white winter */
	background-image: url(images/all_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #444;
}
a{
	color: #444;
	text-decoration:none;
}
a:visited{
	color: #444;
	text-decoration:none;
}
a:hover{
	color: #000;
	/*text-decoration:underline;*/
}

/*-------------------------------------------------------*/
.clearboth{
	clear:both;
	overflow:hidden;width:0px;height:0px;
}

/*-------------------------------------------------------*/
/* header menu main footer base*/
#mainbase,
#headerbase,
#footerbase,
#footerbasegap,
#menubase{
	background-image:url("images/all_edge.gif");
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	width: 975px;
}

/*-----------------------------------*/
/* header */
#headerbase{
}
#headertop{
	margin-left: 10px;
	margin-right: 10px;
	background-image:url("images/header/header_bk_955_10.gif");
	background-repeat: no-repeat;
	width: 955px;
	height: 10px;
}

#headertile,
#headerbody{
	display: none;
}

#headerleft,
#headerlogo,
#headerbanner,
#headerreqblog,
#headerdate{
	float: left;
}

/* 左余白 */
#headerleft{
	overflow:hidden;
	width: 11px;
}

#headerlogo{
	margin-top: 4px;
	margin-left: 10px;
	width: 223px;
	height: 68px;
}
#headerbanner{
	width: 468px;
	height: 60px;
		/*background-color: #eee;*/
	margin-left:10px;
	margin-top:10px;
	overflow: hidden;
}
#headerreqblog{
	width: 96px;
	height: 51px;
	margin-left:16px;
	margin-top:18px;
}

/*-----------------------------------*/
/* menu */
#menubase{
}
#menubaseinner{
	margin-left: 11px;
	margin-right: 11px;
	background-image:url("images/header/menu_bk_953_46.gif");
	background-repeat: no-repeat;
	width: 953px;
	height: 46px;
}
#menubasestar{
	width: 953px;
	height: 46px;
	background-repeat: no-repeat;
}
#menubaseimage_home,
#menubaseimage_hostch,
#menubaseimage_reg,
#menubaseimage_movie,
#menubaseimage_ranking,
#menubaseimage_radio,
#menubaseimage_present,
#menubaseimage_dis,
#menubaseimage_mobile,
#menubaseimage_rec,
#menubaseimage_open,
#menubaseimage{
	background-image:url("images/header/menu_disactive_953_46.gif");
	background-repeat: no-repeat;
	margin: 0px;
	width: 953px;
	height: 46px;
}
#menubaseimage_home{background-image:url("images/header/menu_home_953_46.gif");}
#menubaseimage_hostch{background-image:url("images/header/menu_hostch_953_46.gif");}
#menubaseimage_reg{background-image:url("images/header/menu_reg_953_46.gif");}
#menubaseimage_movie{background-image:url("images/header/menu_movie_953_46.gif");}
#menubaseimage_ranking{background-image:url("images/header/menu_ranking_953_46.gif");}
#menubaseimage_radio{background-image:url("images/header/menu_radio_953_46.gif");}
#menubaseimage_present{background-image:url("images/header/menu_present_953_46.gif");}
#menubaseimage_dis{background-image:url("images/header/menu_discount_953_46.gif");}
#menubaseimage_mobile{background-image:url("images/header/menu_mobile_953_46.gif");}
#menubaseimage_rec{background-image:url("images/header/menu_rec_953_46.gif");}
#menubaseimage_open{background-image:url("images/header/menu_opench_953_46.gif");}

.menuitem, #menuitemleft, #menuitemright{
	float: left;
}

/* 左余白 */
#menuitemleft{
	overflow:hidden;width:0px;height:1px;
}

/* 右余白 */
#menuitemright{
	display: none;
}

#menuitem_home,
#menuitem_hostch,
#menuitem_reg,
#menuitem_movie,
#menuitem_ranking,
#menuitem_radio,
#menuitem_present,
#menuitem_dis,
#menuitem_mobile,
#menuitem_open,
#menuitem_rec{
	margin: 0px;
	cursor: pointer;
	width: 100px;
	height: 46px;
}
/* オープンチャンネル対応サイズ */
#menuitem_home{width: 73px;}
#menuitem_hostch{width: 131px;}
#menuitem_reg{width: 97px;}
#menuitem_movie{width: 87px;}
#menuitem_ranking{width: 76px;}
#menuitem_radio{width: 79px;}
#menuitem_present{width: 75px;}
#menuitem_dis{width: 72px;}
#menuitem_mobile{width: 67px;}
#menuitem_rec{width: 70px;}
#menuitem_open{width: 125px;}

/*オープンチャンネル以前 ～090427
#menuitem_home{width: 76px;}
#menuitem_hostch{width: 155px;}
#menuitem_reg{width: 109px;}
#menuitem_movie{width: 102px;}
#menuitem_ranking{width: 89px;}
#menuitem_radio{width: 88px;}
#menuitem_present{width: 84px;}
#menuitem_dis{width: 83px;}
#menuitem_mobile{width: 76px;}
#menuitem_rec{width: 91px;}
*/

/*-------------------------------------------------------*/
/* footer */
#footerbasegap{
	width:975px;
	height: 8px;
}
#footerbase{
}
#footerbaseinner{
	margin-left: 11px;
	/*margin-right: 11px;*/
	background-image:url("images/footer/footerstar.gif");
	background-repeat: no-repeat;
	height: 123px;
}
#footertop{
	background-image:url("images/footer/linestone.gif");
	background-repeat: repeat-x;
	width:953px;
	height: 13px;
}
#footerend{
	border-bottom: 1px solid #bdbdbd;
	width:953px;
	height: 8px;
}
/* 左右余白 */
#footerright{
	display: none;
}
#footerleft{
	height: 1px;
	width: 130px;
}

/*文字部分*/
#footerleft,
#footertext,
#footerright,
#footerqr{
	float: left;
}
#footertext{
	width: 730px;
}
/*QR部分*/
#footerqr{
	margin: 8px;
	width:74px;
	height:74px;
}
#footertext a,
#footerqr a{
}


#footertext{
	margin-top:3px;
}
#footertext1,
#footertext2,
#footertext3{
	margin-top:4px;
	width: 730px;
	height: 16px;
}
#footertext3{
	margin-top:2px;
}
#footertext4{
	width: 730px;
	height: 16px;
	text-align: right;
}
#footerbottom{
	width: 945px;
	text-align: right;
	margin-right:8px;
	height: 12px;
}

/**************************************************************/

#headerdate{
	background-image:url("images/header/header_date_114_50.gif");
	width: 114px;
	height: 50px;
	margin-left:8px;
	margin-top:19px;
}

#dateimg{
	margin-left: 5px;
	margin-top: 6px;
}
#datetext{
	margin-top: 2px;
	width: 114px;
	text-align: center;
}

.datetextmd,
.datetextno{
	margin-left: 1px;
	margin-right: 1px;
}


/* footer: top-button */
#footertopbtnimage{
	background-image:url("images/topscrl.gif");
	width: 50px;
	height: 80px;
	margin-left: 880px;
	cursor: pointer;
}


/*IE6 only*/
* html #dropmenuarea {
	overflow: hidden;
	height: 0px;
}

