@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/


/* -------------------------------------------------------------------------------------------------------
#mainVisual
------------------------------------------------------------------------------------------------------- */

#mainVisual{
overflow: hidden;
position: relative;
height: 780px;
}

#mainimg{
position: absolute;
left: 50%;
top: 0;
z-index: 1;
margin-left: -960px;
}

#main{
position: relative;
z-index: 5;
width: 850px;
text-align: center;
margin: 0 auto;
}

#main h1{
width: 100%;
position: absolute;
top: 192px;
z-index: 10;
}

#main h2{
width: 100%;
position: absolute;
top: 346px;
z-index: 15;
}

#main em{
display: block;
width: 100%;
position: absolute;
top: 460px;
z-index: 20;
}


/* -------------------------------------------------------------------------------------------------------
#mainVisual
------------------------------------------------------------------------------------------------------- */

#mainNav{
width: 1320px;
height: 545px;
margin: 0 auto;
padding-top: 24px;
}

#mainNav ul{
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#mainNav ul li{
float: left;
margin-left: 7px;
position: relative;
width: 258px;
height: 532px;
}

#mainNav ul li:first-child{
margin-left: 0;
}

#mainNav li a{
text-decoration: none;
}


#mainNav li div{
position: absolute;
width: 194px;
height: 194px;
text-align: center;
left: 32px;
padding: 56px 0 0 0;
z-index: 3;
background: url(../img/list_circle_off.png) left top no-repeat;
top: 320px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
transition: 0.6s;
}

#mainNav li a:hover div{
background: url(../img/list_circle_on.png) left top no-repeat;
top: 326px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
transition: 0.6s;
}

#mainNav li div p{
font-size: 1.3em;
color: #EEEEEE;
text-decoration: none;
border-top: 1px solid #4b598a;
width: 156px;
margin: 10px auto 16px auto;
padding-top: 12px;
}


/* -------------------------------------------------------------------------------------------------------
#information
------------------------------------------------------------------------------------------------------- */

#information{
width: 100%;
height: 188px;
background: url(../img/information_bg.gif) left top repeat-x;
padding-top: 22px;
}

/*#information div{
width: 1320px;
margin: 0 auto;
}*/

#information div h1{
padding-bottom: 10px;
border-bottom: 5px solid #E6E0DC;
margin-bottom: 8px;
}

#information div ul{
min-width: 400px;
display: inline-block;
margin: 0 auto;
}

#information div ul li{
display: block;
border-bottom: 1px solid #E6E0DC;
font-size: 1.4em;
padding: 10px 54px 10px 54px;
color: #02081a;
text-align: left;
}

#information div ul li a{
color: #330000;
background: url(../img/information_icon.png) left center no-repeat;
}

#information div ul li a:hover{
color: #771111;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}


/* -------------------------------------------------------------------------------------------------------
scene
------------------------------------------------------------------------------------------------------- */

.block{
width: 100%;
overflow: hidden;
padding-top: 18px;
position: relative;
height: 733px;
margin-bottom: 20px;
}

.block .photo{
position: relative;
height: 600px;
left: 50%;
top: 0;
margin-left: -960px;
z-index: 1;
}


.box{
padding: 10px 0px;
background: url(../img/photo_bg.jpg);
}

.block .side{
position: absolute;
left: 50%;
top: 18px;
margin-left: -960px;
z-index: 5;
width: 600px;
}

.block .side h1{
position: absolute;
left: 0;
top: 10px;
z-index: 10;
}

.block .side a img{
position: absolute;
z-index: 11;
left: 292px;
top: 562px;
border: 1px solid #FFF;
}

.block .side a img:hover{
opacity: 0.8;
filter:alpha(opacity=80);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}


.block .reco{
width: 1320px;
padding: 0px;
margin: auto;
font-size: 12px;

color: #525e88;

}

.block .reco a{
	color: #FFF;
}


.contentsMain{

	margin-top: 90px; 
	margin-bottom: 20px;
	padding: 15px 0px;
	text-align: center; 
	background-color: #000;
	border-top: #13275c 1px solid;
		border-bottom: #13275c 1px solid;	
	}


/* -------------------------------------------------------------------------------------------------------
#plan
------------------------------------------------------------------------------------------------------- */
#plan{
margin-bottom: 42px;
padding-top: 30px;
text-align: center;
}

#plan h1{
margin-bottom: 12px;
}

#plan p{
font-size: 1.3em;
margin-bottom: 24px;
}

#plan a{
display: inline-block;
background-color: #EAEAEA;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 18px 48px;
}

#plan a:hover{
-webkit-animation: flash 1.2s;
animation: flash 1.2s;

}

