@charset "utf-8";

/*-----------------------------------------

Topページ用



・ヘッダー部分

・メインメニュー部分

・コンテンツ部分

・フッター部分



-----------------------------------------*/

*	{

	margin: 0;

	padding: 0;

	font-size: 12px;

	color: #787878;

	}

	

a:link,a:visited	{

	text-decoration: none;

	}

	

a:hover	{

	color: #000;

	}

	

img	{

	border: none;

	}

	

/*floatクリアのIE7対応*/



/*FirefoxSafari・Operaなどのモダンブラウザ対策*/

.clearfix:after	{

	content:".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	}

	

/*IE7とMacIE5対策*/

.clearfix	{display: inline-block;}





/*Hides from IE-Mac\*/

*html .clearfix {height: 1%;}/*IE6以前（特にIE5.0）対策*/

.clearfix {display: block;}

/*End hide from IE-Mac*/



body	{

	text-align: center;

	padding-bottom: 30px;

	}

	

/*ヘッダー部分

-------------------------------------------*/	

#head	{

/*	width: 905px;*/

	width:890px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	position: relative;

	}

	

#head #topCopy	{

	position: absolute;

	top: 35px;

	right: 100px;

	}

	

#head #login	{

	position: absolute;

	top: 32px;

	right: 15px;

	width: 48px;

	height: 49px;

	}

	

#head #login a	{

	width: 48px;

	height: 49px;

	display: block;

	text-indent: -9999px;

	background: url(../images/top/topLoginBtn.gif) no-repeat 0 0;

	}

	

#head #login a:hover	{

	background: url(../images/top/topLoginBtn.gif) no-repeat -48px 0;

	}

	

#head #subMenu	{

	text-align: right;

	padding: 7px 15px 4px 0;

	}

	

/*メインメニュー部分

-------------------------------------------*/

#mainMenu	{

	width: 100%;

	background: url(../images/top/mainMenuBg.gif) repeat-x 0 0;

	text-align: left;

	padding: 6px 0 5px 0;

	}

	

#mainMenu ul	{

	width: 870px;

	margin-right: auto;

	margin-left: auto;

	background:#CCCCCC;

	}

	

#mainMenu li	{

	width: 87px;

	height: 24px;

	float: left;

	list-style: none;

	}

	

#mainMenu li a	{

	width: 87px;

	height: 24px;

	display: block;

	text-indent: -9999px;

	}

	

#mainMenu li#mainMenuBtn01 a	{

	background: url(../images/top/topMenu.gif) no-repeat 0 0;

	}

	

#mainMenu li#mainMenuBtn01 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat 0 -24px;

	}

	

#mainMenu li#mainMenuBtn02 a	{

	background: url(../images/top/topMenu.gif) no-repeat -87px 0;

	}

	

#mainMenu li#mainMenuBtn02 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -87px -24px;

	}

	

#mainMenu li#mainMenuBtn03 a	{

	background: url(../images/top/topMenu.gif) no-repeat -174px 0;

	}

	

#mainMenu li#mainMenuBtn03 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -174px -24px;

	}

	

#mainMenu li#mainMenuBtn04 a	{

	background: url(../images/top/topMenu.gif) no-repeat -261px 0;

	}

	

#mainMenu li#mainMenuBtn04 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -261px -24px;

	}

	

#mainMenu li#mainMenuBtn05 a	{

	background: url(../images/top/topMenu.gif) no-repeat -348px 0;

	}

	

#mainMenu li#mainMenuBtn05 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -348px -24px;

	}

	

#mainMenu li#mainMenuBtn06 a	{

	background: url(../images/top/topMenu.gif) no-repeat -435px 0;

	}

	

#mainMenu li#mainMenuBtn06 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -435px -24px;

	}

	

#mainMenu li#mainMenuBtn07 a	{

	background: url(../images/top/topMenu.gif) no-repeat -522px 0;

	}

	

#mainMenu li#mainMenuBtn07 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -522px -24px;

	}

	

#mainMenu li#mainMenuBtn08 a	{

	background: url(../images/top/topMenu.gif) no-repeat -609px 0;

	}

	

#mainMenu li#mainMenuBtn08 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -609px -24px;

	}

	

#mainMenu li#mainMenuBtn09 a	{

	background: url(../images/top/topMenu.gif) no-repeat -696px 0;

	}

	

#mainMenu li#mainMenuBtn09 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -696px -24px;

	}

	

#mainMenu li#mainMenuBtn10 a	{

	background: url(../images/top/topMenu.gif) no-repeat -783px 0;

	}

	

