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

body {
  color: #000000;
  background: #ffffff url(../img/bg.gif) repeat-x;
}

#container {
  background:#FFFFFF;
  *background:none;
  width: 870px;
  margin: 0 auto;
  }
  

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */

#header {
  background:#efefe5;
  margin: 0;
  padding: 3px 0 0 0;
  color:#3a3129;
  height:23px;
  }
  
#logo {
  margin: 0;
  padding: 11px 0 11px 0;
  height:70px;
  }
  
  
/* ---------------------------------------------------------------- *
	ナビゲーション
 * ---------------------------------------------------------------- */

#navi {
  width:870px;
  padding: 0;
  margin-top: 0;
  padding-bottom: 20px;
}


/* ---------------------------------------------------------------- *
	メインビジュアル部分
 * ---------------------------------------------------------------- */

#main {
  width:870px;
  padding: 0;
  margin-bottom: 25px;
  position:relative;
  overflow:auto;
}

.m01 {
position:absolute;left:559px;top:71px;
  }
  
.m02 {
position:absolute;left:559px;top:95px;
  }
  
.m03 {
position:absolute;left:559px;top:119px;
  }
  
.m04 {
position:absolute;left:559px;top:143px;
  }

.m05 {
position:absolute;left:559px;top:167px;
  }
  
.m06 {
position:absolute;left:559px;top:191px;
  }



/* ---------------------------------------------------------------- *
	コンテンツ部分　トップページ
 * ---------------------------------------------------------------- */

#main_area {
float:right;
  background:#FFFFFF;
  width:870px;
   margin: 0 0 30px 0;
   }

#main_contents {
  width:670px;
  float:right;
  padding: 0;
  margin: 0 0 0 20px;
  clear:both;
  *padding: 0 0 0 20px;
  *margin: 0;
}

.contents {
  margin: 0px;
  padding:0;
  }
  
.top_txt {
  width:295px;
  margin: 0px 15px 10px 15px;
  padding:0;
  }
  
.plus {
  margin: 10px 0px 10px 313px;
  padding:0;
  }
  
#top_op {
  width:670px;
  height:183px;
  padding: 0;
  margin: 0;
  position:relative;
}

.op01 {
position:absolute;left:280px;top:44px;
}

.op02 {
position:absolute;left:408px;top:44px;
}

.op03 {
position:absolute;left:536px;top:44px;
}

.op04 {
position:absolute;left:280px;top:84px;
}

.op05 {
position:absolute;left:408px;top:84px;
}

.op06 {
position:absolute;left:536px;top:84px;
}

.optxt {
width: 374px;
position:absolute;left:280px;top:125px;
}
 
 
/* ---------------------------------------------------------------- *
	コンテンツ部分　中ページ
 * ---------------------------------------------------------------- */
 
 .contents_naka {
 width: 670px;
   margin-bottom: 20px;
  padding:0;
   }
   
  .contents_naka_plan {
  margin-bottom: 30px;
  padding:0;
   }
   

 .contents_tab {
  margin-bottom: 10px;
  padding:0;
  }
  
.flow_box01 {
  width: 650px;
  margin: 0;
  padding:10px;
  background-color:#e4fabc;
}

.flow_box02 {
  width: 650px;
  margin: 0;
  padding:10px;
  margin-bottom:30px;
  background-color:#ffe599;
}

.flow_box03 {
  width: 650px;
  margin: 0;
  padding:10px;
  background-color:#fae5bc;
}

.txt_link {
	background:url(../img/arrow.gif);  
    background-repeat: no-repeat; 
background-position: left center;
    padding: 0 0 0 18px;  
}

.txt_link02 {
	background:url(../img/arrow02.gif);  
    background-repeat: no-repeat; 
background-position: left center;
    padding: 0 0 0 18px;  
}

.flow_arrow {
  width: 670px;
  margin: 0;
  padding:0;
  text-align:center;
}

.contact_box {
  width:670px;
  height:129px;
  padding: 0;
  margin: 20px 0 25px 0;
  position:relative;
}

.cb01 {
position:absolute;left:28px;top:41px;
}

