@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{}



/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerArea h1{}


/*----------------------------------------------------------------------------
 ***                                                             leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection { margin-bottom:0;}
.mainSectionInner {}

h3{float:left;position:relative;}
h3:after{/* content:""; */width:15px;height:1px;/* border-bottom:1px solid #999; */position:absolute;right:-15px;top:65px;}

.businessBox{float:right;width:560px;/* border:1px solid #999; */padding:15px 0 30px;margin-bottom:20px;position:relative;}
.businessBox h4{ float:left; font-size:14px; color:#FFF; border-radius:0 10px 10px 0; padding-left:25px; margin-right:10px;}
.businessBox .h4Text{ font-size:12px; color:#000;}

.businessBox .boxInner{ padding:18px 24px 0;}
.businessBox ul{}
.businessBox li{ float:left; margin-right:12px;}
.businessBox li:nth-child(6n){ margin-right:0;}
.businessBox dl{}
.businessBox dt{ margin-bottom:5px; text-align:center;}
.businessBox dd{ font-size:10px; color:#231815; text-align:center; line-height:1.2em;}
.businessBox li:nth-child(3) dd{ margin-left:-6px;}

#eatBox{}
#eatBox h4{ width:100px; background-color:#e58000;}
#eatBox li{ height:115px; margin-bottom:10px;}

#groupBox{}
#groupBox h4{ width:132px; background-color:#008895;}

/* Boxの間の横線 */
#eatBox:before,
#groupBox:before{content:"";width:16px;height:1px;/* border-bottom:1px solid #999; */position:absolute;left:-16px;top:25px;}

/* Boxの間の縦線 線の長さを調節する場合は“#eatBox:after”のheightを調節 */
#eatBox:after{content:"";width:1px;height:700px;/* border-left:1px solid #999; */position:absolute;left:-16px;top:26px;}
#groupBox:after{ content:""; width:1px; height:45px; border-left:1px solid #999; position:absolute; left:-16px; top:-18px;}


#nhBox{ width:100%; padding:0;}
#nhBox .boxInner{ padding:20px 40px;}
#nhBox p{ float:left;}
#nhBox dl{ float:right;}
#nhBox dt{ font-size:14px; color:#000;}
#nhBox dd{ color:#000; text-align:left;}



/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaTxt{}


/*----------------------------------------------------------------------------
 ***                                                          breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{}





/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
section { }
section section {}
.sectionInner {}









