#container,#imageDataContainer{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Helvetica",sans-serif !important;
}
.site-header-fixture{width:100%;border-top:1px solid #ccc}
.site-center{box-sizing:border-box;overflow:hidden}
.site-center img{margin:0;/*width:100%*/}
#crumb {
padding: 4px 0 4px 17px;
background-color: #666;
color: white;
font-size: 12px;
line-height: 1.4em;
}
#crumb a{color: white;}
#crumb a:hover{text-decoration:underline !important}
/*--------------------------------*/
img {
-webkit-backface-visibility: hidden;
}
.fit{margin-right:0 !important;margin-left:0 !important;}
.bot{margin-bottom:0 !important;}
.tot{margin-top:0 !important;}
.cell{margin:10px 10px;float:left}
.cell img{margin:0 !important}
@media print, screen and (max-width:1161px){
.cell{margin:8px 8px !important}
}
.width-1of2{width:50%}



/*--------------------------------*/
#index_txt{padding:1em 1em 0.7em;font-size:120%;text-align:left}

.p_top05{padding-top:0.5em !important}
.p_top06{padding-top:0.6em !important}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

.p_bot05{padding-bottom:0.5em !important}
.p_bot06{padding-bottom:0.6em !important}
.p_bot1{padding-bottom:1em !important}
.p_bot2{padding-bottom:2em !important}
.p_bot3{padding-bottom:3em !important}
.p_bot4{padding-bottom:4em !important}
.p_bot5{padding-bottom:5em !important}

.m_top05{padding-top:0.5em !important}
.m_top06{padding-top:0.6em !important}
.m_top1{padding-top:1em !important}
.m_top2{padding-top:2em !important}
.m_top3{padding-top:3em !important}
.m_top4{padding-top:4em !important}
.m_top5{padding-top:5em !important}

.m_bot05{padding-bottom:0.5em !important}
.m_bot06{padding-bottom:0.6em !important}
.m_bot1{padding-bottom:1em !important}
.m_bot2{padding-bottom:2em !important}
.m_bot3{padding-bottom:3em !important}
.m_bot4{padding-bottom:4em !important}
.m_bot5{padding-bottom:5em !important}

