@charset "Shift_JIS";

/* ■ページ構造 
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  background: #D1D6E3;
}
/*全体設計
---------------------------------------------------- */
#wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  background: url(../images/shadow.gif) repeat-y top center;
}
/*コンテンツ全体
---------------------------------------------------- */
#main {
  width: 740px;
  margin-left: 5px;
  margin-right: 5px;
  color: #000000;
  background: #ffffff;
}


/* ヘッダ
---------------------------------------------------- */
#header {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 64px;
  background: url(../images/header2.gif) no-repeat bottom center;
}

/* ヘッダメニュー
---------------------------------------------------- */
#headermenu {
	margin: 2px 0px 0px 445px;
	padding: 0px;
}
#headermenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#headermenu li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 9px;
}
#headermenu li#contact,
#headermenu li#sitemap {
	width: 92px;
	height: 16px;
}
#headermenu li#privacy {
	width: 93px;
	height: 16px;
}
#headermenu li a {
	display: block;
  text-decoration: none;
}
#headermenu li a span {
	visibility:hidden;
}
#headermenu li#contact a {
	width: 92px;
	height: 16px;
	background-image: url(../images/header_contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#contact a:hover {
	background-image: url(../images/header_contact_on.gif);
}
#headermenu li#sitemap a {
	width: 92px;
	height: 16px;
	background-image: url(../images/header_sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#sitemap a:hover {
	background-image: url(../images/header_sitemap_on.gif);
}
#headermenu li#privacy a {
	width: 93px;
	height: 16px;
	background-image: url(../images/header_privacy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#privacy a:hover {
	background-image: url(../images/header_privacy_on.gif);
}

/*タイトルロゴリンク
---------------------------------------------------- */
#titletext a{
display:block;
text-indent:-9999px;
width:460px;
height:28px;
position:relative;
top:23px;
left:5px;
}
#headerline {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 9px;
  background: url(../images/header_line.gif) no-repeat top center;
}

/* サーティファイメニュー
---------------------------------------------------- */
#certifymenu {
  width: 740px;
  height: 20px;
  background-image:url(../images/certify_menu.gif);
}
#certifymenu ul {
  height: 20px;
	margin:0;
	padding:0;
	list-style:none;
}
#certifymenu li {
  margin: 0;
  padding: 0;
  float:left;
}

#certifymenu span {
font-size: 6px;
text-indent: -9999px;
visibility:hidden;
}

#headM0 {
  width: 106px;
  height: 20px;
  display:block;
}
a:hover#headM0 {
  background-image:url(../images/certify_menu0.gif);
}
#headM1 {
  width: 65px;
  height: 20px;
  display:block;
}
a:hover#headM1 {
  background-image:url(../images/certify_menu1.gif);
}
#headM2 {
  width: 78px;
  height: 20px;
  display:block;
}
a:hover#headM2 {
  background-image:url(../images/certify_menu2.gif);
}
#headM3 {
  width: 66px;
  height: 20px;
  display:block;
}
a:hover#headM3 {
  background-image:url(../images/certify_menu3.gif);
}
#headM4 {
  width: 120px;
  height: 20px;
  display:block;
}
a:hover#headM4 {
  background-image:url(../images/certify_menu4.gif);
}
#headM5 {
  width: 110px;
  height: 20px;
  display:block;
}
a:hover#headM5 {
  background-image:url(../images/certify_menu5.gif);
}
#headM6 {
  width: 88px;
  height: 20px;
  display:block;
}
a:hover#headM6 {
  background-image:url(../images/certify_menu6.gif);
}
#headM7 {
  width: 45px;
  height: 20px;
  display:block;
}
a:hover#headM7 {
  background-image:url(../images/certify_menu7.gif);
}
#headM8 {
  width: 62px;
  height: 20px;
  display:block;
}
a:hover#headM8 {
  background-image:url(../images/certify_menu8.gif);
}
/* サーティファイメニューポップアップ
---------------------------------------------------- */
#menu5 {
clear: both;
width: 120px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu5sub {
width: 120px;
position: absolute;
display:block;
margin-top: 0px;
  margin-left: 315px;
padding: 0;
}

#menu5 ul {
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu5 li {
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu5 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu5 li a {
width: 120px;
height: 24px;
display:block;
}

#menu5 li a:hover {
width: 120px;
height: 24px;
display:block;
background: #cccccc;
}

#menu6 {
clear: both;
width: 140px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu6sub {
width: 140px;
position: absolute;
display:block;
margin-top: 3px;
  margin-left: 525px;
padding: 0;
}

