@charset "utf-8";
/* CSS Document */

/* 全体の基本設定 */
* {
	margin: 0;
	padding: 0;
}
/* Firefoxでのコンテンツが少ない際のスクロールバーによる中心ズレを防ぐ */
html {
	overflow-y: scroll;
}
/* Bodyの基本設定 */
body {
	width: 100%;
	height: 100%;
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333333;
	line-height: 1.5;
    *font-size:small;
    *font:x-small;
}
/* フォントサイズの統一 */
h1, h2, h3, h4, h5, h6 {  
	font-size: 100%;  
}
/* margin, paddingは基本的になし(必要な場合は個別に設定)。また、｢p｣タグは意図的に外してます。  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td  {  
	margin: 0;
	padding: 0;  
}
p {
	padding-bottom: 1em;
}
/* imgタグはボーダーなし */
img {
	border: 0;
}
/* リストスタイルはナシｓ */
ul, ol {  
	list-style-type: none;  
}

/* リンク設定 */
a:link, a:active {
	color: #3F88A3;
	text-decoration:none;
	overflow: hidden;
}
a:visited {
	color: #3F88A3;
	text-decoration:none;
}
a:hover, a:visited:hover {
	color: #D99954;
	text-decoration: underline;
	overflow: hidden;
}

/* 全体のレイアウト関連 */

/* 全体の包括関連 */
#wrapper {
	width: 816px;
	height: auto;
	background: url(../images/common/bg_body.gif) repeat-y 0 0;
	margin: 0 auto;
}

/* ヘッダー関連 */
#header {
	width: 800px;
	height: 133px;
	margin: 0 auto;
	background: url(../images/common/sitename.gif) no-repeat 528px 32px;
}
h1 {
	width: 189px;
	height: 47px;
	text-indent: -9999px;
	background: url(../images/common/logo.gif) no-repeat 10px 20px;
	padding: 20px 0 26px 10px;
}
h1 a {
	width: 189px;
	height: 47px;
	display: block;
}
.sitename {
	width: 275px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/common/sitename.gif) no-repeat 0 0;
	display: none;
}

/* グローバルナビゲーション関連 */
#global {
	width: 800px;
	height: 40px;
	margin: 0 auto;
}
#global ul {
	width: 800px;
	height: 40px;
	background: url(../images/common/globalnavi.jpg) no-repeat 0 0;
}
#global ul:after {
	content: ".";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
#global li {
	width: 157px;
	height: 40px;
	float: left;
	margin: 0 3px 0 0;
	background-image: url(../images/common/globalnavi_over.jpg);
	background-repeat: no-repeat;
}
#global li a {
	width: 157px;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../images/common/globalnavi.jpg);
	background-repeat: no-repeat;
	display: block;
}
#global li a:hover {background-image: url(../images/common/globalnavi_over.jpg);}
#global li#global01,#global li#global01s,#global li#global01 a,#global li#global01s a {
	width: 158px;
}
#global li#global05,#global li#global05s,#global li#global05 a,#global li#global05s a {
	width: 159px;
	margin: 0;
}
#global li#global01 a,#global li#global01 a:hover,#global li#global01s a, #global li#global01s a:hover {background-position: 0 0;}
#global li#global02 a,#global li#global02 a:hover,#global li#global02s a, #global li#global02s a:hover {background-position: -161px 0;}
#global li#global03 a,#global li#global03 a:hover,#global li#global03s a, #global li#global03s a:hover {background-position: -321px 0;}
#global li#global04 a,#global li#global04 a:hover,#global li#global04s a, #global li#global04s a:hover {background-position: -481px 0;}
#global li#global05 a,#global li#global05 a:hover,#global li#global05s a, #global li#global05s a:hover {background-position: -641px 0;}

/* コンテンツの包括 */
#contents {
	width: 780px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
}

/* コンテンツのレイアウト */
#local {
	width: 780px;
	height: auto;
	margin: 0 auto 10px;
}
#local ul {
	width: 800px;
	height: auto;
	margin: 0 0 10px;
}
#local li {
	padding: 0 1em 0 0;
	display: inline;
}
#local h2 {
	width: 780px;
	height: 44px;
	margin: 0 auto;
	/* background-image は各cssにて設定 */
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#rightArea {
	width: 575px;
	height: auto;
	float: right
}
#leftArea {
	width: 190px;
	height: auto;
	float: left;
}
#leftArea ul {
	width: 170px;
	height: auto;
	margin: 0 auto;
}
#leftArea li {
	width: 170px;
	height: 36px;
	padding: 0 0 1px;
}
#leftArea li a {
	width: 170px;
	height: 36px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#leftArea li a:hover {
	background-repeat: no-repeat;
}

.gotop {
	height: 15px;
	padding: 20px 0 0 0;
	clear: both;
}
.gotop a {
	width: 122px;
	height: 15px;
	display: block;
	margin: 0 0 0 auto;
	background: url(../images/common/gotop.gif) no-repeat right 0;
	text-indent: -9999px;
}

.txtBox {
	padding: 0 10px;
}

/* 各コンテンツ共通 */
h4 {
	width: 555px;
	height: 30px;
	color: #666666;
	font-size: 1.2em;
	background: url(../images/common/h4.gif) no-repeat 0 0;
	line-height: 30px;
	padding: 0 0 0 20px;
	margin: 15px 0 20px;
	clear: both;
}
/*h5 {
	color: #666666;
	margin: 1.5em 0 1em;
	clear: both;
}*/
h5 {
	color: #333333;
	font-size: 1.1em;
	margin: 1.5em 0 1em;
	padding: 0 0 0 16px;
	border-left: solid 4px #9BCC82;
	clear: both;
}

/* フッター関連 */
#footer {
	width: 800px;
	height: 73px;
	margin: auto;
	background: url(../images/common/bg_bottom.gif) no-repeat 0 bottom;
	padding: 0 8px;
	position: relative;
}
#footer ul {
	width: 780px;
	height: 71px;
	border-top: solid 2px #ff8002;
	padding: 23px 10px 0;
	margin: 0 auto;
}
#footer ul:after {
	content: ".";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
#footer li {
	height: 14px;
	float: left;
	background-image: url(../images/common/foot_navi_over.gif);
	margin: 0 9px 0 0;
}
#footer li a {
	height: 14px;
	background-image: url(../images/common/foot_navi.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#footer li a:hover {background-image: url(../images/common/foot_navi_over.gif);}

#footer li#foot01, #footer li#foot01s, #footer li#foot01 a { width: 66px; }
#footer li#foot02, #footer li#foot02s, #footer li#foot02 a { width: 126px; }
#footer li#foot03, #footer li#foot03s, #footer li#foot03 a { width: 118px; }
#footer li#foot04, #footer li#foot04s, #footer li#foot04 a { width: 89px; }
#footer li#foot01 a, #footer li#foot01s a,#footer li#foot01 a:hover, #footer li#foot01s a {background-position: 0 0;}
#footer li#foot02 a, #footer li#foot02s a,#footer li#foot02 a:hover, #footer li#foot02s a {background-position: -75px 0;}
#footer li#foot03 a, #footer li#foot03s a,#footer li#foot03 a:hover, #footer li#foot03s a {background-position: -213px 0;}
#footer li#foot04 a, #footer li#foot04s a,#footer li#foot04 a:hover, #footer li#foot04s a {background-position: -342px 0;}
address {
	width: 314px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/common/copylight.gif) no-repeat 0 0;
	position: absolute;
	left: 480px;
	top: 25px;
}

/* ----- ClearFix ----- */
.clearfix:after {
	content: ".";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}


.clear {clear: both;}