.txt_green{color:#b2b900;}
.txt_white{color:#fff;}
.txt_gray{color:#aaa;}
.txt_red{color:#9d293c}

.bg_white{background:white !important}
.bg_gray{background:#666;color:white}

.txt_150{font-size:150%}
.txt_140{font-size:140%}
.txt_130{font-size:130%}
.txt_120{font-size:120%}
.txt_110{font-size:110%}

.txt_c{text-align:center}

h1.ttl{font-size:2em !important;padding:0.7em 0.3em}
h2.ttl{font-size:1.5em !important;padding:0.7em 0.3em}
h3.ttl{font-size:1.15em !important;padding:0.7em 0.3em}

a h2{-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;}

h1.ttl_ex{margin-top:0.6em;height:auto;font-weight:200;padding:20px 20px;background:#0083b9;color:white;text-align:left;}
h1.ttl_ex {font-size:2vmin !important;}
h1.ttl_ex span{font-size:35% !important}
/*font-size:1.8vmin*/


.txt_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:1em;text-align:center;}
.pic_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}

p#lead {
    padding: 0 1em 0.3em;
    max-width: 940px;
    margin: 0 auto;
    text-align: left;
}


.bg_gray_anim{background-color:#eee;
  background: linear-gradient(45deg, #ece0e3, #e0e2ec, #ebece0);
  background-size: 600% 600%;
  animation: AnimationName 9s ease infinite;
}

@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/*--------------------------------*/
#top_bg{line-height:0;
background:#f2f2f2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea));
background-image: linear-gradient(to bottom, #fcfcfc 0%, #eaeaea 100%);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
padding:0 !important;
border-bottom: 1px solid #eee;
height:auto;}
/*--------------------menu-top----------------------*/
#category00 div.nav li#c00,#category01 div.nav li#c01,#category01 div.nav li#c012,#category02 div.nav li#c02,#category03 div.nav li#c03,#category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
#category00 div.nav li#c00:after,#category01 div.nav li#c01:after,#category01 div.nav li#c012:after,#category02 div.nav li#c02:after,#category03 div.nav li#c03:after,#category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.category00 div.nav li#c00,.category01 div.nav li#c01,.category01 div.nav li#c012,.category02 div.nav li#c02,.category03 div.nav li#c03,.category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
.category00 div.nav li#c00:after,.category01 div.nav li#c01:after,.category01 div.nav li#c012:after,.category02 div.nav li#c02:after,.category03 div.nav li#c03:after,.category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.bg-corpgreen{background:#b2b900}
h2.bg-corpgreen{color:white}
.bg-corpred{background:#cb3054}
h2.bg-corpred{color:white}
li h2.bg-corpgreen,li h2.bg-corpred{font-weight:bold;width:120px;letter-spacing:0.05em;}

.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}


.site-header .nav a.right,.site-footer .nav a.right{padding:3px 5px 0 !important}
.nav li h1{margin-right:6px}
.nav li h2{padding:0.85em 6px 0.6em 0px;margin-left:6px}/*.nav li h2{margin-left:12px}*/
.nav li#c012 h2{letter-spacing:0.1em;line-height:1.0em;padding:0.5em 6px 0.06em 0px;margin-left:6px}
.nav li#c012 h2 span{letter-spacing:-0.05em;font-size:90%;font-weight:bold}
.nav li.right h2{margin-left:0;margin:right:0}
.footer_map {background: #585858 !important;color:#ddd;font-size:100%}
.footer_map a{color:#ddd}
.footer_map a:hover,ul.footer_menu a:hover li{color:white;text-decoration:underline}
.footer_map .nav li.right h2{color:white}
.footer_map .nav li.right a:hover h2,.footer_map .nav li.right a:hover{text-decoration:none !important}
.footer_map dt,.footer_map dd{margin:0;padding:0}
.footer_map dt{font-size:130%;font-weight:bold;padding-bottom:0.3em}
.footer_map dd{font-size:115%;padding-left:6px;line-height:0.3em\9}
@media only screen and (max-width:1024px){.footer_map dd{font-size:100%;text-indent:6px}}

.footer_map dd span{font-size:80%;margin-left:-6px;line-height:0}
.footer_map hr{margin:0.4em 3em 0.4em 0;border:1px solid #727272 !important;border-bottom:none !important;margin:1em 3em 0em 0\9;}
#lh1{line-height:1em;text-indent:6px}
ul.footer_menu{padding:1em 0;margin:0;display:block;float:left;list-style: none;width:100%;/*background:#aaa*/}
ul.footer_menu li{font-size:115%;padding:0.3em 0;margin:0 1.5em 0 0 !important;float:left;}
/*----------------top_left top_right--------------*/


#top_left .col,#top_right .col{padding:4px;box-sizing:border-box}
#top_left{width: 33.3333333%;box-sizing:border-box;padding-right:5px}
#top_right{width: 66.6666666%;box-sizing:border-box;padding-left:15px}
#top_left p,#top_right p{text-align:center}
#top_left a:hover img,#top_right a:hover img{filter:alpha(opacity=90);opacity:0.9;}
@media only screen and (max-width:1024px){
#top_left{display:none}
#top_right{width:100%;padding:0}
#top_right .col{padding:8px}
#top_right .width-1of4{width:25% !important}
}
@media only screen and (max-width:767px){
#top_right .width-1of4{width:50% !important}
}

/*--------------------slider----------------------*/
#slider_box{background:#e5e5e5;padding-top:16px}
ul.slider1{margin:0 !important}
ul.slider1 li img{margin-bottom:0 !important}
.bx-wrapper .bx-pager.bx-default-pager a{background:#aaa !important}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#333 !important}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-20px}
.bx-wrapper .bx-pager{padding-top:0 !important}
.bx-viewport{max-height:139px}
ul.slider1 li img{max-width:208px}
.bx-wrapper{-moz-box-shadow:none !important;box-shadow:none !important;border:5px solid #e5e5e5 !important;background:#e5e5e5 !important;border-bottom:none !important}
.slider1 a:hover img{filter:alpha(opacity=80);opacity:0.8;}
@media only screen and (max-width:767px){
.bx-wrapper{border:none !important}
#slider_box{max-width:100%}
.bx-wrapper{max-width:100%}
}

/*--------------------bnr_box----------------------*/
#bnr_box a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#bnr_box img{margin:0}
/*-------------------release-----------------------*/
#release_box{padding:1.5em 0 1em;text-align:center;box-sizing:border-box}
#release_box h3{padding:0 !important}
#release_inner{box-sizing:border-box;margin:0 auto;
width:100%;
background:#fff;
padding:8px;
font-size: 100% !important;
}
#release_inner td{padding:4px 0;
border-bottom:1px solid #ccc;
line-height:1.35em;
}
#release_inner p.date {
width: 94px;
padding: 0 !important;
/*background-color: #F1E0EC !important;*/
/*font-size: 12px !important;*/
font-weight: bold;
max-height: 10px;
color:#444;
}
#release_inner a{text-decoration:none;font-weight:normal;}
/*------------------------------------------*/
.masthead{
max-height:480px;
}



.site-center img{float:none !important;}
#portfolio {display:block;
 /*   visibility: inline;*/
    list-style: none;
    padding: 0;
margin:0 auto !important;
max-height:480px !important;
}
#portfolio li img,#portfolio{float:none !important;width:100%;}
.stream{
margin: 30px auto 0;
padding:30px 0;
text-align: center;
}


#portfolio_s {display:none;
 /*   visibility: inline;*/
    list-style: none;
    padding: 0;
margin:0 auto !important;

}
#portfolio_s li img,#portfolio_s{float:none !important;width:100%;}
.stream{
margin: 30px auto 0;
padding:30px 0;
text-align: center;
}

.flex-v {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
.flex-h {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}


.stream figure{font-size:110%;font-weight:bold;color:#cb5f74;}
.stream h2{
font-size:150%;
}
#blue_box{border:4px solid #999/*3193b7*/;background:#fff}
h2#ttl_box{text-algin:center !important;padding:0.4em 0.3em 0.3em;font-size:160%;line-height:1.1em;font-size:230%\9;}
/*#ttl_box p,#ttl_box span{white-space: nowrap;}*/
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:4vmin !important;color:#333/*3193b7*/;line-height:1.3em}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:50% !important;line-height:1em;padding-top:0.4em}
p.blue-ttl{color:#3193b7;font-weight:bold;letter-spacing:0.07em}
h3.background-lite{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;color:#3193b7;margin-bottom:0.1em !important;font-size:300% !important\9;}
h3.background-lite p{font-size:40%;color:#3193b7}
.green-t,.green-t h2{color:#4d9d21 !important}
.orange-t{color:#cd5c00 !important}
.stream p{text-align: center;}
#pic{
width:80%;
max-width:710px;
margin:10px auto !important;
float:none;
}
#pic2{
width:100%;
/*max-width:710px;*/
margin:10px auto !important;
float:none;
}
.arrowbox{
  position: relative;
  background: #eee;
  padding-top:60px;
}
.arrowbox:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: white transparent transparent transparent;
}
.arrowbox:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  border-width: 30px 30px 0 30px;
}

#flow{width:45%;margin:20px 0}
#inquiry_box{float:none;margin:20px 20%;box-sizing:border-box}
#bt_inquiry{padding:10px;border:1px solid #aaa;margin:16px 0}
a,a:hover{text-decoration:none;}
.arr{
background: url('../images/arrow_r.png') no-repeat;
position: relative;
float:right;right:10px;top:50%;
margin-top: 6px;
width: 24px;
height: 24px;
}
.blue{color:#15628e}
#marker {background: url(/sumikae/sell/images/marker.gif) -10px repeat-x;}
#pic2 b{font-size:120%}
#blank{width:97%}
#before{width:100%}
.background-lite{text-align:center !important;padding:8px;background:#eee;font-size:115%;color:#333}
.background-lite div{padding:20px}
.background-lite div{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88fffffff,endColorstr=#88fffffff); 
background-color:rgba(255,255,255,0.4);}
.background-lite p{text-align:center;font-size:130%;font-weight:bold;color:darkblue}
.background-lite p img{width:30px;vertical-align:bottom}
#portfolio_s{display:none}
/*------------------------pagetop--------------------------*/
#pageTop {position:fixed;bottom: 32px;right: 16px;z-index:999;}
#pageTop a {
display: block;
z-index: 999;
padding: 0;
border-radius: 30px;
width: 34px;
height: 34px;
background-color: #888;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
opacity: 0.90;
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}
#pageTop span{font-size:40px;margin-top:6px !important}

#to_top2{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top2.gif);
}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{
    background-position: 0px -50px;
}
/*---------------------footer-----------------------*/
.site-footer {
    background-color: #fff;
    /*margin-top: 40px;*/
}
#footer-area div.cell{margin:10px 0 0}
#bottom_box{
background:#ADADAD;
width:100%;
margin:0 auto;
}
#to_top{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top.gif);
}
#middle_box{
background:#fff;
width:100%;
margin:0 auto;
}
#to_top2{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top2.gif);
}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{
    background-position: 0px -50px;
}
#copyright {
    margin: 0 auto;
    background/***/: #fff url(/common_n/images/footer/copyright2.png) no-repeat;
}
#sns td{padding:0 !important}
#sns td img{margin:0}
/*----------------jitsurei-----------------*/
#new {padding-top:6px;padding-left:6px;
    position: absolute;
    vertical-align: middle;
    z-index: 200;
}
#new img{width:40px}

#form_panel{padding:10px;text-align:left !important}
#form_panel ul{list-style-type:none;padding:0;margin:0}
#form_panel ul li{float:left;margin:0 0 0 0;width:12.5%}
table input{width:24px}
#tblJitsurei{width:100%}

#info{
box-sizing:border-box;
text-align:left;
width:100%;
padding:0.4em;
font-size:95%;
}
#info p{
font-size:110%;

}
#info h4{font-weight:bold;margin-bottom:0.3em}
#info b,#info b small{font-size:100%;color: brown;font-weight:normal}



