@charset "UTF-8";
/* CSS Document */

/*common reset */
html, body, div, h1, h2, h3, h4, h5, h6,p,ul, ol, li, dl, dt, dd,th, td{
  margin: 0;
  padding: 0;
  line-height:1.5;
  font-family:
    "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}

ul, ol {
  list-style: none; 
}

a {
  text-decoration: none;
  color:#333;
}

a:hover{
	opacity:0.6;}

img {
  border: 0;
  vertical-align: bottom;
}

/*body ページ毎変更*/
body{
	background-image:url(img/main_bg001.png);
	
	  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  
  /* 画像を繰り返し表示しない */
  background-repeat: no-repeat;
  
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;}


/*common layout*/
#container{
	margin:0 auto;
	width:1280px;
	background: rgba(255, 255, 255,0.7);}
	
#content{
	width:960px;
	margin:0 auto;}

header{
	margin-bottom:50px;}

#top_item{
	margin-top:-20px;
	margin-bottom:40px;}

#wrapper{
	overflow:hidden;}

footer{
	width:1280px;
	background-image:url(img/footer_bg001.png);
	/* 画像を繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  margin:-20px auto 50px;;
  }

#wrapper3{
	width:600px;
	overflow:hidden;
	margin:0 auto;}


/*common item*/

header img{
	float:left;
	width:170px;}

h1{
	font-size:small;
	float:right;
	width:400px;
	text-align:right;
	margin-bottom:20px;}

#gnav ul{
	float:right;
	overflow:hidden;
	width:490px;
	height:54px;
	background:url(img/gnav_bg01.png) no-repeat;
    border-radius: 10px;  }

#gnav li{
	float:left;
	width:95px;
	height:53px;
	text-align:center;}

#gnav li a{
	display:block;
	width:95px;
	line-height:53px;}


#gnav li a:hover{
	background-color:#FFF7CB;
	display:block;
	width:95px;
	height:53px;}


.f_head{
	padding-top:80px;
	text-align:center;
	margin-bottom:30px;}

.f_head a{
	display:block;}

footer img{
	float:left;
	width:130px;
	padding-right:50px;
	margin-bottom:50px;}







/*layout*/




#wrapper2{
	overflow:hidden;}






/*item*/


#main_menu{
	width:960px;
	margin-bottom:80px;}
	
.menu_title{
	font-family:"Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	font-weight:bold;
	font-size:25px;
	text-align:center;
	color:#F6C;
	text-shadow: 0 0 40px #F0B325;
	margin-bottom:10px;}


dl{
	width:300px;
	height:380px;
	background-image:url(img/menu_bg01.png);
	float:left;
	margin:0 10px;}


dt{margin:15px 20px 30px 20px;}

dt a:hover{
	opacity:0.6;}

dd{
	margin:0 auto 10px auto;
	text-align:center;
	width:260px;}


.main_movie{
	border:none;
	margin-bottom:50px;}

.menu_intro{
	margin:30px auto;
	text-align:center;}




