@charset "utf-8";


/*==========================================
 コンテンツエリア -> CONTACTのスタイル
===========================================*/

div#contents section#contact p {
  margin:0 0 15px 5px;
}
.tbl-layout {  
  width: 100%;
  margin: 0 auto;
  border-bottom: none;
  background-color: #fff;
}
.tbl-layout dt,
.tbl-layout dd {
  padding: 10px 20px;
}
.tbl-layout dt {
/*  font-weight: bold;
*/  font-size:14px;
  color:#222;
  background-color: #DBD8AB;
  background-color: #F5F3EC;
  border-top:1px solid #fff;
  border-left: 1px solid #fff;
}
.tbl-layout dd {
  font-size:12px;
  padding-top:10px;
  padding-bottom:20px;
  border-bottom:1px dotted #0085B2;
  
  line-height:1.8;
}
.tbl-layout dd textarea {
  width:100%;
}
.tbl-layout .w300{
  font-size:12px;
  width:100%;	
  height:24px;
}


.tbl-layout .w40{
  font-size:12px;
  width:40px;
  height:24px;
}
.tbl-layout .w70{
  font-size:12px;
  width:55px;	
  height:24px;
}
.tbl-layout .w100{
  font-size:12px;
  width:85px;	
  height:24px;
}
.tbl-layout .w140{
  font-size:12px;
  width:140px;	
  height:24px;
}
.tbl-layout .bdchange{
  border-bottom:none;	
}
p.btn {
  text-align: center;
  padding: 25px 0;
}
p.btn input {
  width:100px;
}
  
 

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {
  .tbl-layout {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
	background: #fff url(images/table_bg.gif) repeat-y -39px 0;background: #fff url(images/table_bg.gif) repeat-y -34px 0;
  }
  .tbl-layout dt,
  .tbl-layout dd {
    padding: 20px;
  }
  .tbl-layout dt {
    font-size:14px;
    clear: both;
    float: left;
    width: 150px;width: 155px;
    border-top: 1px solid #FFFFFF;
  }
  .tbl-layout dd {
    font-size:14px;
    padding-left: 210px;padding-left: 215px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px dotted #0085B2;
    border-left: 1px solid #FFFFFF;
  }
  .tbl-layout .w300{
    width:300px;
	width:250px;	
    height:24px;
  }
  .tbl-layout .w40{
  font-size:12px;
  width:40px;	
  height:24px;
}
  .tbl-layout .w70{
    width:70px;	
    height:24px;
  }
  .tbl-layout .w100{
    width:100px;	
    height:24px;
  }
  .tbl-layout .w140{
    width:140px;	
    height:24px;
  }
  .tbl-layout .bdchange{
    border-bottom:1px solid #ccc;
  }
  
  .tbl-layout dt:first-child {
	  border-top:#003679 solid 5px;
  }
  .tbl-layout dd.tbline {
	  border-top:#0085B2 dotted 1px;border-top:#F5F3EC solid 5px;margin-top:10px;
  }
  
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
  nav ul li.contact {
    border-right:1px dotted #000;
  }
  div#contents {
    max-width:960px;
    margin:0 auto;
  }
  

}


/* 以下のコードを追加しています。 */
ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}