@charset "UTF-8";

body,html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
	font-size: 14px;
	line-height: 18px;
	background-color:#ffffff;
        color: #292929;
}

body {
    font-family:'Meiryo UI','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
}


/*===============================================
Layout
================================================*/
#wrapper {
    position: relative;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
section.inner {
    padding: 5px 0 20px 0;
}

/*Header-Section
================================================*/
header#hgroups {
    width: 100%;
    /* height: 76px; */
    /* overflow: hidden; */
    margin: 0 auto;
    position: fixed;
    z-index: 99999;
    background: #fff;
}
#headread {
    width: 980px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    zoom:1;
}
#head_f {
    float: left;
    /* width: 235px;
    height: 70px; */
}
#head_f nav#head-nav{
    width: 300px;
    margin-top: -10px;
    margin-left: 256px;
    overflow: hidden;
}
#head_f nav#head-nav ul{}
#head_f nav#head-nav ul li {
    float: left;
    display:  inline;
    padding: 0 12px 0 0;
    font-size: 13px;
}
#head_f nav#head-nav ul li a {
    text-decoration: none;
    color: #292929;
    font-weight:  800;
}
#head_f nav#head-nav ul li a:hover {
    text-decoration: underline;
    color: #292929;
    font-weight:  800;
}
#head_f p#foreword{
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

#head_r {
    float: right;
    width: 418px;
    position: relative;
    zoom:1;
    top:5px;

}
#contactTel{
    background-image:url(../img/ico_contactTelphone.png);
    background-repeat:no-repeat;
    width:189px;
    height:62px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    float: left;
    position: relative;
    zoom:1;
    left: 10px;
}

#contactMail a {
    float: right;
    background-image:url(../img/btn_contactMail_off.png);
    width:200px;
    height:62px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
}

#contactMail a:hover {
    background-image:url(../img/btn_contactMail_on.png);
}


/*Navigation-area
================================================*/
/* .has-sub_h {
    position: relative;
} */
.sub_h {
    overflow: hidden;
    position: absolute;
    left: 586px;
    top: 3.8em;
    width: 100%;
    min-height: 0;
    height: 0;
    z-index: 3;
    transition: min-height 0.5s;
    display: flex;
    flex-direction: column;
}
.sub_h li {
    display: block;
    float: none;
    background: #f5f5f5;
    width: 186px;
    border-left: 2px #1c2c39 dotted;
    border-right: 2px #1c2c39 dotted;
}
  .sub_h li > a {
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
    background-color: #f5f5f5;
    display: block;
  }
  .sub_h li > a:hover {
   font-weight: bold;
    opacity: 1;
  }
  .sub_h.active {
    min-height: 180px;
  }
  /* .sub_h > li:last-child {
    border-bottom: 2px #1c2c39 dotted

  } */
#navi-box {
    width: 100%;
    /* height: 78px; */
    background-color:#f5f5f5;
    /* position: absolute; */
    margin: 0 auto;
    padding-top: 140px;
}
#navi-area {
    width: 980px;
    margin: 0 auto;
}
/* h1#tit-logo {
    margin: 8px 0 0 0 ;
} */
h1#tit-logo a {
    text-decoration: none;
    color: #212121;
    letter-spacing: 0.1em;
    height: inherit;
    margin: 28px 0 0 0;
    display: block;
}
h1#tit-logo a p {
   text-align: center;
   margin: 0 0 4px 0px;
   font-size: 14px;
   color: #212121;
   font-weight: normal;
}
#navi-block {
    height: 76px;
}
#navi-block nav#globalnavi ul li a:hover{
    font-weight: 800;
}
/*=================*/
#navi-block nav#globalnavi ul#main-navi{
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  position: relative;
}
#navi-block nav#globalnavi ul#main-navi li {
    font-size: 14.7px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: center;
    border-left: 2px #1c2c39 dotted;
    list-style: none;
    height: 100%;
}
#navi-block nav#globalnavi ul#main-navi li:nth-child(3){
  width: 190px;
}
#navi-block nav#globalnavi ul#main-navi li:nth-child(6){
  width: 230px !important;
}
#navi-block nav#globalnavi ul#main-navi li:last-child {
    border-right: 2px #1c2c39 dotted;
}
#navi-block nav#globalnavi ul#main-navi li a {
  height: 76px;
  padding: 0 10px;
    text-decoration: none;
    font-weight: 300;
    color: #221815;
    display: flex;
    align-items: center;
    justify-content: center;
}
#navi-block nav#globalnavi ul#main-navi li a:hover{
    font-weight: 800;
}


#navi-block nav#globalnavi ul#main-navi li#magic-line {
    position: absolute;
    bottom: 5px;
    margin-left: -2px;
    width: 103px;
    height: 1px;
    background: #fe4902;
    border: none;
    height: 5px;
    width: 100%;
}

/*keyvisual
================================================*/
#visual-area{
    width: 100%;
    height: auto;
    background: #f4efe5;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #757575;
    /* position: absolute; */
    overflow: hidden;
}
#visual-area #keyvisual {
    position: relative;
    zoom:1;
    width:1368px ;
    height: 333px;
    margin: 8px auto 8px auto;
    background-color:  #00C0CC;
}

#visual-area #keyvisual img{
   width: 1368px;
   height: auto;
   margin: 0 auto;
}

/*test*/

    #visual-area  #keyimage_wrapper {
    height: 333px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color:  #00C0CC;
}

#visual-area #keyimage_content {
    width: 980px;
    position:  absolute;
    margin: 0 auto;
    bottom:20px;
    left:14%;

}
#visual-area #keyimage_content h2 img{
    width: 970px;
    height: 45px;
    z-index: 100;
    position: relative;
    left:7px;
}



@media screen and (max-width:980px){
    #visual-area  #keyimage_wrapper {
    height: 333px;
    width: 980px;
    overflow: hidden;
    position: absolute;
    background-color:  #00C0CC;
}
#visual-area #keyimage_content {
    width: 980px;
    position:  absolute;
    margin: 0 auto;
   bottom:10px;
    left:0;
}
#visual-area #keyimage_content h2 img{
    width: 970px;
    height: 45px;
}
}


/* test スライダー*/
#slider {
  position:relative;
  zoom:1;
  top:15px;
  overflow: hidden;
    height: 400px;
}
#wrap{
  background: #F4EFE5;
  width: 100%;
  height: 333px;
  overflow: hidden;
  margin: 0 auto;
}

#carousel ul {
    width: 100%;
    background: #F4EFE5;
    position:relative;
    zoom:1;

}
#carousel li {
  float: left;
  width: 980px;
  position: relative;
  zoom:1;
  left: -42px;
  border: 2px solid #000;
}
#prev, #next {
  background-color: #fff;
  opacity:0.7;
  filter: alpha(opacity=70);/* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";/* ie 8 */
  zoom:1;
  display: block;
  height: 320px;
  width: 34.5%;
  top: 0;
  margin-top: 1px;
  position: absolute;
}
#prev:hover, #next:hover {
  opacity:0.4;
  filter: alpha(opacity=40);/* ie 6 7 */
  -ms-filter: "alpha(opacity=40)";/* ie 8 */
  zoom:1;
}
#prev {
  top: 12px;
  left: -235px;/* スライドする画像の横半分の値 */
  background:#fff url(../img/deco/arrow-left.png ) 95% center no-repeat;
}
#next {
    top:12px;
  background:#fff url(../img/deco//arrow-right.png ) 5% center no-repeat;
  right: -233px;/* スライドする画像の横半分の値 */
}
#prev img {
  right:20px;
  top:120px;
  position:absolute;
}
#next img {
  left:20px;
  top:120px;
  position:absolute;
}
#pager {
  text-align:center;
  padding:10px;
}
#pager a {
  border: 2px solid #ccc;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
}
#pager a:hover {
  background:#eee ;
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color: #ccc;
}


/*test 終わり*/

article.info-block {
    margin: 30px 0 0 0;
}
.info-area {
    margin: 25px auto 5px auto;
}
.info-area h6 {
    font-size: 18px;
    font-weight: 900;
    margin: 0 auto;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 3px #b5b5b5 dotted;
}


