@charset "utf-8";

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

 base settings

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

html {
	font-size:62.5%;
	overflow-y:scroll;
}
body,
body:before {
	background:none;
	box-shadow:none;
	height:inherit;
	min-height:inherit;
	position:relative;
}
body {
	-webkit-text-size-adjust:100%!important;
	background-image:url(../img/common/bg_body.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	font-size:0;
    font-family:'Noto Sans Japanese', serif;
	font-weight:300;
	color:#00283c;
}

/* 左上、右下の帯 */

.leftTop {
	position:fixed;
	top:0;
	left:0;
	width:400px;
	height:289px;
	background:url(../img/common/left_top.png) no-repeat 0 0;
}
.rightBottom {
	position:fixed;
	bottom:0;
	right:0;
	width:400px;
	height:289px;
	background:url(../img/common/right_bottom.png) no-repeat 0 0;
}

/*-----------------------------------------------
 #wrapper
-------------------------------------------------*/

#wrapper {
	width:960px;
	margin:0 auto;
}

/*-----------------------------------------------
 text style
-------------------------------------------------*/

p, th, td, dt, dd, li, form {
	line-height:180%;
	font-size:1.6rem;
	font-size:16px\9; /* for IE8 */
	letter-spacing:0.5px;
	text-align:left;
}

/*-----------------------------------------------
 text color
-------------------------------------------------*/

a {
	overflow:hidden;
	outline:none;
}
a:link, a:visited {
	color:#246181;
	text-decoration:none;
}
a:hover {
	color:#246181;
	text-decoration:underline;
}
a:active {
	background:none;
}

/*-----------------------------------------------
 margin
-------------------------------------------------*/

.top10 {
	margin-top:10px !important;
}
.top15 {
	margin-top:15px !important;
}
.top20 {
	margin-top:20px !important;
}
.top30 {
	margin-top:30px !important;
}
.top40 {
	margin-top:40px !important;
}

/*-----------------------------------------------
 font-size
-------------------------------------------------*/
.fs10{
	font-size:1.0rem !important;
}
.fs12{
	font-size:1.2rem !important;
}
.fs14{
	font-size:1.4rem !important;
}
.fs16{
	font-size:1.6rem !important;
}

/*-----------------------------------------------
 align
-------------------------------------------------*/

.center {
	text-align:center;
}

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

 header

=================================================*/
 
header {
	position:relative;
	width:960px;
	height:200px;
	z-index:1000;
}
#logo {
	position:absolute;
	top:50px;
	left:50%;
	z-index:2000;
	width:160px;
	height:101px;
	margin-left:-80px;
	text-align:center;
}

/*-----------------------------------------------
 .btnJob
-------------------------------------------------*/

.btnJob {
	position:absolute;
	top:175px;
	right:254px;
}
.btnJob a {
	display:block;
	width:38px;
	height:10px;
	background-image:url(../img/common/btn_job.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.btnJob a:hover {
	background-position:0 -10px;
}

/*-----------------------------------------------
 .btnMedia
-------------------------------------------------*/

.btnMedia {
	position:absolute;
	top:175px;
	right:91px;
}
.btnMedia a {
	display:block;
	width:143px;
	height:10px;
	background-image:url(../img/common/btn_media.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.btnMedia a:hover {
	background-position:0 -10px;
}

/*-----------------------------------------------
 .btnLanguage
-------------------------------------------------*/

.btnLanguage {
	position:absolute;
	top:175px;
	right:0;
}
.btnLanguage a {
	display:block;
	width:71px;
	height:10px;
	background-image:url(../img/common/btn_language.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.btnLanguage a:hover {
	background-position:0 -10px;
}

/*-----------------------------------------------
 #gnavi
-------------------------------------------------*/

#gnavi {
	position:absolute;
	top:105px;
	left:0px;
}
#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:120px;
	height:34px;
	background-image:url(../img/common/gnavi.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#gnavi li:nth-child(1) a {
	margin-left:0;
}
#gnavi li:nth-child(1) a:hover {
	background-position:0 -34px;
}
#gnavi li:nth-child(2) a {
	background-position:-120px 0;
}
#gnavi li:nth-child(2) a:hover {
	background-position:-120px -34px;
}
#gnavi li:nth-child(3) a {
	background-position:-240px 0;
}
#gnavi li:nth-child(3) a:hover {
	background-position:-240px -34px;
}
#gnavi li:nth-child(4) a {
	margin-left:240px;
	background-position:-560px 0;
}
#gnavi li:nth-child(4) a:hover {
	margin-left:240px;
	background-position:-560px -34px;
}
#gnavi li:nth-child(5) a {
	background-position:-680px 0;
}
#gnavi li:nth-child(5) a:hover {
	background-position:-680px -34px;
}
#gnavi li:nth-child(6) a {
	background-position:-800px 0;
}
#gnavi li:nth-child(6) a:hover {
	background-position:-800px -34px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
#gnavi {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
#gnavi:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

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

 #mainVisual

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

#mainVisual {
	position:relative;
	z-index:1000;
}
#mainVisual .btn {
	position:absolute;
	top:30px;
	right:-10px;
	display:block;
	width:140px;
	height:140px;
	background-image:url(../img/top/btn_real_ale.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#mainVisual .btn:hover {
	background-position:center bottom;
}

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

 #container

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

#container {
	position:relative;
	z-index:1000;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
#container {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
#container:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

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

 footer

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

/* サイトフッター */

footer.site-footer {
	margin:60px 0 20px;
	text-align:center;
}
footer.site-footer .site-info,
footer.site-footer .site-info a {
	color:#00283c;
	font-size:10px;
}