@charset "utf-8";
/****************************************************
CSS Document For HGC
Main style
Style name : HGC
Style family : ----
File name : Main.css
Author : Tyoumihin
Date : 2007/03/17
****************************************************/

/* Basic
----------------------------*/
body {
	color: #444;
	background: url(../img/bg.gif) #dfe3d9 repeat-y center 0;
	font-size: 12px;
	text-align: center;
	min-height:100%
}

* html body { background:url(../img/bg_ie6.gif) #dfe3d9 repeat-y center 0}
*+html body { background:url(../img/bg.gif) #dfe3d9 repeat-y center 0}

#wrapper {
	width: 844px;
	margin: 0 auto;
	padding: 36px 4px 10px;
	background: url(../img/wrapper-bg.gif) repeat-x 0 0;
	text-align: center;
	position: relative;
	padding-bottom: -50px;
}

* html #wrapper { }

/* Header
----------------------------*/
#home h1 {
	width: 245px;
	position: absolute;
	top: 0;
	left: 16px;
	height: 133px;
	z-index: 1
}

#home #wrapper>h1 { background: url(../img/logo.png) no-repeat 0 0 }

* html #home h1 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png')
}

#introduce h1, #rci h1 {
	width: 162px;
	background: url(../img/logo-lite.gif) 0 0 no-repeat;
	position: absolute;
	top: 10px;
	left: 20px;
	height: 45px
}

/* Nav
-----------------------------*/
#nav{ position: absolute; top: 15px; right: 15px }

* html #nav{ top:0 }

#nav { width: 100%; text-align: right }

#nav p { display: none }

#nav ul { margin:0 auto;}
* html #nav ul {padding-top:10px; }
#nav li { display: inline; }

#nav a {
	padding: 16px 16px 7px;
	background: url(../img/wrapper-bg.gif) #fff repeat-x 0 0;
	color: #33553c
}
*+html #nav ul { float:right}
*+html #nav a { float:left; margin-top:-15px}

* html #nav a { height:30px; margin-top:-10px }

#nav #n1 a:hover,
#nav #n2 a:hover,
#nav #n3 a:hover,
#nav #n4 a:hover,
#nav #n5 a:hover {
	background:#385A41 url(../img/nav-hover.gif) repeat-x 0 0;
	text-decoration: none;
	color:#fff;
}

/* Img Holder
--------------------------*/
#img-holder {
	width: 844px;
	padding-bottom: 1px;
	background: url(../img/img-holder-border.gif) repeat-x 0 100%;
	text-align: center;
	position: relative
}

#img-holder ol {
	display:none;
	width: 387px;
	padding-top: 9px;
	color: #0025c8;
	background: url(../img/imgtext-bg.png) 0 0 no-repeat;
	text-align: left;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 78px
}

* html #img-holder ol {
	background: url(../img/imgtext-bg.gif) 0 0 no-repeat;
	bottom: 10px;
	right: -14px
}

#img-holder ol li { text-indent: 3em }

/* main
--------------------------*/
#content { clear: both }
*+html #content { margin-top:80px}

h2 {
	margin-top: 40px;
	text-indent: -9999px;
	text-align: left;
	height: 42px
}
#introduce h2 {
	background: url(../img/introduce-h2.gif) 20px 0 no-repeat;
}
#rci h2 {
	background: url(../img/rci-h2.gif) 20px 0 no-repeat;
}

* html h2 { margin-top: 80px }

#gah-logo {
	border: #427d5f 1px solid;
	margin: 0 auto 2px;
	background:url(../img/gah-logo.gif) no-repeat 50% 50%;
	text-indent: -9999px;
	height: 46px;
}
* html #gah-logo { width:101% }
#ad {
	border-bottom: #0079e9 1px solid;
	float: left;
	background: url(../img/ad-bg.gif) 0 0 repeat-x;
	text-align: center
}

#map { text-align: center; overflow: hidden }

#map img { border-bottom: #0079e9 1px solid }

#addr { width: 98%; margin: 0 auto; }
#addr a { color: #0033cc }

pre { padding: 4px 0 20px }

#addr pre {
	margin: 6px 0;
	padding: 4px 3%;
	text-align: left;
	line-height: 22px
}

#addr #rci {
	padding-bottom: 10px;
	background: url(../img/dotline.gif) 0 100% repeat-x;
}
#addr > #rci { height:70px}
#addr #rci a { float:right; margin-top:-26px}

#addr #gah {
	width: 43%;
	float: left;
	margin-left: 24px;
	background: url(../img/dotline-v.gif) 100% 0 repeat-y
}

* html #addr #gah { margin-left: 8px; /* For IE*/ width: 50% }

#addr #longtou { float: left; width: 35%; margin-left: 26px }

* html #addr #longtou { }

dl {
	width: 70%;
	margin: 15px auto;
	clear: both;
	text-align: left
}

dt { font-size: 14px }

dt, dl { line-height: 24px }

dl#note-1 dt { width: 10em; float: left; color: #339933 }

dl#note-2 dt { color: #ff6600 }

dl#note-2 dd { padding-left: 2em }

#contact-text {
	border: 1px solid #33ccff;
	width: 600px;
	margin: 10px auto;
	padding: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: center
}
#wrapper > #contact-text { margin-top:30px;}

#introduce h4, h4 a {
	margin-top: -30px;
	padding-right: 20px;
	color: #009933;
	font-size: 14px;
	text-align: right
}

h5 { font-size:14px; color:#009933}

#introduce #note dt { color: #660000; font-weight: bold }

#introduce #note dd { padding-left: 1em; margin-bottom: 20px }

ul#flow {
	width: 70%;
	margin: 0 auto;
	background: url(../img/flow.gif) 50% 50% no-repeat;
	text-align: left;
	height: 230px
}
ul.rci-text {
	line-height:22px;
	text-align:center;
	font-size:14px;
	margin:20px 0;

}
#rci .btn { margin:20px 0 10px; }
body.subpage #content h2 { border-bottom:1px solid #0082EC }
#rci-texts { background: url(../img/subpage-bg.gif) repeat-x 0 0; padding-top:20px }

/* Table
--------------------------*/
table {
	border-bottom: 1px solid #0079e9;
	font-size: 12px;
	line-height: 22px
}

.col-1 { width: 15% }

.col-2 { width: 85% }

th, td { padding: 6px 10px }

th {
	border-right: 1px dashed #d1ebfa;
	border-bottom: 1px solid #d1ebfa;
	color: #0033cc;
	font-size: 14px;
	font-weight: normal;
	text-align: right
}

td {
	border-bottom: 1px solid #d1ebfa;
	padding-right: 50px;
	text-align: left
}

#rci-link { overflow:hidden}
#rci-link dl { text-align:center}
#rci-link dt { line-height:120px}
#rci-link dd { width:49.5%; float:left; margin-top:-10px}

/* Footer
--------------------------*/
#footer {
	width: 812px;
	padding: 20px 20px 0;
	line-height: 22px;
	text-align: center;
	height: 50px;
	margin:0 auto;
	background:url(../img/footerbg.gif) repeat-x 0 0;
}
* html #footer { width:852px;}

h1, ul#flow li { text-indent: -9999px }

h3, caption {
	padding: 30px 0 0 20px;
	border-bottom: 1px solid #0079e9;
	color: #0033ccc;
	font-size: 14px;
	font-weight: bold;
	text-align: left
}