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

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

body {
  color: #333333;
}

.wrapper_a{  background: url(img/header_bg_a.jpg) repeat-x ;}
.wrapper_b{  background: url(img/header_bg_b.jpg) repeat-x ;}


.bold{ font-weight: bold;}
.underline{ text-decoration:underline;}
.clear { clear: both;}
.right { float: right;}
.left { float: left;}
.clear { clear: both;}
.center { text-align: center;}

.red{
  color: #e62f1a;
  font-size: 10px;
}

.red_under_bold{
  font-weight: bold;
  text-decoration:underline;
  color: #e62f1a;
}

.top_back{
padding: 2px 18px;
font-size: 10px;
float: right;
background: url(img/arrow2.gif)  no-repeat top right;
}

/* ---------------------------------------------------------------- *
	ヘッダーの設定
 * ---------------------------------------------------------------- */

.header {
  margin: 0 auto;
  width: 900px;
  height: 120px;
}

.header p{
  margin: 3px 0 0 0;
  padding: 0 0 0 3px;
  width: 700px;
  height: 27px;
  float: left;
}

.soar {
  width: 150px;
  float: right;
}

.header h1{
  margin: 0;
  padding: 0;
  float: left;
}

.top_menu ul {
  margin: 10px 0;
  float: right;
}

.top_menu ul li {
  list-style-type: none;
}

.top_menu li{
  margin: 0 20px 0 0;
  padding: 0 0 0 20px;
  float: left;
  background: url(img/arrow.gif) no-repeat;
}

/* ---------------------------------------------------------------- *
	メニューの設定
 * ---------------------------------------------------------------- */

.menu {
  margin: 8px 0 0 0;
  padding: 0;
  width: 440px;
  height: 38px;
  font-size: 13px;
  float: right;
}

.menu ul {
  margin: 0;
  padding: 2px 0 0 15px;
}

.menu ul li {
  margin: 0;
  padding: 0 24px 0 24px;
  list-style-type: none;
}

.menu li{
  margin: 0;
  padding: 0;
  height: 33px;
  line-height: 33px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  float: left;
  background: url(img/arrow3.gif) no-repeat 3px 8px;
}



/* ---------------------------------------------------------------- *
	トップイメージの設定
 * ---------------------------------------------------------------- */

.top_image{
  margin: 0 0 5px 0;
  padding: 0 auto;
  width: 480px;
  float: left;
}

.top_image img{
  margin: 0;
  padding: 0 auto 5px;
  width: 462px;
}

/* ---------------------------------------------------------------- *
	パネルの設定
 * ---------------------------------------------------------------- */

.panel {
  margin: 12px auto 8px;
  padding: 20px 0;
  width: 898px;
  background: #fdf3e5 url(img/panel_bg.jpg) repeat-x ;
  border: 1px solid #f3b175;
}

.panel_a {
  margin: 0;
  padding: 0 5px 0 15px;
  width: 180px;
  float: left;
}

.panel_a img{
  margin: 0;
  padding: 0 0 5px 7px;
}

.panel_a ul{
  margin: 0 0 16px 0;
  padding: 0 0 0 0;
}

.panel_a li{
  margin: 0;
  padding: 6px;
  border-bottom: 2px solid #ffbb7a;
  list-style-type: none;
}

img.panel_a_banner{
  margin: 0 0 0 10px;
}

.panel_b {
  margin: 0;
  padding: 0 0 0 18px;
  width: 480px;
  float: left;
}

.panel_b_img img{
  margin: 0;
  padding: 0 6px 6px 0;
  width: 72px;
  float: left;
}

.panel_c {
  margin: 0;
  padding: 0 5px 0 0;
  width: 190px;
  float: left;
}

.panel_c img{
  margin: 0;
  padding: 0 0 10px 0;
}

.panel_c ul{
  margin: 0;
  padding: 0 0 10px 0;
}

.panel_c li{
  margin: 0;
  padding: 1px 0 4px 4px;
  list-style-type: none;
  border-bottom: 2px solid #ffbb7a;
}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;font-size: 24px;}
#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;font-size: 15px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* ---------------------------------------------------------------- *
	バナーの設定
 * ---------------------------------------------------------------- */

.banner {
  margin: 0 auto 12px;
  padding: 0 auto;
  width: 900px;
}

.banner img{
  margin: 0;
  padding: 0;
  float: left;
}

/* ---------------------------------------------------------------- *
	ボトムリストの設定
 * ---------------------------------------------------------------- */

.bottom_list {
  margin: 0 auto;
  padding: 0;
  width: 900px;
}

.bottom_list2 {
  margin: 0 auto;
  padding: 0;
  width: 900px;
  height: 500px;
  background: #fdf3e5;
  border: 1px solid #f3b175;
  clear: both;
}


.bottom_left {
  margin: 0 5px 0 0;
  padding: 0;
  width: 571px;
  height: 740px;
  float: left;
  background: #fdf3e5;
  border: 1px solid #f3b175;
}

.bottom_left ul{
  margin: 0;
  padding: 0 0 12px 8px;
  list-style-type: none;
}

.bottom_left li{
  margin: 0;
  padding: 2px 0 0 6px;
  list-style-type: none;
}

.bottom_left_box {
  margin: 0;
  padding: 0 0 0 10px;
  width: 270px;
  float: left;
}

.bottom_left_box2 {
  margin: 0;
  padding: 0 0 0 10px;
  width: 290px;
  float: left;
}