.trafficLine {padding: 0 0 10px 0;margin: 5px 0;}
.trafficLine ul {
    list-style-type: none;
    position: relative;
    zoom:1;
    left:-30px;
    display:table;
}
.trafficLine ul li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.trafficLine ul li:first-child{
    padding-right: 20px;
}
li.feature_guide a {
   background-image:url(../img/btn_feature_off.png);
   background-repeat: no-repeat;
    width:329px;
    height:203px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
     border: 8px solid #b5b5b5;
}
li.streaght_guide a {
    background-image:url(../img/btn_blog_off.png);
   background-repeat: no-repeat;
    width:329px;
    height:203px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
     border: 8px solid #b5b5b5;
}
li.property_guide a {
   background-image:url(../img/btn_property_off.png);
   background-repeat: no-repeat;
    width:329px;
    height:203px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
     border: 8px solid #b5b5b5;
}
li.officeinfo_guide a {
   background-image:url(../img/btn_officeinfo_off.png);
   background-repeat: no-repeat;
    width:329px;
    height:203px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
     border: 8px solid #b5b5b5;
}
li.contact_guide a {
   background-image:url(../img/btn_contact_off.png);
   background-repeat: no-repeat;
    width:329px;
    height:203px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
     border: 8px solid #b5b5b5;
}
li.feature_guide a:hover{background-image:url(../img/btn_feature_on.png); border: 8px solid #8faa40;}
li.streaght_guide a:hover{background-image:url(../img/btn_blog_on.png);border: 8px solid #e27273;}
li.property_guide a:hover{background-image: url(../img/btn_property_on.png); border: 8px solid #84ffff;}
li.officeinfo_guide a:hover{background-image: url(../img/btn_officeinfo_on.png); border: 8px solid #f4511e;}
li.contact_guide a:hover{background-image:url(../img/btn_contact_on.png); border: 8px solid #8faa40;}
/*footer*/
footer {
    width: 100%;
    height:180px;
    clear: both;
    position: absolute;
    bottom: 0px;
}
#footer-area {
    width: 100%;
    height: 135px;
    background-color: #F9F5EE;
}
#footer-address{
    width: 100%;
    height: 45px;
    background-color: #d7ccc8;
}
.footer-unit {
    width: 980px;
    margin: 0 auto;

}
#company-address {
     background-image:url(../img/tit_footer_adress.png);
    background-repeat: no-repeat;
    width:360px;
    height:92px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    margin-top:34px;
    float:left;
}
#footer-contact {
    float: right;
    width: 415px;
}
section#conect{
    width: 412px;
    position: relative;
    zoom:1;
    top:35px;
}
section#footer-menu{
   width: 412px;
   overflow: hidden;
   margin-top: 38px;
}
section#footer-menu ul {
    position: relative;
    zoom:1;
    bottom: 3px;

}
section#footer-menu ul li {
    float: left;
    display:  inline;
    border-right:1px solid #000;
    padding: 0 13px 2px 11px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    margin-left: 3px;
}
section#footer-menu ul li:last-child{
    border-right:none;
}
section#footer-menu ul li a {
    text-decoration: none;
    color: #252525;
}
section#footer-menu ul li a:hover{
    color: #FC5350;
    text-decoration: underline;
}

#footer-contactTel{
    background-image:url(../img/ico_contactTelphone.png);
    background-repeat:no-repeat;
    width:189px;
    height:62px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    float: left;
    position: relative;
    zoom:1;
    left: 8px;
}

#footer-contactMail a {
    float: right;
    background-image:url(../img/btn_contactMail_off.png);
    width:200px;
    height:62px;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
}

#footer-contactMail a:hover {
    background-image:url(../img/btn_contactMail_on.png);
}

#copy {
    width: 360px;
    float: left;
}
address {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    position: relative;
    zoom:1;
    top:15px;
    left:10px;
}
#footer-nav{
    float: right;
    overflow: hidden;
}
#footer-nav ul li {
    float: left;
    display:  inline;
    border-right:1px solid #000;
    padding: 0 13px 2px 11px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    margin-left: 3px;
}
#footer-nav ul li:last-child{
    border-right:none;
}
#footer-nav ul li a {
    text-decoration: none;
    color: #252525;
}
#footer-nav ul li a:hover{
    color: #FC5350;
    text-decoration: underline;
}
/*
#foot-box {
    width: 100%;
    height: 120px;
}
.footer_block{
    width: 980px;
    margin: 0 auto;
}
*/

/*container
================================================*/
#container {
    width: 980px;
    position: relative;
    zoom:1;
    margin:0 auto;
    padding-bottom: 180px;

}
#container_home {
    width: 980px;
    /* position: relative; */
    zoom:1;
    margin:20px auto;
    padding-bottom: 180px;

}
#breadcrumb {
    position: relative;
    zoom:1;
    bottom:10px;
}
#breadcrumb:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#breadcrumb{
    min-height: 1px;
}
* html #breadcrumb{
    height: 1px;
    /*height: auto;*/
    overflow: hidden;
}
#breadcrumb ul{
    list-style: none;
    overflow: hidden;
    position: relative;
    zoom:1;
    left: -45px;
}
#breadcrumb ul li {
    float:left;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    letter-spacing: 0.2em;
    color: #FC5350;
}
#breadcrumb ul li.attribute{
    padding-left: 10px;
}
#breadcrumb ul li a {
    font-weight: 300;
    letter-spacing: 0.2em;
    text-decoration: none;
    color: #000000;
    padding-left: 10px;
}
#breadcrumb ul li a:hover {
    text-decoration: underline;
}

#main {
    margin: 0 auto;
    padding: 0 0 100px 0;
    /* position: relative; */
    zoom:1;
    top:45px;
}
.block {margin: 0 auto;}

.side-area {
    float: right;
    width: 249px;
    position: relative;
    zoom: 1;
    bottom: 40px;
}

aside.info-unit {
}
aside.info-unit ul{
    margin-top: 19px;
}
aside.info-unit ul li{
    margin-left: -25px;
    list-style: none;
}
ul li.room a,.info-unit ul li#relief a,.info-unit ul li#history a,.info-unit ul li#blog a,.info-unit ul li#facebook a  {
    background-repeat:  no-repeat;
    background-position: center center;
    width: 226px;
    height: 226px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border: 3px solid #5c5c5c;
    display: block;
}

ul li.room a {background-image:url(../img/banner_vacancyInfo_off.gif?=v4);}
ul li#relief a { background-image:url(../img/banner_companyInfo_off.png);}
ul li#history a { background-image:url(../img/banner_companyProfile_off.png);}
ul li#blog a { background-image:url(../img/btn_blog_off.png);}
ul li#facebook a { background-image:url(../img/banner_facebook.png);}
ul li#connecting a {
    background-image:url(../img/banner_contactUs.png);
    background-repeat:  no-repeat;
    background-position: 0 0;
    width: 236px;
    height: 239px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position:  absolute;
    margin-top: 10px;
}

ul li.room a:hover {
    background-image:url(../img/banner_vacancyInfo_on.png);
    border: 3px solid #FC5957;
}
ul li#relief a:hover {
    background-image:url(../img/banner_companyInfo_on.png);
    border: 3px solid #FC5957;
}
ul li#history a:hover {
    background-image:url(../img/banner_companyProfile_on.png);
    border: 3px solid #FC5957;
}
ul li#blog a:hover {
    background-image:url(../img/btn_blog_on.png);
    border:3px solid #FC5957;
}
ul li#facebook a:hover {
    background-image:url(../img/banner_facebook.png);
    border:3px solid #FC5957;
}
.intro-unit{
    border: 5px solid #B5B5B5;
    padding: 0 8px;
    position: relative;
    zoom:1;
    bottom: 15px;
}

h3.intro {
     font-family: "Noto Sans Japanese",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3em;
    text-align: center;
    padding: 0 10px;
    /*letter-spacing: 0.05em;*/
    -webkit-text-size-adjust: 95%;
     -moz-text-size-adjust: 95%;
      -ms-text-size-adjust: 95%;
      -o-text-size-adjust: 95%;
       text-size-adjust: 95%;

}

