@charset "UTF-8"; 
/* ベースCSS */

/* htmlタグ定義 */
body {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	background-image:  url(../images/bg_body.gif);
	background-repeat: repeat-x;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a {
	color: #0E3DC0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
}

h2 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h4 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

strong{
	font-weight: normal;
	font-style: normal;
}

em{
	font-weight: normal;
	font-style: normal;
}

/* レイアウトボックス要素 */

#wrap {
	width: 970px;
	margin: 0 auto;
	background-image:  url(../images/bg_wrap.gif);
	background-repeat: repeat-y;
	text-align: left;
}


#header {
	width: 970px;
	height: 138px;
	margin: 0;
	background-image:  url(../images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#logo {
	width: 396px;
	height: 52px;
	padding-left: 20px;
	padding-top: 22px;
	
	float: left;
}

.navi-btn {
	width: 173px;
	

	/* height: 49px; */
	padding-top: 28px;
	padding-right: 28px;
	float: right;
	/*background-color: #DB75F4;  */
}




#content_bg {
	width: 970px;
	background-image:  url(../images/bg_center.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#pankuzu {
	width: 970px;
}

#pankuzu ul {
	width: 920px;
	margin: 0px auto;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 22px;
	font-size: 60%;
	background-image:  url(../images/bg_pankuzu.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#pankuzu li {
	display: inline;
}

/* 非表示用 */
.hider {
	display:  none;
}

/* 太字 */
.bolder {
	font-weight: bold;
}

/* 細字 */
.thin {
	font-weight: normal;
}

/* 印刷表示用 */
.forprint {
	display: none;
}

/* 字寄せ */
.lefter {
	text-align: left;
}

.righter {
	text-align: right;
}

.centering {
	text-align: center;
	display: block;
}

.clear {
	clear: both;
}

.greyhound {
	color: #666666;
}

.darkgrey {
	color: #343434;
}

/* フッター */
#footer {
	width: 950px;
	font-size: 65%;
	clear: both;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#footer ul {
	text-align: left;
	margin: 0px;
	padding-left: 0px;
	padding-top: 11px;
	padding-bottom: 11px;
}

#footer li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #676664;
	padding-right: 2px;
	margin-right: 5px;
}

#footer li.noborder {
	border-right-width: 0px;
}

#footer address {
	font-style: normal;
	margin: 5px 0px 0px 0px;
	padding: 0px; 
}

#footer p {
	margin: 5px 0px 10px 0px;
}

/* ナビゲーション CSS */
#navi-1 {
	position: absolute;
	width: 943px;
	height: 49px;
 	margin-top: 0px;
 	margin-left: 13px;
	padding: 0px;
	top: 89px;
	background: url(../images/bg_navi.gif) no-repeat center top;
}

ul#navigation1 {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#navi-1 li {
  float: left;
  text-indent: -9999px;
}

#navi-1 a {
  text-decoration: none;
  overflow: hidden;
  background: url(../images/bg_navi.gif) no-repeat center top;
}

#navi-1_1,
#navi-1_1 a {
  display: block;
  width: 87px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_2,
#navi-1_2 a {
  display: block;
  width: 128px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_3,
#navi-1_3 a {
  display: block;
  width: 82px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_4,
#navi-1_4 a {
  display: block;
  width: 173px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_5,
#navi-1_5 a {
  display: block;
  width: 99px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_6,
#navi-1_6 a {
  display: block;
  width: 111px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_7,
#navi-1_7 a {
  display: block;
  width: 96px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

#navi-1_8,
#navi-1_8 a {
  display: block;
  width: 167px;
  height: 49px;
  margin: 0px;
  padding: 0px;
}

/* グローバルナビ-ロールオーバー */
#navi-1_1 a { background-position: 0px 0px;}
#navi-1_2 a { background-position: -87px 0px;}
#navi-1_3 a { background-position: -215px 0px;}
#navi-1_4 a { background-position: -297px 0px;}
#navi-1_5 a { background-position: -470px 0px;}
#navi-1_6 a { background-position: -569px 0px;}
#navi-1_7 a { background-position: -680px 0px;}
#navi-1_8 a { background-position: -776px 0px;}
#navi-1_1 a:hover { background-position: 0px -49px;}
#navi-1_2 a:hover { background-position: -87px -49px;}
#navi-1_3 a:hover { background-position: -215px -49px;}
#navi-1_4 a:hover { background-position: -297px -49px;}
#navi-1_5 a:hover { background-position: -470px -49px;}
#navi-1_6 a:hover { background-position: -569px -49px;}
#navi-1_7 a:hover { background-position: -680px -49px;}
#navi-1_8 a:hover { background-position: -776px -49px;}


/* floatした要素の背景が消える現象を回避するCSS */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}