@charset "utf-8";

/* ----------------------------------------
  Default Reset  Style Seet

	1-1.ブラウザ初期設定リセット
	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.テーブル
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */


/* ----------------------------------------
  1-1.ブラウザ初期設定リセット
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
	letter-spacing:0;
}

html {overflow-y:scroll;}

p {margin:0;}

ul , li{list-style-type:none;}

img{
	border:0;
	vertical-align:bottom;
}

textarea{font-size:100%;}

form, fieldset, input, button{
	margin:0;
	padding:0;
	font-size:100%;
}

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.m2{margin:2px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr13{margin-right:13px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb2{margin-bottom:2px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}

.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb100{margin-bottom:100px!important;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml100{margin-left:100px;}

.pb30{padding-bottom:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}


.relative{
	position: relative;
}

/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.f50{font-size:50%;}
.f80{font-size:80%;}
.f90{font-size:90%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}


/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

em{
	font-style:normal;
	font-weight:bold;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}

/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.red{color:#ff0000;}
.white{color:#fefefe;}
.blue{color:#0000ff;}
.blue2{color:#3371CB;}
.black{color:#000000;}
.orange{color:#ffa500;}

.aqua{color:#00ffff;}
.lime{color:#00ff00;}
.olive{color:#808000;}
.silver{color:#c0c0c0;}
.yellow{color:#ffff00;}
.gray{color:#808080;}
.maroon{color:#800000;}
.purple{color:#800080;}
.green{color:#008000;}
.navy{color:#000080;}


/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.border{border:1px solid #aaa;}


/* ----------------------------------------
  1-9.テーブル
---------------------------------------- */

table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}


/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリア
---------------------------------------- */

ul:after ,
dl:after ,
.clearfix:after ,
#wrapper:after ,
#header:after ,
#globalmenu:after ,
.section1:after ,
.section2:after{
	content:"";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul ,
dl ,
.clearfix ,
#wrapper ,
#header ,
#globalmenu ,
.section1 ,
.section2{
	zoom:100%;
}

.cl{
	_zoom:1;
	overflow:hidden;
}


/* ----------------------------------------
  Base Style

	2- 1.全体レイアウト
	2- 2.ヘッダーコンテンツ
	2- 3.グローバルメニュー
	2- 4.サイドバーコンテンツ
	2- 5.フッターコンテンツ
	2- 6.リンク
	2- 7.ナビアイコン
	2- 8.見出しタグ(hタグ）
	2- 9.text,強調
	2-10.リスト
	2-11.共通BOX
	2-12.パンクズ
	2-13.テーブル
---------------------------------------- */

html,body{height: 100%;}

body{
	font-size:90%;
	color:#000000;
	line-height:1.6;
	background: #F9F9F9;
	font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust: 100%;
}

* html body {font-size:75%;}
header,footer,nav,section,article,figure,aside {display:block;}


/* ----------------------------------------
  2-1.全体レイアウト
---------------------------------------- */

#container{
	width:1000px;
	margin:0 auto;
}

header{
	position:relative;
	height:132px;
	background:url(../../img/common/bg_header.png) repeat-x left bottom;
	margin-bottom:20px;
}

#page_3rd header{height:80px;}

article#center_column{
	width: 540px;
	float:right;
	margin:0 20px 30px 0;
	display:inline;
}

article#left_column{
	width: 640px;
	float:left;
	display:inline;
}

footer{
	clear:both;
	width:100%;
	padding: 6px 0;
	position:relative;
}

aside{margin-bottom:30px;}

aside#right_bar{
	float:right;
	width:220px;
}

aside#right_bar_2nd{
	float:right;
	width:340px;
}

aside#left_bar{
	float:left;
	width:200px;
}

.contents_left{
	float:left;
	width:620px;
}

.contents_right{
	float:right;
	width:300px;
}


/* ----------------------------------------
  2-2.ヘッダーコンテンツ
---------------------------------------- */

header .logo{
	position:absolute;
	left:0px;
	top:15px;
	line-height:1.0;
}

#header_menu{
	position:absolute;
	right:0px;
	top:15px;
	width:432px;
}

#header_menu ul li{
	float:left;
	margin-left:20px;
	text-decoration:none;
}

#header_search{
	position:absolute;
	left:0px;
	top:84px;
	padding:9px 0 0 100px;
	width:661px;
	background:#EEEEEE;
	line-height:1.1;
	height:40px;
}

#page_2nd #header_search{
	width:780px;
	padding:9px 0 0px 220px;
}

.header_search_box{
	width:400px;
	border:1px solid #ccc;
	padding:2px;
	height:24px;
	vertical-align:bottom;
	float:left;
}

#header_rss{
	position:absolute;
	right:0px;
	top:84px;
	padding:15px 5px 0 15px;
	background-color:#fff;
	width:200px;
	height:34px;
}

#header_rss a.icon{
	position:relative;
	top:0px;
	margin-left:12px;
	background:url(../img/icon_arrow.png) no-repeat left center;
	padding-left:8px;
	font-size:14px;
}


