@charset "utf-8";

/*

	CSS for GIRLS und PANZER
	revised on 2017.03.19 by Mr.T
	Version: 1.0.0

*/

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

	YUI2 CSS reset

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

* {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' verdana, san-serif;
	margin: 0;
	padding: 0;
}
body{
	text-align:center;
}
html, body {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' verdana, san-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background:#fff;
	min-height:800px;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' verdana, san-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
table, caption, th, td {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' verdana, san-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,sup, q, br, ins, del, a, img, object, iframe {
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' verdana, san-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
hr {
	display: none;
}
a,img {
	margin: 0px;
	padding: 0px;
	border: none;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	width: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a {
	outline: 0;
 	color:#e26177;
 	text-decoration:none;
}
a:hover {
 	text-decoration:underline;
}
a:visited{
	color:#e26177;
}
.caption {
	text-align: center;
}
.m5{margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m15{margin-bottom:15px;}
.m20{margin-bottom:20px;}

li{
	list-style-type:none;
}


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

	common

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

#container{
	width:960px;
	text-align:left !important;
	margin-left:auto;
	margin-right:auto;
}
/* ===================================
	#header
=================================== */

#index_page #header{
	padding-top:25px;
	height:55px;
}

body#other_page h1{
	width:141px;
	height:65px;
	text-indent:-9999px;
	background:url(../img/h1.png) no-repeat;
}
body#other_page h1 a{
	width:141px;
	height:65px;
	display:block;
}
#other_page #header{
	margin-bottom:12px;
}

/* ===================================
	#pagetitle
=================================== */
#pagetitle{
	width:500px;
	height:43px;
	margin:0;
	padding:0;
}
#pagetitle img{
	width:481px;
	height:37px;
}

/* ===================================
	#wrapper
=================================== */

#wrapper{
	/*overflow:hidden;*/
}

#wrapper .Left{
	float:left;
}
#wrapper .Right{
	float:right;
}

/* ===================================
	#footer
=================================== */

#footer{
	clear:both;
	width:100%;
	height:120px;
	text-align:left !important;
	margin-left:auto;
	margin-right:auto;
	background: url(../img/address.jpg) no-repeat center bottom;
	text-indent:-9999px;
}


/* ===================================
	body、#sideLeft、#sideRight
=================================== */

body#index_page {
	background: #9AB1D9 url(../img/bg_index201703.jpg) no-repeat center top;
	/*background: #3176bd url(../img/bg_index201611.jpg) no-repeat center top;*/
	/*background: #3176bd url(../img/bg_index20151002.jpg) no-repeat center top;*/
}

body#index_page #sideLeft{
	width:523px;
	padding-top: 8px;
}
body#index_page #sideRight{
	width:430px;
	position: relative;
}


body#other_page {
	background:url(../img/bg_other.jpg) no-repeat center top;
}

/*1カラム--*/
h2.page_subtitle_w{
	width:959px;
	height:37px;
}
h2.page_subtitle_w img{
	width:959px;
	height:37px;
}
.culmn1{
	width:959px;
	background:url(../img/bg_1culmn.jpg) no-repeat left top #fff;
	padding-top:15px;
}

/*float2カラム--*/

body#other_page #sideLeft{
	width:254px;
}
body#other_page #sideRight{
	width:694px;
}
#sideRight h2.page_subtitle{
	width:694px;
	height:37px;
}
#sideRight h2.page_subtitle img{
	width:694px;
	height:37px;
}
body#other_page .sideRight_inner{
	width:694px;
	background:url(../img/bg_sideRight.jpg) no-repeat left top #fff;
}

/*--ページ背景--*/
body#other_page .backend_page{
	width:692px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:url(../img/bg_sideRight2.jpg) no-repeat left top #e8e8f0;
}


body#other_page .sideRight_inner h3.catetitle,
body#other_page .backend_page h3.catetitle{
	background:url(../img/movie/bg_title.gif) no-repeat;
	width:644px;
	height:21px;
	color:#cd5163;
	font-size:14px;
	padding:5px 0 0 20px;
	margin-left:15px;
	font-weight:bold;
}

#sideLeft .side_title{
	width:250px;
	height:40px;
}
#sideLeft .side_title img{
	width:250px;
	height:40px;
}
#sideLeft h2 {
	margin-bottom: 10px;
}
#sideLeft div.cate{
	border-right:1px solid #ffd5ff;
	border-left:1px solid #ffd5ff;
	width:248px;
	background:url(../img/side/side_bg.gif) repeat-y left top;
	padding:5px 0;
}
#sideLeft div.cate.gekijyo {
	border-right:1px solid #FFF4B1;
	border-left:1px solid #FFF4B1;
	background:url(../img/side/side_bg_gekijyo.gif) repeat-y left top;
}
#sideLeft div.cate div{
	background:url(../img/character/side_cate_bg.png) repeat-x left top;
	height:23px;
	width:243px;
	color:#cd5163;
	font-weight:bold;
	padding:3px 0 0 5px;
	}
#sideLeft div.cate div h3{
	background:url(../img/side/nav1.png) no-repeat left center;
	_background:url(../img/side/nav1.png) no-repeat left top;
	padding:6px 0 5px 30px;
	}
#sideLeft div.cate div h3.anko{
	background:url(../img/side/nav1.png) no-repeat left center !important;
	_background:url(../img/side/nav1.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.kame{
	background:url(../img/side/nav2.png) no-repeat left center !important;
	_background:url(../img/side/nav2.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.ahiru{
	background:url(../img/side/nav3.png) no-repeat left center !important;
	_background:url(../img/side/nav3.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.kaba{
	background:url(../img/side/nav4.png) no-repeat left center !important;
	_background:url(../img/side/nav4.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.usagi{
	background:url(../img/side/nav5.png) no-repeat left center !important;
	_background:url(../img/side/nav5.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.kamo{
	background:url(../img/side/nav6.png) no-repeat left center !important;
	_background:url(../img/side/nav6.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.reopon{
	background:url(../img/side/nav7.png) no-repeat left center !important;
	_background:url(../img/side/nav7.png) no-repeat left top !important;
	}
#sideLeft div.cate div h3.arikui{
	background:url(../img/side/nav8.png) no-repeat left center !important;
	_background:url(../img/side/nav8.png) no-repeat left top !important;
	}

#sideLeft div.cate li{
	padding:8px 10px 8px 20px;
	width:216px;
	margin-left:1px;
	background:url(../img/side/li_bottom.gif) repeat-x left bottom;
}
#sideLeft div.cate li a{
	color:#cd5163;
	text-decoration:none;
}
#sideLeft div.cate li a:hover{
	text-decoration:underline;
}
#sideLeft .cate_bottom{
	width:250px;
	height:2px;
	background:url(../img/side/bottom.gif) no-repeat left top;
	margin-bottom:15px;
}

/* ===================================
	#nav
=================================== */
#nav {
	width: 960px;
	height: 44px;
	background: url(../img/g_navi_off.png) no-repeat top center;
	z-index: 100;
}

#index_page #nav {
	margin: 0 auto !important;
}
#other_page #nav {
	margin: 8px auto 0 auto !important;
}

#nav li {
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	width: 96px;
}
#nav li.none {
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	width: 96px;
	text-indent:-9999px;
}

#nav a {
	display: block;
}
	#navIntro,#navStory,#navStaff,#navCast,#navCharacter,#navMechanic,#navMovie,#navProduct,#navSpecial,#navLink,#navTheater  {
		height: 44px;
		text-indent: -9999px;
	}

