@charset "utf-8";

/*
==================================================================================

共通指定

==================================================================================
*/

body{
	color:#000;
	text-align:center;
	/*HTMLファイルから見たパスを記述すること*/
	behavior:url("/common/css/csshover2.htc");
}



/*-----------------------------------------------------------------------------*/
/*リンク*/

a:link		{color:#38a0fd; text-decoration:underline;}
a:active	{color:#143859; text-decoration:none;}
a:visited	{color:#38a0fd; text-decoration:underline;}
a:hover		{color:#143859; text-decoration:none;}

a:hover img.alpha{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


/*==================================================================================*/
/*ヘッダー*/

#header{
	width:850px;
	margin:0 auto;
}

/*ロゴ*/
#header h1{
	float:left;
}

/*-----------------------------------------------------------------------------*/
/*サブメニュー*/
#header #menu-sub{
	float:right;
	padding-top:60px;
	padding-right:10px;
}

#header ul#menu-sub{
	list-style:none;
}

#header ul#menu-sub li{
	display:inline;
}

/*-----------------------------------------------------------------------------*/
/*グローバルメニュー*/
#header ul#menu-global{
	clear:both;
	height:37px;
	padding:6px 4px 6px 6px;
	margin-bottom:1px;
	list-style:none;
	background:#e0e4e7 url(../img/bg_globalmenu.gif) no-repeat;
}

#header ul#menu-global li{
	float:left;
	margin-right:2px;
}

/*-----------------------------------------------------------------------------*/
/*チャンネルメニュー*/
#header ul#menu-channel{
	list-style:none;
	background-image:url(../img/menu.gif);
	background-position:0px 0px;
	width:850px;
	height:24px;
	margin-bottom:4px;
}

#header ul#menu-channel li{
	float:left;
	height:24px;
	width:106px;
}
#header ul#menu-channel li.head{
	margin-left:0px;
	width:107px;
}
#header ul#menu-channel li.tail{
	width:107px;
}

#header ul#menu-channel a{
	display:block;
	width:105px;
	height:24px;
	padding:0px;
	margin:0px;
	text-indent:-9999px;
}
#header ul#menu-channel a.head{
	width:106px;
}
#header ul#menu-channel a:hover{
	background-image:url(../img/menu.gif);
}
#header ul#menu-channel a#m1:hover{
	background-position:0px -24px;
}
#header ul#menu-channel a#m2:hover{
	background-position:-107px -24px;
}
#header ul#menu-channel a#m3:hover{
	background-position:-213px -24px;
}
#header ul#menu-channel a#m4:hover{
	background-position:-319px -24px;
}
#header ul#menu-channel a#m5:hover{
	background-position:-425px -24px;
}
#header ul#menu-channel a#m6:hover{
	background-position:-531px -24px;
}
#header ul#menu-channel a#m7:hover{
	background-position:-637px -24px;
}
#header ul#menu-channel a#m8:hover{
	background-position:-743px -24px;
}
#header ul#menu-channel a.tail{
	width:107px;
}


/*==================================================================================*/
/*コンテンツ*/
#contents{
	clear:both;
	width:850px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:left;
	background:url(../img/bg.gif) repeat-y;
}

/*-----------------------------------------------------------------------------*/
/*タイトルエリア*/
#contents #title-area{
	height:8.5em;
	background-color:#fff;
}

#contents #title-area2{
	height:4.5em;
	background-color:#fff;
}

/*-----------------------------------------------------------------------------*/
/*パン屑リスト*/
#contents #title-area p#crumblist{
	font-size:1.0em;
	line-height:1em;
	padding:11px 2px 28px 2px;
	padding-bottom:23px;
	color:#666;
}

#contents #title-area p#crumblist a:link,
#contents #title-area p#crumblist a:active,
#contents #title-area p#crumblist a:visited{
	color:#292929; text-decoration:underline;
}
#contents #title-area p#crumblist a:hover{
	color:#666; text-decoration:none;
}

#contents #title-area2 p#crumblist{
	font-size:1.0em;
	line-height:1em;
	padding:11px 2px 28px 2px;
	padding-bottom:23px;
	color:#666;
}

