@charset "UTF-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #2a2b2b;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: #fff;
	overflow: scroll;
	line-height: 1.6;
	font-size: small;
	color: #2a2b2b;

	min-width: 980px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }

div#PageTop a {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../../img/pagetop.png) no-repeat left top;
	position: fixed;
	bottom: 2%;
	right: 2%;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	z-index: 20;
}

/*------------Headerのスタイル---------------------------------------------------------------*/
div#Header {
	width: 940px;
	margin: 0 auto;
	padding: 0.4em 0;
	overflow: hidden;
}
div#Header h1 { float: left; }
div#Header div#HeaderIcon {
	width: 330px;
	float: right;
}
div#Header div#HeaderIcon ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Header div#HeaderIcon ul li { float: left; }
div#Header div#HeaderIcon ul li#HIBtn01 { width: 40px; }
div#Header div#HeaderIcon ul li#HIBtn02 { width: 40px; }
div#Header div#HeaderIcon ul li#HIBtn03 { width: 40px; }
div#Header div#HeaderIcon ul li#HIBtn04 { width: 40px; }
div#Header div#HeaderIcon ul li#HIBtn05 { width: 155px; }
div#Header div#HeaderIcon ul li a,
div#Header div#HeaderIcon ul li span {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Header div#HeaderIcon ul li#HIBtn05 a,
div#Header div#HeaderIcon ul li#HIBtn05 span {
	display: block;
	width: 155px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Header div#HeaderIcon ul li#HIBtn01 a { background-image: url(../../img/h_icon01.png); }
div#Header div#HeaderIcon ul li#HIBtn02 a { background-image: url(../../img/h_icon02.png); }
div#Header div#HeaderIcon ul li#HIBtn03 a { background-image: url(../../img/h_icon03.png); }
div#Header div#HeaderIcon ul li#HIBtn04 a,
div#Header div#HeaderIcon ul li#HIBtn04 span { background-image: url(../../img/h_icon04.png); }
div#Header div#HeaderIcon ul li#HIBtn05 a,
div#Header div#HeaderIcon ul li#HIBtn05 span { background-image: url(../../img/header_tel.png); }

/*------------HeaderLogoのスタイル---------------------------------------------------------------*/
div#HeaderLogo {
	width: 100%;
	height: 180px;
	margin-top: 15px;
	background: url(../../img/header_bg.gif) repeat-x left top;
}
div#HeaderLogo div#InHLogo {
	width: 960px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}
div#HeaderLogo div#InHLogo h2 {
	width: 290px;
	background: url(../../img/header_logo.jpg) no-repeat left top;
	float: left;
}
div#HeaderLogo div#InHLogo h2 a {
	display: block;
	height: 180px;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#HeaderLogo div#InHLogo ul {
	width: 670px;
	list-style: none;
	float: right;
	overflow: hidden;
}
div#HeaderLogo div#InHLogo ul li {
	width: 134px;
	float: left;
}
div#HeaderLogo div#InHLogo ul li a {
	display: block;
	height: 180px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#HeaderLogo div#InHLogo ul li a:hover { background-position: left bottom; }
div#HeaderLogo div#InHLogo ul li#GMBtn01 a { background-image: url(../../img/gmbtn01.jpg); }
div#HeaderLogo div#InHLogo ul li#GMBtn02 a { background-image: url(../../img/gmbtn02.jpg); }
div#HeaderLogo div#InHLogo ul li#GMBtn03 a { background-image: url(../../img/gmbtn03.jpg); }
div#HeaderLogo div#InHLogo ul li#GMBtn04 a { background-image: url(../../img/gmbtn04.jpg); }
div#HeaderLogo div#InHLogo ul li#GMBtn05 a { background-image: url(../../img/gmbtn05.jpg); }

/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title {
	height: 50px;
	margin: 30px 0;
	background: #005322;
}
div#Title h2 {
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