#nav a:hover{
	display: block;
	background: url(../img/g_navi_on.png) no-repeat top center;
}
#nav #navStory, #nav a#navStory:hover  {background-position: 0 0; }
#nav #navStaff, #nav a#navStaff:hover {background-position: -96px 0; }
#nav #navCast, #nav a#navCast:hover {background-position: -192px 0;}
#nav #navCharacter, #nav a#navCharacter:hover {background-position: -288px 0; }
#nav #navMechanic, #nav a#navMechanic:hover {background-position: -384px 0; }
#nav #navIntro, #nav a#navTheater:hover {background-position: -480px 0; }
#nav #navMovie, #nav a#navMovie:hover {background-position: -576px 0; }
#nav #navProduct, #nav a#navProduct:hover {background-position: -672px 0; }
#nav #navSpecial,#nav a#navSpecial:hover  {background-position: -768px 0; }
#nav #navLink, #nav a#navLink:hover {background-position: -864px 0; }

	#nav ul {
		display: none;
		width: 160px;
		background: #f8cfaf;
		border-left: 1px solid #af884a;
		border-top: 1px solid #af884a;
		position: absolute;
		top: 45px;
		z-index: 101;
	}
	#nav ul li {
		float: left;
	}
	#nav ul li a {
		width: 152px;
		border-bottom: 1px solid #af884a;
		border-right: 1px solid #af884a;
		color: #e46b80;
		display:block;
		padding:8px 4px;
		text-decoration:none;
	}
	#nav ul li a:hover {
		background: #755417;
		color:#fff;
		text-decoration:none;
	}

	/*-------------------------------
		NEWマーク
	-------------------------------*/
	.nav_all{
		position:relative;
		z-index:700;
	}
	#index_page .topInfo{
		position:relative;
		z-index:10;
	}
	.newmark{
		width:97px;
		height:11px;
		position:absolute;
		text-indent:-9999px;
		top:-10px;
		z-index:999;
		background:url(../img/nav_new1.gif) no-repeat;
	}
	#newmark1{left:287px;}
	#newmark2{left:383px;}
	#newmark3{left:575px;}
	#newmark4{left:767px;}
	#newmark5{left:671px;}
	#newmark6{left:0;}
	#newmark7{left:191px;}
	#newmark8{left:863px;}
	#newmark9{left:95px;}
	#newmark10{left:479px;}


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

	index.html

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

body#index_page .topInfo{
	height:152px;
	margin-bottom:13px;
	background:url(../img/index/bg_info.png) no-repeat;
	padding-top:37px;
}
body#index_page .topInfo .Innerbox1{
	height:65px;
}
body#index_page .topInfo .Innerbox1 img{
	height:65px;
	width:521px;
}

body#index_page > #container {
	height: 870px;
}

.topMovie_base{
	width:523px !important;
	height:442px;
	margin-bottom:6px;
	position:relative;
	background:url(../img/index/bg_tv.png) no-repeat;
	z-index:0;
	margin-top:-5px;
	margin-left:-1px;
}

.topMovie{
	height:425px;
	margin-bottom:6px;
	background:url(../img/index/bg_tv.png) no-repeat;
	padding:17px 0 0 0;
	text-align:left !important;
}
.topMovie .Moviearea{
	margin-left:13px;
	width:498px;
	height:345px;
}

#topLink01 a{
	width: 200px;
	height: 60px;
	position: absolute;
	top: 475px;
	left: 0;
	text-indent: -9999px;
}

#topFooter {
	padding: 30px 0;
	/*background-color: #3176bd;*/
}
#topCopyright {
	display: block;
	text-align: center;
	color: #fff;
	font-family: 'Play', sans-serif;
	font-weight: 700;
}
/* =======================================
	#carousel
======================================= */

#carousel {
	margin: 0 auto;
	width: 430px;
	height: 35px;
	text-align: left;
	position: relative;
	padding-top:12px;
	_padding-top:7px;
	margin-left:42px;
}

#carousel_prev,
#carousel_next {
	top: 12px;
	width: 26px;
	height: 35px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -26px;
	background:transparent url(../img/prev.jpg) no-repeat top left;
}
#carousel_next {
	right: -31px;
	background:transparent url(../img/next.jpg) no-repeat top left;
}


#carousel ul li {
	width: 86px;
	height:35px;
	float: left;
	background:url(../img/index/topMovie/bg.jpg) no-repeat;
	font-size:10px;
}
#carousel ul li a{
	color:#fff;
	width: 74px;
	height:29px;
	display:block;
	text-decoration:none;
	padding:6px 5px 0 7px;
}

/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}
#carousel ul li{
	text-align:center;
	line-height:1.2;
}



body#index_page .topAd{
	height:118px;
	overflow:hidden;
	width:523px;
	text-indent:-9999px;
}
body#index_page .topAd #Left{
	width:295px;
	height:118px;
	float:left;
	background:url(../img/index/mobile.png) no-repeat;
}
body#index_page .topAd #Right{
	width:221px;
	height:118px;
	float:right;
	background:url(../img/index/twitter.png) no-repeat;
}
body#index_page .topAd #Right a{
	width:221px;
	height:118px;
	display:block;
}

body#index_page .topBlog{
	/*height:189px;
	padding-top:590px;
	_padding-top:582px;*/
	position: absolute;
	top: 650px;
	right: -30px;
	width: 430px;
	height: 150px;
	z-index: 10;
}
body#index_page .title{
	background:url(../img/index/title_blog.png) no-repeat;
	height:37px;
	text-indent:-9999px;
	position:relative;
}
body#index_page .topBlog h2{
	position:absolute;
	top:0; left:0;
}
body#index_page .title span{
	position:absolute;
	width:84px;
	height:21px;
	top:10px;
	left:327px;
}
body#index_page .topBlog span a{
	display:block;
	width:84px;
	height:21px;
}
body#index_page .topBlog .body{
	height:102px;
	background:url(../img/index/bg_blog.jpg) no-repeat left bottom;
}
body#index_page .topBlog ul{
	height:75px;
	overflow:auto;
	padding:1px 1px 1px 15px;
}
body#index_page .topBlog ul li{
	list-style-type:none;
	border-bottom:1px dotted #c56359;
	padding:5px 0 3px 0;
	width:389px;
}
body#index_page .topBlog ul li a{
	color:#555;
	text-decoration:none;
}
body#index_page .topBlog ul li a:hover{
	text-decoration:underline;
}
body#index_page .topBlog ul li span{
	display:block;
	color:#c56359;
	padding-bottom:2px;
}



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

	chara.html

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

.page_charalist{
	margin-bottom:5px;
}
.space{
	height:10px;
	display:block;
}

#sideRight .chara_bg1{
	width:694px;
	height:560px;
	position:relative;
}
#sideRight .chara_bg2{
	width:694px;
	height:240px;
}
#sideRight .chara_bg3{
	width:694px;
	height:574px;
	position:relative;
}

.charalist{
	overflow:hidden;
	padding:3px 0 5px 30px;
}
.charalist li{
	width:108px;
	height:160px;
	_height:150px;
	float:left;
	list-style-type:none;
	padding-right:20px;
	text-align:center;
	_margin-bottom:10px;
}
.charalist li img{
	width:102px;
	height:118px;
	margin-bottom:10px;
}
.charalist li h3{
	width:108px;
	height:18px;
	padding-top:4px;
	background:url(../img/character/bg_name.png) no-repeat;
	font-weight:bold;
	color:#fff;
}
.charalist.gekijyo li h3,
.charalist li h3.gekijyo{
	background-image: none;
	background-color: #DAB103;
	border-radius: 10px;
}
.charalist li h3 a{
	text-decoration:none;
	color:#fff;
}
.charalist li h3 a:hover{
	text-decoration:underline;
}

.chara_sd{
	position:absolute;
	right:25px;
	bottom:40px;
}

/* ===================================================
	劇場版登場キャラクター
=================================================== */

/* 西 絹代 */
.chara_kinuyo_bg{
	background:url(../img/character/chara_kinuyo.png) no-repeat;
}

/* 福田 */
.chara_fukuda_bg{
	background:url(../img/character/chara_fukuda.png) no-repeat;
}
/* 玉田 */
.chara_tamada_bg{
	background:url(../img/character/chara_tamada.png) no-repeat;
}
/* 細見 */
.chara_hosomi_bg{
	background:url(../img/character/chara_hosomi.png) no-repeat;
}

/* ローズヒップ */
.chara_rosehip_bg{
	background:url(../img/character/chara_rosehip.png) no-repeat;
}
/* クラーラ */
.chara_clarla_bg{
	background:url(../img/character/chara_clarla.png) no-repeat;
}
/* ミカ */
.chara_mika_bg{
	background:url(../img/character/chara_mika.png) no-repeat;
}
/* アキ */
.chara_aki_bg{
	background:url(../img/character/chara_aki.png) no-repeat;
}
/* ミッコ */
.chara_mikko_bg{
	background:url(../img/character/chara_mikko.png) no-repeat;
}
/* 愛里寿 */
.chara_arisu_bg{
	background:url(../img/character/chara_arisu.png) no-repeat;
}
/* メグミ */
.chara_megumi_bg{
	background:url(../img/character/chara_megumi.png) no-repeat;
}
/* アズミ */
.chara_azumi_bg{
	background:url(../img/character/chara_azumi.png) no-repeat;
}
/* ルミ */
.chara_rumi_bg{
	background:url(../img/character/chara_rumi.png) no-repeat;
}

/* 篠川香音 */
.chara_kanon_bg{
	background:url(../img/character/chara_kanon.png) no-repeat;
}
/* 高島レミ */
.chara_remi_bg{
	background:url(../img/character/chara_remi.jpg) no-repeat;
}