#menu6 ul {
margin: 0px;
padding:6px;
list-style:none;
background: #ffffff;
border: solid 1px #666666;
}

#menu6 li {
display:block;
}

#menu6 li span {
vertical-align:middle;
line-height: 18px;
font-size: 12px;
color: #000000;
}

/* メインメニュー
---------------------------------------------------- */
#menu {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 41px;
}
#menu ul {
  height: 41px;
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  margin: 0;
  padding: 0;
  width: 185px;
  height: 41px;
  display:block;
  float:left;
  text-indent: -9999px;
}
#menu li a {
  display: block;
  width: 185px;					/*menuの画像サイズに合わせる*/
  height: 41px;
  background-image:url(../images/menu.gif);
  background-repeat: no-repeat;
}

#menu span {
	visibility:hidden;				/*テキストを見えないように設定*/
									/*このcssが適用されない時はテキストが表示される仕組み。*/
}

#about {
	background-position: 0px 0px;
}
#kojin {
	background-position: -185px 0px;
}
#dantai {
	background-position: -370px 0px;
}
#goukaku {
	background-position: -555px 0px;
}
a:hover#about {
	background-position: 0px -41px;
}
a:hover#kojin  {
	background-position: -185px -41px;
}
a:hover#dantai {
	background-position: -370px -41px;
}
a:hover#goukaku {
	background-position: -555px -41px;
}

/* メインメニューポップアップ
---------------------------------------------------- */
#menu1 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu1sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
padding: 0;
}

#menu1 ul,
#menu2 ul,
#menu3 ul,
#menu4 ul {
width: 183px;
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu1 li,
#menu2 li,
#menu3 li,
#menu4 li {
width: 183px;
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu1 li span,
#menu2 li span,
#menu3 li span,
#menu4 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu1 li a ,
#menu2 li a ,
#menu3 li a ,
#menu4 li a {
width: 183px;
height: 24px;
display:block;
}

#menu1 li a:hover,
#menu2 li a:hover,
#menu3 li a:hover,
#menu4 li a:hover {
width: 183px;
height: 24px;
display:block;
background: #cccccc;
}



#menu2 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu2sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 185px;
padding: 0;
}
#menu3 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu3sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 370px;
padding: 0;
}
#menu4 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu4sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 555px;
padding: 0;
}
#about_s {
text-indent:-9999px;
visibility:hidden;
}
#kojin_s {
text-indent:-9999px;
visibility:hidden;
}
#dantai_s {
text-indent:-9999px;
visibility:hidden;
}
#goukaku_s {
text-indent:-9999px;
visibility:hidden;
}

/* パンくずリスト
---------------------------------------------------- */
#pankuzu {
  clear: both;
  margin: 0;
  padding: 0;
  width: 740px;
  height: 20px;
  background: url(../images/about_bg.gif) no-repeat;
}
#pankuzu #pankuzulist {
  margin-top: 0px;
  margin-left: 10px;
  padding-top: 4px;
  text-align: left;
  font-size: 12px;
  color: #333333;
}
#pankuzu  a:hover { color: #1E4DF4; text-decoration:underline}

#pankuzu span{
  font-weight: bold;
}
/* よこおび
---------------------------------------------------- */
#tateobi {
  clear: both;
  margin-top: 0px;
  padding: 0;
  width: 740px;
  height: 16px;
  background: url(../images/about_bg2.gif) no-repeat;
}
/* サブメニュー
---------------------------------------------------- */
#submenu {
  clear: both;
  margin: 0;
  padding-top: 40px;
  width: 186px;
  height: 665px;
  background: url(../images/obi_bg3.gif) no-repeat top left;
  float: left;
}

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

#submenu li {
  height: 26px;
  padding-left:28px;
  background: url(../images/ya2.gif) no-repeat 11px 50%
}
#submenu li a{
  line-height: 26px;
  font-size: 14px;
  color: #0000ff;
}
#submenu li a:hover { color: #1E4DF4; text-decoration:underline}

#submenu span{
  line-height: 26px;
  font-size: 14px;
  font-weight: bold;
  color: #FF7E00;
}



/* メイン・コンテンツ
---------------------------------------------------- */
#content {
  margin-left: 0px;
  float: left;
  width: 554px;
  background: url(../images/obi_corner.gif) no-repeat top left;
}

#content span {
  line-height: 18px;
  font-size: 12px;
  color: #333333;
}

#midashi18 span,
#midashi11 span,
#midashi10 span,
#midashi9 span,
#midashi8 span,
#midashi7 span,
#midashi6 span,
#midashi5 span,
#midashi4 span,
#midashi3 span,
#midashi2 span,
#midashi1 span {
	visibility:hidden;				/*テキストを見えないように設定*/
}