.cb02 {
position:absolute;left:28px;top:64px;
}

.cb03 {
position:absolute;left:414px;top:41px;
}

 .contact_naka {
   width:670px;
  height:110px;
  margin-bottom: 20px;
  padding:0;
  position:relative;
  }
  
.ct01 {
position:absolute;left:0px;top:0px;
}

.ct02 {
width:250px;
position:absolute;left:0px;top:33px;
}

.ct03 {
position:absolute;left:320px;top:0px;
}

.box02 {
float:left;
width: 528px;
margin: 0px;
padding:0px 0px 15px 0px;
}

.mast {
color: #FF9900;
font-size: 10px;
line-height: 0;
*font-size: small;
*font: x-small;
}

.txt_green {
color: #669900;
font-weight:bold;
}

.txt_works {
color: #5CA300;
font-size:120%;
font-weight:bold;
}

.txt_tmp {
color: #5CA300;
font-weight:bold;
margin-bottom: 5px;
}

.box02 {
float:left;
width: 528px;
margin: 0px;
padding:0px 0px 15px 0px;
}

 .tmp {
   width:670px;
  height:235px;
  margin-bottom: 20px;
  padding:0;
  position:relative;
  }
  
.tmp01 {
position:absolute;left:0px;top:0px;
}

.tmp02 {
position:absolute;left:232px;top:0px;
}

.tmp03 {
position:absolute;left:462px;top:0px;
}

.contents_line02 {
border-top: 1px solid #a2a2a2;
margin: 10px 0px 10px 0px;
padding:0;
}

.p_top {
  text-align:right;
  margin: 0;
  padding:0;
}

/* ---------------------------------------------------------------- *
	サブコンテンツ部分
 * ---------------------------------------------------------------- */

#sub {
  float:left;
  width: 180px;
}

.info {
  margin: 0;
  padding:10px;
  border-left:2px solid #88604f;
  border-right:2px solid #88604f;
}



/* ---------------------------------------------------------------- *
	テーブル部分
 * ---------------------------------------------------------------- */
 
table.free{
width:670px;
    border-top:1px solid #669900;
    border-left:1px solid #669900;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.free th{
    border-right:1px solid #669900;
    border-bottom:1px solid #669900;
    color:#669900;
    background-color:#E4FABC;
    padding:0.3em 1em;
    text-align:left;
	font-weight:bold;
}
.free td{
    border-right:1px solid #669900;
    border-bottom:1px solid #669900;
    padding:0.3em 1em;
}


table.opton{
width:670px;
    border-top:1px solid #3399CC;
    border-left:1px solid #3399CC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.opton th{
    border-right:1px solid #3399CC;
    border-bottom:1px solid #3399CC;
    color:#3399CC;
    background-color:#EFF7FB;
    padding:0.3em 1em;
    text-align:left;
	font-weight:bold;
}
.opton td{
    border-right:1px solid #3399CC;
    border-bottom:1px solid #3399CC;
    padding:0.3em 1em;
}

.op_m{
text-align:right;
color:#FF3300;
font-weight:bold;
}


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer {
text-align:center;
  color:#554a3f;
  background:#e6e6d6;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  clear:both;
  }
  
/* ---------------------------------------------------------------- *
	マージン
 * ---------------------------------------------------------------- */
 
 .mg5 {
  margin: 0px;
  padding:0 0 5px 0;
}
  
.mg10 {
  margin: 0px;
  padding:0 0 10px 0;
}

.mg15 {
  margin: 0px;
  padding:0 0 15px 0;
}

.mg20 {
  margin: 0px;
  padding:0 0 20px 0;
}

.mg30 {
  margin: 0px;
  padding:0 0 30px 0;
}

.mg30b {
  margin: 0px;
  padding:30px 0 30px 0;
}



/* ---------------------------------------------------------------- *
	ボタン
 * ---------------------------------------------------------------- */
.sub_button {
display: block; 
padding:5px;
color:#FFFFFF;
background:#FF6600;
border: 3px double #CC3300;
border-top-color: #CC3300;
border-left-color: #CC3300;
}

.sub_button:hover {
background:#CC3300;
border-color: #FFFFFF;
}