@charset "shift_jis";

/*=====================================================
 * Style Name: Media Station Style
 * Style URL: /mediastation/css/mediastation.css
 * Description: Category Style Sheet
 * Version: 0.9
 * Last Up Date: 2014/04/17
=====================================================*/


/* Common Setting
------------------- */

#mainContainer { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/* Global Menu */

.globalmenu { margin: -20px 0 0; border-bottom: 1px solid #eeeeee; zoom: 1; }
.globalmenu:after { content: ""; display: block; clear: both; }
.globalmenu li { float: left; }
.globalmenu li#social { float: right; padding: 20px 20px 0 0; }


/* Reserve box */

.reserve-box{
 margin:0 auto;
 height:29px;
 text-align:left;
 background: url(/common/image/toolbar_bg.gif) 0 -1px repeat-x;
}
.reserve-box #ttl1{
 width:170px;
 background: url(/common/image/toolbar_ttl1.gif) 4px 3px no-repeat ; 
 text-indent:-9999px;
 font-size:1px; line-height:1px;
}
.reserve-box #ttl2{
 width:170px;
 background: url(/common/image/toolbar_ttl2.gif) 4px 0 no-repeat ; 
 text-indent:-9999px;
 font-size:1px; line-height:1px;
}
.reserve-box #btn2{
 padding:4px 0 0 10px;
}
.reserve-box #day{
 width:50px; height:29px;
 background: url(/common/image/toolbar_day.gif) 1px 3px no-repeat ; 
 text-indent:-9999px;
 font-size:1px; line-height:1px;
}
.reserve-box .select-day{
 width: 10em;
 width: 11em\9;
 height:29px;
}
.reserve-box .select-day select{
 width: 6em;
}
.reserve-box .select-day select.embMonth{
 float: left;
 float: none\9;
}
.reserve-box .select-day select.embDay{
 clear: both;
}
.reserve-box #mile{
 width:32px; height:29px;
 background: url(/common/image/toolbar_mile.gif) 8px 2px no-repeat ; 
 text-indent:-9999px;
 font-size:1px; line-height:1px;
}
.reserve-box .select-mile{
 width:124px;
 width:130px\9;
 height:29px;
}
.reserve-box #arrow{
 width:10px; height:29px;
 background: url(/common/image/toolbar_arrow.gif) 50% 3px no-repeat ; 
 text-indent:-9999px;
 font-size:1px; line-height:1px;
}

/* Container Box */