/* 稲富ひびき */
.chara_hibiki_bg{
	background:url(../img/character/chara_hibiki.jpg) no-repeat;
}

/* 島田千代 */
.chara_chiyo_bg{
	background:url(../img/character/chara_chiyo.png) no-repeat;
}
/* 辻廉太 */
.chara_renta_bg{
	background:url(../img/character/chara_renta.png) no-repeat;
}
/* 児玉七郎 */
.chara_shichiro_bg{
	background:url(../img/character/chara_shichiro.png) no-repeat;
}



/* ===================================================
	TV版登場キャラクター
=================================================== */

/*===================================
西住 みほ
===================================*/

#sideRight .chara_miho_bg1{
	background:url(../img/character/miho_top.jpg) no-repeat;
}
#sideRight .chara_miho_bg2{
	background:url(../img/character/miho_bottom.jpg) no-repeat;
}

/*===================================
武部 沙織
===================================*/

#sideRight .chara_saori_bg1{
	background:url(../img/character/saori_top.jpg) no-repeat;
}
#sideRight .chara_saori_bg2{
	background:url(../img/character/saori_bottom.jpg) no-repeat;
}

/*===================================
五十鈴 華
===================================*/

#sideRight .chara_hana_bg1{
	background:url(../img/character/hana_top.jpg) no-repeat;
}
#sideRight .chara_hana_bg2{
	background:url(../img/character/hana_bottom.jpg) no-repeat;
}

/*===================================
秋山 優花里
===================================*/

#sideRight .chara_yukari_bg1{
	background:url(../img/character/yukari_top.jpg) no-repeat;
}
#sideRight .chara_yukari_bg2{
	background:url(../img/character/yukari_bottom.jpg) no-repeat;
}

/*===================================
冷泉 麻子
===================================*/

#sideRight .chara_mako_bg1{
	background:url(../img/character/mako_top.jpg) no-repeat;
}
#sideRight .chara_mako_bg2{
	background:url(../img/character/mako_bottom.jpg) no-repeat;
}

/*===================================
角谷 杏
===================================*/

.chara_kadotani_bg{
	background:url(../img/character/bg_kadotani.jpg) no-repeat;
}

/*===================================
小山柚子
===================================*/

.chara_koyama_bg{
	background:url(../img/character/bg_koyama.jpg) no-repeat;
}

/*===================================
河嶋 桃
===================================*/

.chara_kawashima_bg{
	background:url(../img/character/bg_kawashima.jpg) no-repeat;
}


/*===================================
磯部典子
===================================*/

.chara_isobe_bg{
	background:url(../img/character/bg_isobe.jpg) no-repeat;
}

/*===================================
近藤妙子
===================================*/

.chara_kondo_bg{
	background:url(../img/character/bg_kondo.jpg) no-repeat;
}

/*===================================
河西忍
===================================*/

.chara_kawanishi_bg{
	background:url(../img/character/bg_kawanishi.jpg) no-repeat;
}

/*===================================
佐々木あけび
===================================*/

.chara_sasaki_bg{
	background:url(../img/character/bg_sasaki.jpg) no-repeat;
}

/*===================================
カエサル
===================================*/

.chara_kaesaru_bg{
	background:url(../img/character/bg_kaesaru.jpg) no-repeat;
}

/*===================================
おりょう
===================================*/

.chara_oryou_bg{
	background:url(../img/character/bg_oryo.jpg) no-repeat;
}

/*===================================
左衛門佐
===================================*/

.chara_saemonnza_bg{
	background:url(../img/character/bg_saemonnza.jpg) no-repeat;
}

/*===================================
エルヴィン
===================================*/

.chara_eruvin_bg{
	background:url(../img/character/bg_eruvin.jpg) no-repeat;
}

/*===================================
澤　梓
===================================*/

.chara_sawa_bg{
	background:url(../img/character/bg_sawa.jpg) no-repeat;
}

/*===================================
宇津木優季
===================================*/

.chara_utsugi_bg{
	background:url(../img/character/bg_utsugi.jpg) no-repeat;
}


/*===================================
大野あや
===================================*/

.chara_oono_bg{
	background:url(../img/character/bg_oono.jpg) no-repeat;
}

/*===================================
阪口佳利奈
===================================*/

.chara_sakaguchi_bg{
	background:url(../img/character/bg_sakaguchi.jpg) no-repeat;
}

/*===================================
丸山沙希
===================================*/

.chara_maruyama_bg{
	background:url(../img/character/bg_maruyama.jpg) no-repeat;
}

/*===================================
山郷あゆみ
===================================*/

.chara_yamago_bg{
	background:url(../img/character/bg_yamago.jpg) no-repeat;
}

/*===================================
蝶野亜美
===================================*/

.chara_chono_bg{
	background:url(../img/character/bg_chono.jpg) no-repeat;
}

/*===================================
ダージリン
===================================*/

.chara_darjeeling_bg{
	background:url(../img/character/bg_darjeeling.jpg) no-repeat;
}

/*===================================
アッサム
===================================*/

.chara_assam_bg{
	background:url(../img/character/bg_assam.jpg) no-repeat;
}

/*===================================
オレンジペコ
===================================*/

.chara_orangepekoe_bg{
	background:url(../img/character/bg_orangepekoe.jpg) no-repeat;
}

/*===================================
ダージリン
===================================*/

.chara_darjeeling_bg{
	background:url(../img/character/bg_darjeeling.jpg) no-repeat;
}

/*===================================
ケイ
===================================*/

.chara_kei_bg{
	background:url(../img/character/bg_kei.jpg) no-repeat;
}

/*===================================
ナオミ
===================================*/

.chara_naomi_bg{
	background:url(../img/character/bg_naomi.jpg) no-repeat;
}

/*===================================
アリサ
===================================*/

.chara_arisa_bg{
	background:url(../img/character/bg_arisa.jpg) no-repeat;
}

/*===================================
アンチョビ
===================================*/

.chara_anchovy_bg{
	background:url(../img/character/bg_anchovy.jpg) no-repeat;
}

/*===================================
カルパッチョ
===================================*/

.chara_carpaccio_bg{
	background:url(../img/character/bg_karupacho.jpg) no-repeat;
}

/*===================================
ペパロニ
===================================*/

.chara_pepperoni_bg{
	background:url(../img/character/bg_peparoni.jpg) no-repeat;
}

/*===================================
カチューシャ
===================================*/

.chara_kachusya_bg{
	background:url(../img/character/bg_kachusya.jpg) no-repeat;
}

/*===================================
ノンナ
===================================*/

.chara_nonna_bg{
	background:url(../img/character/bg_nonna.jpg) no-repeat;
}

/*===================================
西住まほ
===================================*/

.chara_maho_bg{
	background:url(../img/character/bg_maho.jpg) no-repeat;
}

/*===================================
逸見エリカ
===================================*/

.chara_erika_bg{
	background:url(../img/character/bg_erika.jpg) no-repeat;
}

/*===================================
B子
===================================*/

.chara_b_bg{
	background:url(../img/character/bg_b.jpg) no-repeat;
}

/*===================================
C子
===================================*/

.chara_c_bg{
	background:url(../img/character/bg_c.jpg) no-repeat;
}

/*===================================
五十鈴百合
===================================*/

.chara_isuzuyuri_bg{
	background:url(../img/character/bg_isuzuyuri.jpg) no-repeat;
}

/*===================================
冷泉久子
===================================*/

.chara_h_reizei_bg{
	background:url(../img/character/bg_h_reizei.jpg) no-repeat;
}

/*===================================
西住しほ
===================================*/

.chara_shiho_bg{
	background:url(../img/character/bg_shiho.jpg) no-repeat;
}


/*===================================
風紀委員
===================================*/

.chara_sodoko_bg{
	background:url(../img/character/bg_sodoko.jpg) no-repeat;
}
.chara_gomoyo_bg{
	background:url(../img/character/bg_gomoyo.jpg) no-repeat;
}
.chara_pazomi_bg{
	background:url(../img/character/bg_pazomi.jpg) no-repeat;
}

/*===================================
ナカジマ
===================================*/

.chara_nakajima_bg{
	background:url(../img/character/bg_nakajima.jpg) no-repeat;
}

/*===================================
スズキ
===================================*/

.chara_suzuki_bg{
	background:url(../img/character/bg_suzuki.jpg) no-repeat;
}

/*===================================
ホシノ
===================================*/

.chara_hoshino_bg{
	background:url(../img/character/bg_hoshino.jpg) no-repeat;
}

/*===================================
ツチヤ
===================================*/

