body {
	margin: 0;
	padding: 0;
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 90%;
	line-height: 150%;
	color: #505050;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
	background:#fff;
}

img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#wrapper {}
#base {}
#mobilemenu { display:none;}


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

  HEADER

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

#header,
#change {
	clear:both;
	width:100%;
}
#header .head,
#change .head {
	margin:0 auto;
	padding:25px 0 20px;
	width:940px;
}
#header .head:after,
#change .head:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
/* IE7用floatの解除*/
*+html #header .head { clear:both; float:left;}
*+html #change .head { clear:both; float:left;}
/* CHANGE */
#change {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	box-shadow: 0px 0px 2px 1px #DDD; /* CSS3 */
	-webkit-box-shadow: 0px 0px 2px 1px #DDD; /* Google Chrome, Safari*/
	-moz-box-shadow: 0px 0px 2px 1px #DDD; /* Firefox*/
	z-index:9999 !important;
	background:#FFF;
}


/* LOGO  *************************************************************/

.logo,
.logo a {
	display: block;
	width:270px;
	height:44px;
}
.logo { float:left;}
.logo a {
	text-indent: -9999px;
	background: url(../image/logo.gif) no-repeat;
}

/* BANGUMI  *************************************************************/

.bangumi,
.bangumi a {
	display: block;
	width:109px;
	height:32px;
}
.bangumi { float:right; margin-left:20px;}
.bangumi a {
	text-indent: -9999px;
	background: url(../image/icon1.gif) no-repeat left top;
}
.bangumi a:hover {background: url(../image/icon1.gif) no-repeat left bottom;}

/* CUORE  *************************************************************/

.cuore,.cuore a,.try,.try a {
	display: block;
	width:109px;
	height:32px;
}
.cuore,.try { float:right; margin-left:20px;}
.cuore a {
	text-indent: -9999px;
	background: url(../image/icon2.gif) no-repeat center;
}

.try a {
	text-indent: -9999px;
	background: url(../image/try_ban.gif) no-repeat center;
}

/* YOUTUBE */
#mainimg_pc {
	position:relative;
	margin: 0 auto 25px;
	width:100%;
	height:650px;
}
#mainimg_pc .youtube {
	width:100%;
	height:650px;
	overflow: hidden;
}
#mainimg_pc .play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:650px;
	background: url(../image/movie_bg.png);
	z-index:9999;
}
#mainimg_pc .play a {
	display:block;
	width:100%;
	height:650px;
	text-indent: -9999px;
	background: url(../image/movie.png) no-repeat center;
}
#mainimg_sm { display:none;}


/* about top */
#mainimg_pc2 {
	clear:both;
	display:block;
	margin-bottom:25px;
	width:100%;
	max-height:650px;
	overflow:hidden;
}



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

  CONTENT

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

#content {
	clear:both;
	width:100%;
	padding:0;
}
#content:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

/* AREA  *************************************************************/

#area {
	clear:both;
	width:100%;
	padding:13px 0;
	background:#1E0000;
}
#area ul {
	margin:0 auto;
	width:940px;
}
#area ul:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#area ul li { float:left;}
#area ul li a {
	padding:0 25px 0 30px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	background:url(../image/back-arrow.png) no-repeat 15px center; 
}
#area ul li a:hover { color:#718BC6;}


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

  FOOTER

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

#footer {
	clear:both;
	padding:20px 0;
	width:100%;
	background:url(../image/shadow.jpg) repeat-x top;
}
#footer p {
	color:#9E9E9F;
	text-align:center;
	line-height:20px;
}



@media only screen and (max-width:960px){
#header .head,
#change .head {
	margin:0 auto;
	padding:25px 0 20px;
	width:95%;
}

/* AREA */
#area ul {
	margin:0 auto;
	width:95% !important;
}

}