﻿@charset "utf-8";

/*
1.header
2.global menu
*/

/*----------------------------------------------------
　【 1.header 】
----------------------------------------------------*/
#top_header0 {
	width:100%;
	height: auto;
}

#sliderBox{
	width: 100%;
	height: 500px;
	background-color: #FFF;
}

/*----------------------------------------------------
　【 2.global menu 】
----------------------------------------------------*/
#gnav_back {
	width: 100%;
	height: 83px;
	margin: 0 0 0 0;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
	background-image: url(../images/nav_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#g_navi {
	width: 1000px;
	height: 83px;
	margin: 0 auto;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
	background-image: url(../images/g_navi_back.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#g_navi ul{
	width: 867px;
	height: 43px;
	margin:16px 0 0 0;
	padding: 0;
	float:right;
}

#g_navi ul li{
	float:left;
	height: 43px;
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#g_navi ul li a{
	display:block;
	height: 43px;
	margin: 0;
	background-image: url(../images/g_navi.jpg);
	background-repeat: no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	_overflow:hidden; /*IE6用*/
}

/* off */
.g_navi01 a{background-position: 0px 0; width:158px;}
.g_navi02 a{background-position: -158px 0; width:70px;}
.g_navi03 a{background-position: -228px 0; width:70px;}
.g_navi04 a{background-position: -298px 0; width:70px;}
.g_navi05 a{background-position: -368px 0; width:114px;}
.g_navi06 a{background-position: -482px 0; width:167px;}
.g_navi07 a{background-position: -649px 0; width:120px;}
.g_navi08 a{background-position: -769px 0; width:98px;}

/* hover */
.g_navi01 a:hover{background-position: 0px -43px;}
.g_navi02 a:hover{background-position: -158px -43px;}
.g_navi03 a:hover{background-position: -228px -43px;}
.g_navi04 a:hover{background-position: -298px -43px;}
.g_navi05 a:hover{background-position: -368px -43px;}
.g_navi06 a:hover{background-position: -482px -43px;}
.g_navi07 a:hover{background-position: -649px -43px;}
.g_navi08 a:hover{background-position: -769px -43px;}

/* on */
.g_navi01_on a{background-position: 0px -43px; width:158px;}
.g_navi02_on a{background-position: -158px -43px; width:70px;}
.g_navi03_on a{background-position: -228px -43px; width:70px;}
.g_navi04_on a{background-position: -298px -43px; width:70px;}
.g_navi05_on a{background-position: -368px -43px; width:114px;}
.g_navi06_on a{background-position: -482px -43px; width:167px;}
.g_navi07_on a{background-position: -649px -43px; width:120px;}
.g_navi08_on a{background-position: -769px -43px; width:98px;}


#logo,#top_header .h1_text,#temp_header .h1_text,#tel{
position:absolute;
}

#top_header .h1_text,#temp_header .h1_text {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	top: 2px;
}


/* logo位置
***************************/
#logo {
	top: 15px;
	display: block;
	width: 100px;
	height: 45px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

#logo a {
	top: 15px;
	display: block;
	width: 100px;
	height: 45px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*----------------------------------------------------
　【 page_header 】
----------------------------------------------------*/
#headerArea {
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 300px;
	min-width: 950px;
	overflow:hidden;
	background-size:cover;
}