@charset "UTF-8";



/* 共通タグ
------------------------------------------- */
body{
  background: #f0f0f0;
  color: #333333;
  width:100%;
  margin:0;
  padding:0;
  /*font-size:100%;*/
  font-size:10pt;
  font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Verdana",Helvetica,Arial,sans-serif;
  line-height: 1.5em;
  text-align:center;
  border:0;
}

a { text-decoration: none; }
a:link { color: #0066ff; }
a:visited { color: #9b0033; }
a:active { color: #0066ff; }
a:hover { color: #0066ff; text-decoration: underline; }

img{
  border-style:none;
}

div{
  overflow:hidden;
}

/* 外枠
---------------------------------------- */
#wrapper{
  background: url(../images/bg.gif) repeat-y;
  width:799px;
  margin:0 auto;
  padding:0px 6px;
  text-align:center;
}

/* ヘッダー
---------------------------------------- */
#header{
  position:relative;
  background: url(../images/header.jpg) no-repeat;
  width:799px;
  height: 68px;
  margin:0;
  padding:0;
}

/* ナビ
---------------------------------------- */
#navi{
  width:787px;
  height:28px;
  margin:0;
  padding:12px 0px 0px 12px;
  text-align:left;
  font-size:83.5%;
}

/* 右側コンテンツ
---------------------------------------- */
#contents{
  float:right;
  width:567px;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
}
.contents_inner_10{
  padding:0px 10px;
  text-align:left;
}
.contents_inner_20{
  padding:0px 20px;
  text-align:left;
}
.contents_inner_25{
  padding:0px 25px;
  text-align:left;
}
.contents_inner_30{
  padding:0px 30px;
  text-align:left;
}
.contents_inner_32{
  padding:0px 32px;
  text-align:left;
}
.contents_inner_35{
  padding:0px 35px;
  text-align:left;
}
.contents_inner_39{
  padding:0px 39px;
  text-align:left;
}
.contents_inner_45{
  padding:0px 45px;
  text-align:left;
}

/* 左側コンテンツ
---------------------------------------- */
#side{
  float:left;
  width:185px;
  padding:0px 15px 0px 12px;
  text-align:center;
}

/* 下方リンクの直前
---------------------------------------- */
#bottom{
  clear:both;
  width:799px;
  height:20px;
  border-bottom: 1px solid #E2E2E2;
}

/* 下方リンク
---------------------------------------- */
#link{
  width:777px;
  height:24px;
  margin:0px;
  padding:6px 10px 0px 12px;
  text-align:left;
}

/* フッター
---------------------------------------- */
#footer{
  background: url(../images/footer.gif) no-repeat bottom;
  width:777px;
  height:31px;
  margin:0 auto;
  padding:6px 16px 0px 18px;
  text-align:center;
  vertical-align:middle;
  font-size:83.5%;
}

/* スクロールテキストボックス
---------------------------------------- */
.text_box{
  border:1px solid gray;
  width:100%;
  height:200px;
  overflow-y:auto;
  text-align:left;
}

/* ヘッダーのナビ
---------------------------------------- */
.tn_headerlink{
  position:absolute;
  top:0px;
  left:0px;
}
.tn_home{
  position:absolute;
  top:39px;
  right:218px;
}
.tn_company{
  position:absolute;
  top:39px;
  right:109px;
}
.tn_contact{
  position:absolute;
  top:39px;
  right:0px;
}

/* 左側ナビ
---------------------------------------- */
.idx_top{
  background: url(../images/idx_top.jpg) no-repeat;
  width:185px;
  height:35px;
}
.idx_navi{
  width:183px;
  /*height:41px;*/
  border-width: 1px;
  border-style: solid solid none;
  border-color: #E7393A;
}
.idx_bottom{
  background: url(../images/idx_bottom.jpg) no-repeat;
  width:185px;
  height:6px;
}
.idx_navi_inner{
  display:none;
  text-align:left;
  padding: 0px;
}

/* 見出し
---------------------------------------- */
.h_pink{
  margin:0px 25px;
  padding:4px 10px 4px;
  background-color:#FEEAE9;
  color:red;
  font-weight:bold;
}
.h_gray{
  margin:0px 20px;
  padding:4px 10px 4px;
  background-color:#EEEEEE;
}
.h_purple{
  margin:0px 20px;
  padding:4px 10px 4px;
  background-color:#F4E3F9;
  color:#9225B5;
  font-weight:bold;
}
.h_blue{
  margin:0px 25px;
  padding:4px 10px 4px;
  background-color:#e5f8fa;
  color:#29afc4;
}

/* 境界線
---------------------------------------- */
.line_567{
  width:567px;
  height:0px;
  border-bottom: 1px solid #E2E2E2;
}
.line_527{
  margin:0px 20px;
  width:527px;
  height:0px;
  border-bottom: 1px solid #E2E2E2;
}

/* 見出し画像
---------------------------------------- */
.heading{
  padding:0px;
  text-align:center;
}


/* ホームのみの構成
---------------------------------------- */
#top_img{
  width:799px;
  height:226px;
  background: url(../images/p001_top.jpg) no-repeat;
}
#line_wide{
  width:777px;
  height:10px;
  padding:0px;
  border-top: 1px solid #E2E2E2;
}
#contents_main{
  float:right;
  width:573px;
  padding-right:14px;
  text-align:left;
}
#contents_middle{
  float:left;
  width:341px;
  padding-right:15px;
  text-align:left;
}
#contents_right{
  float:right;
  width:217px;
}
#news{
  padding: 30px 5px;
  width:207px;
}
.news_text{
  width:190px;
  padding:10px 7px 8px 10px;
  line-height:1.3em;
  font-size:9pt;
}

/* ピンクのテーブル */
table.pink2{
  border-style:none;
  border-spacing: 0px;
  border-collapse: collapse;
  text-align:left;
}
table.pink2 td{
  font-weight:normal;
  padding: 4px;
  vertical-align: top;
  border: 1px solid #bfbfbf;
}
table.pink2 td.header_col{
  font-size: 10pt;
  padding: 4px 12px;
  background-color:#FFE2E2;
  vertical-align: middle;
}

/* ----------------------------------------
 お問い合わせ
---------------------------------------- */
/* メッセージ */
#id000_lblChui{
  display:block; 
  padding: 0px 0px 25px 0px;
}
/* ピンクのテーブル */
table.pink{
  border-style:none;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 507px;
  text-align:left;
}
table.pink td{
  font-weight:normal;
  padding: 4px;
  border: 1px solid #bfbfbf;
  text-align: left; 
  vertical-align: top; 
}
table.pink td.header_col{
  width: 150px;
  font-size: 10pt;
  padding: 4px 12px;
  background-color:#FFE2E2;
}
table.pink div.indispensable{
  text-align:left;
  color:red;
}
table.pink textarea{
  height: 72px;
  width: 320px;
}/* 必須項目未入力時メッセージ */
span.validator{
  display:block; 
  text-align:left;
  color:red;
}
/* 必須項目未入力時フォーム */
span.form_validator{
  color:red;
}
input.form_validator{
  background-color:#ffdddd;
}
textarea.form_validator{
  background-color:#ffdddd;
}
/* 入力フォーム ボタン */
div.form_button{
  padding: 15px 0px 0px 0px;
  text-align:center;
}    
div.form_button input{
  width: 100px;
}    

/* ----------------------------------------
 GoogleMap
---------------------------------------- */
/* GoogleMap */
.googlemap div{
  overflow: visible;
}    
.map{
  width: 483px;
  height: 416px;
  margin: 20px 0px 10px 0px;
}