h3.intro.text_left{
    text-align:left;
}

p.lead{
    font-size: 15px;
    font-weight:  700;
    letter-spacing: 0.01em;
    text-align:  center;
    padding:0 15px;
     -webkit-text-size-adjust: 95%;
     -moz-text-size-adjust: 95%;
      -ms-text-size-adjust: 95%;
      -o-text-size-adjust: 95%;
       text-size-adjust: 95%;
}
p.lead-l{
    font-size: 15px;
    font-weight:  700;
    letter-spacing: 0.01em;
    text-align:  left;
}
p.prelusion{
    font-size: 15px;
    font-weight:  700;
    letter-spacing: 0.01em;
    text-align:  left;
    padding: 0 10px;
}
p.sentence{
    font-size: 15px;
    font-weight:  400;
}
.sentence-unit {
    /*overflow: hidden;*/
    text-align: center;
    margin: 0 auto;
}

.letter-unit {
    margin: 20px auto 10px auto;
}
.letter-body {
    padding: 0 8px;
}
.letter-body p {
    font-size: 15px;
    font-weight:  400;
}
h4.topicsTitle {
    font-size: 18px;
    letter-spacing: 0.15em;
    margin: 0 0 0 50px;
    position: relative;
    top:15px;
}
h5.topicsSubtitle {
    font-size: 16px;
    letter-spacing: 0.15em;
}
h5.topicsSpTitle {
    font-size: 18px;
    letter-spacing: 0.15em;
    color:#4c4c4c;
}
ul.topicsList {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.15em;
}
ul.topicsList li {
    line-height: 1.5em;
}


/*新着情報
================================================*/
h2#new-info{
    background-image:url(../img/h2_news.png);
    width:138px;
    height:62px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
}
p.read-more a {
    background-image:url(../img/btn_moreRead_off.png);
    width:136px;
    height:34px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    margin-left: 586px;
}
p.read-more a:hover {
    background-image:url(../img/btn_moreRead_on.png);
}

/*3つの視点
=================================================*/
h2.caption{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #fff;
    height: 40px;
    width: 220px;
    text-align:  center;
    vertical-align:  middle;
    padding: 19px 18px 0 18px;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #000000, #000000);
background-image: -ms-linear-gradient(top, #000000, #000000);
background-image: -o-linear-gradient(top, #000000, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000));
background-image: -webkit-linear-gradient(top, #000000, #000000);
background-image: linear-gradient(top, #000000, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
p#view_1,p#view_2,p#view_3{
    width:310px;
    height:48px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
}
p#view_1{background-image:url(../img/txt_point1.png);}
p#view_2{background-image:url(../img/txt_point2.png);}
p#view_3{background-image:url(../img/txt_point3.png);}



/*当社の強み*/
.pointView {
    padding: 10px 0;
}
.pointView_range{
}
.pointView_detail {
    width: 360px;
}
pointView_detail img {
    vertical-align: top;
    padding: 0;
    top:0;
}
.pointView_block {
    display: table;
    width: 100%;
}
.pointView_area{
    display: table-cell;
    width: 360px;
    height: 100%;
}
.mapEncircle img{
    margin: 0 auto;
    text-align:  center;
    border: 1px #b3b3b3 solid;
}


dl.pointView_unit {
    padding: 0 5px;
}
dl.pointView_unit dt {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    padding: 15px 0;
    color: #00C0CC;
}
dl.pointView_unit dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin-inline-start: 0;
}


/* 管理物件
===================================================*/
h2#companyInfo{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #fff;
    height: 40px;
    width: 138px;
    text-align:  center;
    vertical-align:  middle;
    padding: 19px 0 0 0;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BO38RDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #000000, #000000);
background-image: -ms-linear-gradient(top, #000000, #000000);
background-image: -o-linear-gradient(top, #000000, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000));
background-image: -webkit-linear-gradient(top, #000000, #000000);
background-image: linear-gradient(top, #000000, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.txt_center {
    text-align: center;
}

/* .add234 .unit {
    border: 5px solid #d7ccc8;
    padding-top: 24px;
    padding-bottom: 24px;
} */

.add234 .unit .lead {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 0;
    -webkit-text-size-adjust: 95%;
    -moz-text-size-adjust: 95%;
    -ms-text-size-adjust: 95%;
    -o-text-size-adjust: 95%;
    text-size-adjust: 95%;
    line-height: 180%;
}

.add234 .unit .intro {
    font-family: "Noto Sans Japanese",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3em;
    text-align: left;
    /* letter-spacing: 0.05em; */
    -webkit-text-size-adjust: 95%;
    -moz-text-size-adjust: 95%;
    -ms-text-size-adjust: 95%;
    -o-text-size-adjust: 95%;
    text-size-adjust: 95%;
}

#managed, #caption_add {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #000;
    /* height: 40px; */
    /* width: 138px; */
    text-align: left;
    vertical-align: middle;
    padding: 19px 0 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #000000, #000000);
    background-image: -ms-linear-gradient(top, #000000, #000000);
    background-image: -o-linear-gradient(top, #000000, #000000);
    /* background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000)); */
    /* background-image: -webkit-linear-gradient(top, #000000, #000000); */
    background-image: linear-gradient(top, #000000, #000000);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

h2#caption_add.caption_add_border,
h2#managed.caption_add_border{
    border: 3px solid #d7ccc8;
    padding: 10px;
}

.col3 > article.none {
    display: none;
}

.billTit {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 120%;
}

.mB20 {
    margin-bottom: 4%;
}

a#guide01 {
    background-image:url(../img/txt_ashiya.png);
    background-position: 0 0;
    width:190px;
    height:0;
    padding-top:48px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    position: relative;
    zoom:1;
    left:-5px;
}
a#guide02 {
    background-image:url(../img/txt_koroen.png);
    background-position: 0 0;
    width:190px;
    height:0;
    padding-top:48px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    position: relative;
    zoom:1;
    left:-5px;
}
a#guide03 {
    background-image:url(../img/txt_daiwa.png);
    background-position: 0 0;
    width:190px;
    height:0;
    padding-top:48px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    position: relative;
    zoom:1;
    left:-5px;
}
a#guide04 {
    background-image:url(../img/txt_tokiwa.png);
    background-position: 0 0;
    width:190px;
    height:0;
    padding-top:48px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    position: relative;
    zoom:1;
    left:-5px;
}
a#guide05 {
    background-image:url(../img/txt_tokiwa90.png);
    background-position: 0 0;
    width:190px;
    height:0;
    padding-top:48px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    position: relative;
    zoom:1;
    left:-5px;
}
a#guide01:hover,a#guide02:hover,a#guide03:hover,a#guide04:hover,a#guide05:hover{
    background-position: 0 -48px;
}
.pickup {
    float: left;
    padding: 0 0 0 9px;

}
ul.guide {
    display:table;

}
ul.guide li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding: 0 30px 0 0;
    position: relative;
    zoom:1;
    left:-20px;
}
li#info_butuken a {
    background-image:url(../img/btn_propertyInfo_off.png);
    width:450px;
    height:220px;
    background-repeat: no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    border: 4px solid #5c5c5c;
}
li#info_blog a {
    background-image:url(../img/btn_blog_off.png);
    background-repeat: no-repeat;
    width:450px;
    height:220px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
    border: 4px solid #5c5c5c;
}
li#info_butuken a:hover {
    background-image:url(../img/btn_propertyInfo_on.png);
    border: 4px solid #FC5957;
 }
 li#info_blog a:hover {
     background-image:url(../img/btn_blog_on.png);
     border: 4px solid #FC5957;
 }

 #map-space1,#map-space2,#map-space3,#map-space4,#map-space5{
    width:183px;
    height:169px;
    border: 1px solid #ccc;
}