#midashi1 {
  margin-left: 16px;
  margin-top: 15px;
  width: 525px;
  height: 36px;
  background: url(../dantai/img/midashi.gif) no-repeat
}

#midashi2 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi2.gif) no-repeat
}

#text1{
  margin-left: 20px;
  margin-top: 5px;
  width: 520px;
}

#midashi3 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi3.gif) no-repeat
}

table#t00 {
  margin-left: 16px;
  margin-top: 5px;
  width: 520px;
  border: solid 1px #336699;
  line-height: 18px;
  font-size: 12px;
  border-collapse: collapse;
  background-color: #DEE4F4;
}

table#t01 {
  margin-left: 16px;
  margin-top: 5px;
  width: 520px;
  border: solid 1px #336699;
  line-height: 18px;
  font-size: 12px;
  border-collapse: collapse;
}

table#t02 {
  margin-left: 16px;
  margin-top: 5px;
  width: 520px;
  border: solid 1px #999999;
  line-height: 18px;
  font-size: 12px;
  border-collapse: collapse;
}

table#t03 {
  margin-left: 16px;
  margin-top: 5px;
  width: 520px;
  border: solid 0px #FFFFFF;
  line-height: 18px;
  font-size: 12px;
  border-collapse: collapse;
}

#td1 {
  width: 50px;
  text-align: center;
  background-color: #DEE4F4;
}

#td4 {
  text-align: left;
  text-color: #0000FF;
  background-color: #DEE4F4;
  margin: 8px;
}

#td5 {
  text-align: left;
}
#td2 {
  text-align: center;
  background-color: #DEE4F4;
}

#td3 {
  text-align: center;
}

table#t01 td {
  border: solid 1px #60749F;
  padding:2px;
}

#midashi4 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi4.gif) no-repeat
}

#midashi5 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi5.gif) no-repeat
}

#midashi6 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi6.gif) no-repeat
}

#midashi7 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi7.gif) no-repeat
}
#midashi8 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi8.gif) no-repeat
}
#midashi9 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi9.gif) no-repeat
}
#midashi10 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi10.gif) no-repeat
}
#midashi11 {
  margin-left: 16px;
  margin-top: 10px;
  width: 400px;
  height: 23px;
  background: url(../dantai/img/midashi11.gif) no-repeat
}
#midashi18 {
  margin-left: 16px;
  margin-top: 10px;
  width: 190px;
  height: 23px;
  background: url(../dantai/img/midashi18.gif) no-repeat
}

/* フッタメニュー
---------------------------------------------------- */
#footermenu {
  clear: both;
  height: 25px;
  padding-top: 10px;
  padding-left: 5px;
  position: relative;
  font-size: 12px;
  line-height: 15px;
}
#footermenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footermenu li {
  margin: 0;
  padding: 0;
  position: absolute;
}


#footermenu li#pagetop a{
  margin-left: 635px;
  width: 90px;					/*menuの画像サイズに合わせる*/
  height: 16px;
  position: absolute;
  background-image:url(../images/pagetop.gif);
  background-repeat: no-repeat;
}
#pagetop span{
	visibility:hidden;				/*テキストを見えないように設定*/
}


/* フッタ
---------------------------------------------------- */
#footer {
margin:0 auto;
padding:0 0 15px 0;
  clear: both;
  width: 750px;
  position: relative;
background:#003399;
  background: url(../images/shadow_b.gif) no-repeat bottom center;
}

#footer p {
  margin-top: 4px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: #1E3B8F;
  background: transparent;
}

#footerline {
  margin:0 auto;
  margin-top: 4px;
  padding: 0;
  width: 734px;
  height: 5px;
  background: url(../images/footer_line.gif) no-repeat center center;
}

/* ■その他 
---------------------------------------------------- */
/*linkの下線消去*/
.non a:link,
.non a:visited,
.non a:hover,
.non a:active {
  text-decoration:none;
}

p {margin: 0;padding: 0;}

h1{margin: 0;padding: 0;font-size:12px;}
h2{margin: 0;padding: 0;font-size:10px;}
h3{margin: 0;padding: 0;font-size:8px;}
h4,h5{margin: 0;padding: 0;font-size:8px;}

table#t01 dl.list dt {
	float: left;
	width: 60px;
	text-align: right;
	margin: 0px;
}
table#t01 dl.list dd {
	float: left;
	margin: 0px;
	padding: 0px 6px 0px;
}