/*------------Containerのスタイル---------------------------------------------------------------*/
div#Container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/*------------------------------------Mainのスタイル------------*/
div#Main {
	width: 670px;
	float: right;
	border-top: 1px solid #005322;
}
div#FooterTel {
	width: 560px;
	height: 52px;
	margin: 80px auto 0;
	background: url(../../img/footer_tel.png) no-repeat left top;
}
div#FooterTel h2,
div#FooterTel dl,
div#FooterTel dl *,
div#FooterTel p em { display: none; }
div#FooterTel p a,
div#FooterTel p span {
	display: block;
	height: 52px;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

/*------------------------------------Sideのスタイル------------*/
div#Side {
	width: 240px;
	float: left;
}
/*------------------------Side01のスタイル------------*/
div#Side div#Side01 ul {
	list-style: none;
	border-top: 1px solid #005322;
}
div#Side div#Side01 ul li { border-bottom: 1px solid #005322; }
div#Side div#Side01 ul li a {
	display: block;
	height: 16px;
	padding: 15px 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px center;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Side div#Side01 ul li a:hover { background-color: #e2eec4; }
div#Side div#Side01 ul li#SMBtn01 a { background-image: url(../../img/side/side_b01.png); }
div#Side div#Side01 ul li#SMBtn02 a { background-image: url(../../img/side/side_b02.png); }
div#Side div#Side01 ul li#SMBtn03 a { background-image: url(../../img/side/side_b03.png); }
div#Side div#Side01 ul li#SMBtn04 a { background-image: url(../../img/side/side_b04.png); }
div#Side div#Side01 ul li#SMBtn05 a { background-image: url(../../img/side/side_b05.png); }
div#Side div#Side01 ul li#SMBtn06 a { background-image: url(../../img/side/side_b06.png); }
div#Side div#Side01 ul li#SMBtn07 a { background-image: url(../../img/side/side_b07.png); }
div#Side div#Side01 ul li#SMBtn08 a { background-image: url(../../img/side/side_b08.png); }
div#Side div#Side01 ul li#SMBtn09 a { background-image: url(../../img/side/side_b09.png); }
/*------------------------Side02 , Side03のスタイル------------*/
div#Side div#Side02,
div#Side div#Side03 { margin-top: 50px; }
div#Side div#Side02 h2,
div#Side div#Side03 h2 {
	height: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Side div#Side02 h2 { background-image: url(../../img/side/contact_t.gif); }
div#Side div#Side03 h2 { background-image: url(../../img/side/special_t.gif); }
div#Side div#Side02 ul,
div#Side div#Side03 ul {
	list-style: none;
	border-top: 1px solid #005322;
}
div#Side div#Side02 ul li,
div#Side div#Side03 ul li { border-bottom: 1px solid #005322; }
div#Side div#Side02 ul li p,
div#Side div#Side03 ul li p { padding: 5px 0; }
div#Side div#Side02 ul li a,
div#Side div#Side02 ul li span,
div#Side div#Side03 ul li a {
	display: block;
	height: 37px;
	background-repeat: no-repeat;
	background-position: 10px top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Side div#Side02 ul li a:hover,
div#Side div#Side03 ul li a:hover { background-position: 10px bottom; }
/*------------------------Side02のスタイル------------*/
div#Side div#Side02 ul li em { display: none; }
div#Side div#Side02 ul li#SCMBtn01 a,
div#Side div#Side02 ul li#SCMBtn01 span { height: 75px; background-image: url(../../img/side/contact_b01.png); }
div#Side div#Side02 ul li#SCMBtn02 a { background-image: url(../../img/side/contact_b02.png); }
div#Side div#Side02 ul li#SCMBtn03 a { background-image: url(../../img/side/contact_b03.png); }
/*------------------------Side03のスタイル------------*/
div#Side div#Side03 ul li#SSMBtn01 a { background-image: url(../../img/side/special_b01.png); }
div#Side div#Side03 ul li#SSMBtn02 a { background-image: url(../../img/side/special_b02.png); }
div#Side div#Side03 ul li#SSMBtn03 a { background-image: url(../../img/side/special_b03.png); }
div#Side div#Side03 ul li#SSMBtn04 a { background-image: url(../../img/side/special_b04.png); }
/*------------------------Side04のスタイル------------*/
div#Side div#Side04 { margin-top: 50px; }
div#Side div#Side04 ul {
	list-style: none;
	line-height: 0;
	margin-bottom: -20px;
}
div#Side div#Side04 ul li { margin-bottom: 20px; }

