@charset "Shift_JIS";

/*--------------------------------------------------------------------
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: #555;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* 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: #bfbfbf;
	overflow: scroll;
	line-height: 1.6;
	font-size: 14px;
	color: #555;

	min-width: 980px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }

div#PageTop a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../img/pagetop.png) no-repeat left top;
	position: fixed;
	bottom: 20%;
	right: 50px;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	z-index: 10;
}


/*------------Containerのスタイル---------------------------------------------------------------*/
div#Container00 {
	width: 100%;
	position: absolute;
	z-index: 2;
	color: #555;
}
div#Container {
	width: 100%;
	position: relative;
	margin: 0 auto;
}


/*------------TopAnimaのスタイル---------------------------------------------------------------*/
div#TopAnima {
	width:100%;
	height: 170px;
	background: #fff url(../../img/header_bg.jpg) no-repeat center top;
	margin: 0 auto;
}


/*------------Headerのスタイル---------------------------------------------------------------*/
div#Header {
	width: 980px;
	margin: 0 auto;
	padding: 0.3em 0;
	overflow: hidden;
	font-size: 85%;
}
div#Header h1 { float: left; }
div#Header ul {
	list-style: none;
	float: right;
	text-align: right;
}
div#Header ul li { display: inline; }


/*------------ExceptHeaderのスタイル---------------------------------------------------------------*/
div#ExceptHeader {
	width: 100%;
	padding: 10px 0 21px;
}
div#ExceptHeader div#InExcHeader {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
/*------------Logoのスタイル*/
div#ExceptHeader div#InExcHeader h2#Logo {
	width: 200px;
	height: 80px;
	padding: 25px 0 0 15px;
	float: left;
}
div#ExceptHeader div#InExcHeader h2#Logo a {
	display: block;
	height: 80px;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
/*------------Titleのスタイル*/
div#ExceptHeader div#InExcHeader h2#Title {
	width: 314px;
	height: 90px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
/*------------Searchのスタイル*/
div#ExceptHeader div#InExcHeader div#Search {
	width: 274px;
	float: right;
	text-align: right;
}
div#ExceptHeader div#InExcHeader div#Search ul {
	list-style: none;
	width: 100%;
	margin-top: 12px;
	overflow: hidden;
}
div#ExceptHeader div#InExcHeader div#Search ul li {
	height: 72px;
	float: left;
	text-align: left;
}
div#ExceptHeader div#InExcHeader div#Search ul li#HEMBtn01 { width: 95px; }
div#ExceptHeader div#InExcHeader div#Search ul li#HEMBtn02 { width: 94px; }
div#ExceptHeader div#InExcHeader div#Search ul li#HEMBtn03 { width: 72px; }
div#ExceptHeader div#InExcHeader div#Search ul li a {
	display: block;
	width: 72px;
	height: 72px;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}

/*------------------------------------Globalのスタイル------------*/
div#Global {
	width: 100%;
	height: 102px;
	background: url(../../img/global_bg.gif) repeat-x left bottom;
}
div#Global ul {
	list-style: none;
	width: 810px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 0;
}
div#Global ul li {
	width: 162px;
	float: left;
}
div#Global ul li a {
	display: block;
	height: 75px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
div#Global ul li a:hover { background-position: left bottom; }
div#Global ul li#GMBtn01 a { background-image: url(../../img/gmbtn01.gif); }
div#Global ul li#GMBtn02 a { background-image: url(../../img/gmbtn02.gif); }
div#Global ul li#GMBtn03 a { background-image: url(../../img/gmbtn03.gif); }
div#Global ul li#GMBtn04 a { background-image: url(../../img/gmbtn04.gif); }
div#Global ul li#GMBtn05 a { background-image: url(../../img/gmbtn05.gif); }

/*------------------------------------Contentsのスタイル------------*/
div#Contents {
	width: 100%;
	background: #fff;
}

/*------------------------------------Wrapのスタイル------------*/
div#Wrap {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

