@charset "UTF-8";

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

	--style.css--

	1. Style setting
		1-1. Base styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Footer styles

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

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Base styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#333; }
a:hover {
	color:#333;
	text-decoration:none;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#container {
	min-height: 1000px;
}
#header {
	background: url(../images/bg_line.png) repeat-x 0 0;
	min-height: 200px;
	padding-top: 5px;
}
#header .headerInner {
	margin: 0 auto;
	position: relative;
	width: 1020px;
}
/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
#header p#logo {
	left: 0;
	position: absolute;
	top: 35px;
	z-index: 100;
}

/* ------------------------------------------------------------------
	2-2. Navi styles
-------------------------------------------------------------------*/
#gnav {
	float: right;
	margin: 70px 18px 0 0;
	width: 684px;
}
#gnav li {
	float: left;
}

/* ------------------------------------------------------------------
	2-3. Main styles
-------------------------------------------------------------------*/
.bannerLink {
	position: fixed;
	z-index: 9000;
	top: 5px;
	right: 0px;
}
.transTop {
	top: 0;
}

@media screen and (max-width: 1140px) {
	.bannerLink {
		right: 0;
	}
}

@media screen and (max-width: 800px) {
	.bannerLink {
		display: none;
	}
}
.transition {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#main {
	margin-bottom: 37px;
}


/* ------------------------------------------------------------------
	2-5 Footer styles
-------------------------------------------------------------------*/

#footer {
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	width: 983px;
}
#footer .logoGroup {
	float: left;
	width: 190px;
}
#footer .logoGroup .fLogo {
	margin-bottom: 17px;
}
#footer .contactInfo {
	position: absolute;
	left: 210px;
	top: 104px;
}
#footer .contactInfo a,
#footer .contactInfo a:hover {
	text-decoration: none;
}
#footer #copyright {
	float: right;
	font-size: 90%;
	padding-top: 122px;
	text-align: right;
	width: 300px;
}