#mainMenu li#mainMenuBtn10 a:hover	{

	background: url(../images/top/topMenu.gif) no-repeat -783px -24px;

	}



/*　TOPページのみのH2設定

------------------------------------------*/

H2#topPage{

	margin-bottom:10px;

}









/*コンテンツ部分

-------------------------------------------*/

#contents	{

/*	width: 870px;*/

	width:890px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	}

	

#contents #left	{

/*	width: 620px;*/

	width:625px;

	margin-top:10px;

	float: left;

	}

	

#contents #right	{

/*	width: 270px;*/

	width:245px;

	margin-top:20px;

	padding-right:10px;

	float: right;

	}

	

	

/*左　ムービーとチャンネル部分

-------------------------------------*/

#movieArea{

	width:585px;

	margin:0 10px 20px 10px;

	padding:3px 0 5px 10px;

	background:#ffd067 url(../images/top/topmovie_bottom_round.gif) bottom no-repeat;

	}		

	

#flashMovie{

	float:left;

	width:290px;

	margin-top:5px;

	padding:5px 0 5px 5px;

	background-color:#FFFFFF;

}



#channnelArea{

	float:right;

	margin:5px;

	padding:16px 5px 20px;

	text-align:center;

	background-color:#fff;

	}



#channnelArea table{

background-color:#FFFFFF;

margin-top:6px;

}



/*右　バナー

-------------------------------------*/

#contents #right ul.bannerArea	{
	list-style: none;
	padding: 0px;
	margin: 0px;
}	

#contents #right ul.bannerArea li {
 margin-bottom:	10px;
	/*バナーの幅変更はここを統一*/
}

#contents #right .event_bannerArea {
 margin-bottom:	0px;
 /*バナーの幅変更はここを統一*/
	padding: 0px;
 list-style-type: none;
 background-image: url(../images/tokushuCH_bg02.gif);
 background-repeat: repeat-y;
 text-align: center;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom:	10px;
}

#contents #right .event_bannerArea li{
 margin-bottom:	10px;
}

#contents #right .event_bannerArea img {
	margin: 0px;
	padding: 0px;
}



/*右　検索リンク

-------------------------------------*/

#contents #right ul.seachArea{
 margin-bottom: 15px;
 margin-top: 15px;
	/*バナーの幅変更はここを統一*/
}

#contents #right ul.seachArea li	{
	list-style: none;
	line-height:0;
}	

#contents #right ul.seachArea li a img{
  display: block;
}

/*右　NEWS

-------------------------------------*/

#contents #right #newsArea{
	width:245px;
	background:url(../images/top/news_main_bg.gif) left top repeat;
	margin-bottom:15px;
	/*バナーの幅変更はここを統一*/
}


#contents #right #newsArea div.centerImg{
	/*margin:5px auto;*/
	/*margin:20px 0px 30px 30px;*/
		margin:10px 0 10px 30px;
}

#contents #right #newsArea ul.news{
	list-style: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5;
	padding-left: 10px;
}

#contents #right ul.news li	{
	background:url(../images/top/news_icon.gif) no-repeat left top;
	padding-left:20px;
	line-height:1.4em;
	}

#contents #right ul.news li.date{
	background:none;
	font-size:10px;
	text-align:right;
	line-height:1;
	margin-bottom:8px;
	}

#contents #right ul.news li	a{
	color:#3399FF;
	text-decoration:underline;
	font-weight:bold;
	padding-top:5px;
	}

.pink{
	color:#FF66CC;
}

.green{
	color:#339933;
}



/*フッター部分

-------------------------------------------*/	

#footer	{

 clear:both;

	width: 100%;

	background: #e5ded7;

	border-top: 1px solid #b2afab;

	border-bottom: 1px solid #b2afab;

	padding: 5px 0;

	}



#footer p	{

	width: 870px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	}

/* -------ハピプリ直販サイト用バナー-------- */

li.aHapipuri a {
 width:245px;
 height:100px;
 display:block;
 text-indent:-9999px;
 background:url(../images/banner/a_happyprincess.png) no-repeat 0 0;
}

li.aHapipuri a:hover, li a:focus, li a:active {
 background-position: -245px 0px;
}

li.aEnquete a {
 width:245px;
 height:80px;
 display:block;
 text-indent:-9999px;
 background:url(../images/banner/a_enquete.png) no-repeat 0 0;
}

li.aEnquete a:hover, li a:focus, li a:active {
 background-position: -245px 0px;
}