/*  ======================================== universal styles ======================================== */
* {
	-moz-box-sizing:border-box;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	font-family: Osaka, "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 0.9em;
	color: #333;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4;
	outline: none;
	background: #7f98b1 url(../images/mikoshiba/body_bg_01.jpg) no-repeat center 0;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl, p {
	font-size: 85%;
}
img {
	border: 0 none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
.clearfix {
}
.text_hide,.text_hide * {
	text-indent: -9999px;
	text-decoration: none;
	font-size: 8px;
	line-height: 8px;
	outline: none;
}



/*  ======================================== 全ページ共通部分（レイアウト） ======================================== */

h1 {
	width: 1014px;
	height: 653px;
	margin: 0;
}
h1 { background: url(../images/mikoshiba/header_h1_01.png) no-repeat 0 0;}

h2.story_ttl,
h2.info_ttl,
h2.schedule_ttl,
h2.cast_ttl,
h2.comment_ttl {
	width: 1014px;
	height: 106px;
	margin: 0;
}
h2.story_ttl { background: url(../images/mikoshiba/contents_h2_01.png) no-repeat 0 0;}
h2.info_ttl { background: url(../images/mikoshiba/contents_h2_02.png) no-repeat 0 0;}
h2.schedule_ttl { background: url(../images/mikoshiba/contents_h2_03.png) no-repeat 0 0;}
h2.cast_ttl { background: url(../images/mikoshiba/contents_h2_04.png) no-repeat 0 0;}
h2.comment_ttl { background: url(../images/mikoshiba/contents_h2_05.png) no-repeat 0 0;}

#contents .contents_box_05 .youtube {
	position: absolute;
	left: 75px; top: 161px;
}


/*  ======================================== 全ページ共通部分（リンクスタイル） ======================================== */
a {
	overflow: hidden;
}

/* Click */
#contents .contents_box .click_btn {
	width: 56px;
	height: 20px;
}
#contents .contents_box .click_btn a {
	width: 56px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contents .contents_box .click_btn a { background-image:url(../images/mikoshiba/click_btn_01.png)}
#contents .contents_box .click_btn a:hover { background-position: 0 -20px;}
#contents .contents_box .click_btn_01 { position: absolute; left: 726px; top: 154px;}
#contents .contents_box .click_btn_02 { position: absolute; left: 534px; top: 418px;}
#contents .contents_box .click_btn_03 { position: absolute; left: 465px; top: 720px;}
#contents .contents_box .click_btn_04 { position: absolute; left: 447px; top: 819px;}
#contents .contents_box .click_btn_05 { position: absolute; left: 198px; top: 886px;}

/* BLOG */
#contents .contents_box .cast_btn {
	width: 114px;
	height: 26px;
}
#contents .contents_box .cast_btn a {
	width: 114px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contents .contents_box .cast_btn a { background-image:url(../images/mikoshiba/blog_btn_01.png)}
#contents .contents_box .cast_btn a:hover { background-position: 0 -26px;}
#contents .contents_box .blog_btn_01 { position: absolute; left: 106px; top: 415px;}
#contents .contents_box .blog_btn_02 { position: absolute; left: 307px; top: 350px;}
#contents .contents_box .blog_btn_03 { position: absolute; left: 647px; top: 350px;}
#contents .contents_box .blog_btn_04 { position: absolute; left: 817px; top: 350px;}

/* Official site */
#contents .contents_box .offsite_btn_01,
#contents .contents_box .offsite_btn_02 {
	width: 114px;
	height: 26px;
	position: absolute;
	left: 106px; top: 446px;
}
#contents .contents_box .offsite_btn_01 a,
#contents .contents_box .offsite_btn_02 a {
	width: 114px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contents .contents_box .offsite_btn_01 a,
#contents .contents_box .offsite_btn_02 a { background-image:url(../images/mikoshiba/official_site_btn_01.png)}
#contents .contents_box .offsite_btn_01 a:hover,
#contents .contents_box .offsite_btn_02 a:hover { background-position: 0 -26px;}
#contents .contents_box .offsite_btn_01 { position: absolute; left: 106px; top: 446px;}
#contents .contents_box .offsite_btn_02 { position: absolute; left: 477px; top: 350px;}



/* ページトップ */
#contents .contents_box .pagetop_btn {
	width: 122px;
	height: 24px;
	position: absolute;
	right: 42px; bottom: 0;
	_right: 42px; _bottom: 50px;
	background: #333;
}
*:first-child+html #contents .contents_box .pagetop_btn {
	width: 122px;
	height: 24px;
	position: absolute;
	right: 42px; bottom: 10px;
}
#contents .contents_box .pagetop_btn a {
	width: 122px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contents .contents_box .pagetop_btn a { background-image:url(../images/mikoshiba/page_top_btn_01.png)}
#contents .contents_box .pagetop_btn a:hover { background-position: 0 -24px;}
#contents .contents_box_01 .pagetop_btn { position: absolute; right: 42px; top: 295px;}
#contents .contents_box_02 .pagetop_btn { position: absolute; right: 42px; top: 1017px;}
#contents .contents_box_03 .pagetop_btn { position: absolute; right: 42px; top: 535px;}
#contents .contents_box_04 .pagetop_btn { position: absolute; right: 42px; top: 474px;}
#contents .contents_box_05 .pagetop_btn { position: absolute; right: 42px; top: 548px;}
*:first-child+html #contents .contents_box .pagetop_btn_bottom { position: absolute; right: 42px; bottom: 30px;}






/*  ======================================== 全ページ共通部分（レイアウト） ======================================== */
#wrapper_page {
	width: 1014px;
	margin: 0 auto;
}
	#header {
		width: 1014px;
		height: 653px;
		margin: 30px 0 0;
	}
	#contents {
		width: 1014px;
	}
		#contents .contents_box {
			position: relative;
			_margin: 0 0 -3px;
		}
		*:first-child+html #contents .contents_box {
			margin: 0 0 -6px;
		}
	#footer {
		width: 1014px;
		height: 121px;
		margin: 0 0 30px;
	}


