@charset "utf-8";

/* CSS Document */
.introBox {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 0 0 0 10px;
overflow: hidden;
}

.introBox h2 {
margin: 0 0 7px 0;
}

.introTxtBox {
float: left;
width: 67%;
}

.introBox img {
width: 30%;
float: left;
margin-right: 8px;
vertical-align: bottom;
}


.sectionRadiusWhite01 .tit03 {
color:#4c74a5;
font-weight: bold;
margin-bottom: 5px;
font-size: 125%;
}

.ul_list_box01 li {
display: table;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.ul_list_box01 ul li.linkNone {
　　-webkit-tap-highlight-color:rgba(0,0,0,0);
 }

.ul_list_box01 .imgBox {
display: table-cell;
padding: 4px 10px 0 0;
text-align: center;
vertical-align: middle;
}

.ul_list_box01 .imgBox p {
margin-bottom: 5px;
text-align: center;
}

.ul_list_box01 .imgBox ul {
width: 82px;
overflow: hidden;
text-align:center;
}

.ul_list_box01 .imgBox ul li {
display: inline-block;
width:auto;
padding: 0;
border: none;
}

.ul_list_box01 .imgBox ul li.first {
margin-right: 2px;
}

.ul_list_box01 .ftBox {
display: table-cell;
vertical-align: middle;
}

.bunjyoInfo .ul_list_box02 {
}

.bunjyoInfo .ul_list_box02 h3.btn {
padding: 0 28px 0 20px;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #DDD4B7;
border-left: 2px solid #DDD4B7;
border-right: 2px solid #DDD4B7;
background: #ddd4b7 url(/hebel/smp/bunjyo/img/icon_arrow05.png) no-repeat 98% center;
background-size: 16px 16px;
-webkit-background-size: 16px 16px;
line-height: 50px;
font-size: 115%;
font-weight: bold;
color: #79683c;
}

.bunjyoInfo .ul_list_box02 li.last h3.btn {
border: none;
}

.bunjyoInfo .ul_list_box02 .open h3.btn {
background: #ddd4b7 url(/hebel/smp/bunjyo/img/icon_arrow05_on.png) no-repeat 98% center;
background-size: 16px 16px;
-webkit-background-size: 16px 16px;
border:2px solid #DDD4B7;

}

.bunjyoInfo  .ul_list_box02 ul li {
display: table;
width: 100%;
border-bottom: 2px solid #DDD4B7;
background: #FFFFFF;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.bunjyoInfo  .ul_list_box02 ul li.last {
border: none;
}

.bunjyoInfo  .ul_list_box02 ul li h4{
color: #688197;
font-weight: bold;
}

.bunjyoInfo  .ul_list_box02 ul li {
position: relative;
}

.bunjyoInfo  .ul_list_box02 ul li.linkNone {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.bunjyoInfo  .ul_list_box02 ul li .boxIn {

padding: 10px 45px 10px 10px;
background: url(/hebel/smp/common/img/ico_arrow01.gif) no-repeat 98% center;
background-size: 9px 13px;
-webkit-background-size: 9px 13px;
}

.bunjyoInfo  .ul_list_box02 ul li .boxIn.applied {
background: url(/hebel/smp/bunjyo/img/pic_applied.gif) no-repeat 98% center;
background-size: 45px 18px;
-webkit-background-size: 45px 18px;
}

.bunjyoInfo  .ul_list_box02 ul li .boxIn.soldOut {
background: url(/hebel/smp/bunjyo/img/pic_soldout.gif) no-repeat 98% center;
background-size: 45px 18px;
-webkit-background-size: 45px 18px;
}

.bunjyoInfo  .ul_list_box02 ul li .imgBox {
display: table-cell;
padding: 0 8px 0 0;
vertical-align:middle;
}
.bunjyoInfo  .ul_list_box02 ul li .ftBox {
display: table-cell;
vertical-align:middle;
}


/* Acodion*/
.box_accordion01.areaInfo{
text-align: center;
}
.box_accordion01 ul li .inner {
display:none;
overflow:hidden;
text-align:left;
border:2px solid #DDD4B7;
background-color:#FFFFFF;
}

.box_accordion01.areaInfo ul li .inner {
border: 3px solid #49778e;
border-radius: 0 0 17px 17px;
-moz-border-radius: 0 0 17px 17px;
background-color:#FFFFFF;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-left-radius: 17px;
 -webkit-border-bottom-right-radius: 17px;
}

.box_accordion01.areaInfo ul li.open .inner {
border-top: none;
border-radius: 0 0 17px 17px;
-moz-border-radius: 0 0 17px 17px;
background-color:#FFFFFF;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
}

.box_accordion01.areaInfo li .btn {
padding: 25px 0;
background: #738ea1 url(/hebel/smp/common/img/ico_arrow05.png) no-repeat 98% center;
background-size: 9px 13px;
-webkit-background-size: 9px 13px;
font-weight: bold;
font-size:130%;
color:#FFFFFF;
border: 3px solid #49778e;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
}

.box_accordion01.areaInfo li.open .btn {
border-bottom:none;
padding: 8% 0 7% 0;
background: #738ea1 url(/hebel/smp/common/img/ico_arrow05_on.png) no-repeat 98% center;
background-size: 13px 9px;
-webkit-background-size: 13px 9px;
border-radius: 17px 17px 0 0;
-moz-border-radius: 17px 17px 0 0;
-webkit-border-top-left-radius: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.box_accordion01.areaInfo li.open .btn img {
visibility: hidden;
}

.sectionRadiusWhite02 {
background-color:#FFFFFF;
padding: 12px 10px 8px;
border-radius: 0 0 17px 17px;
background: url(/hebel/smp/common/img/bg_areaInfo_shadow.gif) repeat-x left top;
-moz-border-radius: 0 0 17px 17px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
}

.boxSpecial01 ul li {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #000000;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
}
.boxSpecial01 ul li.last {
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}

.ul_news_Block li .ftBox p{
display: block;
background-image: url(/hebel/smp/common/img/ico_arrow02.png);
background-position: left top;
background-repeat: no-repeat;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 24px;
background-size: 19px 18px;
-webkit-background-size: 19px 18px;
}

.boxSpecial01 ul.ul_list_btn01 li {
padding: 0;
border: none;
line-height: 1.5;
}


.boxSpecial01 .ulAreaGuide li {
position: relative;
min-height: 36px;
padding: 6px 54px 6px 10px;
}

.boxSpecial01 .ulAreaGuide li.designList {
background-image: url(/hebel/smp/common/img/ico_arrow01.gif);
background-position: 99% center;
background-repeat: no-repeat;
background-size: 9px 13px;
-webkit-background-size: 9px 13px;
overflow: hidden;
}

.boxSpecial01 .ulAreaGuide li.last {
border-bottom: none;
}

.ulAreaGuide li span.linkPc01 {
display: block;
position: absolute;
right: 5px;
top: 20%;
}

/* Acodion_end */


/*.dl_dot01 {
padding-top: 6px;
border-top: 1px dotted #000000;
}*/



/* detail/index.html
---------------------------------------------------------- */

.dl_dot01 .dtNoteBox {
float: none;
padding: 0 0 6px 0;
border-bottom:1px dotted #000000;
}

.dl_dot01 .ddNoteBox {
float: none;
padding: 0;
border: none;
}

.dl_dot01 .ddNoteBox dd{
border:none;
}

.ul_list_note li{
border: none;
margin: 0;
padding: 0;
}

.ul_list_note li.sameLine {
float: left;
width:auto;
}

.ul_list_note span{
color:#49778e;
}

/*130117*/
.ul_list_box01 .linkNone {
}

.ul_list_box01 .boxIn.applied {
background: url(/hebel/smp/bunjyo/img/pic_applied.gif) no-repeat 100% center;
background-size: 45px 18px;
-webkit-background-size: 45px 18px;
}

.ul_list_box01 .boxIn.soldOut {
background: url(/hebel/smp/bunjyo/img/pic_soldout.gif) no-repeat 100% center;
background-size: 45px 18px;
-webkit-background-size: 45px 18px;
}

/*.ul_list_box01 .boxIn dt {
margin: 0;
padding: 0;
}

.ul_list_box01 .boxIn dt.dt_line01 {
display: inline;
}

.ul_list_box01 .boxIn dd {
margin: 0;
padding: 0;
}

.ul_list_box01 .boxIn dd.dd_line01 {
display:inline;
}*/

.ul_dot01 li {
border-bottom: 1px dotted #000;

padding: 6px 0 6px 0;

position: relative;
}

.ul_dot01 li .btn01 {
position: absolute;

right: 9px;

top: 20%;
}

.linkBlock.txtBlock {
font-weight: bold;

font-size: 115%;

padding: 20px 0;
}

.sectionRadiusBrown01 .ul_search_list > li {
padding: 0 0 10px 0;
background: url(/hebel/smp/bunjyo/img/line_bunjyo_underline.gif) repeat-x left bottom;
}
.sectionRadiusBrown01 .ul_search_list > li.first {
margin-bottom: 10px;
}
.sectionRadiusBrown01 .ul_search_list > li.last {
background: none;
padding: 0;
}

.sectionRadiusWhite01 .ul_list_border01 li {
margin-bottom:8px;
padding-top:8px;
border-top: 1px dotted #000000;
overflow: hidden;
}

.sectionRadiusWhite01 .ul_list_border01 li dl dt {
clear:both;
float: left;
}

.sectionRadiusWhite01 .ul_list_border01 li dl dd {
float: left;
}

.sectionSub img,
.sectionRadiusWhite01 img{
  max-width: 100%;
  display: block;
  margin:0 auto;
}





/* map/index.shtml
---------------------------------------------------------- */
.sectionSub .introDownTxtBox {
display: table;
padding: 5px;
}

.sectionSub .introDownTxtBox .imgBox {
display: table-cell;
padding-right: 10px;
}
.sectionSub .introDownTxtBox .introTxtBox {
float: none;
width:auto;
display: table-cell;
vertical-align: bottom;
}

.sectionRadiusWhite01 table {
width: 100%;
border-top:1px dotted #000000;
border-right:none;
border-bottom:none;
border-left:1px dotted #000000;
border-collapse: separate;
}

.sectionRadiusWhite01 table th {
width: 36%;
color: #49778e;
padding: 7px;
vertical-align: top;
}

.sectionRadiusWhite01 table td {
padding: 7px;
vertical-align: top;
}

.sectionRadiusWhite01 table th,
.sectionRadiusWhite01 table td {
border-top:none;
border-right:1px dotted #000000;
border-bottom:1px dotted #000000;
border-left:none;
}

.sectionRadiusWhite01 table td a.link_underLine {
color: #2c9fe3;
font-weight: bold;
text-decoration: underline;
}


/* add two button 20170207 */
.trs-wrap {
  display: block;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.trs-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px 15px;
  background: #f5f5f5;
}
.trs-box.fr {
  margin-top: 10px;
}
.trs-box p {
  line-height: 1.6;
  margin-bottom: 8px;
}
.trs-box a {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  line-height: 38px;
  box-sizing: border-box;
  background: #fff;
  color: #698296;
  border: 2px solid #698296;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 3px 8px rgba(0,0,0,0.3);
  transition: .3s;
}
.trs-box a:hover {
  background: #698296;
  color: #fff;
  box-shadow: 0 3px 2px rgba(0,0,0,0.3);
}
.trs-box a:before {
  content: '';
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 38px;
  top: 0;
}
.trs-box .btn-faq:before {
  background: url(/image.jsp?id=429337) 48% top no-repeat;
}
.trs-box .btn-exb:before {
  background: url(/image.jsp?id=429357) 48% top no-repeat;
}
.trs-box .btn-faq:hover:before {
  background: url(/image.jsp?id=429337) 48% -38px no-repeat;
}
.trs-box .btn-exb:hover:before {
  background: url(/image.jsp?id=429357) 48% -38px no-repeat;
}



.bunjyoInfo  .ul_list_box02 ol li{
  display:inline;
  border:none;
}
.bunjyoInfo  .ul_list_box02 ol li::before{
  content:'・';
}
.bunjyoInfo  .ul_list_box02 ol li:first-child::before{
  display: none;
}