@-webkit-keyframes flash {
0% { background-color: #EAEAEA; }
10% { background-color: #FFFFFF; }
100% { background-color: #EAEAEA; }
}

@keyframes flash {
0% { background-color: #EAEAEA; }
10% { background-color: #FFFFFF; }
100% { background-color: #EAEAEA; }
}



/* -------------------------------------------------------------------------------------------------------
#gnav
------------------------------------------------------------------------------------------------------- */
#gnav{
position: fixed;
left: 0;
top : 0;
z-index: 9999;
width: 100%;
height: 59px;
padding-top: 1px;
background: url(../img/gnav_bg.png) left top repeat-x;
}

#gnavMain{
	width: 1200px !important;
	margin: 0 auto;
	padding: 0;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
}

#gnavMain h1{
	float: left;
	padding: 6px 20px 0 0;
	width: 242px;
	margin: 0;
}

#gnavMain ul{
	float: right;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
	width: 938px !important;
	padding: 0;
	margin: 0;
}

#gnavMain li{
	float: left;
	width: 134px !important;
	margin: 0;
	padding: 0;
}

#gnavMain li a{
display: block;
padding: 0px;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#gnavMain li a:hover{
background:#02081a;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}


#gnavMain li:first-child a{
padding: 0;
}

#gnav span{
float: left;
padding-top: 10px;
}








/* -------------------------------------------------------------------------------------------------------
#gnav
------------------------------------------------------------------------------------------------------- */
#gnav.second {
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 59px;
margin-top: 70px;
padding-top: 1px;
background: url(../img/gnav_bg.png) left top repeat-x;
position: absolute;
}



.second #gnavMain{
width: 938px !important;
margin: 0 auto !important;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}


.second #gnavMain ul{
	float: none;
}

h1.second{
	width: 337px;
	height: 46px;
	margin: 10px auto 0px;
}



/* -------------------------------------------------------------------------------------------------------
#fixed
------------------------------------------------------------------------------------------------------- */

#fixed{
width: 38px;
text-align: center;
position: fixed;
right: 0;
top: 40px;
z-index: 99;
}

#fixed img{
display: none;
margin-bottom: 8px;
}



/* -------------------------------------------------------------------------------------------------------
#pagetop
------------------------------------------------------------------------------------------------------- */
.pagetop{
background:#02081a url(../img/bg_line-2.gif) left 12px repeat-x;
margin-bottom:30px;
}

.pagetop div{
width:1040px;
margin:0 auto;
text-align:right;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE6-7 */
}


.pagetop div a{
float:right;
}

/* -------------------------------------------------------------------------------------------------------
#f_link
------------------------------------------------------------------------------------------------------- */
#f_link{
width: 1040px;
margin: 0 auto 44px auto;
text-align: center;
}

#f_link img{
border:1px solid #2E1D1D;
margin:0 20px;
}

/* -------------------------------------------------------------------------------------------------------
#footer
------------------------------------------------------------------------------------------------------- */
#footer{

padding:32px 0 82px 0;
background:#291010;
text-align:left;
}
/* footer */
#footer {
background:#000;
width:100%;
}
#fcontets {
width:980px;
margin:15px auto;
min-height:120px;
height:auto;
}
address {
font-size:77%;
float:left;
color:#808080;
line-height:1.4em;
padding:0 15px 0 0;
}
#fleft {
width:510px;
float:left;
}
#fright {
width:470px;
float:right;
}
#fright ul li {
float:left;
margin:0px 10px 0 0;
padding-top:5px;
}
#fright ul li.col01 {
padding-top:0px;
}
#fright ul li.col05 {
padding-top:3px;
}
#fright ul li a {
background:url(../../common/images/markFooter.gif) no-repeat 0 50%;
font-size:77%;
padding:0 0 0 7px;
color:#808080;
display:block;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
幅調整 1340pxから1180pxまで
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1340px) {

/* ----------------------------------------------
#mainVisual
------------------------------------------------- */

#mainNav{
width: 1170px;
}

#mainNav ul li{
width: 228px;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#mainNav ul li a > img{
margin-left: -15px;
}

#mainNav li div{
left: 17px;
}


/* -------------------------------------------------------
#information
------------------------------------------------------- */

#information{
min-width: 1170px;
}

#information div{
width: 1170px;
}



/* ---------------------------------------------------
scene
--------------------------------------------------- */

.block .side{
left: 0;
top: 18px;
margin-left: -296px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
幅調整 1180pxから1140pxまで
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1180px) {



/* ----------------------------------------------
#mainVisual
------------------------------------------------- */

#mainNav{
width: 1040px;
}

#mainNav ul li{
width: 202px;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#mainNav ul li a > img{
margin-left: -28px;
}

#mainNav li div{
left: 2px;
}


/* -------------------------------------------------------
#information
------------------------------------------------------- */

#information{
min-width: 1040px;
}

#information div{
width: 1040px;
}



/* ---------------------------------------------------
scene
--------------------------------------------------- */

.block .side{
left: 0;
top: 10px;
margin-left: -296px;
}


.contentsMain{

	margin-top: 90px; 
	margin-bottom: 20px;
	padding: 15px 0px;
	text-align: center; 
	background-color: #000;
	border-top: #13275c 1px solid;
		border-bottom: #13275c 1px solid;	
	}

#rsp{
	display: none;
	}