dl.build {
    margin: 0 auto;
    width: 175px;
    padding: 10px 4px;
}
dl.build dt {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
dl.build dt a {
    text-decoration: none;
    color: #252525;
    display:  block;
}
dl.build dt a:hover {
    text-decoration: underline;
    color: #239BA5;

}

dl.build dd {
    font-size: 12px;
    text-align: center;
    margin-left: 5px;
    padding: 5px 0 15px 0;
}
dl.build dd.buildDetail a {
    border: 1px solid #5e5e5e;
    color:#5e5e5e;
    padding: 5px;
    font-size: 14px;
    font-weight: 900;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
}
dl.build dd.buildDetail a:hover {
    border: 1px solid #FD8F25;
    color: #FD8F25;
}
dl.build dd.buildImfo a {
    font-size: 14px;
    color: #E91E63;
    text-decoration: none;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
}

#campus_map2 {
    width:236px;
    height: 236px;
}


/*物件のご案内
==============================================*/
h4.propertyName {
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
  width: 500px;
}
h4.propertyName:before {
  content: "";
  position: absolute;
  background: #FC5350;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h4.propertyName:after {
  content: "";
  position: absolute;
  background:#ff8a80;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.series{
    font-size: 14px;
}
h4.vacancyInfo {
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}
h4.vacancyInfo:before {
  content: "";
  position: absolute;
  background: #239BA5;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h4.vacancyInfo:after {
  content: "";
  position: absolute;
  background:#80CBC4;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.tabblock{
position: relative;
zoom:1;
left:-9px;
width: 705px;
margin: 0 auto;
bottom: 30px;
}

.pointView2 {
    padding: 10px 0;
}

.pointView_block2 {
    display: table;
    width: 100%;
}
.pointView_area2{
    display: table-cell;
    width: 355px;
    height: 100%;
}
.mapEncircle img{
    margin: 0 auto;
    text-align:  center;
    border: 1px #b3b3b3 solid;
}
/*タブパネル*/
#tabPanerl{
    margin: 20px auto 0 auto;
}
ul.tabs {
	width:722px;
	list-style:none;
}

ul.tabs li {
    background: #EEE;
    font-size: 16px;
    letter-spacing: 0.12em;
	border-right: 1px solid #CCC;
	border-top: 1px solid #ccc;
	float:left;
}

		ul.tabs li:first-child {
			border-left: 1px solid #CCC;
		}

		ul.tabs li.active {
			border-bottom: 1px solid #FFF;
			background-color: #FFF;
			margin-bottom: -1px;
		}
		ul.tabs li a {
			display: block;
			padding: 5px 10px;
			color: #777;
                        text-decoration: none;
		}
		ul.tabs li.active a {
			font-weight: bold;
			color:#FE4902;
		}


div.tabs_content {
	width:720px;
	border:1px solid #ccc;
	clear: both;
}
div.tabs_content > div {
	padding: 20px;
}
/*タブパネル終了*/


.buildGuide{
    margin: 0 auto 60px;
    padding: 3px 2px;

}
#company-porfile table.buildList{
    width: 710px;
    margin: 0 auto;
    border: 1px solid #b3b3b3;
}
#company-porfile table.buildList th {
    width: 148px;
    background-color: #f4efe5;
    border: 1px solid #b3b3b3;
    letter-spacing: 0.2em;
    padding: 15px 4px;
    text-align: left;
    font-size: 14px;
    font-weight: 900;
    padding: 0 5px;
    vertical-align:  middle;
}
#company-porfile table.buildList td.buildPoint {
    color: #FEC93E;
    font-weight: 900;
}
table.buildList td.buildOut {
    background-color: #E9E5DC;
}

.choiceArea{
    margin: 0 auto;
    padding: 20px 0 3px 0;
    border-bottom: 1px dotted #18262D;
}
p.choice a {
    display: block;
    margin-left:540px;
    font-size: 18px;
    font-weight: normal;
    color: #e91e63;
    border:1px solid #e91e63;
    padding: 6px 5px 3px 5px;
    text-decoration: none;
    letter-spacing: 0.2em;
}
p.choice a:hover {
    border: 2px solid #e91e63;
}

#map-label1,#map-label2,#map-label3,#map-label4,#map-label5{
    width:350px;
    height:240px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ccc;
}

/*空き室情報なし*/
p.announce {
    font-size: 15px;
    font-weight: 900;
    color:#FFAC44;
    border: 1px solid #ffac44;
    padding: 5px 3px;
    letter-spacing: 0.1em;
    -webkit-text-size-adjust: 95%;
     -moz-text-size-adjust: 95%;
      -ms-text-size-adjust: 95%;
      -o-text-size-adjust: 95%;
       text-size-adjust: 95%;

}

/*空室一覧*/
#company-porfile table.buildList2{
    width: 700px;
    margin: 0 auto;
    border: 1px solid #b3b3b3;
}
#company-porfile table.buildList th {
    width: 148px;
    background-color: #f4efe5;
    border: 1px solid #b3b3b3;
    letter-spacing: 0.2em;
    padding: 15px 4px;
    text-align: left;
    font-size: 14px;
    font-weight: 900;
    padding: 0 5px;
    vertical-align:  middle;
}
#company-porfile table.buildList td.buildPoint {
    color: #FEC93E;
    font-weight: 900;
}
table.buildList td.buildOut {
    background-color: #E9E5DC;
}


/*空室情報一覧*/
h2#vacancy{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #fff;
    height: 40px;
    width: 138px;
    text-align:  center;
    vertical-align:  middle;
    padding: 19px 0 0 0;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BO38RDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FE4902', endColorstr = '#FE4902');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FE4902', endColorstr = '#FE4902')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #FE4902, #FE4902);
background-image: -ms-linear-gradient(top, #FE4902, #FE4902);
background-image: -o-linear-gradient(top, #FE4902, #FE4902);
background-image: -webkit-gradient(linear, center top, center bottom, from(#FE4902), to(#FE4902));
background-image: -webkit-linear-gradient(top, #FE4902, #FE4902);
background-image: linear-gradient(top, #FE4902, #FE4902);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.intro-unit2{
    border: 5px solid #239BA5;
    padding: 0 8px;
}

p.select a {
    display: block;
    margin-left:458px;
    font-size: 18px;
    font-weight: normal;
    color: #e91e63;
    border:1px solid #e91e63;
    padding: 6px 5px 3px 5px;
    text-decoration: none;
    letter-spacing: 0.2em;
}
p.select a:hover {
    font-weight: 900;
    border: 2px solid #e91e63;
}
h5.condition{
    font-size: 18px;
    font-weight: 600;
    padding: 5px 0 0 0;
}


/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:0 0 20px 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
}
.thumbnaillist ul{
    position: relative;
    zoom:1;
    top:20px;
    left:8px;
    padding-bottom: 10px;
}
.thumbnaillist li{
    position: relative;
    zoom:1;
    left:5px;
    width:110px;
    height:100px;
    float:left;
    padding:0 10px 0 10px;
    margin:0 7px 10px 0;
}
.thumbnaillist li:last-child {
    padding:0 0 0 10px;
    margin:0 5px 10px 0;
}
.thumbnaillist li a{
    display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}

/*印刷する*/
.guide_block {
    padding: 20px 0;
}
p.print_btn a {
    float:left;
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #78909c;
    border:1px solid #78909c;
    padding: 6px 5px 3px 5px;
    text-decoration: none;
    letter-spacing: 0.2em;
}
p.print_btn a:hover {
    color: #e91e63;
    border:2px solid #e91e63;
}
p.envelope a {
    float:  right;
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #78909c;
    border:1px solid #78909c;
    padding: 6px 5px 3px 5px;
    text-decoration: none;
    letter-spacing: 0.2em;
}
p.envelope a:hover {
    color: #e91e63;
    border:2px solid #e91e63
}

.choiceArea2{
    margin: 0 auto;
    padding: 0 0 3px 0;
}
ul#return {
    position: relative;
    zoom:1;
    margin-left: 380px;
    list-style: none;
}
ul#return li{
    float:left;
    display: inline;
    position: relative;
    zoom:1;
}
ul#return li a {
    display: block;
    text-decoration: none;
    padding: 20px 3px 5px 8px;
    font-size: 14px;
    font-weight: 900;
    color: #FD8F25;
}
ul#return li a:hover {
    text-decoration: underline;
}
/* メイン画像表示（mod_mainimglist）

.mainimglist{
    width:705px;
    height:300px;
    margin:0 auto;
}
.mainimglist img{
}


#map_plan img{
    border: 1px solid #ccc;
}


.modal{display:none;}
.modalBody{position: fixed; z-index:1000; background: #000; width:690px; left:50%; top:50%; height: 400px}
.modalBK{position: fixed; z-index:999; height:100%; width:100%;background:#000; opacity: 0.9;filter: alpha(opacity=90);-moz-opacity:0.90;}

.btns{font-size: 80px; width:150px; background:#111; height: 150px; line-height:150px; text-align:center; font-family: arial; color: #fff; float: left; margin:10px; cursor: pointer}
.close{cursor: pointer;}
.modal{width:690px; color: #eee;}
.modal p{font-size:12px; text-align:justify;}
.modal h1{font-weight:bold; font-size: 30px;}
.modalBody{padding: 10px;}

/*建物設備維持
==============================================*/
.servicePoint {
    width:327px;
    height: 50px;
    margin-bottom: 15px;
}
.servicePoint:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.servicePoint {min-height: 1px;}
* html .seervicePoint {height: 1px; /*  height: auto;*/overflow: hidden;}