.bottom_left_box2 ul{
  margin: 0;
  padding: 0 0 12px 8px;
  list-style-type: none;
}

.bottom_left_box2 li{
  margin: 0;
  padding: 2px 0 0 6px;
  list-style-type: none;
}

.bottom_right {
  margin: 0;
  padding: 0;
  width: 320px;
  height: 740px;
  float: left;
  background: #fdf3e5 ;
  border: 1px solid #f3b175;
}

.bottom_right ul{
  margin: 12px 0 0 0;
  padding: 0 0 12px 12px;
  list-style-type: none;
}

.bottom_right li{
  margin: 0;
  padding: 3px 12px;
  list-style-type: none;
}



/* ---------------------------------------------------------------- *
	コンテンツの設定
 * ---------------------------------------------------------------- */


.contents {
  margin: 0 auto;
  width: 900px;

}

.contents table {
  margin: 10px auto ;
  width: 800px;
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.contents th {
  margin: 0;
  padding: 5px;
  width: 120px;
  background: #eee;
  border: 1px #ccc solid;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  white-space: nowrap;
}

.contents td {
  padding: 5px 12px;
  border: 1px #ccc solid;
  border-width: 0 0 1px 1px;
  line-height: 1.5;
  white-space: nowrap; 
}

.prof {
  margin: 0 auto;
  padding: 0;
  width: 800px;
}

.prof_box {
  margin: 0 5px 0 0;
  padding: 10px;
  width: 370px;
  border : 1px solid #f3b175;
  float: left;
  background: #fdf2e4 ;
}

p.bg{
  margin: 12px auto 6px;
  padding: 12px 24px;
  width: 700px;
  background: #eee;
}

p.bg a,
p.bg a:link {
  color: #ff7900;
  text-decoration: none;
}

p.bg a:visited {
  color: #ff7900;
}

p.bg a:hover {
  color: #888;
  text-decoration: underline;
}

p.bg a:active {
  color: #888;
  text-decoration: underline;
}

p.bg2{
  margin: 12px auto 6px;
  padding: 12px 24px;
  width: 280px;
  text-align: center;
}

p.bg3{
  margin: 12px auto 6px;
  padding: 12px 24px 12px 48px;
  width: 700px;
  background: #eee url(img/a.gif) 10px 10px no-repeat;
}

ul.bg{
  margin: 24px auto;
  padding: 12px 0 12px 34px;
  width: 470px;
  background: #eee;
}

img.contents_img {
  margin: 0 0 0 50px;
  width: 800px;
}

.top_back{
  margin: 6px 24px 12px 0;
  padding: 2px 12px 2px 20px;
  font-size: 11px;
  float: right;
  background: url(img/arrow2.gif) no-repeat;
}

.jisseki_box {
  margin: 12px 30px;
  padding: 10px;
  height: 120px;
  background: #eee;
  clear: both;
}

.jisseki_box img{
  padding: 5px;
  float: left;
}

.jisseki_box p{
  margin: 0;
  padding: 0 24px;
  width: 560px;
  float: left;
}



/* ---------------------------------------------------------------- *
	募集要項の設定
 * ---------------------------------------------------------------- */

.nagare {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 421px;
  background: url(img/youkou_nagare.jpg) no-repeat ;
}

.nagare p{
  margin: 10px 5px 0 15px;
  padding: 0;
  font-size: 13px;
}

.nagare_box {
  margin: 0 0 0 40px;
  padding: 6px 0 0 0;
  _padding: 14px 0 0 0;
  width: 240px;
  height: 180px;
  float: left;
  display: inline;
}

.nagare_box2 {
  margin: 0 0 0 180px;
  padding: 50px 0 0 0;
  width: 240px;
  height: 180px;
  clear: both;
}


.nagare_box a,
.nagare_box a:link {
  color: #333;
  text-decoration: underline;
}

.nagare_box a:visited {
  color: #333;
  text-decoration: underline;
}

.nagare_box a:hover {
  color: #eee;
  text-decoration: none;
}

.nagare_box a:active {
  color: #eee;
  text-decoration: none;
}

.youkou_dl{
  margin: 10px 0 0 100px;
  _margin: 50px 0 -20px 100px;
  padding: 0;
  width: 720px;
}


/* ---------------------------------------------------------------- *
	お問合せの設定
 * ---------------------------------------------------------------- */

.contents.info table {
  margin: 20px auto ;
  width: 700px;
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.contents.info th {
  margin: 0;
  padding: 8px 20px;
  width: 130px;
  background: #eee;
  border: 1px #ccc solid;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  white-space: nowrap;
}

.contents.info td {
  padding: 5px 12px;
  border: 1px #ccc solid;
  border-width: 0 0 1px 1px;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap; 
}


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

.footer_wp {
  background: url(img/footer_bg.jpg) repeat-x ;
  height: 150px;
}

.mo_box{
  margin: 0 auto;
  padding: 0;
  width: 900px;
}

.mo_box img{
  margin: 15px 0 0 720px;
  _margin: 0;
  padding: 0;
  _padding: 15px 0 0 720px;
}

.footer {
  margin: 0 auto;
  padding: 16px 0 0 0;
  width: 900px;
}

.footer_box {
  margin: 0 0 0 130px;
  padding: 0;
  width: 300px;
  font-size: 12px;
  float: left;
  display: inline;
}