@charset "UTF-8";


* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:none;
}


hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}


body{
	font: 16px/1.61 "Myriad Pro", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif;
	color: #4d4d4d;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}


.clearfix:after {
	content: ' ';
	display: block;
    clear: both;
}

.clearfix {
	zoom: 1;
}

img{
	border:none;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}


/*---------------------------------------------------------------------- layout */


#header{
	position: fixed;
	top: 0px;
	z-index: 99;
	background-color: #1D3860;
	width: 100%;
}

.header_area{
	margin: 0 auto;
	width: 80%;
}



#container{
	z-index: 1;
}


/*---------------------------------------------------------------------- header */

.logo{
	float: left;
	margin: 15px 0;
}


.header_nav{
	float: right;
}

.header_nav li{
	float: right;
}

.header_nav a{
	display: block;
	padding: 26px 24px 16px;
	background-color: #152946;
}

.header_nav a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: .7;
}


.icon{
	float: right;
	margin-right: 10px;
}

.icon img{
	margin: 20px 4px;
}


/*---------------------------------------------------------------------- header_img */


.youtube_bg{
	position: relative;
	margin: 70px auto 0 auto;
	overflow: hidden;
	width: 1150px;
	height: 644px;
}

.youtube_bg:hover{
	margin-bottom: 0px;
}

.youtube_bg iframe{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;

}


/*----------------------------------------------------------------------  imgArea */

.imgArea{
	margin: 0px;
	padding: 80px 0 0;
	/*background-color: #072C4E;*/
	color: #1D3860;
}

.imgArea .inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.imgArea .inner .text01{
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	font-size: 24px;
	line-height: 260%;
	letter-spacing: 6px;
	z-index: 3;
	position: relative;
	padding-top: 50px;
	padding-left: 200px;
}



.imgArea .inner .text02{
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	font-size: 48px;
	line-height: 180%;
	letter-spacing: 6px;
	z-index: 3;
	position: relative;
	padding: 50px 0 150px 200px;
}


#img01{
	position: absolute;
	top: 40px;
	left: 720px;
	z-index: 2;
	height: 220px;
	width: 240px;
}

#img02{
	position: absolute;
	top: 580px;
	left: 630px;
	z-index: 2;
}

#img03{
	position: absolute;
	top: 330px;
	left: 60px;
	z-index: 2;
}

#img04{
	position: absolute;
	top: 930px;
	left: 50px;
	z-index: 2;
}



/*----------------------------------------------------------------------  series_box */

.series_box{
	background-color: #0A3963;
	text-align: center;
	padding: 8px 10px 15px 10px;
	width: 100%;
	min-width:1200px;
}

.series_box .inner{
	width: 1000px;
	margin: 40px auto 10px auto;
}

.series_box .inner h3{
	font-family:"Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	color: #FFF;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 12px;
	margin-bottom: 15px;
}

.series_box .inner h4{
	font-family:"Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	color: #66849E;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 5px;
	margin-bottom: 30px;
}

.series_box ul{margin-bottom: 20px;}

.series_box li{
	float: left;
	margin-right: 26px;
	margin-bottom: 18px;
}


.nosp{
	margin-right: 0px!important;
}



/*----------------------------------------------------------------------  footer */

#footer{
	text-align: center;
	clear: both;
}

#footer img{
	margin: 8px 10px;
}