.circle{
    float: left;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 25px;/* width,heightの半分 */
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color:  #4DB6AC;/* 円の色 */
}
.circle p {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    margin: 0 auto;
    padding: 8px 0 3px 15px;
}


/*
会社概要
===============================================*/
#company-porfile {
    width: 722px;
    margin: 30px auto 0 auto;
}
#company-porfile article {
    margin: 25px auto 5px auto;
    padding: 0;
}
#company-porfile table {
    width:700px;
    border-collapse: collapse;
    border: 1px solid #b3b3b3;
    margin: 0 auto;
    font-size:14px;
}
#company-porfile table tr {}
#company-porfile table th {
    background-color: #F4EFE5;
    width: 30%;
    text-align: left;
    font-weight: 300;
    vertical-align:  text-top;
    letter-spacing: 0.2em;
    padding: 15px 4px;
    border: 1px solid #b3b3b3;
}
#company-porfile table td {
    font-weight: 300;
    letter-spacing: 0.2em;
    padding: 15px 4px 15px 8px;
    border: 1px solid #b3b3b3;
}
#company-porfile ul {
    list-style: none;
    padding:0;
    vertical-align:  text-top;
    margin-top: -5px;
    margin-bottom: 0;
}
#company-porfile ul li {
    padding: 5px 0;
}

#map-canvas {
    margin:5px 5px;
    width:80%;
    border: 1px solid #f06;
}


/*お問い合わせ
============================================*/
#mailContact {
    width: 722px;
    margin: 0 auto;
}
/*mailform/mailform.css*/
#mail-inquiry {
}
#mail-inquiry ul{
    list-style: none;
    margin: 35px auto 10px auto;
    padding: 5px 10px;
    border-bottom: 3px dotted #b5b5b5;
}
#mail-inquiry ul li {
    font-size: 20px;
    font-weight:  lighter;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}
span.guide_point{
    font-weight: 700;
    color: #cc0000;
}
/*thank.html*/
h2#thankInfo{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #fff;
    height: 40px;
    width: 138px;
    text-align:  center;
    vertical-align:  middle;
    padding: 19px 0 0 0;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BO38RDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#B56767', endColorstr = '#B56767');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#B56767', endColorstr = '#B56767')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #B56767, #B56767);
background-image: -ms-linear-gradient(top, #B56767, #B56767);
background-image: -o-linear-gradient(top, #B56767, #B56767);
background-image: -webkit-gradient(linear, center top, center bottom, from(#B56767), to(#B56767));
background-image: -webkit-linear-gradient(top, #B56767, #B56767);
background-image: linear-gradient(top, #B56767, #B56767);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

p#return_title a{
    font-size: 22px;
    color:#38495D;
    text-decoration: none;
}
p#return_title a:hover {
    text-decoration: underline;
}




/*プライバシーポリシー
================================================*/
h2#policy{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.10em;
    color: #fff;
    height: 40px;
    width: 187px;
    text-align:  center;
    vertical-align:  middle;
    padding: 19px 0 0 0;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BO38RDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #000000, #000000);
background-image: -ms-linear-gradient(top, #000000, #000000);
background-image: -o-linear-gradient(top, #000000, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000));
background-image: -webkit-linear-gradient(top, #000000, #000000);
background-image: linear-gradient(top, #000000, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

dl#privacy {
    padding: 10px 5px;
}

dl#privacy dt{
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.2em;
    padding: 10px 0 3px 0;
}
dl#privacy dd{
    font-size: 14px;
    padding: 4px 5px 2px 0 ;
    letter-spacing: 0.09em;
    line-height: 1.5em;
    border-bottom: 1px #ccc dotted;
}
dl#privacy dd.privacy_doc {
    font-size: 14px;
    padding: 4px 5px 2px 0 ;
    letter-spacing: 0.07em;
    line-height: 1.3em;
    border-bottom: none;
}

/*サイトマップ
================================================*/
dl#sitemap {
    padding: 10px 5px;
}

dl#sitemap dt a {
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.2em;
    padding: 10px 0 10px 0;
    text-decoration: none;
    color: #00C0CC;
}
dl#sitemap dt a:hover{
    color: #0B5472;
}
    dl#sitemap dt.sitemap_detail a {
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.2em;
    padding: 10px 0 10px 0;
    margin-left: 30px;
    text-decoration: none;
    color: #00C0CC;
}
    dl#sitemap dt.sitemap_detail a:hover{
    color: #0B5472;
}
dl#sitemap dd{
    font-weight: 400;
    font-size: 14px;
    padding: 15px 5px 15px 0 ;
    letter-spacing: 0.07em;
    line-height: 1.3em;
}
dl#sitemap dd.sitemap_detail {
    font-size: 14px;
    padding: 4px 5px 2px 0 ;
    letter-spacing: 0.07em;
    line-height: 1.3em;
    border-bottom: none;
}
/*===============================================
Decoration
================================================*/
i.directionOrange {
    color: #ff8f00;
}
.category-size {
    font-size: 1.5em;
    font-weight:  bold;
}
.category-size_2{
    font-size: 2em;
    font-weight: bold;
    padding-left: 10px;
}
.col1{
    width: 976px;
}
.col3 {
    width: 724px;
}
.col2{
    width: 312px;
    padding: 0 10px 0 0;
}
.col2-adjust {
    width: 312px;
    padding: 0 10px 0 10px;
}

.col2-adjust2{
    width: 380px;
}
p.details a{
    width: 147px;
    height: 30px;
    margin-left: 140px;
    background:url(../img/btn_detail.png) 0 0 no-repeat;
    white-space:nowrap;
    overflow:hidden;
    text-indent:100%;
    display:  block;
}
p.details a:hover {
    background-position: 0 -30px;
}
span.adjustSmall{
    font-size: 15px;
}
/*//////////////////////////////////////// float /*/
.f_left {float: left;}
.f_right{float: right;}


*//////////////////////////////////////// パン屑リスト /*/
#topicsPath	{
	width:960px;
	margin:1px 0;
	padding:0 0 10px 0;
	position:relative;
	zoom:1;
}


#topicsPath #crumbs {
	padding:5px 0;
	border-bottom:1px solid #f1f1f1;
	height:1.0em;
}

#crumbs ul li {
	position:relative;
	zoom:1;
	padding:1px 0;
}
#crumbs li {
	float:left;
	color:#391c1d;
	overflow:hidden;
	padding-bottom:1px;

}

#crumbs li a {
	display:block;
	padding:0 15px 0 0;
	/*background-image:url(../../images/common/crumbs.gif);
	background-repeat:no-repeat;
	background-position:right center;*/

}

#crumbs li a:link, #crumbs li a:visited {
	text-decoration:none;
	color:#777;
	font-weight:bold;
}

#crumbs li a:hover, #crumbs li a:focus {
	color:#dd2c0d;
}






