@charset "utf-8";
body{
  margin:0px;
  padding:0px;
  font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background : transparent url(body_base.gif) repeat scroll 0% 0%;
  font-size:12px;
  color:#303030;
}
p{
    margin: 0;
}
table.glay{
  width: 100%;
  line-height: 1.2;
}
.glay a{
  text-decoration: none;
}
p.small{
    font-size: 0.8em;
}
p.red{
    color: red;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
div.title{
    width:430px;
    word-wrap:break-word;
}
h1.title{
    margin:0;
    color:black;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1;
}
img.titlelogo{
    margin: 5px 0;
}
img.titlemail{
    margin-left: 10px;
}
h1{
  color:#919090;
  font-size:11px;
  font-weight:normal;
  margin:0;
  padding:0;
}
.textlineheight{
  line-height: 1.3;
}
/*css3メニュー*/
#newmenu {
    position:relative;
  width: 100%;
  height: 38px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 5px;
}
#newmenu li {
  width: 16.666666666666%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}
#newmenu li a {
  width: auto;
  color: #fff;
  background: #555555;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
  background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
  background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
  background-image: -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
  background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.9);
  display: block;
  border-left: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
}
#newmenu li:first-child a {
  border-left: 0px;
  border-radius: 5px 0 0 5px;
}
#newmenu li:last-child a {
  border-right: 0px;
  border-radius: 0 5px 5px 0;
}
#newmenu li a:hover {
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
  background-image: -moz-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
  background-image: -o-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
  background-image: -ms-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
  background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
}

.submenu {
  width: 100%;
}

.submenu ul{
   margin:0;
   padding:0;
   list-style: none;
}

.submenu li {
   padding:0;
   font-size:1.1em;
   border-bottom: 1px dotted #999;
}

.submenu a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url("image/bg_list.gif") 10px 50% no-repeat;
}

.submenu a.current {
   color:#099;
   background:#c7e9e9 url("image/bg_list.gif") 10px 50% no-repeat;
}

.submenu a:hover {
   color:#099;
   background:#b9e3e3 url("image/bg_list.gif") 10px 50% no-repeat;
}

#line{
  height:5px;
  background-color:#264e75;
}
#contents{
  width:818px;
  margin:0px auto 0px auto;
  padding:0px 3px 5px 5px;
  background-color:#ffffff;
  background : transparent url(con_base.gif) repeat-y scroll 0% 0%;
}
#header{
  width:797px;
  height:225px;
  margin:0px 0px 0px 0px;
  padding:12px 0px 0px 20px;
  background : #ffffff url(hk311.jpg) no-repeat scroll right top;
}
#header_in{
  width:797px;
  margin:0px 0px 0px 0px;
  padding:12px 0px 15px 20px;
  background-color:#ffffff;
}
#header_in .tel{
  margin:12px 0px 0px 15px;
  float:left;
}
#header .tel{
  background : transparent url(tel_base.gif) no-repeat scroll 0% 0%;
  margin:0px 0px 0px 0px;
  padding:10px 10px 0px 10px;
  width:417px;
  height:62px;
}
#menu{
    position:relative;
  background : transparent url(menu_base.gif) repeat-x scroll 0% 0%;
  /*margin:0px 0px 10px 0px;
  height:30px;
  text-align:center;
  padding-top:6px;
  */
}
#menu .line{
  margin:0px 25px 0px 25px;
  vertical-align:middle;
}
#menu a{
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}
#menu a:visited{
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
}
#menu a:hover{
  color:#f8e5ab;
  font-size:13px;
  font-weight:bold;
}
#menu a:active{
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
}
#main{
  width:800px;
  margin-left:20px;
  padding-bottom:10px;
}
#leftarea{
  width:215px;
  padding-top:5px;
  float:left;
}
#leftarea .list{
  width:208px;
  background-color:#fdf6ea;
  color:#695f4d;
  font-size:13px;
  line-height:2.2em;
  border:#FECAFF 1px solid;
  margin:0px;
}
#leftarea .list .menu{
  padding:0px 0px 0px 10px;
}
#leftarea .list .menu .area{
  background : transparent url(list_base.gif) no-repeat scroll 0% 0%;
  padding:2px 0px 0px 15px;
  display:block;
  overflow:hidden;
  position:relative;
  width:184px;
  height:27px;
}
#leftarea .list a{
  color:#695f4d;
  text-decoration:none;
}
#leftarea .list a:visited{
  color:#695f4d;
}
#leftarea .list a:hover{
  color:#9d917c;
}
#leftarea .list a:active{
  color:#695f4d;
}
#leftarea .list .title{
  padding:0px 1px 5px 0px;
}
#leftarea .mobile{
  width:196px;
  height:84px;
  background-color:#f3efe8;
  border:6px solid #c8bead;
  margin:10px 0px 0px 0px;
  color:#af6437;
  text-align:center;
}
#leftarea .mobile .logo{
  float:left;
  padding:10px 0px 0px 5px;
  width:105px;
  font-size:9px;
  text-align:center;
}
#leftarea .mobile .qr{
  margin-top:7px;
}
#leftarea .mobile .logo img{
  margin-bottom:5px;
}
#leftarea .mobile a{
  color:#996666;
}
#rightarea .mobile a:visited{
  color:#996666;
}
#leftarea .mobile a:hover{
  color:#d08c79;
}
#leftarea .mobile a:active{
  color:#996666;
}
#rightarea{
  width:565px;
  padding-top:5px;
  float:left;
  text-align:left;
  margin-left:15px;
  line-height:1.3em;
}
#rightarea .bar{
  margin:15px 0px 5px 0px;
}
#rightarea .text_p{
  padding:5px 0px 0px 10px;
  width:395px;
  float:left;
}
#rightarea .text{
  padding:0px 20px 0px 0px;
}
#rightarea .bg{
  background-color:#f0ede8;
  padding:8px 8px 8px 10px;
  margin:10px 0px 5px 0px;
  color:#666666;
  line-height:1.6em;
  width:525px;
}
#rightarea .key{
  margin-top:25px;
  text-align:center;
}
#footer{
  background-color:#264e75;
  text-align:center;
  color:#ffffff;
  padding:10px 0px 10px 0px;
}
#footer a{
  color:#ffffff;
  text-decoration:none;
}
#footer a:visited{
  color:#ffffff;
}
#footer a:hover{
  color:#ffffff;
}
#footer a:active{
  color:#ffffff;
}
#footer .lay{
  text-align:center;
  padding:5px 0px 5px 0px;
  width:650px;
  margin:0px auto 0px auto;
}
#footer .logo{
  float:left;
}
#footer .text{
  margin:0px 0px 0px 10px;
  text-align:left;
  float:left;
}
#pagetop{
  margin-top:20px;
  text-align:right;
  color:#818384;
  font-size:11px;
  padding-right:18px;
}
#pagetop a{
  color:#818384;
}
#pagetop a:visited{
  color:#818384;
}
#pagetop a:hover{
  color:#abaeb0;
}
#pagetop a:active{
  color:#818384;
}
h2{
  color:#818384;
  font-size:11px;
  font-weight:bold;
  margin:5px 0px 10px 0px;
}
h2 a{
  color:#818384;
}
h2 a:visited{
  color:#818384;
}
h2 a:hover{
  color:#bec0c2;
}
h2 a:active{
  color:#818384;
}
img{
  border:0px;
}
.clearboth{
  clear:both;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  visibility:hidden;
}
.mt5{
  margin-top:5px;
}
.mt10{
  margin-top:10px;
}
.mt15{
  margin-top:15px;
}
.ml5{
  margin-left:5px;
}
.ml10{
  margin-left:10px;
}
.mb5{
  margin-bottom:5px;
}
.mb10{
  margin-bottom:10px;
}
.mr10{
  margin-right:10px;
}
.lh2{
  line-height:2.0em;
}
hr{
  height:1px;
  border:none;
  border-top:1px #9d9d9d solid;
}
.f_left{
  float:left;
}
.f_right{
  float:right;
}
.f10{
  font-size:10px;
}
.ora{
  color:#b36943;
}
a{
  color:#9f6251;
}
a:visited{
  color:#9f6251;
}
a:hover{
  color:#cf8e7b;
}
a:active{
  color:#9f6251;
}

