@import "reset.css";
@import "common.css";

/*
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
[167% = 22px]
[174% = 23px]
[182% = 24px]
[189% = 25px]
[197% = 26px]
*/

body {
	font-size: 100%;
	text-align: center;
	margin: 0 auto;
	background: url(../img/bg_body.jpg) repeat-y center;
}
.skip, hr {
	display: none;
}
.clearfix {
	overflow: hidden;
	_height: 1%;
}
#wrap {
	width: 900px;
	margin: 0 auto;
}
#container {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	_height: 1%;
}
#container div {
	text-align: left;
}

/*-------------------------------------------------------------------
#header
---------------------------------------------------------------------*/

#header {
	text-align: left;
	height: 80px;
	background: url(../img/bg_header.jpg) no-repeat top center;
}
#header h1 {
	margin: 0 auto;
	font-size: 12px;
}
#header p.logo {
	float: left;
	width: 448px;
	height: 64px;
	margin: 0 auto;
	text-indent: 0;
}
#header p {
	text-indent: -9999px;
}

#header p.sr_brn {
	width: 240px;
	height: 50px;
	margin: 10px 5px 0 0;
	float:right;
	text-indent: -9999px;
}
#header p.sr_brn a {
	display: block;
	width: 240px;
	height: 50px;
	outline: none;
}

#gnavi li {
	display: inline;
}

/*-------------------------------------------------------------------
#navi
---------------------------------------------------------------------*/

#navi {
	float: left;
	width: 224px;
	_width: 218px;
	margin-top: 5px;
	text-align: center !important;
}

#navi ul {
	margin-bottom: 15px;
}

.linkh {
	margin-bottom: 15px;
}

#navi .navi001 {
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	width: 209px;
	height: 38px;
	background: url(../img/img_navih1.gif) 0 0 no-repeat;
}

#navi .navi002 {
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	width: 209px;
	height: 38px;
	background: url(../img/img_navih3.gif) 0 0 no-repeat;
}


#navi li { margin: 0 auto; padding: 0; text-indent: -9999px; }

	#navi li a { display: block; margin: 0 auto; padding: 0; outline: 0; }
	
	* html #navi .contact_ul li a {  margin: 3px auto; padding: 0; }
	* html #navi .contact_ul li a:hover {  margin: 3px auto; padding: 0; }
	*:first-child+html #navi .contact_ul li a {  margin: 3px auto; padding: 0; }
	*:first-child+html #navi .contact_ul li a:hover {  margin: 3px auto; padding: 0; }
	
	* html #navi .company_ul li a {  margin: 3px auto; padding: 0; }
	* html #navi .company_ul li a:hover {  margin: 3px auto; padding: 0; }
	*:first-child+html #navi .company_ul li a {  margin: 3px auto; padding: 0; }
	*:first-child+html #navi .company_ul li a:hover {  margin: 3px auto; padding: 0; }
	
	#navi .navi01 a { width: 209px; height: 33px; background: url(../img/img_navi01.gif) 0 0 no-repeat; }
	#navi .navi02 a { width: 209px; height: 32px; background: url(../img/img_navi02.gif) 0 0 no-repeat; }
	#navi .navi03 a { width: 209px; height: 31px; background: url(../img/img_navi03.gif) 0 0 no-repeat; }
	#navi .navi04 a { width: 209px; height: 33px; background: url(../img/img_navi04.gif) 0 0 no-repeat; }
	#navi .navi05 a { width: 209px; height: 33px; background: url(../img/img_navi05.gif) 0 0 no-repeat; }
	#navi .navi06 a { width: 209px; height: 33px; background: url(../img/img_navi06.gif) 0 0 no-repeat; }
	#navi .navi07 a { width: 209px; height: 31px; background: url(../img/img_navi07.gif) 0 0 no-repeat; }
	#navi .navi08 a { width: 209px; height: 31px; background: url(../img/img_navi08.gif) 0 0 no-repeat; }
	#navi .navi09 a { width: 209px; height: 52px; background: url(../img/img_navi09.gif) 0 0 no-repeat; }
	#navi .navi10 a { width: 209px; height: 35px; background: url(../img/img_navi10.gif) 0 0 no-repeat; }
	#navi .navi11 a { width: 209px; height: 31px; background: url(../img/img_navi11.gif) 0 0 no-repeat; }
	#navi .navi12 a { width: 209px; height: 31px; background: url(../img/img_navi12.gif) 0 0 no-repeat; }
	#navi .navi13 a { width: 209px; height: 33px; background: url(../img/img_navi13.gif) 0 0 no-repeat; }
	#navi .navi14 a { width: 209px; height: 33px; background: url(../img/img_navi14.gif) 0 0 no-repeat; }
	#navi .navi15 a { width: 209px; height: 100px; background: url(../img/bnr_mainimg3.jpg) 0 0 no-repeat; }
	#navi .navi15 a:hover { width: 209px; height: 100px; background: url(../img/bnr_mainimg3_on.jpg) 0 0 no-repeat; }
		
			#navi li a:hover { background-position: bottom; }

/*-------------------------------------------------------------------
#contents
---------------------------------------------------------------------*/

#contents {
	float: right;
	width: 676px;
	margin-top: -11px;
}
#contentsbody {
	font-size: 93%;
}
#contents a {
	color: #ff8c00;
}
#contents a:hover {
	color:  #ffa500;
	text-decoration: none;
}
#mainimg h2.top {
	display: block;
	width: 640px;
	height: 240px;
}
*:first-child+html #mainimg h2.top {
	width: 640px;
	height: 240px;
	margin-right: 26px;
}
#mainimg h2 {
	display: none;
	width: 640px;
	height: 367px;
}
.breadcrm {
	width: 668px;
	margin: 0 auto !important;
	text-align: left;
	font-size: 70%;
	padding-left: 224px;
	color: #666;
}
.breadcrm span {
	position: relative;
	top: -2px;
}
.breadcrm a {
	color: #ff8c00;
	text-decoration: none;
}
.breadcrm a:hover {
	color: #ffa500;
	text-decoration: underline;
}
.pageTop {
	font-size: 77%;
	text-align: right;
	margin: 30px 32px 5px 10px !important;
}
.pageTop a {
	color: #666;
	padding-left: 16px;
	background: url(../img/bg_pagetop.gif) no-repeat center left;
}
.pageTop a:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------
#footer
---------------------------------------------------------------------*/

#footer {
	background: #316708;
	clear: both;
	width: 900px;
	padding: 20px 0 30px 0;
	margin: 30px 0 0 0;
	font-size: 77%;
	overflow: hidden;
	_height: 1%;
	text-align: left;
}
* html #footer {
	font-size: 80%;
}
* + html #footer {
	font-size: 80%;
}
#footer li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 5px;
}
#footer .start {
	border: none;
}
#footer ul {
}
#footer ul a {
	color: #ccc;
	text-decoration: none;
}
#footer ul a:hover {
	color: #fff;
	text-decoration: underline;
}
address {
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	margin-left: 5px;
}
.footercontact {
	float: right;
	margin-right: 20px;
}

.sr_mgL5 {
    padding-left:17px;
}

.sr_padding{
   padding-top:15px;
}

.sr_padding01{
   padding-left:21px;
}