/*------------Footerのスタイル---------------------------------------------------------------*/
div#Footer {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
}
/*------------------------------------FooterBannerのスタイル------------*/
div#FooterBanner {
	width: 1000px;
	margin: 0 auto;
	list-style: none;
}
div#FooterBanner h2 {
	width: 960px;
	margin: 0 auto 25px;
}
div#FooterBanner ul {
	width: 100%;
	margin-bottom: -40px;
	list-style: none;
	line-height: 0;
	overflow: hidden;
}
div#FooterBanner ul li {
	width: 200px;
	float: left;
	margin-bottom: 40px;
	text-align: center;
}
/*------------------------------------FooterAddLinkのスタイル------------*/
div#FooterAddLink {
	width: 100%;
	margin: 40px auto 0;
	padding: 20px 0;
	background: url(../../img/main_bg.gif) repeat left top;
}
/*------------------------InAddLinkのスタイル------------*/
div#InAddLink {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
/*------------FooterAddのスタイル------------*/
div#InAddLink div#FooterAdd {
	width: 480px;
	float: left;
}
div#InAddLink div#FooterAdd h2 {
	height: 104px;
	background: url(../../img/footer_logo.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#InAddLink div#FooterAdd table {
	width: auto;
	margin-top: 50px;
	border-collapse: collapse;
	font-size: 110%;
	color: #fff;
}
div#InAddLink div#FooterAdd table tr th {
	width: auto;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
}
div#InAddLink div#FooterAdd table tr td {
	width: auto;
	text-align: left;
	vertical-align: top;
}
div#InAddLink div#FooterAdd dl#FooterTime {
	width: auto;
	overflow: hidden;
	font-size: 110%;
	color: #fff;
}
div#InAddLink div#FooterAdd dl#FooterTime dt { float: left; }
div#InAddLink div#FooterAdd dl#TelFaxMail {
	height: 63px;
	margin-top: 15px;
	background: url(../../img/footer_text.png) no-repeat left top;
}
div#InAddLink div#FooterAdd dl#TelFaxMail dt,
div#InAddLink div#FooterAdd dl#TelFaxMail .DispNo { display: none; }
div#InAddLink div#FooterAdd dl#TelFaxMail dd a,
div#InAddLink div#FooterAdd dl#TelFaxMail dd span {
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#InAddLink div#FooterAdd dl#TelFaxMail dd#TFM01 a,
div#InAddLink div#FooterAdd dl#TelFaxMail dd#TFM01 span { height: 16px; }
div#InAddLink div#FooterAdd dl#TelFaxMail dd#TFM02 { padding-top: 26px; }
div#InAddLink div#FooterAdd dl#TelFaxMail dd#TFM02 a { height: 21px; }
/*------------FooterLinkのスタイル------------*/
div#InAddLink div#FooterLink {
	width: 479px;
	border-left: 1px solid #d8e698;
	float: right;
}
div#InAddLink div#FooterLink table {
	width: 440px;
	margin-left: auto;
	border-collapse: collapse;
}
div#InAddLink div#FooterLink table tr th {
	width: 40%;
	padding: 7px 0;
	text-align: left;
	vertical-align: middle;
}
div#InAddLink div#FooterLink table tr th a {
	font-size: 110%;
	font-weight: bold;
	color: #d8e698;
}
div#InAddLink div#FooterLink table tr td {
	width: auto;
	padding: 7px 0;
	text-align: left;
	vertical-align: middle;
}
div#InAddLink div#FooterLink table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#InAddLink div#FooterLink table tr td ul li {
	padding-right: 1em;
	float: left;
}
div#InAddLink div#FooterLink table tr td ul li a {
	padding-left: 12px;
	background: url(../../img/footer_arrow.png) no-repeat left center;
	color: #fff;
}
div#Footer address {
	width: 960px;
	margin: 20px auto 0;
	color: #fff;
}




/*------------a nameがきかない時の処理のスタイル---------------------------------------------------------------*/
a#p01, a#p02, a#p03, a#p04, a#p05, a#p06, a#p07, a#p08, a#p09, a#p10 { display: block; }