.chara_tsuchiya_bg{
	background:url(../img/character/bg_tsuchiya.jpg) no-repeat;
}

/*===================================
ねこにゃー
===================================*/

.chara_nekonya_bg{
	background:url(../img/character/bg_nekonya.jpg) no-repeat;
}

/*===================================
ももがー
===================================*/

.chara_momoga_bg{
	background:url(../img/character/bg_momoga.jpg) no-repeat;
}

/*===================================
ぴよたん
===================================*/

.chara_piyotan_bg{
	background:url(../img/character/bg_piyotan.jpg) no-repeat;
}

/*===================================
秋山淳五郎
===================================*/

.chara_akiyamaf_bg{
	background:url(../img/character/bg_akiyamaf.jpg) no-repeat;
}

/*===================================
秋山好子
===================================*/

.chara_akiyamam_bg{
	background:url(../img/character/bg_akiyamam.jpg) no-repeat;
}







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

	pv.html

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

.movie_box{
/*	margin-bottom:30px;*/
	position:relative;
	height:340px;
	width:664px;
	padding:10px 5px 0 10px;
	margin-left:5px;
}
.movie_box h3{
	background:url(../img/movie/bg_title.gif) no-repeat;
	width:644px;
	height:21px;
	color:#cd5163;
	font-size:14px;
	padding:5px 0 0 20px;
}
.movie_box h3 span{
	background:url(../img/nav_new.png) no-repeat center right;
	padding-right:35px;
}
.movie_box .pv_box{
	width:360px;
	height:268px;
	position:absolute;
	right:5px;
	top:60px;
}
.movie_box p{
	width:250px;
	position:absolute;
	top:65px;
	color:#474f4d;
	line-height:1.6;
	line-height:1.5\9;
	left:25px;
}


.movie_box .pv_box1{
	width:330px;
	position:absolute;
	right:-5px;
	top:60px;
}
.movie_box .p1{
	width:320px !important;
	left:20px !important;
}
.movie_box .p1 strong{
	font-weight:bold;
	color:#555 !important;
	font-size:1.1em;
	line-height:1.2 !important;
}
.movie_box .p1 span,
.movie_box .p2 span,
.movie_box .p3 span{
	font-weight:bold;
	color:#555 !important;
	font-size:1.2em;
	padding-bottom:10px;
	display:block;
}

.movie_box .pv_box2{
	width:100px;
	position:absolute;
	right:0px;
	top:60px;
}
.movie_box .p2{
	width:550px !important;
	left:20px !important;
	line-height:1.8 !important;
}

.movie_box .pv_box3{
	width:240px;
	position:absolute;
	right:5px;
	top:60px;
}
.movie_box .p3{
	width:400px !important;
	left:20px !important;
	line-height:1.8 !important;
}

.movie_box .p4{
	width:550px !important;
	left:20px !important;
	line-height:1.8 !important;
}
.movie_box .p4 strong{
	font-weight:bold;
	color:#cd5163;
	font-size:14px;
	display:block;
	padding-left:10px;
	margin-bottom:15px;
}
.movie_box .p4 span{
	display:block;
	padding-left:20px;
	font-weight:normal;
}
.movie_box .linkBtn{
	width:339px;
	height:58px;
	text-indent:-9999px;
	background:url(/img/special/link.png) no-repeat;
	background-size:339px 58px;
}
.movie_box .linkBtn a{
	width:339px;
	height:58px;
	display:block;
}
.movie_box .ouboEnd{
	text-align:center;
	width:100%;
	color:#CD5163;
	font-size:1.5em;
	font-weight:bold;
	padding-top:15px;
}
.goods_page{
	border-bottom:1px dotted #999;
	padding-bottom:20px;
}
.movie_box dl{
	width:660px;
	overflow:hidden;
	color:#555;
	line-height:1.6;
}
.movie_box dl dt{
	float:left;
	padding-right:10px;
}
.movie_box dl dd{
	float:right;
}
.movie_box dl dt.w350{width:350px;}
.movie_box dl dt.w400{width:400px;}
.movie_box dl dt.w650{width:650px;}
.movie_box dl dd.w300{width:300px;}
.movie_box dl dd.w250{width:250px;}
.movie_box dl dd.w10{width:10px;}

.movie_box dl dt .title{
	padding-bottom:15px;
}
.movie_box dl dt .title h4{
	font-weight:bold;
	font-size:1.2em;
}
.movie_box dl dt .title h4.itemtitle{
	font-weight:bold;
	font-size:1.6em;
	color:#e26177;
	line-height:1.4em !important;
}
.movie_box dl dt .title span{
	color:#e26177;
	font-size:20px;
}
.movie_box dl dt span{
	font-weight:bold;
	display:block;
}
.movie_box dl dt span.sub_title{
	font-size:14px;
	padding-bottom:5px;
}
.movie_box dl dt .text{
	padding-bottom:15px;
	display:block;
}

.movie_box div.all{
	width:660px;
	color:#555;
	line-height:1.7;
}
.movie_box div.all h4.miho1{
	width:609px;
	height:70px;
	text-indent:-9999px;
	background:url(../img/product/yomecolle/title.png) no-repeat;
	margin-bottom:20px;
	margin-top:10px;
}
.movie_box div.all .inner{
	padding:5px 5px 10px 5px;
}
.movie_box div.all .inner strong{
	font-weight:bold;
}
.movie_box div.all .yome_img{
	margin-bottom:10px;
}
.movie_box div.all .inner .pink{
	color:#e26177;
}
.movie_box .linkBtn1{
	width:339px;
	height:58px;
	text-indent:-9999px;
	background:url(/img/product/yomecolle/link.png) no-repeat;
	background-size:339px 58px;
	margin:10px 0 20px 160px;
}
.movie_box .linkBtn1 a{
	width:339px;
	height:58px;
	display:block;
}
.goods_box .linkBtn2{
	width:240px;
	height:58px;
	text-indent:-9999px;
	background:url(/img/product/bddvd/link.png) no-repeat;
	background-size:240px 58px;
	margin:10px 0 5px 0;
}
.goods_box .linkBtn2 a{
	width:240px;
	height:58px;
	display:block;
}



.sd_pagenav{
	overflow:hidden;
	clear:both;
}
.sd_pagenav li{
	float:left;
	background: url(../img/side/nav1.png) no-repeat left center;
	padding: 4px 0 2px 25px;
	list-style-type:none;
	margin-left:20px;
	margin-bottom:5px;
}

.sd_pagenav li a{
	color:#cd5163;
	text-decoration:none;
}
.sd_pagenav li a.new_entry{
	background:url(../img/nav_new.png) no-repeat center right;
	padding-right:34px;
}
.sd_pagenav li a:hover{
	color:#cd5163;
	text-decoration:underline;
}


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

	mechanic.html

============================================== */
/* メカ劇場
================================== */
.mecha_main {
	background: url(../img/mechanic/bg_mecha_gekijyo.png) no-repeat ;
	height: 550px;
	width: 671px;
	margin: 0 auto;
}

.mecha_spec {

}

.mecha_inner {
	height: 100%;
	background-repeat: no-repeat;
	background-position: 93% 55px;
	position: relative;
}
.mecha_inner #mainimglist {
	position: absolute;
	top: 50px;
	left: 50px;
}
.mecha_inner #thumbnaillist {
	position: absolute;
	bottom: 40px;
	left: 35px;
}
/* 九七式中戦車（旧砲塔） */
#mecha_97mid_old {
	background-image: url(../img/mechanic/97mid_old/text_97mid_old.png);
}
/* 九七式中戦車（新砲塔） */
#mecha_97mid_new {
	background-image: url(../img/mechanic/97mid_new/text_97mid_new.png);
}
/* 九五式軽戦車 */
#mecha_95light {
	background-image: url(../img/mechanic/95light/text_95light.png);
}
/* クルセイダーMk.Ⅲ　 */
#mecha_crusader_mk3 {
	background-image: url(../img/mechanic/crusader_mk3/text_crusader_mk3.png);
}

/*継続高校 ===*/
/*巡航戦車A41センチュリオン*/
#mecha_A41_centurion {
  background-image: url(../img/mechanic/A41_centurion/text_A41_centurion.png);
}
/*M26パーシング重戦車*/
#mecha_M26_pershing {
  background-image: url(../img/mechanic/M26_pershing/text_M26_pershing.png);
}
/*・M24チャーフィー軽戦車*/
#mecha_M24_chaffee {
  background-image: url(../img/mechanic/M24_chaffee/text_M24_chaffee.png);
}
/*・T28重戦車*/
#mecha_T28 {
  background-image: url(../img/mechanic/T28/text_T28.png);
}
/*・カール自走臼砲*/
#mecha_Karl-Gerat {
  background-image: url(../img/mechanic/Karl-Gerat/text_Karl-Gerat.png);
}
/*BT-42突撃砲*/
#mecha_BT-42 {
  background-image: url(../img/mechanic/BT-42/text_BT-42.png);
}
/*Ⅱ号戦車F型*/
#mecha_second_typeF {
  background-image: url(../img/mechanic/second_typeF/text_second_typeF.png);
}
/*C-5M*/
#mecha_C-5M {
  background-image: url(../img/mechanic/C-5M/text_C-5M.png);
}


