@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body{
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 100%;
  background : url(../../imgs_common/back_waves.jpg) 0% 0% / auto auto repeat-x fixed padding-box border-box transparent;
}

#wrapper{
  width: 760px;
  color: #333333; 
  margin-top: 10px;
  background: #fff;
}

/* リンク
---------------------------------------------------- */
a:link{
  color: #0000cc;
  background: transparent;
  text-decoration: underline;
}

a:visited{
  color: #0000cc;
  background: transparent;
  text-decoration: underline;
}

a:hover, a:active{
  color: #999;
  background: transparent;
  text-decoration: underline;
}

a:link.nav_s{
  color: #40e0d0;
  background: transparent;
  text-decoration: none;
}

a:visited.nav_s{
  color: #40e0d0;
  background: transparent;
  text-decoration: none;
}

a:hover.nav_s, a:active.nav_s{
  color: #ff9933;
  background: transparent;
}
  
/* 画像共通
---------------------------------------------------- */
imgs{
  border: 0;
  vertical-align: bottom;
}

/* 共通　ページトップ
---------------------------------------------------- */


/* ヘッダ
---------------------------------------------------- */
#header{
  padding-top: 0px;
  color: #ccc;
}

h1{
  margin:0;
  width: 584px;
  font-size: x-small;
  font-weight: normal;
}

h1 img{
  vertical-align: bottom;		/* ■ */
  margin: 0;
  padding: 0;
} 

#header table.top{
  border-collapse: collapse;
  border: none;
  width: 760px;
}

#header tr td{
  margin: 0;
  padding: 0px;
  border: none;
}

#header table.subnavi{
  border-collapse: collapse;
  border: none;
  width: 176px;
}

#header img{
  vertical-align: bottom;		/* ■ */
  margin: 0;
  padding: 0;
  border: none;
}

/* ページ本体
---------------------------------------------------- */
#pagebody{
  clear: both;
  position: relative;
  width: 660px; 
  margin: 0 50px;
  padding: 0;
  padding-top: 30px;
  padding-bottom: 50px;
  background: transparent;
}

/* メインコンテンツ
---------------------------------------------------- */
h2{
  padding: 0;
  margin: 0;
  padding-top: 20px;
  font-weight: bold;
  font-size: 120%;
  color: #666;
  border-top: 1px #ccc dashed;
}

h3.h3tops{
  padding: 2px 10px;
  margin: 0px 0 20px 0;
  font-size: 120%;
  color: #333;
  border-bottom: 1px dashed #003366;
  border-top: 1px dashed #003366;
}

h3{
  padding: 2px 10px;
  margin: 50px 0 20px 0;
  font-size: 120%;
  color: #333;
  border-bottom: 1px dashed #003366;
  border-top: 1px dashed #003366;
}

h4{
  padding: 2px 0;
  margin: 20px 0;
  font-size: 100%;
  color: #009999;
}

.bold{
  font-weight: bold;
}

dt{
  font-size: 100%;
  line-height: 140%;
}

dd{
  font-size: 100%;
  line-height: 140%;
  padding: 5px;
}

li{
  line-height: 140%;
}

#pagebody p{
  font-size: 100%;
  line-height: 140%;
}

#pagebody p.tx_r{
  text-align: right;
}

#pagebody blockquote{
  font-size: 100%;
  line-height: 140%;
  padding: 5px;
  background: #dddeff;
}

#pagebody p.smaller{
	font-size: 70%;
}

#pagebody p.larger{
	font-size: 140%;
}

#pagebody p.indent_l{
  font-size: 100%;
  line-height: 140%;
  margin-left: 150px;
}

#pagebody table.layout{
  border-collapse: collapse;
  border: none;
  width: 660px;
  font-size: 90%;
}

#pagebody table{
  border-collapse: collapse;
  border: none;
  width: 99.9%;
  font-size: 95%;
}

#pagebody td.layout, tr.layout{
  vertical-align: top;
  padding: 0;
  margin: 0;
  background: #fff;
  border: none;
}

#pagebody tr{
  vertical-align: top;
  padding: 5px;
  margin: 0;
  border: none;
}

#pagebody td{
  vertical-align: top;
  padding: 5px;
  margin: 0;
  border: #999 1px solid;
  background: #f8f8ff;
}

#pagebody td.img{
  text-align: center;
}

#pagebody p.pagetop{
  padding: 5px;
  margin: 0;
  text-align: right;
  font-size: 150%;
}

/*質問と回答
---------------------------------------------------- */
#pagebody p.question{
  padding: 2px 10px 2px 50px;
  margin: 30px 0 20px 0;
  font-size: 100%;
  text-indent: -3em;
  color: #333;
  border-bottom: 1px dashed #003366;
  border-top: 1px dashed #003366;
}

#pagebody p.answer{
  padding: 2px 10px 2px 50px;
  margin: 0px 0 20px 0;
  font-size: 100%;
  color: #333;
}

/* はば設定
---------------------------------------------------- */
.w10per{
  width: 10%;
}

.w10per_c{
  width: 10%;
  text-align: center;
}

.w20per{
  width: 20%;
}

.w25per{
  width: 25%;
}

.w30per{
  width: 30%;
}

.w35per{
  width: 35%;
}

.w40per{
  width: 40%;
}

.w50per{
  width: 50%;
}

/* フッタ
---------------------------------------------------- */
#footer{
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  width: 760px;
  color: #666;
  border-top: 1px #666699 solid;
  background : url(../../imgs_common/back_footer.jpg) 0% 0% / auto auto repeat-x scroll padding-box border-box #ffffff;
}

#footer p{
  margin: 0 10px;
  padding: 5px 0 1em 0;
  width: 741px;
  text-align: left;
  text-transform: uppercase;
  font-size: 70%;
  line-height: 140%;
}

/* 小見出し用
---------------------------------------------------- */
.table_left{
  width: 90%;
  margin-left: 30px;
  text-align: left;
  border: none;
}

.tr_link{
  vertical-align: top;
  padding: 5px;
  margin: 0;
  border: none;
}

.td_link{
  vertical-align: top;
  padding: 5px;
  margin: 0;
  text-align: left;
  border: none;
}

  
li.jump{
  font-weight: bold;
  padding: 0px 20px;
  color: #333;
  list-style-image : url(arrow.gif);
}

/* お知らせ・テーブル用
---------------------------------------------------- */
td.info{
  line-height: 140%;
}