@charset "utf-8";
#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}
#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:6px 10px}
/*--------------------------------*/
#index_txt{padding:1em 1em 0.7em;font-size:120%;text-align:left}

p#lead {padding:0 1em 0.3em;max-width:940px;margin:0 auto;text-align:left;}
@media only screen and (max-width:979px){p#lead {padding:0 6px 0.2em !important}}


.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{margin-top:0.5em !important}
.m_top06{margin-top:0.6em !important}
.m_top1{margin-top:1em !important}
.m_top2{margin-top:2em !important}
.m_top3{margin-top:3em !important}
.m_top4{margin-top:4em !important}
.m_top5{margin-top:5em !important}

.m_bot05{margin-bottom:0.5em !important}
.m_bot06{margin-bottom:0.6em !important}
.m_bot1{margin-bottom:1em !important}
.m_bot2{margin-bottom:2em !important}
.m_bot3{margin-bottom:3em !important}
.m_bot4{margin-bottom:4em !important}
.m_bot5{margin-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}

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

/*--------------------------------*/
#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:45%;
bottom:0px;
left:45%;
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}
.bg-corpred{background:#cb3054}
h2.bg-corpgreen,h2.bg-corpred{color:white}
li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{color:white;font-weight:bold;width:120px;letter-spacing:0.05em;}
@media only screen and (max-width:800px){li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{font-weight:bold;width:100px;}}

.site-header .nav a.right,.site-footer .nav a.right{padding:3px 5px 0 !important}
.nav li h1,.nav li h2.top{margin-right:6px}
.nav li h2,.nav li h3{padding:0.85em 6px 0.6em 0px;margin-left:6px}/*.nav li h2,.nav li h3{margin-left:12px}*/
.nav li#c012 h2,.nav li#c012 h3{letter-spacing:0.1em;line-height:1.0em;padding:0.5em 6px 0.06em 0px;margin-left:6px}
.nav li#c012 h2 span,.nav li#c012 h3 span{letter-spacing:-0.05em;font-size:90%;font-weight:600}
.nav li.right h2,.nav li.right h3{margin-left:0;margin-right:0}
.footer_map {background:#585858 !important;color:#ddd;font-size:90%}
.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,.footer_map .nav li.right h3{color:white}
.footer_map .nav li.right a:hover h2,.footer_map .nav li.right a:hover h3,.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{padding-top:0;font-size:115%;padding-left:6px;line-height:0.3em\9}
@media only screen and (max-width:1024px){.footer_map dd{font-size:95%;text-indent:0;letter-spacing:-0.05em}}

.footer_map dd span{padding-top:10px;font-size:80%;margin-left:-6px;line-height:1.4em}
.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;}

@media only screen and (max-width:767px){.footer_map dd{line-height:1.8em}}
/*----------------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}
}
.footer_left,.footer_right{width:100%}



@media only screen and (max-width:767px){
#top_right .width-1of4{width:50% !important}
}
@media only screen and (max-width:320px){
li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{font-weight:bold;width:70px;}
}

/*------------------------------------------*/

.site-center img{float:none !important;}
#portfolio {display:block;list-style:none;padding:0;margin:0 auto !important;max-height:480px !important;}
#portfolio li img,#portfolio{float:none !important;width:100%;}
#portfolio_s {display:none;list-style:none;padding:0;margin:0 auto !important;}
#portfolio_s li img,#portfolio_s{float:none !important;width:100%;}

.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;}

#blue_box{border:4px solid #999;background:#fff}
h2#ttl_box{text-align:center !important;padding:0.4em 0.3em 0.3em;font-size:160%;line-height:1.1em;font-size:230%\9;}
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:4vmin !important;color:#333;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}
.green-t,.green-t h2{color:#4d9d21 !important}
.orange-t{color:#cd5c00 !important}

a,a:hover{text-decoration:none;}

.blue{color:#15628e}
#marker {background:url(/images/marker.gif) -10px repeat-x;}
#blank{width:97%}
#before{width:100%}
#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;
}
#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);}
#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);
background-size:100%;
background-repeat:no-repeat;
background-position:center !important;
max-width:290px;
width:100%;
}
#sns td{padding:0 !important}
#sns td img{margin:0}
/*---------------------------------*/
#new {padding-top:6px;padding-left:6px;position:absolute;vertical-align:middle;z-index:200;}
#new img{width:40px}

.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;}


#bsc,#bsc2{background-repeat:no-repeat;background-size:cover;background-position:center}
#bsc{box-sizing:border-box;
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
background-size:cover;
-webkit-transition:all .6s ease-out;
-moz-transition:all .6s ease-out;
-ms-transition:all .6s ease-out;
transition:all .6s 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;}