.in_bar{
  background : transparent url(bar.gif) no-repeat scroll 0% 0%;
  color:#264e75;
  font-size:14px;
  width:535px;
  height:23px;
  padding:7px 0px 0px 14px;
  margin:5px 0px 10px 0px;
}
table.company{
  width:549px;
  border:0px;
  border-collapse:collapse;
  border-spacing:0px;
  margin:0px;
}
table.company td{
  border:0px;
  white-space:nowrap;
  padding:6px 6px 6px 12px;
}
table.company td.bg_g{
  background-color:#eeebe6;
}
.mess{
  margin:15px 0px 15px 0px;
}

.flow_box{
  background-color:#f3f0ea;
  border:#b5b3b1 2px solid;
  padding:0px 0px 8px 0px;
  margin:10px 0px 10px 0px;
  width:545px;
}
.flow_box .text{
  margin:8px 0px 0px 2px;
  width:425px;
  float:left;
}
.flow_box .photo{
  float:left;
  margin:8px 8px 0px 8px;
}
.flow_box .sub{
  color:#264e75;
  font-size:14px;
  background : transparent url(bar1.gif) no-repeat scroll 0% 0%;
  margin:5px 0px 8px 0px;
  padding:0px 0px 0px 8px;
  font-weight:bold;
}

.inv_photo{
  float:left;
}
.inv_text_p{
  float:left;
  width:380px;
  margin-left:10px;
}
.inv_text{
  padding-right:20px;
  margin-top:10px;
}

table.inquiry{
  border:0px;
  margin-top:10px;
  border-collapse:separate;
  border-spacing:5px;
}
table.inquiry td{
  border:0px;
  white-space:nowrap;
  vertical-align:middle;
  padding:3px 6px 3px 6px;
}
table.inquiry td.l_no{
  border:0px;
  white-space:nowrap;
  vertical-align:middle;
  padding:3px 6px 3px 0px;
}
table.inquiry td.bg_g{
  background-color:#eeebe6;
}
table.inquiry td .no{
  border:0px;
  white-space:nowrap;
  vertical-align:middle;
  padding:0px;
}
table.inquiry2{
  border:0px;
  border-collapse:collapse;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
}
table.inquiry2 td{
  border:0px;
  white-space:nowrap;
  vertical-align:middle;
}
.inq_red{
  color:#9f6251;
}

.price_list{
  background : transparent url(yel_line.gif) no-repeat scroll 0% 0%;
  font-size:14px;
  color:#847965;
  padding:1px 0px 5px 8px;
  margin-top:25px;
}
.price_ora{
  font-size:14px;
  color:#b36943;
  font-weight:bold;
}