@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

File name : contents.css
----------------------------------------------------------- */

/*----------------------------------------------------
common
----------------------------------------------------*/
/* indent */
.header h1 a,
.header .hnav li a,
.header a.fbBtn,
.gnav ul li a,
.gnav ul li span,
.footer a.pagetop{
	text-indent:-9999px;
	padding:0;
	display:block;
}

/* 共通 */
.inner{
	width:1000px;
	margin:0 auto;
}

/* HOVER */
.header h1 a:hover{
	filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;
}


/*----------------------------------------------------
header
----------------------------------------------------*/
.header{
	position:relative;
	padding:40px 0 20px;
}

/* logo */
.header h1 a{
	margin:0 auto;
	width:88px;
	height:84px;
	background:url(../img/common/logo.png) no-repeat;
}

/* menu */
.header .menu{
	position:absolute;
	right: 79px;
}
/* hnav */
.header .hnav{
	width:205px;
}

.header .hnav.center{
	margin-top:5px;
}
.header .hnav.bottom{
	margin-top:10px;
}
.header .hnav li a{
	float:left;
	width:95px;
	height:15px;
	z-index:9999;
}
.header .hnav li.hnav1 a,
.header .hnav li.hnav3 a{
	margin-right:5px;
}
.header .hnav li.hnav5 a{
	width:205px;
}
.header .hnav li.hnav1 a{	background:url(../img/common/hnav1_off.png) no-repeat;}
.header .hnav li.hnav1 a:hover{	background:url(../img/common/hnav1_on.png) no-repeat;}
.header .hnav li.hnav2 a{	background:url(../img/common/hnav2_off.png) no-repeat;}
.header .hnav li.hnav2 a:hover{	background:url(../img/common/hnav2_on.png) no-repeat;}
.header .hnav li.hnav3 a{	background:url(../img/common/hnav3_off.png) no-repeat;}
.header .hnav li.hnav3 a:hover{	background:url(../img/common/hnav3_on.png) no-repeat;}
.header .hnav li.hnav4 a{	background:url(../img/common/hnav4_off.png) no-repeat;}
.header .hnav li.hnav4 a:hover{	background:url(../img/common/hnav4_on.png) no-repeat;}

.header .hnav li.hnav5 a{	background:url(../img/common/hnav5_off.png) no-repeat;}
.header .hnav li.hnav5 a:hover{	background:url(../img/common/hnav5_on.png) no-repeat;}

/* fbBtn */
.header a.fbBtn{
	position:absolute;
	right:44px;
    top: 40px;
	background:url(../img/common/fb_off.png) no-repeat;
	width: 35px;
	height: 35px;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.header a.fbBtn:hover{
	background:url(../img/common/fb_on.png) no-repeat;
		-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.header a.igBtn{
	color: transparent;
	position:absolute;
	right:0px;
    top: 40px;
	background:url(../img/common/ig_off.png) no-repeat;
	width: 35px;
	height: 35px;
	-webkit-background-size: cover;
	    -o-background-size: cover;
	       background-size: cover;
}
.header a.igBtn:hover{
	background:url(../img/common/ig_on.png) no-repeat;
		-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}


/*----------------------------------------------------
gnav
----------------------------------------------------*/
.gnav ul li{
	float:left;
	margin-right:1px;
}
.gnav ul li.gnav6{
	margin-right:0;
}
.gnav ul li a,
.gnav ul li span{
	width:199px;
	height:38px;
}
.gnav ul li.gnav1 a{ background:url(../img/common/gnav1_off.png) no-repeat;}
.gnav ul li.gnav1 a:hover{ background:url(../img/common/gnav1_on.png) no-repeat;}
.gnav ul li.gnav2 a{ background:url(../img/common/gnav2_off.png) no-repeat;}
.gnav ul li.gnav2 a:hover{ background:url(../img/common/gnav2_on.png) no-repeat;}
.gnav ul li.gnav3 a{ background:url(../img/common/gnav3_off.png) no-repeat;}
.gnav ul li.gnav3 a:hover{ background:url(../img/common/gnav3_on.png) no-repeat;}
.gnav ul li.gnav3 a{ background:url(../img/common/gnav3_off.png) no-repeat;}
.gnav ul li.gnav3 a:hover{ background:url(../img/common/gnav3_on.png) no-repeat;}

.gnav ul li.gnav4 span{ background:url(../img/common/gnav4_soon.png) no-repeat; width:144px;}
.gnav ul li.gnav4 a{ background:url(../img/common/gnav4_off.png) no-repeat; width:144px;}
.gnav ul li.gnav4 a:hover{ background:url(../img/common/gnav4_on.png) no-repeat;}

.gnav ul li.gnav5 span{ background:url(../img/common/gnav5_soon.png) no-repeat; width:74px;}
.gnav ul li.gnav5 a{ background:url(../img/common/gnav5_off.png) no-repeat; width:74px;}
.gnav ul li.gnav5 a:hover{ background:url(../img/common/gnav5_on.png) no-repeat;}

.gnav ul li.gnav6 a{ background:url(../img/common/gnav6_off.png) no-repeat; width: 180px;}
.gnav ul li.gnav6 a:hover{ background:url(../img/common/gnav6_on.png) no-repeat; width:180px;}}



/*----------------------------------------------------
contents
----------------------------------------------------*/
.contents h2{
	text-align:center;
}


/*----------------------------------------------------
footer
----------------------------------------------------*/
.footer{
	background:#666666;
	text-align:center;
	color:#ffffff;
}
.footer .inner{
	position:relative;
}
.footer .copyright{
	font-size:11px;
	padding:20px 0;
}
.footer a.pagetop{
	position:absolute;
	background:url(../img/common/pagetop_off.png) no-repeat;
	width:120px;
	height:29px;
	right:0;
	top:-29px;
}
.footer a.pagetop:hover{ background:url(../img/common/pagetop_on.png) no-repeat;}