@charset "utf-8";

#headerGroup { background: #F8F8F8/*url(../images/base/nomal_bg.gif)*/;}
/*#movie_detail #headerGroup { margin-top:-15px;}*/

#mainWrap { background-color: #fefefe;} /* メインコンテンツ背景 */

#siteHeader, #headAD { height: 90px;}
#siteHeader h1 { width: 146px; float:left; margin: 25px 0 0 5px;}
#siteHeader h1 span { display: block; width: 146px; height: 29px; background: url(../images/base/logo-250.png) no-repeat left top; text-indent: -9999px; /*margin: -5px 0 -1px 0;*/}
#siteHeader .upper{
	margin: 15px 0 12px 0px;
	line-height:16px;
	height: 16px;
	/* background-color: rgba( 199, 199, 199, 0.3 ); */
	padding: 10px;
	width: auto;
	display: inline-block;
	margin-left: auto;
	/*position: right;
	position: absokute;
	position: absolute;
	right: 0;*/
	border: 1px solid #e9e9e9;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	float:right;
}



#siteHeader .header-right{
	display: inline-block;
	/*padding: 6px 35px 0 20px;*/
	float:right;
    width: 880px;
}

#siteHeader .header-right .h_bnr{
	float:left;
}

#siteHeader .header-right #video_logo{
	float:right;
	margin: 22px 4px 0 0;
}

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
	#siteHeader h1 { width: 117px; float:left; margin: 25px 0 0 5px;}
	#siteHeader h1 span { display: block; width: 117px; height: 23px; background: url(../images/base/logo-250_s.png) no-repeat left top; text-indent: -9999px; /*margin: -5px 0 -1px 0;*/}
	#siteHeader .header-right #video_logo{	margin: 22px 10px 0 0;}
	#siteHeader .header-right #video_logo img{	width:108px; height:38px;}
	#siteHeader .header-right{width: 853px;}
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
	#siteHeader h1 { width: 117px; float:left; margin: 25px 0 0 5px;}
	#siteHeader h1 span { display: block; width: 117px; height: 23px; background: url(../images/base/logo-250_s.png) no-repeat left top; text-indent: -9999px; /*margin: -5px 0 -1px 0;*/}
	#siteHeader .header-right #video_logo{	margin: 22px 10px 0 0;}
	#siteHeader .header-right #video_logo img{	width:108px; height:38px;}
	#siteHeader .header-right{width: 853px;}
}

@media (max-width: 1020px) and (min-width: 768px) { 
#siteHeader h1 { width: 117px; float:left; margin: 25px 0 0 5px;}
	#siteHeader h1 span { display: block; width: 117px; height: 23px; background: url(../images/base/logo-250_s.png) no-repeat left top; text-indent: -9999px; /*margin: -5px 0 -1px 0;*/}
	#siteHeader .header-right #video_logo{	margin: 22px 10px 0 0;}
	#siteHeader .header-right #video_logo img{	width:108px; height:38px;}
	#siteHeader .header-right{width: 853px;}

}










#siteHeader .upper img{
	margin:-3px 0 0 0;
}

#siteHeader .upper .arrival{
	float:left;
	color:#DD137B;
}
#siteHeader .upper #hnav{
	float:right;
	color: #e9e9e9;
}
#siteHeader .upper #hnav li{
	float:left;
	    padding: 0 25px 0 25px;
    
}
#siteHeader .upper #hnav li + li{
border-left: 1px solid #333;
}
#siteHeader .upper #hnav li a{
	display:block;
}

#siteHeader a {
    text-decoration: none;
    color: #333;
	    font-size: 90%;}
	
#siteHeader .upper #hnav li a:hover{
	text-decoration: none;
}

#siteHeader .upper #hnav .nav_guide a{
	/* padding:0 0 0 15px; */
	/* background:url(../img/common_img/h_ico_guide.jpg) no-repeat left 0; */
}
#siteHeader .upper #hnav .nav_price a{
	padding:0 0 0 15px;
	background:url(../img/images/h_ico_price.jpg) no-repeat left 0;
}
#siteHeader .upper #hnav .nav_help a{
	/* padding:0 0 0 15px; */
	/* background:url(../img/common_img/h_ico_help.jpg) no-repeat left 0; */
}
#siteHeader .upper #h_regist{
	float:right;
	/* margin: -5px 18px 0 0; */
}
#siteHeader .upper #h_regist a{
	/* display:block; */
	/* padding: 5px 0 0 17px; */
	background:#FEB125;
	padding: 3px 10px;
	margin-left: 5px;
}
#siteHeader .upper #h_regist a:hover{
	color: #fff;
	text-decoration: none;
}
#siteHeader .upper #h_login{
	float:right;
	margin:0 0 0 20px;
}

#siteHeader #headAD{
	clear:both;
	margin-top:20px;
	
}


#header-article { width: 360px; float: left; padding-top: 10px;}
#header-article span { display: block; width: 57px; height: 21px; margin-bottom: -10px;
 background: url(../images/base/chumoku.png) no-repeat left top; text-indent: -9999px; position: relative; z-index: 2;}
#header-article p { display: inline; font-size: 12px; line-height: 14px;}
#header-article p a {	display: inline-block; padding: 10px 15px; max-height: 18px; overflow: hidden;
 border-radius: 4px; background: url(../images/base/bg_wh80.png);}
#headAD { width: 728px; float: right;}


/*--大ヘッダー --*/

#main_haeder {
	background:url(../images/base/color_line.gif) repeat-x bottom;
	height:35px;
}

#main_haeder .main_header_in {
	background:url(../images/base/m_header_bg.gif) repeat-x;
	
}

#main_haeder .main_header_in .main_header_area {
	width:990px;
	margin:0 auto;
	overflow:hidden;
	
}

#main_haeder .main_header_in .attention_article {
	overflow:hidden;
	width:630px;
	padding:6px 0 0 0;
	float:left;

}

#main_haeder .main_header_in .attention_article span {
	display: block;
	width: 54px;
	height: 17px;
  	background: url(../images/base/chumoku02.png) no-repeat left top;
	text-indent: -9999px;
	position: relative;
	z-index: 2;
	float:left;
	margin:0 10px 0 0;
}

#main_haeder .main_header_in .attention_article p {
	display: block;
	width:560px;
	float:left;
	font-size: 12px;

}

#main_haeder .main_header_in .main_header_right {
	width:360px;
	float:right;
	
}

#main_haeder .main_header_in .main_header_right ul  {
	float:left;
	width:100px;
	padding:6px 0 0;
}

#main_haeder .main_header_in .main_header_right ul li {
	float:left;
	margin:0 8px 0 0;
}