@charset "utf-8";

/*---------------------------------------
 common （共通部分のスタイル）
=======================================*/

/* 全体部分
--------------------------------------*/

body > #wrapper {
	height: auto;
}

#wrapper {
	width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
}

#header {
	background: url(../imgs/common/bg-header.jpg) repeat-x top left;
	width: 100%;
	height: 125px;
}

#footer {
	background: url(../imgs/common/bg-footer.jpg) repeat-x top left;
	margin: 0 auto;
	width: 100%;
	height: 40px;
}

#footer-link {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 20px;
}

*html #wrapper,
*html #header,
*html #footer,
*html #footer-link {
	text-align: center;
}

/* ヘッダー部分
--------------------------------------*/

#header .s-header {
	display: block;
	width: 800px;
	height: 87px;
	font-size: 10px;
	margin: 0 auto;
	text-align: left;
}

*html #header .s-header {
	text-align: center;
}

#header .s-header .h-left{
	float: left;
}

#header .s-header .h-right{
	float: right;
	width: 170px;
}

#header .s-header .h-left h1{
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
}

#header .s-header .h-left a{
	display: block;
	width: 214px;
	height: 28px;
	padding-top: 15px;
	float: left;
}

#header .s-header .h-right .btn-sitemap{
	display: block;
	width: 74px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 96px;
}

#header .s-header .h-right .btn-sitemap a{
	display: block;
	width: 74px;
	height: 19px;
	background: url(../imgs/common/btn-sitemap.jpg) no-repeat top left;
}

#header .s-header .h-right .btn-sitemap a:hover{
	background: url(../imgs/common/btn-sitemap_on.jpg) no-repeat top left;
}

#header .s-header .h-right .btn-sitemap_on{
	display: block;
	width: 74px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 96px;
	background: url(../imgs/common/btn-sitemap_on.jpg) no-repeat top left;
}

#header .s-header .h-right img{
	display: block;
	width: 170px;
	height: 39px;
	padding-top: 15px;
}

*html #header .s-header .h-right img{
	margin-top: 15px;
}

#header .nav {
	display: block;
	width: 802px;
	height: 35px;
	margin: 0 auto;
}

*html #header .nav {
	text-align: center;
}

#header .nav li {
	display: block;
	width: 160px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#header .nav li.nav05 {
	width: 162px;
}

#header .nav li.nav01 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav01.jpg) no-repeat top left;
}

#header .nav li.nav02 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav02.jpg) no-repeat top left;
}

#header .nav li.nav03 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav03.jpg) no-repeat top left;
}

#header .nav li.nav04 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav04.jpg) no-repeat top left;
}

#header .nav li.nav05 a{
	display: block;
	width: 162px;
	height: 35px;
	background: url(../imgs/common/nav05.jpg) no-repeat top left;
}

#header .nav li.nav06 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav06.jpg) no-repeat top left;
}

#header .nav li.nav07 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav07.jpg) no-repeat top left;
}

#header .nav li.nav08 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav08.jpg) no-repeat top left;
}

#header .nav li.nav09 a{
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav09.jpg) no-repeat top left;
}


#header .nav li.nav01 a:hover,
#header .nav li.nav01_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav01_on.jpg) no-repeat top left;
}

#header .nav li.nav02 a:hover,
#header .nav li.nav02_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav02_on.jpg) no-repeat top left;
}

#header .nav li.nav03 a:hover,
#header .nav li.nav03_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav03_on.jpg) no-repeat top left;
}

#header .nav li.nav04 a:hover,
#header .nav li.nav04_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav04_on.jpg) no-repeat top left;
}

#header .nav li.nav05 a:hover,
#header .nav li.nav05_on {
	display: block;
	width: 162px;
	height: 35px;
	background: url(../imgs/common/nav05_on.jpg) no-repeat top left;
}

#header .nav li.nav06 a:hover,
#header .nav li.nav06_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav06_on.jpg) no-repeat top left;
}

#header .nav li.nav07 a:hover,
#header .nav li.nav07_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav07_on.jpg) no-repeat top left;
}

#header .nav li.nav08 a:hover,
#header .nav li.nav08_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav08_on.jpg) no-repeat top left;
}

#header .nav li.nav09 a:hover,
#header .nav li.nav09_on {
	display: block;
	width: 160px;
	height: 35px;
	background: url(../imgs/common/nav09_on.jpg) no-repeat top left;
}


/* コンテンツ部分
--------------------------------------*/
#pankuzu {
	display: block;
	width: 800px;
	margin: 10px auto 0px;
	text-align: left;
}



#pankuzu li {
	display: inline;
}

#main-sub {
	display: block;
	width: 800px;
	margin: 15px auto;
	text-align: left;
}

*html #main-sub {
	text-align: center;
}

#main-sub .main-right {
	display: block;
	width: 568px;
	border: 1px solid #ffffff;
	float: right;
}

*html #main-sub .main-right {
	text-align: left;
}

#main-sub .main-left {
	display: block;
	width: 198px;
	border: 1px solid #cccccc;
	background-color: #efefef;
	float: left;
}