#tblJitsurei .width-1of4{height:360px}
#tenjijo{box-sizing:border-box}
.tenjijo2{box-sizing:border-box;height:300px;overflow: hidden;background:white;border-top:1px solid #999;border-right:1px solid #999;}
.tenjijo1{box-sizing:border-box;height:150px;overflow: hidden;background:#fd8bab;border-top:1px solid #999;border-right:1px solid #999;}/*#83a7ca*/
.tenjijo2,.tenjijo1{position:relative;/*display:-moz-box;display:-webkit-box;display:-o-box;display:-ms-box;box-align:center;*/}
#inner_area{position:absolute;background:white;width:100%;height:100%;}
#inner_area h3{font-weight:bold;font-size:150%;color:#333;line-height:1em;margin-right:0.5em;}
#inner_area h2{font-weight:bold;font-size:180% !important;color:#000;line-height:1em}
.tenjijo1 #inner_area:hover{filter: alpha(opacity=80);opacity: 0.80;}

.height2{height:500px;overflow: hidden;background:#000}
.height1{height:250px;overflow: hidden;background:#000}
.kurasite_pink2,.kurasite_pink1{background:#eba6b3 !important;}
.eco_safety2,.eco_safety1{background:#a6dc97 !important;}
.kurasite_pink2,.eco_safety2{overflow: hidden;height:400px !important;}.kurasite_pink1,.eco_safety1{overflow: hidden;height:200px !important;}
.kurasite_white{height:200px !important;background:white !important;}
.height5{margin:0 5px;height:200px;overflow: hidden;background:#fff}
.height2 #p_info{font-size:180%;width:50%; top: 35%;}
.height1 #p_info{font-size:120%;width:25%;padding-top: 80px}
.height5 #p_info{font-size:100%;padding: 10px}

.height5 .inner{overflow: hidden;}
#p_info{
position: absolute;
vertical-align:middle;
text-shadow: 1px 1px 3px #000, 0px 0px 2px #fff;
/*display:inline-table;
/*   top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;*/
z-index:100;
color:white;
text-align:center;
font-weight:bold\9;
behavior: url('/common_n/css/ie-css3.htc');
}
#p_info span{font-size:150%;font-weight:bold}
#p_info p{font-size:84%;text-align:center;padding:2px;margin:10px 20px 5px;line-height:1.3em;background-color: rgba(0,0,0,0.1);}
a:hover #p_info p{background-color: rgba(0,0,0,0.6);}
#bsc,#bsc2{background-repeat:no-repeat;background-size:cover;background-position:center}
/*#bsc:after{
position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}*/
#bsc{box-sizing:border-box;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#bsc:hover,#bsc:hover :after,a:active #bsc,a:active #bsc :after{
opacity: 0.85;
opacity: .8;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

#bsc a:hover p{
transform: scale(1.0);
}
.inner {width:100% !important;height:100% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}

.inner2 {width:100% !important;height:50% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}




/*--------------------------------------*/
#p-box{background-repeat:no-repeat;background-size:cover;background-position:center}

#white-box{background-color:rgba(255,255,255,0.8);}

#white-box{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfffffff,endColorstr=#ccfffffff); 
    background: rgba(255,255,255,0.8);}
#box-inner{padding:2em 1.5em;text-align:left;line-height:1.4em}
#box-inner h2{padding:0.3em 0}
#box-inner p{padding-top:6px;font-size:85%}

#ua{width:45%}
#p-box{height:300px}
#blue-box {margin:20px;background:#3193b7;color:white;padding:12px 26px;line-height:1.6em;box-sizing:border-box}
#interview,#interview2{font-size:15px;padding:10px 20px}
#interview figure{padding:0 0 6px}
#interview h2,#interview2 h2{font-size:150%;font-weight:bold;color:#333;line-height:1.2em}
#interview h3{font-size:120%;font-weight:bold;padding:20px 0;line-height:1.4em}
#interview2 h3{font-size:120%;font-weight:bold;padding:10px 0;line-height:1.4em}
#interview2 h3,#interview2 p{text-align:left !important}
#interview p{font-size:85%;line-height:1.3em;padding:10px 0 0;word-wrap:normal;word-break:normal;-webkit-text-size-adjust: 100%;}
#interview2 p{line-height:1.6em;padding:10px 0 0;}
.h2_ttl{font-size:160%}
#eco_safety{width:20%;margin:0 auto}
.house-box{padding:29em 12em 5em;text-align:center}
.house_top{border:1px solid #aaa;color:#333;padding:0.7em 0.1em;line-height:1.3em}
/*---------------smp nav----------------*/
nav{border-top:1px solid #b2b900;/*height:40px !important*/}
nav ul{width:100%;margin:0;padding:0;background:#eee;height:40px;font-size:0}
#navi{
background:#999;
}
#navi img{height:36px}

nav ul {
list-style: none;
}

#headerNaviMenu{

}
ul#headerNav_1of2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 50%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of3 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 33.333333%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of2 li a, ul#headerNav_1of3 li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 100%;
height: 100%;
font-size: 12px;
text-decoration: none;
color: white;
vertical-align: middle;
font-weight: bold;
text-align: center;
height:20px;
}
a#headerNav00 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
color: #444 !important;
text-align:left !important;
}
a#headerNav01 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #abb315;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
a#headerNav02 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #9d394c;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R {
display: table-cell;
vertical-align: top;
padding-top: 10px;
font-weight:bold;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R .gico_update {
width: 40px;
}
ul#headerNav_1of2 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of3 li.headerNaviMenu #headerNav00 div {
/*display: inline;*/
}
ul#headerNav_1of2 li a img, ul#headerNav_1of3 li a img {
vertical-align: middle;
}
.headerNav00L img{
height:40px;
margin-bottom:0;
}

/*----------------------smp sitemenu-----------------*/
.sitemenu-responsive ul{padding:0.2em 0}
.sitemenu-responsive ul li{font-size:120%;padding:0.2em 0 0.2em 0.2em}
.sitemenu-responsive ul a{text-align:left !important}


/*----------------------smp head---------------------*/
.smp_head{width:100%;
    border-top:1px solid #B3B3B3 /*{c-bar-border}*/;
    border-bottom:1px solid #B3B3B3 /*{c-bar-border}*/;
    background: #e9eaeb /*{c-bar-background-color}*/;
    color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/)
    
    letter-spacing:-0.5em;
    z-index:300;
}
.smp_head h2{
    min-height: 1.1em;
    text-align: center;
    padding-right:2.5em;
}
.smp_head h2 span{font-size:80%;font-weight:bold}

