@charset "Shift_JIS";
@font-face {
  font-family: 'testfont';
  src: url('UtsukushiFONT.eot');
  src: url('UtsukushiFONT.eot?iefix') format('eot'),
       url('UtsukushiFONT.otf') format('opentype'),
       url('UtsukushiFONT.woff') format('woff');
}
/* 要素リセット */
body{
  text-align : left;
  font-family : testfont;
  /* 標準文字色 */
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  right : auto;
  left : auto;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  background-color : #f3ebc5;
  font-size : 20px;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body{
  font-size: 70%;
}
/* end */

img{
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
h2{
  }
/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-container{
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width : 1000px;
  padding-bottom : 50px;
  background-color : #f3ebc5;
}
#hpb-header{
  padding-right: 0;
  padding-left: 0;
  height : 90px;
}
#hpb-header:after{
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#hpb-footer{
  position: fixed;
  bottom: 0;
  height : 80px;
  background-color : #400000;
  width : 100%;
  text-align : center;
}
#hpb-footer .footerlength{
  background-color : #400000;
  width : 1000px;
  color : white;
  margin-left : auto;
  margin-right : auto;
}
#hpb-footer .footerbox{
  background-color : #400000;
  width : 50%;
  color : white;
  float : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  height : 80px;
}
#hpb-footer:after{
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#hpb-inner{
  margin-top: 0;
  margin-right : 0px;
  margin-bottom: 0;
  margin-left : 0px;
  padding-top: 0;
  padding-bottom: 30px;
  padding-left: 0;
  zoom: 1;
  position : relative;
  width : 100%;
  background-color : #f3ebc5;
}
.hpb-layoutset-01 #hpb-inner{
  padding-top: 50px;
}
.hpb-layoutset-02 #hpb-inner{
  padding-top: 80px;
}
#hpb-inner:after{
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#hpb-wrapper{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
.hpb-layoutset-01 #hpb-wrapper{
  padding-top : 209px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.hpb-layoutset-02 #hpb-wrapper{
  padding: 0;
}
.midasi{
  padding : 0px 0px 0px 10px;
  line-height : 50px;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  height : 50px;
  clear : left;
}
.sonota{
  margin-bottom: 0;
  margin-left : 10px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-right : 10px;
  clear : left;
}
#hpb-main{
  margin: 0;
  background-color : #f3ebc5;
}
#company{
  margin: 0;
  background-color : white;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
}
#sellingpoint{
  margin: 0;
  background-color : white;
  height : 300px;
}
#hpb-main .itemlist{
  margin-bottom: 0;
  background-color : white;
  margin-left : 8px;
  width : 100%;
  clear : left;
  padding-top : 8px;
}
#chokusoplanmitumori{
  margin-bottom: 0;
  margin-left : 10px;
  clear : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-right : 10px;
}
.koutei{
  margin-bottom: 0;
  background-repeat : no-repeat;
  margin-left : 0px;
  margin-top : 10px;
  margin-right : 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  background-color : white;
}
.kouteinaiyo{
  margin-bottom: 0;
  margin-left : 10px;
  margin-top : 0px;
  margin-right : 10px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
#chokusoplanoption{
  margin-bottom: 0;
  margin-left : 10px;
  padding-top : 0px;
  font-size : 20px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-right : 0px;
  background-color : white;
  float : left;
}
#optionillustration{
  margin-bottom: 0;
  margin-left : 0px;
  width : 190px;
  padding-top : 0px;
  font-size : 20px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-right : 0px;
  height : 475px;
  float : left;
  background-image : url(option.jpg);
  background-repeat : no-repeat;
}
#hpb-title{
  height : 210px;
  width : 994px;
  background-image : url(yokohama.jpg);
  margin-left : 3px;
  margin-right : 3px;
  color : white;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-bottom : 0px;
}
.title-a{
  height : 90px;
  font-size : 35px;
  line-height : 40px;
  color : white;
  margin-top : 0px;
  margin-left : 500px;
  margin-right : 10px;
  padding-top : 10px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
}
#hpb-title-a{
  height : 272px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
#hpb-title-a .chokusotitle{
  margin-bottom: 0;
  width : 315px;
  height : 230px;
  float : left;
  margin-left : 10px;
  margin-right : 5px;
  padding-top : 10px;
  background-repeat : no-repeat;
  margin-top : 0px;
  background-image : url(nc1100801.png);
}
#hpb-title-a .plansetumei{
  width : 640px;
  height : 115px;
  float : left;
  background-color : white;
  line-height : 20px;
  margin-left : 10px;
  margin-right : 5px;
  padding-top : 5px;
  padding-left : 5px;
}
#hpb-title-a .plantitlenagare{
  width : 605px;
  height : 250px;
  float : left;
  background-color : white;
  margin-left : 10px;
  margin-right : 5px;
  text-align : center;
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
}
#chokusoplannaiyou{
  margin : 10px 10px 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  background-color : white;
  text-align : center;
}
.planitemline{
  margin-right : 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-bottom : 0px;
  height : 210px;
}
.planitem{
  margin-bottom: 0;
  float : left;
  background-color : white;
  background-repeat : no-repeat;
  width : 196px;
  height : 200px;
  margin-top : 10px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}
.planitemlong{
  margin-bottom: 0;
  float : left;
  background-color : white;
  background-repeat : no-repeat;
  width : 392px;
  height : 200px;
  margin-top : 10px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}
.planitemlong3{
  margin-bottom: 0;
  float : left;
  background-color : white;
  background-repeat : no-repeat;
  width : 570px;
  height : 200px;
  margin-top : 10px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}
.hpb-layoutset-01 #hpb-main
{
  }
.hpb-layoutset-02 #hpb-main
{
  }
/* ナビゲーション */

#hpb-nav{
  height: 50px;
  overflow: hidden;
  width : 994px;
  margin-left : 3px;
  margin-right : 3px;
  text-align : center;
}
.hpb-layoutset-01 #hpb-nav
{
  }
.hpb-layoutset-02 #hpb-nav
{
  }
#topagetop{
  height : 40px;
  line-height : 20px;
  text-align : right;
  padding-top : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
}
#copyright{
  height : 40px;
  line-height : 20px;
  text-align : center;
  padding-top : 10px;
  padding-bottom : 10px;
}
/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* 背景設定 */

.hpb-layoutset-01{
  background-repeat: repeat-x;
}
.hpb-layoutset-02{
  background-image : url(bg_2Bd_02-c.png);
  background-position: top left;
  background-repeat: repeat-x;
}
/* コンテンツ配置領域 */
/* トップページメインイメージ */

/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/

.hpb-layoutset-01 #toppage
{
  }
/* ナビゲーション */

#hpb-nav ul{
  display: block;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  height : 50px;
}
#hpb-nav ul:after{
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#hpb-nav li{
  width : 142px;
  float: left;
  overflow: hidden;
  height : 50px;
}
#hpb-nav li a{
  width : 142px;
  height: 50px;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-image : url(navItemBg_2Bd_02.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
}
#hpb-nav li a:hover{
  background-image : url(navItemBg_2Bd_02-on.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
}
#hpb-nav li span.ja{
  display: none;
}
#hpb-nav li span.en{
  display: block;
  line-height: 16px;
  font-weight : normal;
}
#hpb-nav a:link{
  color: #FFFFFF;
  text-decoration: none;
}
#hpb-nav a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
#hpb-nav a:hover{
  color: #44A263;
  text-decoration: none;
}
#hpb-nav a:active{
  color: #44A263;
  text-decoration: none;
}