/* メカ
================================== */

.page_mechanic{
	padding-top:15px;
}
.mechanic_inner{
	width:666px;
	background:url(../img/mechanic/bg_main.jpg) repeat-y left top;
	height:500px;
	margin:0 0 0 15px;
}
.mechanic_header{
	width:666px;
	height:53px;
	background:url(../img/mechanic/bg_maintop.jpg) no-repeat left top;
}
.mechanic_bottom{
	width:666px;
	height:47px;
	background:url(../img/mechanic/bg_mainbottom.jpg) no-repeat left top;
	margin:0 0 0 15px;
}
.mechanic_box{
	width:608px;
	margin-left:29px;
}

/*===================================
Ⅳ号戦車Ｄ型
===================================*/
.bg_4go{
	background:url(../img/mechanic/4go/bg.jpg) no-repeat;
}
/*===================================
Ⅳ号戦車D型改（F2型仕様）
===================================*/
.bg_4go_2{
	background:url(../img/mechanic/4go_2/bg.jpg) no-repeat;
}
/*===================================
Ⅳ号戦車D型改（H型仕様）
===================================*/
.bg_4h_s10{
	background:url(../img/mechanic/4h_s10/bg.jpg) no-repeat;
}
/*===================================
八九式中戦車乙型
===================================*/
.bg_89shiki{
	background:url(../img/mechanic/89shiki/bg.jpg) no-repeat;
}
/*===================================
Ⅲ号突撃砲F型
===================================*/
.bg_3go{
	background:url(../img/mechanic/3go/bg.jpg) no-repeat;
}
/*===================================
38（ｔ）改（ヘッツァー仕様）
===================================*/
.bg_ht_s10{
	background:url(../img/mechanic/ht_s10/bg.jpg) no-repeat;
}
/*===================================
38(t)戦車B/C型
===================================*/
.bg_38t{
	background:url(../img/mechanic/38t/bg.jpg) no-repeat;
}
/*===================================
M3中戦車リー
===================================*/
.bg_m3{
	background:url(../img/mechanic/m3/bg.jpg) no-repeat;
}
/*===================================
10式戦車
===================================*/
.bg_10shiki{
	background:url(../img/mechanic/10shiki/bg.jpg) no-repeat;
}

/*===================================
B1bis（カモさんチーム）
===================================*/
.bg_b1bis{
	background:url(../img/mechanic/b1bis/bg.jpg) no-repeat;
}

/*===================================
ポルシェティーガー VK4501(P)（レオポンさんチーム）
===================================*/
.bg_vk4501{
	background:url(../img/mechanic/vk4501/bg.jpg) no-repeat;
}

/*===================================
三式中戦車（チヌ）（アリクイさんチーム）
===================================*/
.bg_3s_s10b{
	background:url(../img/mechanic/3s_s10b/bg.jpg) no-repeat;
}

/*===================================
チャーチル歩兵戦車 Mk.VII
===================================*/
.bg_mk7{
	background:url(../img/mechanic/mk7/bg.jpg) no-repeat;
}
/*===================================
マチルダII 歩兵戦車 Mk.III／IV
===================================*/
.bg_mk3_4{
	background:url(../img/mechanic/mk3_4/bg.jpg) no-repeat;
}
/*===================================
M4シャーマン 75㎜砲搭載型
===================================*/
.bg_4_m4{
	background:url(../img/mechanic/4_m4/bg.jpg) no-repeat;
}
/*===================================
M4A1シャーマン 76mm砲搭載型
===================================*/
.bg_4_m4a1{
	background:url(../img/mechanic/4_m4a1/bg.jpg) no-repeat;
}
/*===================================
シャーマン･ファイアフライ
===================================*/
.bg_4_s_firefly{
	background:url(../img/mechanic/4_s_firefly/bg.jpg) no-repeat;
}

/*===================================
KV-2
===================================*/
.bg_5_kv2{
	background:url(../img/mechanic/5_kv2/bg.jpg) no-repeat;
}

/*===================================
T-34/76
===================================*/
.bg_5_t3476{
	background:url(../img/mechanic/5_t3476/bg.jpg) no-repeat;
}

/*===================================
T-34/85
===================================*/
.bg_5_t3485{
	background:url(../img/mechanic/5_t3485/bg.jpg) no-repeat;
}

/*===================================
IS-2
===================================*/
.bg_5_is2{
	background:url(../img/mechanic/5_is2/bg.jpg) no-repeat;
}

/*===================================
CV33型快速戦車（L3/33）
===================================*/
.bg_an_cv33{
	background:url(../img/mechanic/an_cv33/bg.jpg) no-repeat;
}
/*===================================
P40型重戦車
===================================*/
.bg_an_p40{
	background:url(../img/mechanic/an_p40/bg.jpg) no-repeat;
}
/*===================================
M41型セモヴェンテ（自走砲）
===================================*/
.bg_an_sv{
	background:url(../img/mechanic/an_sv/bg.jpg) no-repeat;
}

/*===================================
Ⅲ号戦車J型
===================================*/
.bg_bla_3j_s01b{
	background:url(../img/mechanic/bla_3j_s01b/bg.jpg) no-repeat;
}

/*===================================
Ⅳ号駆逐戦車/70(V)ラング
===================================*/
.bg_bla_4go{
	background:url(../img/mechanic/bla_4go/bg.jpg) no-repeat;
}

/*===================================
重駆逐戦車エレファント
===================================*/
.bg_bla_el{
	background:url(../img/mechanic/bla_el/bg.jpg) no-repeat;
}

/*===================================
ティーガーⅠ
===================================*/
.bg_bla_t1{
	background:url(../img/mechanic/bla_t1/bg.jpg) no-repeat;
}

/*===================================
ティーガーⅡ
===================================*/
.bg_bla_t2{
	background:url(../img/mechanic/bla_t2/bg.jpg) no-repeat;
}

/*===================================
パンターG型
===================================*/
.bg_bla_pg{
	background:url(../img/mechanic/bla_pg/bg.jpg) no-repeat;
}

/*===================================
マウス
===================================*/
.bg_bla_mouse{
	background:url(../img/mechanic/bla_mouse/bg.jpg) no-repeat;
}

/*===================================
駆逐戦車ヤークトティーガー
===================================*/
.bg_bla_jp_s10{
	background:url(../img/mechanic/bla_jp_s10/bg.jpg) no-repeat;
}

/*===================================
駆逐戦車ヤークトパンター
===================================*/
.bg_bla_jt_s10{
	background:url(../img/mechanic/bla_jt_s10/bg.jpg) no-repeat;
}






/* swapimage用メカニック
--------------------------------------------*/

/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.page_mechanic #thumbnaillist{
	height:90px !important;
	margin-left:5px;
}
.page_mechanic #thumbnaillist ul{
}
.page_mechanic #thumbnaillist li{
	height:90px;
	float:left;
	background:none;
	padding:0 10px 0px 0;
	margin:0 0 10px 0;
	list-style-type:none;
}
.page_mechanic #thumbnaillist li a{
	display:block;
}
.page_mechanic #thumbnaillist li a:link    {}
.page_mechanic #thumbnaillist li a:visited {}
.page_mechanic #thumbnaillist li a:hover   {opacity:0.8;}
.page_mechanic #thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.page_mechanic #thumbnaillist li a:hover img {filter:alpha(opacity=80);}


/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.page_mechanic #mainimglist{
	width:395px;
	height:360px;
	margin:20px 0 0 0;
}
.page_mechanic #mainimglist img{
}

/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



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

	intro.html

============================================== */
.page_intro p,.page_intro2 p{
	padding-left:24px;
	padding-bottom:15px;
}

.page_intro p img{
	width:912px;
	height:558px;
}
.page_introOva p img{
	width:912px;
	height:926px;
}

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

	staff.html

