@charset "utf-8";
/* ===================================================================

CSS information
 file name  :  header.css
 style info :  header設定

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

.topbody #Header {
	text-align:center;
	background:url(../../../common/images/header/bg_header_01.gif) repeat-x top;
	overflow:hidden;
	_zoom:1;
	padding-bottom:1px;
	padding-top:2px;
	padding-bottom:5px;
}

#Header {
	text-align:center;
	background:url(../../../common/images/header/bg_header_02.gif) repeat-x bottom;
	border-top:2px solid #00693E;
	overflow:hidden;
	_zoom:1;
}

#Header .inner {
	text-align:left;
	width:900px;
	margin:0 auto;
}

#Header #logo {
	float:left;
	width:169px;
	margin:15px 0 17px 0;
}

#Header .catch {
	float:left;
	color:#999;
	font-size:70%;
	line-height:140%;
	width:340px;
	margin:14px 0 0 0;
}

#Header .subnavi {
	float:right;
	text-align:right;
	margin:12px 0 0 0;
	width: 382px;
	_width: 390px;
	overflow: hidden;
}

#Header .subnavi li {
	float:left;
	margin:0 0 10px 6px;
}

#Header .subnavi li img { vertical-align:top; }

*:first-child+html #Header .subnavi {
	margin-bottom:-5px;
}

*:first-child+html #Header .subnavi li {
	margin-bottom:-2px;
}

.Gnavi {
	clear:both;
	text-align:center;
	background:url(../../../common/images/header/bg_header_03.gif) repeat-x top;
	overflow:hidden;
	_zoom:1;
}

.Gnavi ul {
	width:900px;
	margin:0 auto;
}

.Gnavi li {
	float:left;
}


/*----------------------------------------------------------------
 4. Global navi
----------------------------------------------------------------*/

#Header .inner .gloval {
        clear:both;
        margin:0 auto;
}

.glovaltop {
        clear:both;
        margin:40px auto 0;
}

.glovaltop .menu,
#Header .inner .gloval .menu {
        float:left;
        width:690px;
}

.glovaltop .menu-second,
#Header .inner .gloval .menu-second {
        width:900px;
}

.glovaltop ul,
#Header .inner .gloval ul { }

.glovaltop li,
#Header .inner .gloval li { display:inline; }

.glovaltop .search,
#Header .inner .gloval .search {
        float:right;
        background:url(../images/bg_search_01.gif) no-repeat;
        _background:url(../images/bg_search_01.gif) no-repeat;
        width:202px;
        height:24px;
        padding:8px 4px;
        margin-top:-40px;
}

.glovaltop .search .area,
#Header .inner .gloval .search .area {
        width:129px;
        font-size:12px;
        margin:0 5px 5px 0;
        color:#666;
}