.ui-title{
color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    height: 26px;
    padding: 8px 0px 0px 0px;
    margin: 0px;
/*    font-size: 15px;*/
}
a .ui-btn{font-weight: bold !important;color:#3e3e3e}
.ui-btn {
border:1px solid #ccc;
float:left;
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0.3em 0.2em 0.2em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
}
.ui-btn-text{
padding-left:3px;
    font-weight: bold;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
}
.ui-icon{float:left;
    top: 50%;
    margin-top: 0px;
    width:18px;
    height:18px;
    background: #666 /*{global-icon-color}*/;
    background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
    background-image: url(/smp/common/css/images/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    background-position: -144px 50%;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:none !important}
.lightboxOverlay{
/*background:#666;*/
filter:alpha(opacity=80) !important;
opacity:0.8;
}
.lb-data .lb-caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}
.lb-data {
    color: white;
}
.lb-data .lb-number{
color:white;
}
.lb-details p {
background: url('../images/bg_p.png') no-repeat;
}
.lb-details a p,.lb-details a:hover p {text-decoration:underline !important}
/*-----------page contents--------------*/
#top_copy{font-size:120%;line-height:1.5em !important;font-weight:bold;padding:1.5em 0 0.5em}
/*---------------------responsive-----------------------*/
.site-center{/*width:100*/}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

#p_info{
text-align:center;
}
.arrow-r{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: right;
text-align:right;
top: 50%;
margin-top: -0.5em;
margin-right: 0.3em;
line-height:1em;
}
.arrow-l{
vertical-align:middle;
/*text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;*/
z-index:100;
position: relative;
float: left;
text-align:left;
top: 50%;
margin-top:0.03em;
margin-left: 0.3em;
line-height:1.2em;
}