============================================== */
.page_staff{
	padding-bottom:50px;
}
.page_staff table{
	border-collapse:collapse;
	margin:15px 15px 0 15px;
}
.page_staff table tr th,
.page_staff table tr td{
	margin:0;
	padding:10px 0;
	background:url(../img/bg_line.gif) repeat-x left bottom;
	line-height:1.5;
	text-align:left;
}
.page_staff table tr th.none{
	background:none !important;
}
.page_staff table tr th span,
.page_staff table tr td span{
	display:block;
	padding-left:10px;
}
.page_staff table tr th span strong{
	display:inline-block;
	width:97px;
}
.page_staff table tr td span{
	padding-right:5px;
}
.page_staff table tr th{
	width:30%;
	font-size:14px;
	color:#e25e75;
}
.page_staff table tr td{
	width:70%;
	font-size:10px;
	color:#474f4d;
}
.page_staff table tr th p.comment{
	width:86px;
	height:23px;
	text-indent:-9999px;
	background:url(../img/staff/comment_btn.png) no-repeat;
	float:left;
	margin-left:10px;
	margin-top:-2px;
}
.page_staff table tr th p.comment a{
	width:86px;
	height:23px;
	display:block;
}






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

	link.html

============================================== */
.page_link{
	padding-bottom:50px;
	height:500px;
}
.page_link table{
	border-collapse:collapse;
}
.page_link table tr td{
	list-style-type:none;
	line-height:1.6;
	padding-bottom:1.2em;
	padding-left:30px;
}
.page_link table tr td h3{
	font-size:14px;
	color:#474f4d;
	background:url(/img/side/nav1.png) no-repeat left center;
	font-weight:bold;
	padding-left:25px;
}
.page_link table tr td a{
	font-size:14px;
	color:#e25e75;
}




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

	cast.html

============================================== */
.page_cast{
	padding-bottom:50px;
}
.page_cast_inner{
	height:700px;
	background:rgba(255,255,255,.3), url(../img/cast/bgmain.jpg) no-repeat left top;
}
.page_cast_inner:after {
	content:"";
	display: table;
	clear: both;
}
.page_cast_inner .castBox1{
	width:210px;
	float:left;
	margin:0;
	padding:30px 0 0 10px;
}
.page_cast_inner .castBox1 .cast_box{
	margin:0 0 15px 0;
}
.page_cast_inner .castBox1 .cast_box h3{
	width:200px;
	height:16px;
	background:url(/img/cast/h3_bg.png) no-repeat;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	margin-bottom:15px;
}
.page_cast_inner .castBox1 .cast_box ul{
	padding-left:10px;
	padding-bottom:10px;
}
.page_cast_inner .castBox1 .cast_box ul li span{
	color:#e25e75;
	display:inline-block;
	padding-right:10px;
}
.page_cast_inner .castBox1 .cast_box ul li{
	color:#454545;
	font-size:12px;
	list-style-type:none;
	line-height:2.2;

}


/* 劇場版 */
.page_cast_inner #castBoxGekijyo {
	position: relative;
}
.page_cast_inner #castBoxGekijyo:before {
	content: "";
	display: block;
	width: 209px;
	height: 46px;
	position: absolute;
	left: 5px; top: -15px;
	background: url(../img/cast/h_gekijyo.png) no-repeat;
}
.page_cast_inner .castBox1.gekijyo .cast_box h3 {
	border: 1px solid #fff;
	background-color: #DAB103;
	background-image: none;
	border-radius: 10px;
}
.page_cast_inner .castBox1.gekijyo .cast_box ul li span {
	color: #A56D00;
}


/*
.page_cast table{
	border-collapse:collapse;
	margin:0 0 0 15px;
	width:320px;
}
.page_cast table tr th,
.page_cast table tr td{
	margin:0;
	padding:10px 0;
	background:url(../img/bg_line.gif) repeat-x left bottom;
	line-height:1.5;
}
.page_cast table tr th span,
.page_cast table tr td span{
	display:block;
	padding-left:10px;
}
.page_cast table tr td span{
	padding-right:5px;
}
.page_cast table tr th{
	width:45%;
	font-size:14px;
	color:#e25e75;
}
.page_cast table tr td{
	width:55%;
	font-size:12px;
	color:#474f4d;
}

.page_cast .cast_box{
	margin-bottom:20px;
	padding-left:90px;
	margin-left:30px;
}
.page_cast .cast_ooarai{
	background:url(../img/cast/nav_ooarai.gif) no-repeat left center;
}


#fancybox-wrap{
	z-index:999;
}


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

	goods.html

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

.goods_box{
	width:664px;
	padding:8px 5px 0 10px;
	margin-left:5px;
	overflow:hidden;
}

.goods_box dl{
	width:660px;
	overflow:hidden;
	color:#555;
	line-height:1.6;
	padding-bottom:20px;
	border-bottom:1px dotted #aaa;
	padding-top:5px;
}
.goods_box dl dt{
	float:left;
	padding-right:10px;
	padding-top:5px;
	color:#555;
}
.goods_box dl dt p{
	font-size:13px;
	line-height:1.7em;
}
.goods_box dl dd{
	float:right;
	color:#555;
	text-align:center !important;
	padding-top:5px;
}
.goods_box dl dt.w280{width:270px; padding-left:10px;}
.goods_box dl dt.w320{width:310px; padding-left:10px;}
.goods_box dl dt.w400{width:390px; padding-left:10px;}
.goods_box dl dt.w510{width:500px; padding-left:10px;}
.goods_box dl dt.w645{width:635px; padding-left:10px;}
.goods_box dl dd.w370{width:370px;}
.goods_box dl dd.w330{width:330px;}
.goods_box dl dd.w250{width:250px;}
.goods_box dl dd.w140{width:140px;}
.goods_box dl dd.w5{width:5px;}

.goods_box dl dt .title,
.goods_box_charagumin .title{
	padding-bottom:20px;
}
.goods_box dl dt .title h3,
.goods_box_charagumin .title h3{
	font-weight:bold;
	font-size:14px;
	color:#e26177;
}
.goods_box dl dt .title h4.itemtitle,
.goods_box_charagumin h4.itemtitle{
	font-weight:bold;
	font-size:20px;
	color:#e26177;
	line-height:1.4em !important;
	padding-bottom:5px;
}
.goods_box dl dt .title .subtitle,
.goods_box_charagumin .subtitle{
	font-weight:bold;
	font-size:13px;
	color:#666;
}
.goods_box dl dt .title .subtitle2,
.goods_box_charagumin dl dt .title .subtitle2{
	font-weight:bold;
	font-size:14px;
	color:#666;
}

.goods_box div.all{
	width:660px;
	color:#555;
	line-height:1.7;
	clear:both;
}

span.nowonsale{
	font-weight:bold;
	color:#fff;
	background:#e84d85;
	border:1px solid #dd3f75;
	font-size:13px;
	padding:2px 6px;
	display:inline-block;
	text-align:center;
}


/*キャラグミン*/

.charaguminBox{
	width:650px;
	padding:8px 10px 0 10px;
	margin-left:9px;
	overflow:hidden;
	border:1px dotted #111;
	_border:1px dotted #333;
}

.goods_box_charagumin dl{
	width:650px;
	overflow:hidden;
	color:#555;
	line-height:1.6;
	padding-bottom:20px;
	border-bottom:1px dotted #aaa;
	padding-top:5px;
	margin-bottom:10px;
}
.goods_box_charagumin dl dt{
	float:left;
	padding-top:5px;
	color:#555;
	width:380px; padding-left:10px;
}
.goods_box_charagumin dl dt p{
	font-size:13px;
	line-height:1.7em;
}
.goods_box_charagumin dl dd{
	float:right;
	color:#555;
	text-align:center !important;
	padding-top:5px;
	width:250px;
}
dl.borderNone{
	border-bottom:none !important;
}
.border{
	border:1px solid #ccc;
}



/* ===================================================
    pro_sns.html
    スマホアプリ
=================================================== */
.sp-app_wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}
.sp-app_wrapper p {
    margin-bottom: 1.5em;
}
.sp-app_title {
    margin-bottom: 20px;
}

.sp-app_h4 {
    font-weight: bold;
    font-size: 105%;
    margin-bottom: .5em;
}

.sp-app_lead {
    font-weight: bold;
    font-size: 110%;
}

.sp-app_spec {
    margin-bottom: 20px;
}

.sp-app_spec:after {
    content: '';
    display: table;
    clear: both;
}
.sp-app_spec dt,
.sp-app_spec dd {
    line-height: 1.4;
}
.sp-app_spec dt {
    clear: both;
    float: left;
    width: 20%;
}
.sp-app_spec dd {
    padding-left: 22%;
    border-bottom: 1px dotted #aaa;
    padding-bottom: .65em;
    margin-bottom: .65em;
}
.sp-app_screenshots {

}
.sp-app_screenshots:after {
    content: '';
    display: table;
    clear: both;
}
.sp-app_screenshot {
    width: 48.5%;
    margin-bottom: 20px;
}
.sp-app_screenshot img {
    width: 100%;
}
.sp-app_screenshot:nth-child(2n+1) {
    float: left;
}
.sp-app_screenshot:nth-child(2n) {
    float: right;
}