/* ----------------------------------------
  2-3.サイドメニュー
---------------------------------------- */

#left_bar h2{
	margin:0 0 10px 0;
	line-height:1.0;
	vertical-align:top;
}
*:first-child+html #left_bar h2{margin-bottom:0px;}
#left_bar h2 img{vertical-align:top;}

#left_nav ul{padding:0px 0 10px 0;}

#left_nav ul li{
	line-height:1.2;
	font-size:100%;
/*	font-size:14px;*/
	background-color:#fff;
	margin-bottom:3px;
}

#left_nav ul li .main_menu{
	border-left:4px solid #009ADF;
	font-weight:bold;
	height:42px;
	display:table-cell;
	vertical-align:middle;
}

#left_nav ul li .main_menu a{
	display:block;
	color:#000077;
/*	font-size:16px;*/
	font-size:110%;
	padding:2px 0 0 10px;
}

#left_nav ul li ul{padding:0px 0 5px 0 !important;display:none;}
#left_nav ul li.open ul{display:block;}
#left_nav ul li ul li{padding:10px 0 0 0;}

#left_nav ul li ul li a{
	display:block;
	font-weight:normal !important;
	padding:0 10px 0 20px;
	background:url(../img/icon_menu.png) no-repeat 10px 5px;
}

#left_nav ul li .sub_menu{}

/* 右サイドバー */

.right_bnr_area{
	margin-bottom:15px;
}

.right_bnr_area img {
	margin-bottom:5px;
}

#ranking,
#new_arrived{
	background-color:#fff;
	padding:15px 10px 10px 10px;
	margin-bottom:20px;
}

#ranking ul{}
#ranking ul li{
	overflow:hidden;
	margin-bottom:20px;
}

.sidemovie_photo{
	width:100px;
	float:left;
}
.sidemovie_photo span{
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background-color:#8CBC66;
	line-height:2.0;
	font-size:108%;
}

.sidemovie_text{
	line-height:1.4;
	width:90px;
	float:right;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

#new_arrived ul li{
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:18px;
	border-bottom:2px solid #EEEEEE;
}

#ranking ul li a:hover span{text-decoration:underline !important;}
#new_arrived ul li a:hover span{text-decoration:underline !important;}

#sideinquiery_area{
	border:4px solid #382F88;
	margin-bottom:30px;
}

#sideinquiery_area p{
	padding:5px 10px;
	line-height:1.3;
}

.rightbar_channel_area ul{padding:8px 15px 0 15px;}

.rightbar_channel_area ul li{
	overflow:hidden;
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:dotted 2px #999999;
}

.rightbar_channel_area{
	background-color:#fff;
	padding:0 0 15px 0;
	margin-bottom:20px;
}

.rightbar_channel_area ul li .sidemovie_text{
	width:195px;
	float:right;
}

.rightbar_channel_area .openMoreList{margin:0 30px;}
.rightbar_channel_area .open_more_list a{padding:7px 0;}
#rightbar_category_list_area{background-color:#fff;}
#rightbar_category_list{display:none;}
#rightbar_category_list ul{padding:10px 0;}

#rightbar_category_list ul li{
	line-height:1.2;
	font-size:100%;
	background-color:#fff;
	margin-bottom:3px;
}

#rightbar_category_list ul li .main_menu{
	border-left:4px solid #009ADF;
	font-weight:bold;
}

#rightbar_category_list ul li .main_menu a{
	display:block;
	padding:13px 0 9px 10px;
	color:#000077;
	font-size:110%;
}

#rightbar_category_list ul li ul{
	padding:0px 0 5px 0 !important;
	display:none;
}
#rightbar_category_list ul li ul li{padding:10px 0 0 0}

#rightbar_category_list ul li ul li a{
	display:block;
	font-weight:normal !important;
	padding:0 10px 0 20px;
	background:url(../img/icon_menu.png) no-repeat 10px 5px;
}

/* 下層右ローカルナビ */

.localmenu{}
.localmenu li{
	margin-bottom:15px;
	line-height:1.2;
}
.localmenu li a{
	display:block;
	width:260px;
	padding:12px 0 12px 40px;
	background-color: #EEEEEE;
}

.localmenu li.localmenu1 a{background:url(../../common/img/bg_localmenu1.png) no-repeat left top #EEEEEE;}
.localmenu li.localmenu2 a{background:url(../../common/img/bg_localmenu2.png) no-repeat left top #EEEEEE;}
.localmenu li.localmenu3 a{background:url(../../common/img/bg_localmenu3.png) no-repeat left top #EEEEEE;}
.localmenu li.localmenu4 a{background:url(../../common/img/bg_localmenu4.png) no-repeat left top #EEEEEE;}


/* ----------------------------------------
  2-4.フッターコンテンツ
---------------------------------------- */

#footer_bnr_area{
	clear:both;
	background:#fff;
	text-align:center;
	padding:5px;
	margin-bottom:35px;
}

#footer_bnr_area img{margin:0 10px;}

#footer_nav{
	padding-top:5px;
	border-bottom:4px solid #363887;
	position:relative;
	margin-bottom:10px;
	height:25px;
}

#footer_nav ul li{
	float:left;
	margin-right:30px;
}

#footer_nav ul li a{
	background:url(../img/icon_arrow.png) no-repeat left center;
	padding-left:10px;
}

