@charset "utf-8";

/*--------------------------------------*/
/* ボディ
/*--------------------------------------*/
body {
	 -webkit-text-size-adjust: 100%;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: 105%; 
	font-family:Avenir,"Helvetica neue", Helvetica, "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}




a:link { color:#0000ff; text-decoration:none; }
a:visited { color:#0000ff; text-decoration:none; }
a:hover { color:#0000ff; text-decoration:none; }
a:active { color:#0000ff; text-decoration:none; }
.retro { margin-bottom: 20px; }
.more { margin-bottom: 100px; }
ol{ padding:0px 20px 0px; }


/*メインのフレーム*/
div#main{ width: 1200px; margin: 0px auto; float: center; }

/*メインのフレーム*/
div#mainContents{ width: 1020px; font-size:small; margin: 30px auto; background-color: rgba( 245, 245, 245,0.65); padding: 20px 20px 20px 20px; }

/*ムービーフレーム*/
div#movie{ width: 1020px; height: 400px; background-image: url("../images/back1.png"); margin-top:30px; }

/*ムービー複数再生用*/
#video2, #video3, #video4, #video5, #video6, #video7, #video8, #video9, #video10, #video11, #video12, #video13, #video14, #video15 { display: none; }
#videol2, #videol3 { display: none; }

/*ムービー部分640x400*/
div#move64{ width: 640px; height: 400px; }

/*スペック部分320x400*/
div#spec1{ width: 350px; height: 390px; color: #fff; padding-left:10px; }

div#movie12{ width: 1020px; height: 400px; background-image: url("../images/back1.png"); margin-top:20px; }

/*エンディング部分640x400*/
div#move642{ width: 640px; height: 400px; }

/*スペックエンディング部分320x400*/
div#spec12{ width: 310px; height: 390px; font-weight: bold; color: #fff; padding-left:10px; margin-top:10px; }

div#movie2{ width: 1020px; height: 480px; background-image: url("../images/back2.png"); margin-top:10px; }

/*スペック部分320x480*/
div#spec2{ width: 370px; height: 470px; color: #fff; padding-left:10px; }

div#movie22{ width: 1020px; height: 480px; background-image: url("../images/back2.png"); margin-top:20px; }

/*ムービー部分エンディング640x480*/
div#move6482{ width: 640px; height: 480px; }

/*スペック部分エンディング320x480*/
div#spec22{ width: 350px; height: 470px; color: #fff; padding-left:10px; }

div#movie68{ width: 1020px; height: 512px; background-image: url("../images/back3.png"); margin-top:10px; }


	/*ムービー部分680x512*/
	div#move68{
		width: 680px;
		height: 512px;
	}

	/*スペック部分260x512*/
	div#spec68{
		width: 310px;
		height: 502px;
		line-height:18px;
		color: #fff;
		padding-left:10px;
	}

	/*ムービー部分768x512 提督の決断etc*/
	div#move68T{
		width: 768px;
		height: 512px;
	}

	/*スペック部分260x512*/
	div#spec68T{
		width: 220px;
		height: 502px;
		line-height:18px;
		color: #fff;
		padding-left:10px;
	}


div#movie682{
	width: 1020px;
	height: 512px;
	background-image: url("../images/back3.png");
}


	/*ムービー部分680x512*/
	div#move682{
		width: 680px;
		height: 512px;
	}

	/*スペック部分260x512*/
	div#spec682{
		width: 250px;
		height: 502px;
		font-weight: bold;
		line-height:18px;
		color: #fff;
		padding-left:10px;
	}




/*インフォメーション フレーム*/

/*GALLERYフレーム*/
div#gallery{ width: 680px; margin-right: 20px; }

/*MUSICフレーム*/
div#music{ width: 320px; }


/*--------------------------------------*/
/* box横並び p#box */
/*--------------------------------------*/
.box { float: left; }

.boxContainer { overflow: hidden; }

/* clearfix */
.boxContainer:before,
.boxContainer:after { content: ""; display: table; }


/*-------------------------------------*/
/*文字装飾 */
/*-------------------------------------*/

.chapter1{ padding: 10px 20px; background: #000; color: #fff; font-size: 32px; }

/*-------------------------------------*/
/*文字大きさ */
/*-------------------------------------*/

/*ヘッダー カテゴリ 文字*/
.cha1{ font-size: large; }

.cha1b{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
}


/*ヘッダー タイトル 文字*/
.cha2{ font-size: 20px;
	line-height:1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}

h1{ margin:0; font-size: x-large; font-weight: bold; }

/*ヘッダー タイトル 文字*/
.cha2b{
	font-size: 24px;
	line-height:24px;
	font-weight: bold;
}

/*ヘッダー タイトル 文字*/
.cha2c{
	font-size: 20px;
	line-height:28px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}

.cha2d{ font-size: 20px; line-height:20px; margin-bottom: 5px; }

/*ヘッダー ウリ文句 文字*/
.cha3{
	font-size: 18px;
	line-height:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

.cha3b{
	font-size: 24px;
	line-height:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

.cha3c{
	font-size: 48px;
	line-height:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
/*ストーリー、レビュー他 文字*/
.cha4{ font-size: 15px; line-height:26px; margin-top: 0px; margin-bottom: 26px;
}
.cha41{
	font-size: 14px;
	line-height:24px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: center;
}

/*ギャラリーの下 文字*/
.cha5{
	font-size: 13px;
	line-height:14px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: center;
}

/*曲リスト 文字*/
.cha6{
	font-size: 12px;
	line-height:20px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: left;
}

/*CD 文字*/
.cha7{
	font-size: 12px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: left;
}

/*シルフィード 文字*/
.cha8{
	font-size: 10px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: left;
}


/*CDタイトル 文字*/
.cha9{
	font-size: 15px;
	line-height:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*-------------------------------------*/
/*線 */
/*-------------------------------------*/

div.wrapBox{
	width: 100%;
	border-top: 2px solid #ccc;
	margin: 0 auto;
	padding: 5px 0 ;
	margin-top: 5px;
}

/*-------------------------------------*/
/*画像周りの枠 */
/*-------------------------------------*/


img.box1 {
	border: 1px #000 solid;
}

/*-------------------------------------*/
/*ロゴ画像ずらし */
/*-------------------------------------*/
img.shift {
	position: relative;
	  top: 2px;
}

img.shift55 {
	position: relative;
	  top: 4px;
}


img.shift_towns {
	position: relative;
	  top: 8px;
}

/*-------------------------------------*/
/*画像回り込み */
/*-------------------------------------*/

.hidari1{
  	float: left;
 	margin-right: 10px;
 	margin-bottom: 5px;
}

.hidari2{
  	float: left;
 	margin-right: 10px;
 	margin-bottom: 20px;
}

.sita1{
  	float: none;
 	margin-bottom: 0px;
}


.clear {
    clear: both;
}

	.clear hr {
		 display:none; 
	}  

.center{
 text-align: center;
		margin-bottom: 20px;
}

.center1{
 display: block;
 margin-left: auto;
 margin-right: auto;
	margin-bottom: 10px;
}

.migi{
 text-align: right;
}

.migi1{
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
}

.migi2{
	float: right;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.left{ text-align: left;}


/*-------------------------------------*/
/*フット */
/*-------------------------------------*/

#footer{ background: #000; margin-top: 10px; text-align: center; padding: 4px 0; }

#footer p#copyright{ text-align: center; color: #fff; }