#bt_more {display:inline-block;
padding: 0.2em 0.2em 0.15em 0.6em;
border: 1px solid #aaa;
margin: 0.5em 0;
width:auto;
font-size:90%;
line-height:1.6em;
}


@media (min-width:1281px){
.site-center{width:95%;max-width:1280px;}
}
@media (max-width:1280px){
.site-center{width:95%;}
}

@media print, screen and (max-width:1024px){
.site-center{width:95%;max-width:980px}
#info{font-size:90%}
#index_txt{font-size:110%}
.cell{margin:6px 8px !important}
/*.highlights .col{width:16.666666% !important}*/
#p-box{height:240px}
#w-ttl{width:80%}
#blue-box{padding:10px 20px}
#interview,#interview2{padding:10px}
/*.width-1of2{width:50% !important}*/
ul.footer_menu li{font-size:100%}

}
@media only screen and (max-width:979px){
.site-center{/*width:99% !important;box-sizing:border-box*/}

#top_copy{padding:1.5em 6px 0.5em}

p#lead {padding: 0 6px 0.2em !important}
.width-1of6{width:25%}
#index_txt{font-size:100%}
/*.highlights .col{width:20% !important}*/
.cell{margin:5px !important}
#inquiry_box{float:none;margin:20px 12%;box-sizing:border-box}
.arr{margin-top:4px}
.h2_ttl{font-size:130%}
}
@media only screen and (max-width: 767px){
.site-center{margin: 0 auto !important;width:95% !important;max-width:700px}
.width-1of2{width:100% !important}
body,nav,table,.smp_head,.site-header-fixture,.site-center,.site-body,.smp,#header-area,#portfolio_s,#bottom_box{max-width:100% !important;box-sizing:border-box !important;margin-left:0;margin-right:0}
.arrow-l{margin-top:-0.05em}
#obi_inner,#obi_inner a img{display:none}

.highlights{margin:0 !important}
.sitemenu,.pc,#crumb{display:none !important}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
/*.highlights .col{width:25% !important}*/
.width-1of4{width:50% !important}
.width-1of6{width:33.33%}
#index_txt{padding:1em 0 0.7em}

h1.ttl_ex{margin-top:0;font-size:15px !important}
.stream h2{font-size:140%}
.arrowbox{padding-top:30px}
.arrowbox:before{border-width:20px 20px 0 20px;}
.arrowbox:after{bottom: -20px;border-width:20px 20px 0 20px;}
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:6vmin !important;line-height:1.3em;}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:14px !important;line-height:1em}
h3.background-lite{font-size:40px !important}
.background-lite div{padding:14px}
#flow{width:80%;margin:16px 0}
#inquiry_box{float:none;margin:20px 10%}
#bt_inquiry{font-size:140%}
.arr{margin-top:2px}
#pic2{width:80%}
.width-1of3 .cell{margin:6px;}
#blank{display:none;width:0}
#before{width:60%}
.background-lite{text-align:center !important;padding:8px;font-size:140%;color:#333}
.background-lite p{text-align:center;font-size:150%;font-weight:bold;color:darkblue}
.background-lite p img{width:40px;vertical-align:bottom}
#footer-navigation{display:none}
#interview h2,#interview2 h2{font-size:125%}
#interview2 h3{font-size:100%}
#eco_safety{width:60%;margin:0 auto}
.house_top{border:1px solid #aaa;color:#333;padding:0.6em 0.1em;line-height:1.3em}

.ui-btn-inner {
    padding: .2em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em;
    padding: 0.3em;
}
.ui-btn-text {
    position: relative;
    z-index: 1;
    font-weight: bold;
}
.button span{margin:0 !important}
.button img{box-sizing: border-box;width:100%;margin:0 !important}
.ui-btn-corner-all {
	-moz-border-radius: 				0.6em /*{global-radii-buttons}*/;
	-webkit-border-radius: 				0.6em /*{global-radii-buttons}*/;
	border-radius: 						0.6em /*{global-radii-buttons}*/;
}
.ui-shadow {
    box-shadow: none;
}




}
@media only screen and (max-width: 767px){
}

@media only screen and (max-width: 600px){
.site-center{margin: 0 auto !important;width:100% !important;max-width:100%}
.arrow-l{margin-top:-0.08em}
.site-footer{font-size:130%}
.site-footer .width-1of5{width:50%;box-sizing:border-box}
.site-footer .width-2of5{width:100%;box-sizing:border-box}
.site-footer .width-1of2{width:50%;box-sizing:border-box}
.width-1of6{width:33.33%}
#release_inner p.date {
width: 72px;}
#form_panel ul li{font-size:95%;width:33.3%}
#info{font-size:115%}
.height5{margin:0 5px;height:240px;}

#tblJitsurei .width-1of4{height:380px;width:100% !important}
#tenjijo{}
.tenjijo2{height:140px;border-top:1px solid #999;}
.tenjijo1{height:80px;}
#inner_area h3{font-weight:bold;font-size:120% !important;}
#inner_area h2{font-weight:bold;font-size:160% !important;}
.kurasite_pink2,.eco_safety2{height:320px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.height2{height:250px;overflow: hidden;background:#000}
.height1{height:150px;overflow: hidden;background:#000}
.height2 #p_info{font-size:160%;width:100%; top: 15%;}
.height1 #p_info{font-size:120%;width:50%;padding-top: 30px}
#p_info p{margin:5px 10px 0;background-color: rgba(0,0,0,0.3);}
/*.highlights .col{width:33.3333333% !important}*/

nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
.site-body {font-size:14px}
#portfolio{display:none}
#portfolio_s{display:block}
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;line-height:1.3em;}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:14px !important;line-height:1.3em}
h3.background-lite{font-size:44px !important}
.background-lite div{padding:20px}
#p-box{height:210px}
#blue-box{padding:10px}

.stream{
margin: 20px auto 0 !important;
padding:20px 0;
text-align: center;
}
.stream h2{font-size:120%}

#flow{width:90%;margin:10px 0}
#inquiry_box{float:none;margin:20px 5%}
#w-ttl{width:100%}

.house-box{padding:12em 2em 2em;text-align:center}

}
#sns{float:right;margin:40px 0 0 0;width:240px}


@media only screen and (max-width: 375px){


.kurasite_pink2,.eco_safety2{height:200px !important;}.kurasite_pink1,.eco_safety1{height:120px !important;}
.kurasite_white{height:140px !important;}
}
/*----------------ie8----------------*/
/*body{background:white \9;max-width: 1100px !important \9;min-width: 940px !important \9}
.site-center{max-width: 1280px !important \9;min-width: 940px !important \9;}*/
/*.site-center{width:920px !important \9}*/
#header-area{min-width: 920px !important \9;margin:0 auto \9}
#top_bg{height:auto \9}
#form_panel ul li{width:16.6% \9}
/*h2.blue-ttl{font-size:250% \9}*/
h1.ttl_ex{font-size:350% \9}
#bsc{height:100%\9 }
h3.background-lite{font-size:36px \9}
a:hover/**/ div{filter: alpha(opacity=85)\9;}
.height5 #p_info{padding:0\9;margin:26px 0 0 10px\9}
#noie8{display:none \9}
#sns{width:80px \9}
.width-1of5 img{width:100%}
li h2.bg-corpgreen,li h2.bg-corpred{position:relative\9;behavior: url('/common_n/pie/PIE.htc');}








@media print {
html{background:white}
body{zoom: 80%;}
.footer_map,#pageTop,#bottom_box,#footer-navigation{display:none !important}
.site-center{width:100% !important}
.highlights{margin:0 !important}
}