.sp-app_qrcodes {
    text-align: center;
}

.sp-app_qrcode {
    vertical-align: top;
    display: inline-block;
    margin: 0 10px 20px;
    width: 20%;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
}
.sp-app_qrttl {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 120%;
}
.sp-app_qrttl-android {
    color: #22bf1a;
}
.sp-app_qrttl-apple {
    color: #5d96ec;
}
.sp-app_qrttl i {
    font-size: 120%;
    margin-right: .5em;
}

.sp-app_qrimg {
    display: block;
    width: 80%;
    margin: 0 auto;
}

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

	story.html

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

.goods_box .storytitle{
	padding:10px 0 0 10px;
}
.goods_box .storytitle h4{
	font-weight:bold;
	font-size:20px;
	color:#e26177;
	line-height:1.4em !important;
	padding-bottom:5px;
}



/* swapimage用ストーリー用
--------------------------------------------*/

/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/

.page_story{
	position:relative;
}
.page_story .goods_box{
	position:relative;
}
.page_story01{height:550px;}
.page_story01 .goods_box{height:518px;}

.page_story02{height:450px;}
.page_story02 .goods_box{height:415px;}

.page_story03{height:650px;}
.page_story03 .goods_box{height:615px;}

.page_story01 #thumbnaillist,
.page_story01 #thumbnaillist ul{
	height:155px;
}
.page_story02 #thumbnaillist,
.page_story02 #thumbnaillist ul{
	height:80px;
}
.page_story03 #thumbnaillist,
.page_story03 #thumbnaillist ul{
	height:235px;
}

.page_story #thumbnaillist{
	clear:both;
	position:absolute;
	top:310px;
	left:15px;
}
.page_story #thumbnaillist ul{
	overflow:hidden;
}
.page_story #thumbnaillist li{
	float:left;
	background:none;
	margin:0 0 10px 0;
	padding-right:9px;
	_padding-right:7px;
	list-style-type:none;
}
.page_story #thumbnaillist p{
	font-size:11px;
	padding-top:3px;
}

.page_story #thumbnaillist li a{
	display:block;
}
.page_story #thumbnaillist li a:link    {}
.page_story #thumbnaillist li a:visited {}
.page_story #thumbnaillist li a:hover   {opacity:0.8;}
.page_story #thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.page_mechanic #thumbnaillist li a:hover img {filter:alpha(opacity=80);}


/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.page_story #mainimglist{
	width:360px;
}
.page_story #mainimglist img{
}



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

	giveout.html

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

.giveoutBtn{
	overflow:hidden;
	width:100%;
}
.giveoutBtn li{
	float:left;
	width:305px;
	list-style-type:none;
	text-align:center;
}
.giveoutBtn li img{
	margin-bottom:10px;
	border:1px solid #aaa;
}
.giveoutBtn li div{
	width:288px;
	height:58px;
	text-indent:-9999px;
	padding-left:8px;
}
.giveoutBtn li b{
	display:block;
	padding-bottom:5px;
}
.giveoutBtn li div a{
	display:block;
	width:288px;
	height:58px;
}
.giveoutBtn li.menu1 div.btn{
	background:url(../img/special/btn_giveout1.png) no-repeat top right;
}
.giveoutBtn li.menu2 div.btn{
	background:url(../img/special/btn_giveout2.png) no-repeat top right;
}
.giveoutBtn li.menu3 div.btn{
	background:url(../img/special/btn_giveout3.png) no-repeat top right;
}


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

	bddvd.html

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

/*--タブ--*/
.tab_bddvd{
	overflow:hidden;
	padding-top:5px;
	height:32px;
}
.tab_bddvd li{
	float:left;
	width:108px;
	height:32px;
	text-indent:-9999px;
	margin-left:2px;
	list-style-type:none;
}
.tab_bddvd li a{
	width:108px;
	height:32px;
	display:block;
}
.tab_bddvd li.tab1{background:url(../img/product/bddvd/tab1.png) no-repeat;}
.tab_bddvd li.tab2{background:url(../img/product/bddvd/tab2.png) no-repeat;}
.tab_bddvd li.tab3{background:url(../img/product/bddvd/tab3.png) no-repeat;}
.tab_bddvd li.tab4{background:url(../img/product/bddvd/tab4.png) no-repeat;}
.tab_bddvd li.tab5{background:url(../img/product/bddvd/tab5.png) no-repeat;}
.tab_bddvd li.tab6{background:url(../img/product/bddvd/tab6.png) no-repeat;}
.tab_bddvd li.tab7{background:url(../img/product/bddvd/tab7.png) no-repeat;}
.tab_bddvd li.tab8{background:url(../img/product/bddvd/tab8.png) no-repeat;}
.tab_bddvd li.tab9{background:url(../img/product/bddvd/tab9.png) no-repeat;}

li.tab_cinematic {
	width: 174px;
	background:url(../img/product/bddvd/tab_cinematic.png) no-repeat;}
li.tab_orchestra {
	width: 160px;
	background:url(../img/product/bddvd/tab_orchestra.png) no-repeat;}
li.tab_theater{
	width: 137px;
    background:url(../img/product/bddvd/tab_theater.png) no-repeat;
}
li.tabFun2{
	width: 131px;
    background:url(../img/product/bddvd/tab_fundisc2.png) no-repeat;
}

/*--BD/DVD タイトル部分--*/
.bddvd_box .title{
	padding:10px 10px 0 5px;
}
.bddvd_box .subtitle{
/*
	font-size:22px;
	font-weight:bold;
	color:#444;
	line-height:1.1;
	padding-bottom:5px;

	*/display:block;
	width: 595px;
height: 36px;
background: url(/img/titlebar.png) no-repeat;
color: #fff;
font-size:20px;
	font-weight:bold;
padding: 14px 0 0 55px;
	margin-left:-5px;
	margin-bottom:5px;
	/*
	text-shadow:1px 1px 1px rgba(255,255,255,0.4),-1px -1px 1px rgba(255,255,255,0.4);
	*/
}
.bddvd_box .itemtitle{
	font-weight:bold;
	color:#555;
	font-size:16px;
	padding-left:3px;
	padding-bottom:15px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.6),-1px -1px 1px rgba(255,255,255,0.6);
}


/*--BD/DVD 詳細--*/
.bddvd_box{
	width:664px;
	padding:10px 5px 0 15px;
	margin-left:5px;
	overflow:hidden;
}

.bddvd_box dl{
	width:650px;
	overflow:hidden;
	color:#555;
	line-height:1.6;
	padding-bottom:15px;
	padding-top:5px;
}
.bddvd_box dl dt{
	float:left;
	padding-right:5px;
	padding-top:10px;
	color:#555;
}
.bddvd_box dl dd{
	float:right;
	text-align:center;
	padding-top:10px;
}
.bddvd_box dl dt.w400{width:390px; padding-left:5px;}
.bddvd_box dl dd.w250{width:250px;}

.bddvd_box dl dt div{
	padding-bottom:15px;
}
.bddvd_box dl dt div strong{
	display:block;
	font-weight:bold;
	padding-bottom:13px;
	color:#e84d85;
	font-size:14px;
}
.bddvd_box dl dt div strong.title1{
	font-size:22px;
	padding-bottom:0 !important;
	letter-spacing:-2px;
}
.bddvd_box dl dt div b{
	display:block;
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}
.bddvd_box dl dt div small.audioc{
	display:block;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:4px;
}
.bddvd_box dl dt div small.pl{
	display:block;
	font-weight:normal !important;
	padding-left:10px;
	font-size:12px;
}
.bddvd_box dl dt div .inner{
	padding:0px 5px 10px 5px;
	font-size:13px;
	line-height:1.7em;
}

/*--枠内--*/
.bddvd_box dl dt div p span{
	border:1px solid #d3aa7b;
	background:#ffe8ca;
	padding:10px;
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:1.5em !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:-5px;
}
.bddvd_box dl dt div p span strong{
	padding-bottom:10px !important;
	font-size:14px !important;
	line-height:1.5em !important;
	color:#555 !important;
}
.bddvd_box dl dt div p strong .sp{
	color:#e26177;
	font-size:20px;
}

