@charset "shift_jis";
/* common.css */

* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  background-color: #bad4ef;
  text-align: center;
  font-size: 12px;
  height: 100%;
}

/* フレーム */
#outer-frame {
  width: 878px;
  margin: 0 auto;
}
#left-shadow {
  width: 24px;
  background-image: url(../images/common/left_shadow.jpg);
  background-repeat: repeat-y;
}
#right-shadow {
  width: 24px;
  background-image: url(../images/common/right_shadow.jpg);
  background-repeat: repeat-y;
}
#main-frame {
	width: 830px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#top-space {
  height: 14px;
}


/* ヘッダー */
#header {
  width: 800px;
  margin: 0px 15px 0px 15px;
}
#header .logo-left {
  background-color: #FFFFFF;
  border-color: #909FCC;
  border-style: solid;
  border-width: 2px 0px 2px 0px;
}
#header .logo-right {
  background-color: #FFFFFF;
  border-color: #909FCC;
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  text-align: left;
  vertical-align: top;
}

/* ロゴ部リンク */
#header .link-info {
  height: 18px;
  text-align: left;
  font-size: 12px;
}
#header .link-info a {
  width: 70px;
  height: 15px;
  background: url(../images/common/link_arrow.gif) no-repeat left;
  color: #000000;
  font-weight: bold;
  display: block;
  text-decoration: none;
  padding: 5px 0px 0px 14px;
}
#header .link-info a:hover {
  background: url(../images/common/link_arrow_o.gif) no-repeat left;
}
#header .link-home {
  height: 18px;
  text-align: left;
  font-size: 12px;
}
#header .link-home a {
  width: 50px;
  height: 15px;
  background: url(../images/common/link_arrow.gif) no-repeat left;
  color: #000000;
  font-weight: bold;
  display: block;
  text-decoration: none;
  padding: 5px 0px 0px 14px;
}
#header .link-home a:hover {
  background: url(../images/common/link_arrow64_o.gif) no-repeat left;
}

/* ヘッダーメニュー */
#header-menu {
  position: relative;
  width: 800px;
  height:35px;
  margin: 4px 15px 18px 15px;
}
#header-menu-list {
/*margin-left: 25%;*/
/*padding: 0 0 20px 0;*/
}
#header-menu-list .menu200,
#header-menu-list .menu133,
#header-menu-list .menu-normal {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#header-menu-list .menu200 a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
/*padding: 4px 10px;*/
/*margin: 0 1px 0 0;*/
  width: 200px;
  text-decoration: none;
}

#header-menu-list .menu133 a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  width: 133px;
  text-decoration: none;
}

#header-menu-list .menu200 a.menu:hover,
#header-menu-list .menu133 a.menu:hover {
/*background: #49A3FF;*/
}

#header-menu .submenu {
/*background: #EAEBD8;*/
/*border: 1px solid #5970B2;*/
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
#header-menu .submenu a {
  display: block;
/*font: 11px arial;*/
  text-align: left;
/*text-decoration: none;
  padding: 5px;
  color: #2875DE;*/
}
#header-menu .submenu a:hover {
/*background: #49A3FF;
  color: #FFF;*/
}

/* サブメニューの半透明化処理--------------------*/
/*#header-menu .submenu {
 filter: alpha(Opacity=90);
  opacity: 0.9;
}*/

/* フッターメニュー */
#footer {
  width: 800px;
  margin: 0px 15px 0px 15px;
}
#footer .partiton {
  height: 6px;
  background-color: #FFFFFF;
  border-color: #909FCC;
  border-style: solid;
  border-width: 2px 0px 0px 0px;
}
#footer .menu {
  background-color: #FFFFFF;
  border-color: #909FCC;
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  text-align: center;
  color: #666666;
  line-height: 1.4em;
  width: 800px;
  padding-top: 6px;
}
#footer .menu a {
  text-decoration: none;
  color: #666666;
}
#footer .menu a:hover {
  color: #000000;
  text-decoration: underline;
}
#footer .copyright {
	text-align: center;
	margin-top: 9px;
	margin-bottom: 12px;
	width: 800px;
}

/* メインコンテンツ・*/
#main-contents {
	width: 800px;
	margin: 0px 15px 0px 15px;
	text-align: left;
}

/* サイドメニュー */
#side {
  border-color: #909FCC;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  width: 166px;
  vertical-align: top;
}
#side .sd-title {
  width: 166px;
}
#side .sd-menu {
  width: 166px;
  border-color: #909FCC;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

/*
#side .sd-menu {
  border-color: #909FCC;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}
#side .sd-menu a {
  background-image: url(../images/service/sd_back.gif);
  background-repeat: no-repeat;
  width: 159px;
  height: 20px;
  font-weight: bold;
  text-align: left;
  padding: 7px 0px 0px 21px;
  display: block;
  text-decoration: none;
  color: #014099;
}
#side .sd-menu a:hover {
  background-image: url(../images/service/sd_back_o.gif);
  background-repeat: no-repeat;
}
*/
#contents {
  width: 621px;
  vertical-align: top;
  text-align: left;
}
#contents .page-title {
  width: 100%;
  height: 38px;
  border-color: #909FCC;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
}
#contents .page-subtitle {
  font-size: 15px;
  font-weight: bold;
  color: #999999;
  line-height: 1.4em;
  margin-top: 11px;
}
a:link    { color: #333333;  text-decoration: none; }
a:visited { color: #333333;  text-decoration: none; }
a:active  { color: #006600;  text-decoration: none; }
a:hover   { color: #0066FF;  text-decoration: underline; }