#contents #title-area2 p#crumblist a:link,
#contents #title-area2 p#crumblist a:active,
#contents #title-area2 p#crumblist a:visited{
	color:#292929; text-decoration:underline;
}
#contents #title-area2 p#crumblist a:hover{
	color:#666; text-decoration:none;
}

/*-----------------------------------------------------------------------------*/
/*ページタイトル*/
#contents #title-area h2{
	padding-bottom:15px;
}

/*-----------------------------------------------------------------------------*/
/*メインコンテンツ*/
#contents #main{
	float:left;
	width:627px;
}


/*==================================================================================*/
/*サイドバー*/
#contents #sidebar{
	float:right;
	width:204px;
	padding-bottom:10px;
}

/*-----------------------------------------------------------------------------*/
/*登録方法*/
#contents #sidebar #howto{
	padding-bottom:8px;
	background:url(../img/howto_bottom.gif) bottom left no-repeat;
}

#contents #sidebar #howto h3{
	padding-top:6px;
	background:url(../img/howto_top.gif) no-repeat;
}

#contents #sidebar #howto ul{
	padding-top:2px;
	list-style:none;
	background-color:#fff100;
	border-right:2px solid #000;
	border-left:2px solid #000;
}

#contents #sidebar #howto ul li{
	text-align:center;
	padding-top:4px;
	font-size:1px;
	line-height:1px;
}


/*-----------------------------------------------------------------------------*/
/*メール送信部分*/

#contents #sidebar #howto ul li.mailto{
	border:#969696 solid 1px;
	background-color:#FFF;
	
	margin-top:4px;
	margin-left:11px;
	text-align:left;
	padding:6px 0 6px 6px;
	margin-right:11px;
}

#contents #sidebar #howto ul li.mailto form{
padding:0;
margin:0;
}

#contents #sidebar #howto ul li.mailto .mailinput{
vertical-align:bottom;
padding-bottom:5px;
padding-top:5px;
}

#contents #sidebar #howto ul li.mailto input#keitai{
width:90px;
border: 1px solid #999679;
font-size:10px;
padding:0;
margin:0;

}

#contents #sidebar #howto ul li.mailto img.mailto_text{

margin:0;
}
#contents #sidebar #howto ul li.mailto img.docomo{
padding:0px;
margin:0px 0px -5px 3px;
}

#contents #sidebar #howto ul li.mailto .mailsubmit{
text-align:right;
padding-right:5px;
}
#contents #sidebar #howto .mail_status{
text-align:center;
color:#444;
line-height:1.4em;
margin-right:5px;
margin-bottom:4px;
font-size:9px;
display:none;
}
#contents #sidebar #howto #mail_send_done{
background-color:#FFCC00;
}
#contents #sidebar #howto #mail_send_fail{
background-color:#99EEFF;
}

/*-----------------------------------------------------------------------------*/
/*バナー*/
#contents #sidebar #banner-area{
	border-top:7px solid #fff;
}

#contents #sidebar #banner-area ul{
	list-style:none;
	text-align:center;
}

#contents #sidebar #banner-area ul li{
	padding-top:7px;
	font-size:1px;
	line-height:1px;
}

#contents #sidebar #banner-area ul li a{
display:block;
clear:both;
margin-bottom:7px;
}


/*==================================================================================*/
/*フッター*/
#footer{
	clear:both;
	height:40px;
	background:#000;
	color:#fff;
}

#footer .wrapper{
	width:850px;
	margin:0 auto;
}

#footer .wrapper p{
	float:left;
	padding-top:14px;
}

#footer .wrapper ul{
	float:right;
	list-style:none;
	padding-top:9px;
}

#footer .wrapper ul li{
	float:left;
	padding-left:6px;
}

#footer .wrapper ul li.copyright{
	padding-left:14px;
}



/*==================================================================================*/
/*noflash*/

#movie  .noflash{
clear:both;
width:349px;

background:#FFFFFF;
border:solid 1px #666666;
padding:20px 15px;
font-size:1.2em;
text-align:left;
margin:0 auto;
}