#gotop{
	position:absolute;
	right:0px;
	top:0px;
}

#footer_copyright{
	position: relative;
	line-height:1.3;
}


/* ----------------------------------------
  2-6.リンク
---------------------------------------- */

a {
	color: #0F0F0F;
	text-decoration: none;
}

a:hover{text-decoration: underline;}

.btn:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

a#goindex{
	background:url(../../prg/img/goindex.png) no-repeat left top;
	width:84px;
	height:22px;
	position:absolute;
	left:445px;
	top:30px;
	line-height:1.1;
	padding:10px 0 0 38px;
	font-size:15px;
}


/* ----------------------------------------
  2-8.見出し(hタグ）
---------------------------------------- */

h2{margin-bottom:10px;}

#page_3rd #pages_contents h1{
	padding:5px 15px;
	border-left:10px solid #2800C1;
	margin-bottom:20px;
	font-size:150%;
}

#page_3rd #pages_contents h2{
	color:#fff;
	font-size:120%;
	background-color:#3D2A89;
	padding:5px 10px;
	border-left:10px solid #00A9E4;
	margin-bottom:20px;
}

#page_3rd #pages_contents h3{
	color:#000;
	background-color:#d1d1d1;
	padding:5px;
	border-left:10px solid #00A9E4;
	margin-bottom:20px;
}


/* ----------------------------------------
  2-9.text,強調
---------------------------------------- */

#page_3rd #pages_contents p{
	margin-bottom:1em;
}

/* ----------------------------------------
  2-9.イメージ
---------------------------------------- */


/* ----------------------------------------
  2-10.リスト
---------------------------------------- */


/* ----------------------------------------
  2-11.共通BOX
---------------------------------------- */

.open_more_list{background-color:#CCCCCC;}

.open_more_list a{
	display:block;
	text-align:center;
	padding:7px;
	line-height:1.5;
}

.open_more_list a span{
	background:url(../img/icon_open.png) no-repeat left 45%;
	padding-left:20px;
}

.open_more_list a.open span{background-image:url(../img/icon_close.png);}

#page_3rd #pages_contents{
	margin-bottom:60px;
	padding:0 30px;
	overflow:hidden;
}

.page_contents_box{
	margin: 0px 0 20px 20px;
}

/* ----------------------------------------
  2-12.パンクズ
---------------------------------------- */


/* ----------------------------------------
  2-13.テーブル
---------------------------------------- */

.table_style1{
	width:100%;
	margin-bottom:30px;
}

.table_style1 td,
.table_style1 th{padding:10px;}

.wid25{width:25%;}

/* ----------------------------------------
  2-14.ボタン
---------------------------------------- */

button.btn_submit{
	width:200px;
	padding:10px 30px;
	font-weight:bold;
	background-color:#FF851D;
	border:none;
	cursor:pointer;
	margin:0 10px;
	border-radius:3px;
}
button.btn_submit:hover{opacity:0.8;}

button.btn_reset{
	width:200px;
	padding:10px 30px;
	font-weight:bold;
	background-color:#D1D1D1;
	border:none;
	cursor:pointer;
	margin:0 10px;
	border-radius:3px;
}

button.btn_reset:hover{opacity:0.8;}

button.btn_search{
	width:80px;
	height:27px;
	line-height:1.0;
	padding:5px 10px;
	font-weight:bold;
	background-color:#FF851D;
	border:none;
	cursor:pointer;
	margin:0 10px;
	color:#fff;
}

button.btn_search:hover{opacity:0.8;}


/*　追加　*/
.commonHeading2{
	color:#fff;
	font-size:120%;
	line-height: 1.4;
	background-color:#363887;
	padding:7px 10px 5px;
	border-left:10px solid #26A9E1;
	margin-bottom:20px;
}
#new_arrived ul li {
	overflow: hidden;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.mainmovie_wrapper{
	display: table;
	width:100%;
}
.mainmovie_photo{
	width:178px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.mainmovie_photo .imageWrapper{
	position: relative;
	display: inline-block;
	width: 100%;
}
.mainmovie_photo .imageWrapper:after{
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border: solid 2px #999;
	opacity: 0.2;
}
.mainmovie_photo img{
	vertical-align: top;
}
.mainmovie_photo span{
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background-color:#8CBC66;
	line-height:2.0;
	font-size:108%;
}

.mainmovie_text{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}

#ranking .sidemovie_photo{
	width: 30px;
}
#ranking .sidemovie_text{
	width: 160px;
}
article#left_column.has_right_bar_1st{
	width: 760px;
	margin-bottom: 30px;
}