#contents{
    width: 980px;
    margin: 0 auto;
    padding-bottom: 174px;


}

#main_contents {
    float: left;
    width: 740px;
    padding: 0 0 50px 0;
}
#side_contents{
    float: right;
    width: 235px;
}

section.detail {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    zoom:1;
    margin: 0 auto 30px auto;

}

b{
    background: linear-gradient(transparent 30%, #fbd 30%);
}


/*===============================================
header
================================================*/
h1#head_title a{
    float: left;
    background: url(../img/h1_title.png) no-repeat;
    width: 337px;
    height: 82px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom:1;
    bottom: 5px;
    left:15px;
}
#contact_box {
    float: right;
    width: 620px;
    position: relative;
    zoom: 1;
    margin-top: -18px;
    left: 40px;

}
#contact_box > p {
    font-size: 1.6em;
    text-align:  center;
    font-weight:  500;
    letter-spacing: 0.1em;
    color: rgba(255,106,1,1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
    position: relative;
    zoom:1;
    bottom: 20px;
}
#contact_info {
    position: relative;
    zoom:1;
    width: 600px;
    overflow: hidden;
    position: relative;
    zoom:1;
    margin: -40px 0 0 0;
}
p#contact_address {
    float: left;
    background-image: url(../img/contact_adress.png);
    background-repeat: no-repeat;
    width: 255px;
    height: 53px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom: 1;
    left: 45px;
}
p#contact_us a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 1px #AF4305;
    -webkit-box-shadow: 0px 0px 1px #AF4305;
    box-shadow: 0px 0px 1px #AF4305;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300')";
    background-image: -moz-linear-gradient(top, #ff6a01, #e05300);
    background-image: -ms-linear-gradient(top, #ff6a01, #e05300);
    background-image: -o-linear-gradient(top, #ff6a01, #e05300);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ff6a01), to(#e05300));
    background-image: -webkit-linear-gradient(top, #ff6a01, #e05300);
    background-image: linear-gradient(top, #ff6a01, #e05300);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px #fff solid;
    color: #fff;
    font-size: 1.8em;
    font-weight: 500;
    padding: 15px 10px;
    text-decoration: none;
    letter-spacing: 0.12em;
    position:  relative;
    zoom: 1;
    left: 85px;
    top:10px;
}
p#contact_us a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501')";
background-image: -moz-linear-gradient(top, #e05300, #e35501);
background-image: -ms-linear-gradient(top, #e05300, #e35501);
background-image: -o-linear-gradient(top, #e05300, #e35501);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e05300), to(#e35501));
background-image: -webkit-linear-gradient(top, #e05300, #e35501);
background-image: linear-gradient(top, #e05300, #e35501);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}


/*===============================================
nav
================================================*/
#gloval_nav{
    width: 100%;
    height: 74px;
    background: url(../img/nav_bg.png) repeat-x top left;
    position: relative;
    top:-14px;
}
nav#navi{
    width: 980px;
    height: 74px;
    margin: 0 auto;
}

nav#navi ul.menu{
    list-style-type: none;
}
nav#navi ul.menu li{
    float:left;
    display: inline;
    position: relative;
    zoom:1;
}
nav#navi ul.menu li.gnavi01 a {
    width: 83px;
    height: 74px;
    background: url(../img/nav_home_btn.png) no-repeat left top;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    left: -40px;
}
nav#navi ul.menu li.gnavi01 a:hover {
    background-position: left bottom;
}
nav#navi ul.menu li a.gnavi02 {
    width: 179px;
    height: 74px;
    background: url(../img/navigation_bg01.png) no-repeat 0 0;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color:  rgba(71, 74, 77,1);
    text-shadow:
        1px 1px 1px rgba(0, 0, 0, 0.6),
        -1px -1px 1px rgba(150, 150, 150, 0.5);
    text-decoration: none;
    text-align:  center;
    padding: 27px 0;
    position: relative;
    margin-left: -40px;
    letter-spacing: 0.15em;
}

nav#navi ul.menu li a.gnavi02:hover {
   color: rgb(249, 172, 47);
    text-shadow:
        1px 1px 1px rgba(0, 0, 0, 0.6),
        -1px -1px 1px rgba(250, 250, 250, 1);
    text-decoration: none;
}
nav#navi ul.menu li a.gnavi03 {
    width: 179px;
    height: 74px;
    background: url(../img/navigation_bg01.png) no-repeat 0 0;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color:  rgba(71, 74, 77,1);
    text-shadow:
        1px 1px 1px rgba(0, 0, 0, 0.6),
        -1px -1px 1px rgba(150, 150, 150, 0.5);
    text-decoration: none;
    text-align:  center;
    padding: 27px 0;
    position: relative;
    margin-left: 0;
    letter-spacing: 0.15em;
}

nav#navi ul.menu li a.gnavi03:hover {
   color: rgb(249, 172, 47);
    text-shadow:
        1px 1px 1px rgba(0, 0, 0, 0.6),
        -1px -1px 1px rgba(250, 250, 250, 1);
    text-decoration: none;
}
ul.sub{
	display:none;
}
* html ul.sub{
	zoom:1;
	position:relative;
}
*+html ul.sub{
	zoom:1;
	position:relative;
}
ul.sub li{
	float:none;
}
ul.sub li ul.sub{
	position:absolute;
	left:179px;
	top:0;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

/*===============================================
concept
================================================*/
#concept {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    zoom:1;
    top:-30px;

}
h2#will{
    background: url(../img/h2_three_point.png) no-repeat;
    width:621px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom: 1;
    top:35px;
    left: 15px;
}



/*3つのポイント
-----------------------------------*/
p.point_img{
    margin: 0 auto;
    text-align:  center;
}
dl.doc1{

}
dl.doc1 dt{
    font-size: 1.4em;
    letter-spacing: 0.08em;
    font-weight: bold;
    color: rgba(255,106,1,1);
    text-align: center;
    padding: 10px 0 8px 0;
    margin: 0 5px;
    border-bottom: 1px solid #1c2c39;
}
dl.doc1 dd {
    font-size: 15px;
    color: #4C4C4C;
    letter-spacing: 0.04em;
    line-height: 1.5;
    padding: 10px 3px 5px 3px;
    margin-left: 5px;
}

h3#hope{
    background: url(../img/h3_useful.png) no-repeat;
    width: 934px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 36px;
}
.pt14{
    font-size: 1.4em;
}
p.knowingly {
    padding: 10px 2px;
    text-align:  right;
}
p.knowingly a {
    display: block;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #16a085;
    margin-right: 15px;
    position: relative;
    zoom:1;
    bottom:10px;
  text-shadow: 1px 1px 0px rgba(35, 88, 0, 1);
}
p.knowingly a:hover{
    color: #91d0b1;
}
p.adverb a {
    font-weight: bold;
    font-size: 1.0em;
     text-shadow: 1px 1px 0px rgba(35, 88, 0, 1);
    letter-spacing: 0.3em;
    text-decoration: none;
    color: #fff;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #91d0b1;
    padding: 3px 5px 3px 7px;
    width: 132px;
    display: block;
    position: relative;
    zoom: 1;
    left: 150px;
    bottom: 0;
}
p.adverb a:hover{
    background-color: rgb(73, 129, 130);
}
span.emphasis {
    font-size: 2em;
}

/*===============================================
main-concept
================================================*/
.category-name {
    background: url(../img/line_content_01.png) no-repeat;
    background-position: 0 45px;
    padding: 0 0 10px 0;
}
h2.info_title{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.0em;
    position: relative;
    font-weight: 700;
    zoom:1;
    color: #18262d;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 0px rgba(206, 206, 206, 1);
     float: left;
     margin-left: 13px;
}
span.info_title_small{
    font-size: 0.7em;
    font-weight: bold;
}
p.click_here a {
    float: right;
    font-size: 1.1em;
    letter-spacing: 0.25em;
    display: block;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.15em;
    color: #16a085;
    margin-right: 28px;
    position: relative;
    zoom:1;
    top:15px;
}
p.click_here a:hover{
    color: #91d0b1;
}
.adjust_h0{
    margin: 0;
    padding: 0;
}
.adjust_w727 {
    width: 727px;
    padding-bottom: 15px;
}

