@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  background: #FFFFFF;
}

#container {
  background: transparent;
  width: 801px;
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 3px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position:relative;
}
#header_right {
	position:absolute;
	left:552px;
	top:9px;
	width:249px;
}
#header_right h2 {
  margin-bottom: 6px;
  text-align:right;    
}
#subnavi {
  margin-top: 0;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 76px;
}


#subnavi ul {
  margin: 0;
  padding: 0;
  height: 20px;
}

#subnavi ul li {
  margin: 0;
  padding: 0;
  float: left;
  text-indent:-9999px;
  list-style-type:none;
}
.subnavi1 a {
  margin: 0;
  display:block;
  width:87px;
  height:20px;
}
.subnavi2 a {
  margin: 0;
  display:block;
  width:86px;
  height:20px;
}

.subnavi1 a {background: url(../img/subnavi1.jpg) no-repeat;}
.subnavi1 a:hover {background-position: 0 -20px;}
.subnavi2 a {background: url(../img/subnavi2.jpg) no-repeat;}
.subnavi2 a:hover {background-position: 0 -20px;}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#navi ul {
  margin: 0;
  padding: 0;
  height: 20px;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
  text-indent:-9999px;
}
.menu1 a {
  margin: 0;
  display:block;
  width:123px;
  height:20px;
}
.menu2 a {
  margin: 0;
  display:block;
  width:123px;
  height:20px;
}
.menu3 a {
  margin: 0;
  display:block;
  width:113px;
  height:20px;
}
.menu4 a {
  margin: 0;
  display:block;
  width:115px;
  height:20px;
}
.menu5 a {
  margin: 0;
  display:block;
  width:116px;
  height:20px;
}
.menu6 a {
  margin: 0;
  display:block;
  width:105px;
  height:20px;
}
.menu7 a {
  margin: 0;
  display:block;
  width:105px;
  height:20px;

}

.menu1 a {background: url(../img/menu1.jpg) no-repeat;}
.menu1 a:hover {background-position: 0 -20px;}
.menu1here a {background-position: 0 -20px;}

.menu2 a {background: url(../img/menu2.jpg) no-repeat;}
.menu2 a:hover {background-position: 0 -20px;}
.menu2here a {background-position: 0 -20px;}

.menu3 a {background: url(../img/menu3.jpg) no-repeat;}
.menu3 a:hover {background-position: 0 -20px;}
.menu3here a {background-position: 0 -20px;}

.menu4 a {background: url(../img/menu4.jpg) no-repeat;}
.menu4 a:hover {background-position: 0 -20px;}
.menu4here a {background-position: 0 -20px;}

.menu5 a {background: url(../img/menu5.jpg) no-repeat;}
.menu5 a:hover {background-position: 0 -20px;}
.menu5here a {background-position: 0 -20px;}

.menu6 a {background: url(../img/menu6.jpg) no-repeat;}
.menu6 a:hover {background-position: 0 -20px;}
.menu6here a {background-position: 0 -20px;}

.menu7 a {background: url(../img/menu7.jpg) no-repeat;}
.menu7 a:hover {background-position: 0 -20px;}
.menu7here a {background-position: 0 -20px;}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  padding-left: 0;
  padding-right: 173px;
  width:628px;
  background: transparent;
  margin-top: 5px;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */

#sidenavi {
  width: 173px;
  /* ★ --- メニューを左右どちらに寄せるか設定してください -- */
  /* Note：左に寄せる場合は，「left: 0; right: auto;」，右の場合は
           「left: auto; right: 0;」です */
  top: 77px;
  left: 0;
  right: auto;
  padding-top: 0;
  padding-bottom: 0;
  /* --- 絶対配置することによって左サイドバーが選択できなくなってしまうため、他のカラムより上のレイヤーに配置する設定です --- */
  z-index: 1;
}
/* for IE6 */
* html body #sidenavi {
  right: -1px;
}

#sidenavi ul {
    margin: 0;
}

#sidenavi ul li {
    margin: 0;
    list-style-type: none;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}
#sidenavi .side p {
	padding:8px;
	line-height:130%;
}
#sidenavi .side_link {
	text-align:center;
	font-size:10px;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
	
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF;
  margin-top: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 25px;
  padding-left: 0;
  border: none;
}
#side_con4 {
	position:relative;
}
.btn_contact {
	position:absolute;
	left:15px;
	top:97px;
}
#side_con1 {
	padding-bottom:10px;
}
#side_con1 ul.side_list1 {
  margin-bottom:10px;
}
#side_con1 ul.side_list1 li {
  background:url(../img/icon_dot.gif) no-repeat;
  background-position:0 6px;
  padding-left:15px;
  font-size:10px;
  line-height:130%;
  margin-left:10px;
}
#side_con1 h4 {
	padding-left:7px;
	padding-top:13px;
}
#side_con2 p {
	font-size:12px;
	letter-spacing:-1px;
}


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  clear:both;
  background: #FFFFFF url(../img/foot.gif) no-repeat right top;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0;
  width:801px;
}
#footer p {
  width:801px;
}
.pagetop {
	float:right;
}
#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #333333;
}

#footer ul li {
  margin: 0;
  padding: 0 10px;
  border-right: 1px solid #333333;
  background-image: none;
}
#footer address {
	color:#FFFFFF;
	background-color:#333333;
	text-align:right;
	padding-top:2px;
	height:18px;
	margin-bottom:5px;
}