/*--------------------------------------*/

.h2_ttl{font-size:160%}
.house_top{border:1px solid #aaa;color:#333;padding:0.6em 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}
#navi{background:#999;}
#navi img{height:36px}
nav ul{list-style:none;}

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 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;
border-bottom:1px solid #B3B3B3;
background:#e9eaeb;
color:#3E3E3E;
font-weight:bold;
text-shadow:0 1px 1px #fff;
background-image:linear-gradient(#f0f0f0, #e9eaeb);
z-index:300;
}
.smp_head h2,.smp_head h1{
min-height:1.1em;
text-align:center;
padding-right:2.5em;
line-height:1.4em;
}
.smp_head h2 span{font-size:80%;font-weight:bold}

.ui-title{
color:#3E3E3E;
font-weight:bold;
text-shadow:0 1px 1px #fff;
height:26px;
padding:8px 0px 0px 0px;
margin:0px;
font-size:16px;
}
a .ui-btn{font-weight:bold !important;color:#3e3e3e}
.ui-btn {
border:1px solid #aaa;
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, #eee);
}
.ui-btn-text{
padding-left:3px;
font-weight:bold;
text-shadow:0 1px 1px #f6f6f6;
}
.ui-icon{float:left;
top:50%;
margin-top:0px;
width:18px;
height:18px;
background:#666;
background:rgba(0,0,0,.4);
background-image:url(/smp/common/css/images/icons-18-white.png);
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{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 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%}

.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.5em;
margin-left:0.3em;
line-height:1em;
}

@media (min-width:1281px){
.site-center{width:85%;max-width:1280px;min-width:1100px}
}
@media (max-width:1280px){
.site-center{width:95%;max-width:1100px}
}
@media (max-width:1200px){
.site-center{width:95%;max-width:1100px}
.width-1of6{width:20%}
#blank{width:95%}
.kurasite_pink2,.eco_safety2{height:360px !important;}.kurasite_pink1,.eco_safety1{height:180px !important;}
.kurasite_white{height:180px !important;}
}
@media print, screen and (max-width:1024px){
.site-center{width:95%;max-width:980px}
.kurasite_pink2,.eco_safety2{height:330px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.kurasite_white{height:170px !important;}

#index_txt{font-size:110%}
.cell{margin:2px 6px !important}
ul.footer_menu li{font-size:100%}

}
@media only screen and (max-width:979px){
ul.footer_menu li{font-size:100%}
#top_copy{padding:1.5em 6px 0.5em}
.width-1of6{width:25%}
#index_txt{font-size:100%}
.cell{margin:5px !important}
.h2_ttl{font-size:130%}
}
@media only screen and (max-width:767px){
.site-center{width:100% !important;max-width:100% !important}
.highlights{margin:0 !important}
.sitemenu,.pc,#crumb{display:none !important}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
.width-1of4{width:50% !important}
.width-1of6{width:33.33%}
.kurasite_pink2,.eco_safety2{height:380px !important}.kurasite_pink1,.eco_safety1{height:190px !important}
.kurasite_pink2,.eco_safety2,.kurasite_white{width:100% !important;}
.kurasite_white{height:auto !important;max-height:250px;overflow:auto;min-height:130px;}
#index_txt{padding:1em 0 0.7em}
.lb-data .lb-caption {font-size:12px;font-weight:bold;line-height:1.5em;}
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}
.width-1of3 .cell{margin:6px;}
#blank{display:none;width:0}
#before{width:60%}
#footer-navigation{display:none}
.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:1em;-webkit-border-radius:1em;border-radius:1em;}
.ui-shadow {box-shadow:none;}

}
@media only screen and (max-width:600px){
.site-footer{font-size:130%}
.site-footer .width-1of5{width:100%;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%}
.footer_left,.footer_right{width:50% !important}
.footer_left{float:left !important}
.footer_right{float:right !important}
.width-1of2{width:100%}
.kurasite_pink2,.eco_safety2{height:320px !important;}.kurasite_pink1,.eco_safety1{height:160px !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}
}

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

@media only screen and (max-width:375px){
.kurasite_pink2,.eco_safety2{height:200px !important;}.kurasite_pink1,.eco_safety1{height:120px !important;}
.kurasite_white{height:auto !important}
}
/*----------------ie8----------------*/
#header-area{min-width:920px !important \9;margin:0 auto \9}
#top_bg{height:auto \9}
#bsc{height:100%\9 }
a:hover/**/ div{filter:alpha(opacity=85)\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');}

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