.adjust_w228 {
    width: 228px;
    padding-bottom: 15px;
}


.prmotion{
    background-image:  url(../img/bg_service.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 727px;
    height: 272px;
    margin: 0 auto 15px auto;
}
.proposal {
    width: 717px;
    padding: 5px 0 5px 0;
    overflow: hidden;
    position: relative;
    zoom: 1;
    top: 100px;

}
.proposal > ul {
    list-style: none;

}
.proposal > ul > li {
    font-size: 1.1em;
    letter-spacing: 0.1em;
    padding: 2px 0 3px 0;
}
.proposal p {
    font-size: 1.1em;
    /*font-weight: bold;*/
    letter-spacing: 0.05em;
    line-height: 1.6em;
    margin-top: -10px;
    margin-left: 10px;
    margin-bottom: -10px;
    padding: 0 5px;
    padding: 2px 0 5px 0;
}


.service_guide a{
    display: block;
    font-size: 1.1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 1px #AF4305;
    -webkit-box-shadow: 0px 0px 1px #AF4305;
    box-shadow: 0px 0px 1px #AF4305;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300')";
    background-image: -moz-linear-gradient(top, #ff6a01, #e05300);
    background-image: -ms-linear-gradient(top, #ff6a01, #e05300);
    background-image: -o-linear-gradient(top, #ff6a01, #e05300);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ff6a01), to(#e05300));
    background-image: -webkit-linear-gradient(top, #ff6a01, #e05300);
    background-image: linear-gradient(top, #ff6a01, #e05300);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px #fff solid;
    color: #fff;
    padding: 10px 2px;
    text-decoration: none;
    letter-spacing: 0.05em;
    width: 265px;
    text-align: center;
    position: relative;
    zoom:1;
    left: 430px;
    /*bottom:138px;
    left:1px;
    margin: 0 auto;*/
}
.service_guide a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501')";
background-image: -moz-linear-gradient(top, #e05300, #e35501);
background-image: -ms-linear-gradient(top, #e05300, #e35501);
background-image: -o-linear-gradient(top, #e05300, #e35501);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e05300), to(#e35501));
background-image: -webkit-linear-gradient(top, #e05300, #e35501);
background-image: linear-gradient(top, #e05300, #e35501);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}


.category-area {
    width: 650px;
    border: 2px #f6f6f6 solid;
    margin: 0 auto;
    padding: 0 10px 25px 10px;
}
.posts{
    padding: 10px;
    border-bottom: 1px #18262D dotted;

}
.thumb {
    float: left;
    width: 145px;
}
.thumb img {
    text-align: center;
    vertical-align:  middle;
}
.posts_area {
    float:right;
    width: 480px;
}
.post_time {
    font-size: 1.1em;
    padding: 0;
     position: relative;
   zoom: 1;
   top:-15px;
}
h2.post_title {
    font-size: 1.3em;
    letter-spacing: 0.1em;
    position: relative;
    zoom: 1;
    top:-25px;
}
.post_outline {
    font-size:13px;
     position: relative;
    zoom: 1;
    top:-25px;
}

.iro {
    color: #F4A107;
}


h2#profile-info{
    background: url(../img/h2_profile_info.png) no-repeat 0 0;
    width: 727px;
    height: 110px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom:1;
}
#profile-comments{
    float: left;
    width: 380px;
}
#profile-comments p{
    padding: 0 10px 3px 20px;
    font-size: 1.3em;
    letter-spacing: 0.06em;
    line-height: 1.6em;
}
#profile-icon img {
    position:  relative;
    zoom:1;
    bottom: 80px;
    right: -12px
}

#profile-icon p a {
    display: block;
    font-size: 1.2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 1px #AF4305;
    -webkit-box-shadow: 0px 0px 1px #AF4305;
    box-shadow: 0px 0px 1px #AF4305;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300')";
    background-image: -moz-linear-gradient(top, #ff6a01, #e05300);
    background-image: -ms-linear-gradient(top, #ff6a01, #e05300);
    background-image: -o-linear-gradient(top, #ff6a01, #e05300);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ff6a01), to(#e05300));
    background-image: -webkit-linear-gradient(top, #ff6a01, #e05300);
    background-image: linear-gradient(top, #ff6a01, #e05300);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px #fff solid;
    color: #fff;
    padding: 10px 8px;
    text-decoration: none;
    letter-spacing: 0.12em;
    position: absolute;
    top: 680px;
    right: 80px;

}
#profile-icon p a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501')";
background-image: -moz-linear-gradient(top, #e05300, #e35501);
background-image: -ms-linear-gradient(top, #e05300, #e35501);
background-image: -o-linear-gradient(top, #e05300, #e35501);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e05300), to(#e35501));
background-image: -webkit-linear-gradient(top, #e05300, #e35501);
background-image: linear-gradient(top, #e05300, #e35501);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}



dl.news_list{
    border-bottom: 1px #030423 dotted;
    padding:5px 0 8px 0;
}
dl.news_list dt {
    float: left;
    text-align:  left;
    vertical-align:  top;
    padding: 0 0 0 5px;
    letter-spacing: 0.05em;
    font-size: 1.0em;
    font-weight: 700;
}
dl.news_list dd {
    float: left;
    margin-top: -15px;
}

h3.list_title a {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: #18262D;
    top: 10px;

}
.info_tg{background:url(../img/icon_info.png) no-repeat 0 0;}
.news_tg{background:url(../img/icon_news.png) no-repeat 0 0;}
.other_tg{background:url(../img/icon_other.png) no-repeat 0 0;}
.tax_tg{background:url(../img/icon_tax.png) no-repeat 0 0;}
.topics_tg{background:url(../img/icon_topics.png) no-repeat 0 0;}
.info_tg,.news_tg,.other_tg,.topics_tg,.tax_tg,.topics_tg{padding-left: 104px;}

h4#banner_info a{
    background: url(../img/banner_btn.png) no-repeat left top;
    width:673px;
    height: 96px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    top: 15px;
}
h4#banner_info a:hover{
    background-position: left bottom;
}
/*===============================================
side_area
================================================*/
aside.side_detail {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    zoom:1;
}

#guidance_info {
    background: url(../img/banner_contact_me.png) no-repeat;
    width: 210px;
    height: 567px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom:1;
    margin: 0 auto;
    top:10px;
}
p.guidance_mail a{
    display: block;
    font-size: 1.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 1px #AF4305;
    -webkit-box-shadow: 0px 0px 1px #AF4305;
    box-shadow: 0px 0px 1px #AF4305;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6a01', endColorstr = '#e05300')";
    background-image: -moz-linear-gradient(top, #ff6a01, #e05300);
    background-image: -ms-linear-gradient(top, #ff6a01, #e05300);
    background-image: -o-linear-gradient(top, #ff6a01, #e05300);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ff6a01), to(#e05300));
    background-image: -webkit-linear-gradient(top, #ff6a01, #e05300);
    background-image: linear-gradient(top, #ff6a01, #e05300);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px #fff solid;
    color: #fff;
    padding: 10px 2px;
    text-decoration: none;
    letter-spacing: 0.12em;
    width: 196px;
    text-align: center;
    position: relative;
    zoom:1;
    bottom:158px;
    left:1px;
    margin: 0 auto;
}
p.guidance_mail a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e05300', endColorstr = '#e35501')";
background-image: -moz-linear-gradient(top, #e05300, #e35501);
background-image: -ms-linear-gradient(top, #e05300, #e35501);
background-image: -o-linear-gradient(top, #e05300, #e35501);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e05300), to(#e35501));
background-image: -webkit-linear-gradient(top, #e05300, #e35501);
background-image: linear-gradient(top, #e05300, #e35501);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

ul.side_banner {
    list-style: none;
    margin: 0 auto;
    position: relative;
    zoom: 1;
    top: -45px;
    right: 25px;
}
ul.side_banner li {
    padding: 4px 0 3px 0;
}


nav#navi ul li ul li{
    display: none;
}


h2#subTitle{
	width:300px;
	height:18px;
	position:absolute;
	zoom:1;
	font-size:16px;
	color:#000;
	margin:50px 0 0 220px;

}

/*コンタクト*/
#contactUs{
	width:280px;
	height:35px;
	padding:2px;
	position:relative;
	zoom:1;
	left:680px;
	top:30px;

}


.contactUs a {
	float:left;
	background-image:url(../images/base/mail_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:113px;
	height:30px;
	margin:5px 0 0 5px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

.contctUs a:hover {
	background-position:0 -30px;


}


/*コンテンツ*/
#wrapContents{
	width:960px;
	margin:10px auto 0px auto;
	position: relative;
	zoom:1;
	clear:both;
}


/*	#container-inner {
	margin:0 auto;
padding-bottom:0px;
	width:960px;
	background-repeat:repeat-y;
	position: relative;
	zoom:1;

}*/

/*IE7対応
*:first-child+html #container-inner {
	margin:0 auto;
	padding-bottom:90px;
	width:960px;
	background-repeat:repeat-y;
	position: relative;
	zoom:1;
}*/


#mainContents{
	float:left;
	width:730px;
	margin:10px auto 0 auto;
	padding:0 0 25px 0;
	position:relative;
	zoom: 1;
}

/*IE7対応*/
*:first-child+html #mainContents{
	float:left;
	width:730px;
	margin:0 auto;
	padding:0 0 100px 0;
	position:relative;
	zoom: 1;
}


#sideContents {
	float:right;
	width:220px;
	margin:10px auto 0 auto;
	padding:0 0 25px 0;
	position:relative;
	zoom: 1;

}

/*区切り*/
article.info1 {
	margin:0 auto;
	padding:35px auto 10px ;
}

article.info02 {
	margin:0 auto;
	background-color:#063;
}
.infoLeft{
	float:left;
	background-color:#990;
	width:480px;
}

/*トップ詳細文*/
#topIntro{
	width:714px;
	margin:0 auto;
	padding:5px 3px;
}



/*section*/
section.secUnit01{
	width:716px;
	padding:0 0 10px 0;
}

section.secInfomation{
	width:716px;
	padding:0 0 10px 0;
}

/*サイドエリア（右）*/
article.sideInfo00{ }

section p.Request a {
	background-image:url(../images/base/askMe_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:201px;
	height:48px;
	display:block;
	margin:0 auto;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

section p.Request a:hover {background-position:0 -48px;}

article.sideInfo01{padding:10px 0 8px 5px;}
article.sideInfo01 section{margin:2px auto 10px auto;}

.sideInfolist{
	background-image:url(../images/base/side_bg_img.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:200px;
	height:41px;
	margin:0 auto;
	position:relative;
	zoom:1;
}

h3.sideItem {
	position:relative;
	zoom:1;
	top:10px;
	padding:0px auto;
	font-size:15px;
	color:#FFF;
	text-align:center;
	vertical-align:central;
}

div.sideLead{
	margin:0 auto;
	padding:3px 10px;
	font-size:11px;
	line-height:1.25em;
}

div.sideLead p{
	font-size:11px;
	line-height:1.5em;
	padding:0 15px 10px 15px;
}

div.sideInfoGide{
	position:relative;
	zoom:1;
	top:10px;
	padding:0px auto;
	font-size:15px;
	color:#FFF;
	text-align:center;
	vertical-align:central;
}

div.sideInfoGide ul li{
	text-align:center;

}

div.seeAll {
	float:right;
	padding:0 1px 2px 3px;
	margin-right:7px;
	background-image:url(../images/base/arrow_01.png);
	background-repeat:no-repeat;
	border-bottom:dotted 1px #391c1d;
}

div.seeAll a{
	text-decoration:none;
	color:#391c1d;
	display:block;
	padding:0 15px 0 13px;sec
	margin-top:-5px;

}

div.seeAll a:hover{font-weight:bold;}


div.sideInfolist01{
	margin:0 auto;
	position:relative;
	zoom:1;
}

h3.sideItem01 a {
	background-image:url(../images/base/consult_btn.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:201px;
	height:48px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	display:block;
	position:relative;
	zoom:1;
	margin:0 auto;

}

h3.sideItem01 a:hover {
	background-position:0 -48px;
}


.learnMore {
	float:right;
	padding:0 2px 10px 3px;
	background-image:url(../images/base/arrow_01.png);
	background-repeat:no-repeat;
	clear:both;
}

.learnMore a{
	text-decoration:none;
	color:#391c1d;
	display:block;
	padding:0 15px 0 13px;
	margin-top:-3px;
}

.learnMore a:hover{font-weight:bold;}


#left-contents{
	float:left;
	width:276px;
	margin:0 auto;
	padding:0 0 10px 0;
	position:relative;
	zoom:1;

}


#singleContents{
	width:940px;
	margin:0 auto;
	position:relative;
	zoom: 1;


}



/*//////////////////////////////////////// clearfix /*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;

/*  height: auto;*/
  overflow: hidden;

}


.clearfix + *{
    clear: both;
}



.clear{ clear:both;}
.clear_fix {
	overflow: hidden;
	zoom: 100%;
	}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*//////////////////////////////////////// float /*/
p {
	font-size:13px;
	color:#1c2c39;
	line-height:1.75em;


}
p.topLead{
	font-size:13px;
	line-height:1.85em;
	font-size:13px;
	color:#1c2c39;
	padding-bottom:15px;

}


p.sectionLead{
	font-size:13px;
	line-height:20px;
	color:#1c2c39;
	padding:5px 10px;
}


p.sectionLead a{
	color:#1c2c39;
	text-decoration:none;
}

p.sectionLead a:hover{
	text-decoration:underline;
	font-weight:bold;
}



p.sectionLead01{
	font-size:13px;
	line-height:20px;
	color:#FFFF;
}


p.sectionLead02{
	font-size:16px;
	line-height:20px;
	line-height:30px;
	color:#fff;
	padding:10px 10px;
}


p.sectionLead02 a{
	color:#FFF;
	text-decoration:none;
}

p.sectionLead02 a:hover{
	text-decoration:underline;
}
p.comment {
	font-size:13px;
	color:#333333;
	line-height:20px;
	padding:5px 10px;
}

p.learn01{
	padding:10px 1px;
	text-align:right;
}


p.comment2{
	font-size:12px;
	line-height:20px;
	color:#666;
	padding:5px 20px;

}

p.comment2 a ,p.comment2 a:hover{
	text-decoration:none;

}

p.comment2 a {
	color:#666;

}

p.imgComment{
	font-size:13px;
	line-height:20px;
	color:#666;
	padding:5px 0px;
	text-align:center;
}

p.imgLeft{
	font-size:13px;
	line-height:20px;
	color:#666;
	padding:5px 0px;
	text-align:left;
}
p.size2{
	font-size:13px;
	font-weight:bold;
	background-color:#CCC;
	width:140px;
	padding:3px 2px;
	margin:5px 0;
}


span.notice00{
	padding:0 5px 0px 5px;

}

span.notice01{letter-spacing:0.01em; font-size:9px;padding-top:5px;
/*position:absolute;*/}

/*span.notice02{color:#F06;}*/
span.notice02{color:#030423;}

span.notice03{color:#666;}

span.notice04{color:#F06;}

.noticeCenter {
	text-align:center;
	vertical-align:middle;
}

.rssFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 2em 3em;
}
.rssFeed a {
	color: #444;
	text-decoration: none;
}
.rssFeed a:hover {
	color: #000;
	text-decoration: underline;
}

.rssHeader { padding: 0.2em 0; }

.rssBody {
    border: 1px solid #999;
    width:710px;
    position: relative;
    zoom: 1;
    margin-left: -30px;
}
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
}

.rssRow { padding: 0.8em; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div {
	font-size: 90%;
	color: #666;
	margin: 0.2em 0 0.4em 0;
}

.odd { background-color: #eeeeee; }
.even { background-color: #fafafa; }

.rssRow .rssMedia {
	padding: 0.5em;
	font-size: 1em;
}
/* #magic-line {
    left: 0!important;
} */