.contentcontainerbox { margin: 0 10px; }
.contentcontainerbox h1 { margin-top: 20px; padding: 10px; border-bottom: 1px solid #eeeeee; }
.contentcontainerbox h2 {
	margin: 30px 10px 20px;
	padding: 0;
	width: auto;
	height: auto;
	background: none;
	font-size: 1em;
	line-height: 2;
}


/* Button */

.btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: .7em;
	background: -moz-linear-gradient(top,  #2b50bc 0%, #082d99 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b50bc), color-stop(100%,#082d99)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2b50bc, #082d99); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #2b50bc, #082d99); /* IE10+ */
	background: linear-gradient(to bottom, #2b50bc, #082d99); /* W3C */
	background-color: #2b50bc; /* Old browsers */
	color: #ffffff !important;
	-webkit-box-shadow: inset 0 1px #5573c9;
	box-shadow: inset 0 1px #5573c9;
	text-align: center;
	line-height: 1;
	border: 1px solid #041b5b;
	border-radius: 3px;
}

.btn-02 {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: .7em;
	background: -moz-linear-gradient(top,  #ea7d18 0%, #c96a13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7d18), color-stop(100%,#c96a13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ea7d18, #c96a13); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #ea7d18, #c96a13); /* IE10+ */
	background: linear-gradient(to bottom, #ea7d18, #c96a13); /* W3C */
	background-color: #2b50bc; /* Old browsers */
	color: #ffffff !important;
	-webkit-box-shadow: inset 0 1px #f7aa62;
	box-shadow: inset 0 1px #f7aa62;
	text-align: center;
	font-size: 14px; line-height: 1.2;
	border: 1px solid #934905;
	border-radius: 3px;
}

.indexLink,
.relLink,
.openLink {
	float: right;
	padding-left: 20px;
	background: url(/mediastation/image/icons.gif) 0 0 no-repeat;
}

.indexLink { background-position: 0 -63px; }
.relLink { padding: 0 20px 0 0; background-position: right -123px; }
.openLink { background-position: 0 -187px; }

.notebox {
	margin: 30px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #eeeeee;
}
.notebox p {
	margin: 0 115px;
	padding: 12px;
	background: #f0f8ff;
	text-align: center;
	border: 1px solid #dddddd;
}

/* Index Page
------------------- */

#topMovie { margin: 0 0 18px; padding: 0 0 30px; border-bottom: 2px solid #002596; }
#topMovie .inner { padding-bottom: 15px; background: #000000; }
table.newsMenu { font-size: 1em; border-collapse: collapse; margin-bottom: 10px;}

table.newsMenu th{
	border-right: 2px solid #ffffff;
}
table.newsMenu th,
table.newsMenu td {
	padding: 5px 15px;
	background: #f4f6fb;
	border-bottom: 2px solid #ffffff;
}
table.newsMenu td.textCell { width: 544px; }
table.newsMenu td.buttonCell { width: 110px; }
table.newsMenu td.buttonCell .btn {
	display: block;
	padding-right: 20px;
	background: url(/mediastation/image/icons.gif) 90px -238px no-repeat,
							-moz-linear-gradient(top,  #2b50bc 0%, #082d99 100%); /* FF3.6+ */
	background: url(/mediastation/image/icons.gif) 90px -238px no-repeat,
							-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b50bc), color-stop(100%,#082d99)); /* Chrome,Safari4+ */
	background: url(/mediastation/image/icons.gif) 90px -238px no-repeat,
							-webkit-linear-gradient(top, #2b50bc, #082d99); /* Chrome10+,Safari5.1+ */
	background: url(/mediastation/image/icons.gif) 90px -238px no-repeat,
							-ms-linear-gradient(top, #2b50bc, #082d99); /* IE10+ */
	background: url(/mediastation/image/icons.gif) 90px -238px no-repeat,
							linear-gradient(to bottom, #2b50bc, #082d99); /* W3C */
	background: #2b50bc url(/mediastation/image/icons.gif) 90px -238px no-repeat; /* Old browsers */
}
table.newsMenu td.buttonCell .btn:hover { text-decoration: none !important; }

#news ol { margin-bottom: 30px; padding: 0 10px 10px; border-bottom: 1px solid #eeeeee; }
#news li { display: block; padding: 20px 10px 20px 65px; }
#news li.pickup { background: url(/mediastation/image/icon_pickup.gif) 0 20px no-repeat; }


/* Contents Page
------------------- */

.visualbox { margin: 0 10px; padding: 30px 0; border-bottom: 1px solid #eeeeee; zoom: 1; }
.visualbox:after { content: ""; display: block; clear: both; }

.thumbox { float: left; width: 446px; }
.thumbox img { margin-bottom: 10px; }
.thumbox p { width: 205px; }
.thumbox .note { color: #999999; }

.visualbox dl { float: right; width: 445px; }
.visualbox dt {
	margin-bottom: 20px;
	padding-left: 60px;
	background: 0 0 no-repeat;
	color: #001f79;
	font-size: 1.5em;
}

.visualbox p { margin-bottom: 1.5em; }
.visualbox p.readAll { clear: both; }
.visualbox table { margin-bottom: 20px; width: 100%; font-size: 1em; }
.visualbox td { padding: 3px 0; border-bottom: 1px solid #eeeeee; }
.visualbox td.thumbnail { padding-right: 30px; width: 73px; }
.visualbox td a { font-size: 2em; }


/* CM & Movie */

.cm dt { padding-left: 40px; background-image: url(/mediastation/image/icon_cm_mini.gif); }
.movie h2 { padding: 0 10px; background: #d2ecf8; color: #002596; }
.movie dt { background-image: url(/mediastation/image/icon_movie_mini.gif); }


/* Magazine Page
------------------- */

.magazine { padding-bottom: 30px; width: 930px; overflow: hidden; border-bottom: 1px solid #eeeeee; }
.magazine .thumbox { width: 310px; }
.magazine .visualbox dl { float: right; width: 580px; }
.magazine .visualbox dt {
	padding: 0;
	background: none;
	color: #000000;
	font-size: 1em;
	line-height: 1.5;
}
.magazine .visualbox dt img { float: left; padding-right: 25px; }
.magazine .backLink { margin-top: 20px; text-align: center; }

.magazineDetail li { padding: 30px 0; text-align: center; border-bottom: 1px solid #eeeeee; }
.magazineDetail li img { margin-bottom: 20px; }
.magazineDetail .btn { padding: 1em 5em; }
#cboxLoadedContent { overflow: scroll !important; }

.backnumbers { margin: 0 -50px 0 10px; border-bottom: 1px solid #eeeeee; zoom: 1; }
.backnumbers:after { content: ""; display: block; clear: both; }

.backnumbers dl { float: left; padding: 0 50px 30px 0; width: 142px; }
.backnumbers dt { font-weight: bold; white-space: nowrap; word-break: keep-all; }
.backnumbers .note { color: #666666; font-weight: normal; }
.backnumbers img { margin-bottom: 10px; }

.backnumbers p,
.backnumbers ol { margin: 10px 0; width: 142px; }
.backnumbers ol { overflow: hidden; }
.backnumbers li { display: inline; font-weight: bold; line-height: 18px; }
.backnumbers a { display: inline-block; padding: 0 .3em; text-decoration: underline !important; }
.backnumbers li a.indexIcon {
	margin-left: -25px;
	padding-right: 15px;
	background: url(/mediastation/image/icons.gif) 25px 0 no-repeat;
	text-decoration: none !important;
	
}

#subscription { padding-top: 30px; text-align: center; }
#subscription .btn {
	padding: 15px 45px 15px 20px;
	background: url(/mediastation/image/icons.gif) 95% -233px no-repeat,
							-moz-linear-gradient(top,  #2b50bc 0%, #082d99 95%); /* FF3.6+ */
	background: url(/mediastation/image/icons.gif) 95% -233px no-repeat,
							-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b50bc), color-stop(95%,#082d99)); /* Chrome,Safari4+ */
	background: url(/mediastation/image/icons.gif) 95% -233px no-repeat,
							-webkit-linear-gradient(top, #2b50bc, #082d99); /* Chrome10+,Safari5.1+ */
	background: url(/mediastation/image/icons.gif) 95% -233px no-repeat,
							-ms-linear-gradient(top, #2b50bc, #082d99); /* IE10+ */
	background: url(/mediastation/image/icons.gif) 95% -233px no-repeat,
							linear-gradient(to bottom, #2b50bc, #082d99); /* W3C */
	background: #2b50bc url(/mediastation/image/icons.gif) 95% -233px no-repeat; /* Old browsers */
}
#subscription .btn-02 {
	padding: 25px 75px 25px 50px;
	background: url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat,
							-moz-linear-gradient(top,  #ea7d18 0%, #c96a13 95%); /* FF3.6+ */
	background: url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat,
							-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7d18), color-stop(95%,#c96a13)); /* Chrome,Safari4+ */
	background: url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat,
							-webkit-linear-gradient(top, #ea7d18, #c96a13); /* Chrome10+,Safari5.1+ */
	background: url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat,
							-ms-linear-gradient(top, #ea7d18, #c96a13); /* IE10+ */
	background: url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat,
							linear-gradient(to bottom, #ea7d18, #c96a13); /* W3C */
	background: #ea7d18 url(/mediastation/image/icon_arrow_orange.gif) 95% 50% no-repeat; /* Old browsers */
}
#subscription .btn:hover { text-decoration: none !important; }