#main-sub .side-nav01,
#main-sub .side-nav02,
#main-sub .side-nav03,
#main-sub .side-nav04,
#main-sub .side-nav05,
#main-sub .side-nav06,
#main-sub .side-nav07,
#main-sub .side-banner {
	display: block;
	width: 180px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
}

*html #main-sub .side-nav01,
*html #main-sub .side-nav02,
*html #main-sub .side-nav03,
*html #main-sub .side-nav04,
*html #main-sub .side-nav05,
*html #main-sub .side-nav06,
*html #main-sub .side-nav07,
*html #main-sub .side-banner {
	margin-left: 0px;
}


#main-sub .side-nav01 {
	height: 110px;
	margin-top: 10px;
}

#main-sub .side-nav01 a {
	display: block;
	width: 180px;
	height: 110px;
	background: url(../imgs/common/side-nav01.jpg) no-repeat top left;
}

#main-sub .side-nav01 a:hover {
	background: url(../imgs/common/side-nav01_on.jpg) no-repeat top left;
}

#main-sub .side-nav01_on {
	display: block;
	width: 180px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav01_on.jpg) no-repeat top left;
}

#main-sub .side-nav02 {
	height: 110px;
}

#main-sub .side-nav02 a {
	display: block;
	width: 180px;
	height: 110px;
	background: url(../imgs/common/side-nav02.jpg) no-repeat top left;
}

#main-sub .side-nav02 a:hover {
	background: url(../imgs/common/side-nav02_on.jpg) no-repeat top left;
}

#main-sub .side-nav02_on {
	display: block;
	width: 180px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav02_on.jpg) no-repeat top left;
}

#main-sub .side-nav03 {
	height: 110px;
}

#main-sub .side-nav03 a {
	display: block;
	width: 180px;
	height: 110px;
	background: url(../imgs/common/side-nav03.jpg) no-repeat top left;
}

#main-sub .side-nav03 a:hover {
	background: url(../imgs/common/side-nav03_on.jpg) no-repeat top left;
}

#main-sub .side-nav03_on {
	display: block;
	width: 180px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav03_on.jpg) no-repeat top left;
}

#main-sub .side-nav04 {
	height: 110px;
}

#main-sub .side-nav04 a {
	display: block;
	width: 180px;
	height: 110px;
	background: url(../imgs/common/side-nav04.jpg) no-repeat top left;
}

#main-sub .side-nav04 a:hover {
	background: url(../imgs/common/side-nav04_on.jpg) no-repeat top left;
}

#main-sub .side-nav04_on {
	display: block;
	width: 180px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav04_on.jpg) no-repeat top left;
}

#main-sub .side-nav05 {
	height: 70px;
}

#main-sub .side-nav05 a {
	display: block;
	width: 180px;
	height: 70px;
	background: url(../imgs/common/side-nav05.jpg) no-repeat top left;
}

#main-sub .side-nav05 a:hover {
	background: url(../imgs/common/side-nav05_on.jpg) no-repeat top left;
}

#main-sub .side-nav05_on {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav05_on.jpg) no-repeat top left;
}

#main-sub .side-nav06 {
	height: 70px;
}

#main-sub .side-nav06 a {
	display: block;
	width: 180px;
	height: 70px;
	background: url(../imgs/common/side-nav06.jpg) no-repeat top left;
}

#main-sub .side-nav06 a:hover {
	background: url(../imgs/common/side-nav06_on.jpg) no-repeat top left;
}

#main-sub .side-nav06_on {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav06_on.jpg) no-repeat top left;
}

#main-sub .side-nav07 {
	height: 70px;
}

#main-sub .side-nav07 a {
	display: block;
	width: 180px;
	height: 70px;
	background: url(../imgs/common/side-nav07.jpg) no-repeat top left;
}

#main-sub .side-nav07 a:hover {
	background: url(../imgs/common/side-nav07_on.jpg) no-repeat top left;
}

#main-sub .side-nav07_on {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 9px;
	margin-bottom: 10px;
	background: url(../imgs/common/side-nav07_on.jpg) no-repeat top left;
}

#main-sub .side-banner {
	text-indent: 0px;
}

#main-sub .side-banner {
	text-indent: 0px;
}

#main-sub .btn-inquiry {
	display: block;
	width: 568px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
}

#main-sub .btn-inquiry a{
	display: block;
	width: 568px;
	height: 60px;
	background: url(../imgs/common/btn-inquiry.jpg) no-repeat top left;
}

#main-sub .btn-inquiry a:hover{
	background: url(../imgs/common/btn-s-inquiry_on.jpg) no-repeat top left;
}

#main-sub .btn-inquiry_on {
	display: block;
	width: 568px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../imgs/common/btn-s-inquiry_on.jpg) no-repeat top left;
}

/* フッター部分
--------------------------------------*/

#footer-link li{
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #cccccc;
	margin-right: 10px;
}

#footer-link li.last-link {
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}

#footer .s-footer {
	text-align: center;
	color: #333333;
	padding-top: 12px;
}