/*--詳しく見るボタン--*/
.bddvd_box .linkBtn2{
	width:240px;
	height:58px;
	text-indent:-9999px;
	background:url(/img/product/bddvd/link.png) no-repeat;
	background-size:240px 58px;
	margin:10px 0 5px 0;
}
.bddvd_box .linkBtn2 a{
	width:240px;
	height:58px;
	display:block;
}

.bddvd_box dl dd .senko{
	border:1px solid #bbb;
	margin-bottom:8px;
}
.bddvd_box dl dd .nowprinting{
	border:1px solid #bbb;
}


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

	pro_sns.html

============================================== */
.sns_box h4.snsgame{
	width:530px;
	height:69px;
	text-indent:-9999px;
	background:url(../img/product/snsgame/title.png) no-repeat right bottom;
	margin-bottom:15px;
	padding:15px 0 0 10px;
}
.sns_box .QRarea{
	padding-top:10px;
}
.sns_box .QRarea ul{
	overflow:hidden;
	padding-bottom:10px;
}
.sns_box .QRarea li{
	float:left;
	width:33%;
	text-align:center;
	height:211px;
}
.sns_box .QRarea span{
	padding:10px 20px 50px 10px;
	display:block;
	text-align:right;
	color:#444;
}

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

	pro_yomecolle.html

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

.yomekorePage .news{
	border:3px solid #e25e75;
	background:#fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width:628px;
	margin-bottom:10px;
	padding:5px 10px;
	/*_padding:7px 10px 13px 10px;*/
	overflow:hidden;
}
.yomekorePage .news span{
	color:#e25e75;
	display:block;
	font-size:14px;
	line-height:1.5;
}
.yomekorePage .news span b{
	color:#fff;
	background:#4461ac;
	padding:3px 5px;
	font-weight:normal;
	font-size:12px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.yomekorePage .inner{
	font-size:14px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.4);
	padding:3px;
}
.yomekorePage table{
	border-collapse:collapse;
	margin-bottom:30px;
}
.yomekorePage table tr td{
	width:330px;
	vertical-align:top;
	text-shadow:1px 1px 1px rgba(255,255,255,0.4);
	padding-top:5px;
}
.yomekorePage table tr td strong{
	font-weight: bold;
	display: block;
	font-size:14px;
	padding-left:5px;
	color:#4461ac;
}
.yomekorePage table tr td span{
	padding:0px 5px 3px 5px;
	display:inline-block;
}
.yomekorePage table tr td img{
	border:1px solid #aaa;
	background:#fff;
	margin:0 7px 5px 1px;
}

.yomekorePage .eventBanner{
	background:url(/img/product/yomecolle/eventBg.png) no-repeat;
	width:655px;
	height:242px;
	text-indent:-9999px;
	margin-bottom:20px;
}
.yomekorePage .eventBanner a{
	display:block;
	width:655px;
	height:242px;
}


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

	privilege.html

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

.bromide{
	width:381px;
	overflow:hidden;
	background:#ffe8ca;
	padding:8px 3px 3px 4px;
	border:1px solid #d3aa7b;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-top:-3px;
}
.bromide li{
	width:127px;
	float:left;
	text-align:center;
	margin-bottom:4px;
}
.bromide li img{
	width:120px;
	border:1px solid #aaa;
}
.bromide li span{
	display:block;
	font-weight:bold;
}
.bromide_title{
	font-size:110%;
	font-weight:bold;
}

.bromideBox h4{
	font-weight: bold;
	font-size: 20px;
	color: #e26177;
	line-height: 1.4em !important;
	padding-bottom: 5px;
	padding-right:10px;
	padding-left:5px;
}
.bromideBox tr td{
	vertical-align:top;
	padding-right:10px;
	padding-bottom:15px;
}
.bromide2{
	width:305px;
	height:155px;
	overflow:hidden;
	background:#ffe8ca;
	padding:8px;
	border:1px solid #d3aa7b;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin-top:-3px;
	color:#444;
	line-height:1.4;
}

.bromide2 img{
	width:200px;
	border:1px solid #aaa;
	float:left;
	margin-right:5px;
}

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

	carnival.html

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

.carnival_page .new{
	color:#fff;
	background:#019980;
	padding:4px 5px 4px 7px;
	font-weight:normal;
	font-size:10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin-right:5px;
	border:1px solid #fff;
	letter-spacing:1px;
}


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

	pro_wf_goods.html

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

.goodsBoxOut{
	border:1px solid #999;
	width:650px;
	margin-left:10px;
	padding:9px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#fff;
}
.goodsBox{
	width:650px;
	padding:8px 10px 0 10px;
	margin-left:9px;
	overflow:hidden;
}
.goodsBox .itemTitle{
	width:595px;
	height:34px;
	background:url(/img/titlebar.png) no-repeat;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding: 16px 0 0 55px;
	margin-bottom:5px;
}
.goodsBox .itemTitle1{
	width:595px;
	height:40px;
	background:url(/img/titlebar.png) no-repeat;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding: 10px 0 0 55px;
	margin-bottom:5px;
}
.goodsBox .itemTitle1 span{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding-bottom:1px;
}
.goodsBox .itemTitleNew{
	width:580px;
	height:34px;
	background:url(/img/titlebarNew.png) no-repeat;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding: 16px 0 0 70px;
	margin-bottom:5px;
}
h3.itemTitleNewG{
	width:580px;
	height:34px;
	background:url(/img/titlebarNew1.png) no-repeat;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding: 16px 0 0 70px;
	margin-bottom:5px;
}
.description{
	color:#555;
	padding:2px;
	font-size:1.1em;
	line-height:1.4;
}
.description b{
	font-size:18px;
	color:#d0697c;
	display:block;
	padding-bottom:5px;
}

.itemDetail .itemDetailInner{
	overflow:hidden;
	width:650px;
}
.itemDetail .itemDetailInner p{
	float:left;
}
.itemDetail .itemDetailInner p.text{
	width:378px;
}
.itemDetail .itemDetailInner p.itemImage{
	padding:10px 10px 15px 0;
}
.itemDetail p.text{
	color:#555;
	padding:10px;
	font-size:14px;
	line-height:1.7;
}
.itemDetail .itemDetailInner p b,
.itemDetail p.text b.bold{
	display:block;
	padding-bottom:10px;
	font-size:16px;
}

.makertitle{
	color:#FFF;
	margin-bottom:5px;
	background:url(/img/makertitle.png) no-repeat;
	width:640px;
	_width:650px;
	height:37px;
	_height:50px;
	padding:13px 0 0 10px;
	text-shadow:1px 1px 1px rgba(26,115,164,1.0);
	font-size:22px;
	font-weight:bold;
}

p.orangeBox span {
border: 1px solid #d3aa7b;
background: #ffe8ca;
padding: 10px;
display: block;
font-weight: normal;
font-size: 12px;
line-height: 1.5em !important;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: -5px;
}


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

	商品テーブル

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


.itemTable{border-collapase:collapase; width:630px; margin-left:5px;}
.itemTable tr td{width:315px;text-align:center; padding-bottom:20px;}
.itemTable tr td h4{font-weight: bold;
	font-size: 16px;
	color: #e26177;
	padding-bottom: 3px;}
.td1 tr td{width:315px;}
.td2 tr td{width:630px;}
.td3 tr td{width:210px;}
.itemTable tr td b{font-size:15px !important; display:block; color:#333; padding-top:4px; font-weight:normal;}


/* 水戸ホーリーホックコラボクッズ */
.archiveLink {
    border-top: 1px dotted pink;
    padding: 1em 0;
    text-align: center;
}

.archiveLink li {
    display: inline-block;
    width: 25%;
    margin: 1.5%;
}
.archiveLink li a {
    display: block;
    padding: .5em 0;
    text-align: center;
    border: 1px solid pink;
    font-weight: bold;
    border-radius: 3px;
    background-color: #fff;
    transition: all .2s;
    text-decoration: none;
}
.archiveLink li a:hover {
    background-color: pink;
    border-color: pink;
    color: #fff;
}



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

	CD

============================================== */
.cd_container {
	font-size: 110%;
}
.cd_container:after {
	content: '';
	display: table;
	clear: both;
}
.cd_img {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
.cd_img img {
	width: 100%;
	max-width: 100%;
}
.cd_dtl {
	/*float: left;*/
}
.cd_dlist {
	border-bottom: 1px dotted #aaa;
	padding: 5px 0;
	margin-bottom: 10px;
}
.cd_dlist dt {
	float: left;
	width: 100px;
	font-weight: bold;
}
.cd_dlist dd {
	margin-left: 110px;
}
.cd_dlist dd + dd {
	margin-top: 15px;
}