/*------------------------Panのスタイル------------*/
div#Pan {
	width: 100%;
	margin-top: 5px;
	font-size: 85%;
}
div#Pan ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
div#Pan ul li {
	padding-right: 0.5em;
	float: left;
}
div#Pan ul li:after { content: ">"; }
div#Pan ul li.EndPan:after { content: ""; }
div#Pan ul li a {
	margin-right: 0.5em;
	color: #003b95;
}

/*------------------------Mainのスタイル------------*/
div#Main {
	width: 740px;
	float: right;
}
div#Main h3 {
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
div.InBox {
	width: 700px;
	margin: 20px auto 0;
	overflow: hidden;
}

/*------------------------Sideのスタイル------------*/
div#Side {
	width: 220px;
	float: left;
}

/*------------Side01 , Side02 のスタイル------------*/
div#Side div#Side01,
div#Side div#Side02 {
	margin-bottom: 30px;
	font-size: 85%;
}
div#Side div#Side01 h2 a,
div#Side div#Side02 h2 a {
	display: block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
div#Side div#Side01 h2 a:hover,
div#Side div#Side02 h2 a:hover { background-position: left bottom; }
div#Side div#Side01 h2 a { background-image: url(../../img/side_t01.gif); }
div#Side div#Side02 h2 a { background-image: url(../../img/side_t02.gif); }
div#Side div#Side01 ul li {
	list-style: none;
	border: 1px solid #959595;
	border-top: 0 none;
}
div#Side div#Side01 ul li a {
	display: block;
	padding: 0.7em 0.5em 0.6em 30px;
	background: #fff url(../../img/side_arrow01.png) no-repeat 15px center;
	line-height: 1;
}
div#Side div#Side02 dl dt {
	list-style: none;
	border: 1px solid #959595;
	border-top: 0 none;
}
div#Side div#Side02 dl dt a {
	display: block;
	padding: 0.7em 0.5em 0.6em 30px;
	background: #fff url(../../img/side_arrow01.png) no-repeat 15px center;
	line-height: 1;
}
div#Side div#Side02 ul li {
	list-style: none;
	padding-left: 20px;
	border: 1px solid #959595;
	border-top: 0 none;
}
div#Side div#Side02 ul li a {
	display: block;
	padding: 0.7em 0.5em 0.6em 30px;
	background: #fff url(../../img/side_arrow02.png) no-repeat 15px center;
	line-height: 1;
}

/*------------Side03のスタイル------------*/
div#Side div#Side03 h2 a {
	display: block;
	height: 80px;
	background: url(../../img/side_b01.jpg) no-repeat left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
div#Side div#Side03 h2 a:hover { background-position: left bottom; }


/*------------Footerのスタイル---------------------------------------------------------------*/
div#Footer {
	width: 100%;
	background: #fff;
	padding: 30px 0 0;
	line-height: 1.4;
	font-size: 85%;
}
div#InFooter {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 1px solid #2a2b2b;
	overflow: hidden;
}
div#InFooter ul {
	list-style: none;
	padding-left: 35px;
	float: left;
	color: #2a2b2b;
}
div#InFooter ul li ul {
	padding: 0;
	float: none;
}
div#InFooter ul .FTSp { margin-top: 1.4em; }
div#InFooter ul li:before { content: "■"; }
div#InFooter ul li ul li:before { content: "｜"; }
div#InFooter ul li ul li ul li:before { content: "　　・"; }
div#InFooter ul li a { color: #2a2b2b; }

div#FooterAdd {
	padding: 10px 0 5px;
	background: #bfbfbf;
	text-align: left;
}
div#FooterAdd table {
	width: auto;
	margin: 0 auto 0;
	border-collapse: collapse;
}
div#FooterAdd table tr th,
div#FooterAdd table tr td {
	width: auto;
	padding: 0 10px;
	text-align: left;
	vertical-align: middle;
}
div#FooterAdd table tr td br { display: none; }

address {
	padding: 0 0 10px;
	background: #bfbfbf;
	text-align: center;
}

/*------------a nameがきかない時の処理のスタイル---------------------------------------------------------------*/
a#p01, a#p02, a#p03, a#p04, a#p05, a#p06, a#p07, a#p08, a#p09, a#p10 { display: block; }