@charaset "UTF-8";
/*base*/
body {
color:#333333;
background-color:#fafafa;
}
a:link { color:#3B5998;}
#header-bar-wrp{ background-color:#fafafa; }
.widgets-portfolio-wrp h2 a {color:#333333;}

/*base*/
#container-out {background-color:#ffffff;}
#fancybox-content #container-out {background-color:#fff;}

#header{
background: #fafafa;}
.drawer-navbar .drawer-navbar-header {
background-color:#ffffff!important;
}
.drawer-nav {
background-color:#2e1000!important;
}
/*spnavi*/
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
    background-color: #111111;
}
.sr-only {
    color: #111111;
}
header .drawer-menu li.menu-item a {
    color: #111111 !important;
}
#site-title {padding:13px 0 20px 0;}
#site-title img{width:201px;}
#site-title2 {padding:9px 0 0 9px;}
#site-title2 img{width:100px; vertical-align:bottom;}
.wf{font-family: 'Droid Sans', sans-serif;}

#mn-out{
 clear:both;
 width:100%;
background-color:#ea5504;}

#footer{
background-color:#ffffff;}

/*bg-grd*/
#container {
-pie-lazy-init:true;
position:relative;
width:100%;
margin:0;
}

/*bg-ptn*/
#visual-wrp {
background:url(/uploads/op-melife/home-bg.jpg) repeat-x center 0;
}
#wrapper-out{
background-color:#ffffff;
}

/*globalnavi*/
#gn-out{
background: #ea5504;}
/*#gn,*/
#gn li{
min-height:56px;
height: auto;
height:56px;
}
#gn li a{
color:#fafafa;
line-height:56px !important;
padding: 0 0.9em !important;
}
#gn li:hover > a,
#gn li.current-menu-item > a,
#gn li.current-page-ancestor > a,
#gn li.current-post-ancestor > a{
color:#fafafa;
background-color:#f08300;}
#hn-out{ top:55px; }
#hn li a{ color:#333333; }
#mn li a{ color:#fafafa; }
#fn li a{ color:#333333; }
#footer-tx,
#footer-tx a{ color:#333333; }
#fn-out{ border-bottom:1px solid #cccccc; }
address{
 border-top:1px solid #ffffff;
 border-bottom:1px solid #cccccc;
}
#footer-seo{ border-top:1px solid #ffffff; }
#header-seo,
#header-seo a{ color:#888888; }
#footer-seo,
#footer-seo a{ color:#888888; }
#header-bar,
#home #visual,
#under #visual{width:930px;}
#under #visual .vitxt{color:#fbfcfe;}

.slider-wrapper,
#slider {
margin:0 auto;
width:930px;
height:340px;
position:relative;
}

#visual .nivo-controlNav {
height:65px;
}

.theme-default .nivo-directionNav a {
background:url(common/nivo-slider/themes/default/arrows-w.png) no-repeat;
}

#main h1{
border-top:5px solid #ea5504;
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-fafafa.gif) repeat-x 0 bottom #fafafa;
}
#home-top-contents h2,
#main h2,
.widgets-free h2,
#side .widgets-portfolio-wrp h2,
#side .widgets-post h2,
#side .widgets-free h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #efefef;/display: inline;
/zoom: 1;
}

#home-top-contents h2 span,
#main h2 span,
.widgets-free h2 span,
#side .widgets-portfolio-wrp h2 span,
#side .widgets-post h2 span,
#side .widgets-free h2 span{ border-left:5px solid #ea5504; }
#main h3,
.widgets-free h3{ border-bottom:2px solid #ea5504; }
#main h4,
.widgets-free h4{ border-left:4px solid #ea5504; }
#main h2 a.catchcopy,
#main h2 a.catchcopy,
#main .catchcopy,
#main .catchcopy a,
.widgets-free h2 a.catchcopy,
.widgets-free h2 a.catchcopy,
.widgets-free .catchcopy,
.widgets-free .catchcopy a{ color:#6A3B22; background:none !important; }


/*billboard*/
#main .billboard-wrp .h2,
.widgets-free .billboard-wrp .h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #258d27;}
#main .billboard-wrp .h3,
.widgets-free .billboard-wrp .h3{ border-bottom:2px solid #258d27; }

/*fukidashi*/
#main .fukidashi-wrp .h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #ea5504;}
#main .fukidashi-wrp .h3,
.widgets-free .fukidashi-wrp .h3{ border-bottom:2px solid #ea5504; }


/*button*/
.readmore,
.searchsubmit,
.inquiryformSubmit{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #ea5504;-webkit-appearance: none;
}


.button-default,
.contact-default{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #ea5504;}
.contact-default{display:block;text-align:center;margin:0;padding:20px 0;}

.readmore:hover,
.searchsubmit:hover,
.inquiryformSubmit:hover,
.button-default:hover,
.contact-default:hover{
background: #f08300;}
.color-default{border-color:#ea5504;}
.button-default2,
.contact-default2{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #444444;}
.contact-default2{display:block;text-align:center;margin:0;padding:20px 0;}

.button-default2:hover,
.contact-default2:hover{
background: #444444;}

#inquiryback,.inquiryback{
display:block;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #444444;}
#inquiryback:hover,.inquiryback:hover{
background: #888888;}

.color-default2{border-color:#444444;}
.button-black,
.contact-black{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-black.gif) 0 0 repeat-x #000000;
}
.contact-black{display:block;text-align:center;margin:0;padding:20px 0;}
.button-black:hover,
.contact-black:hover{background:none;background-color: #000000;}
.color-black{border-color:#000000;}
.button-gray,
.contact-gray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-gray.gif) 0 0 repeat-x #666666;
}
.contact-gray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-gray:hover,
.contact-gray:hover{background:none;background-color: #666666;}
.color-gray{border-color:#666666;}
.button-lightgray,
.contact-lightgray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-lightgray.gif) 0 0 repeat-x #d3d3d3;
}
.contact-lightgray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-lightgray:hover,
.contact-lightgray:hover{background:none;background-color: #d3d3d3;}
.color-lightgray{border-color:#d3d3d3;}
.button-red,
.contact-red{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-red.gif) 0 0 repeat-x #c8161d;
}
.contact-red{display:block;text-align:center;margin:0;padding:20px 0;}
.button-red:hover,
.contact-red:hover{background:none;background-color: #c8161d;}
.color-red{border-color:#c8161d;}
.button-facebook,
.contact-facebook{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-facebook.gif) 0 0 repeat-x #3b5998;
}
.contact-facebook{display:block;text-align:center;margin:0;padding:20px 0;}
.button-facebook:hover,
.contact-facebook:hover{background:none;background-color: #3b5998;}
.color-facebook{border-color:#3b5998;}
.button-twitter,
.contact-twitter{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-twitter.gif) 0 0 repeat-x #33ccff;
}
.contact-twitter{display:block;text-align:center;margin:0;padding:20px 0;}
.button-twitter:hover,
.contact-twitter:hover{background:none;background-color: #33ccff;}
.color-twitter{border-color:#33ccff;}
.button-hamazo,
.contact-hamazo{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-hamazo.gif) 0 0 repeat-x #ff6600;
}
.contact-hamazo{display:block;text-align:center;margin:0;padding:20px 0;}
.button-hamazo:hover,
.contact-hamazo:hover{background:none;background-color: #ff6600;}
.color-hamazo{border-color:#ff6600;}
.button-orange,
.contact-orange{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-orange.gif) 0 0 repeat-x #ff6600;
}
.contact-orange{display:block;text-align:center;margin:0;padding:20px 0;}
.button-orange:hover,
.contact-orange:hover{background:none;background-color: #ff6600;}
.color-orange{border-color:#ff6600;}
.button-rss,
.contact-rss{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:url(common/images-bg/btn-bg-rss.gif) 0 0 repeat-x #ff9600;
}
.contact-rss{display:block;text-align:center;margin:0;padding:20px 0;}
.button-rss:hover,
.contact-rss:hover{background:none;background-color: #ff9600;}
.color-rss{border-color:#ff9600;}

/*junction*/
div.junction h2 a{
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
background: #ea5504;}

div.junction h2 a:hover{
background: #f08300;}

div.junction .j-box-in {
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

/*feature*/
div.feature .h2{
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
border-radius: 5px 5px 0 0 / 5px 5px 0 0 ;
background: #258d27;}

div.feature .f-box-in {
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
border:3px solid #258d27;
border-top:none;
}

div.feature .h3{
color:#258d27;
}


/*cssarrow*/
.cssarrow-wrp .cssarrow-tx {
background: #b7baa1;}
.cssarrow-wrp .cssarrow-b{
border-top: 100px solid #b7baa1;
border-bottom: 100px solid transparent;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
}


/*contact*/
.contact-set {
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.contact-set-in {
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
 background: #f5f5f5;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#f0f0f0));
 background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
 background: -moz-linear-gradient(#f5f5f5, #f0f0f0);
 background: -ms-linear-gradient(#f5f5f5, #f0f0f0);
 background: -o-linear-gradient(#f5f5f5, #f0f0f0);
 background: linear-gradient(#f5f5f5, #f0f0f0);
 -pie-background: linear-gradient(#f5f5f5, #f0f0f0);
}

/*Side*/
#sn h2 a,
#archives h2,
#tags h2{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #ea5504;/zoom: 1;
}

#sn,
#archives,
#tags{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background:none;
background-color: #ea5504;
}

#sn-first li>a,
#archives ul li>span,
#tags ul li>span{
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-fafafa.gif) repeat-x 0 bottom #fafafa;
/zoom: 1;
}
#sn-first li>a:hover,
#archives ul li>span:hover,
#tags ul li>span:hover{
background: #eeeeee;}

#sn-first li.current_page_item > a,
#sn-first li.current-page-ancestor > a,
#archives ul li.current_page_item > span,
#archives ul li.current-page-ancestor > span{
background: #b7baa1 !important;}

#side .banner-set ul.bnt li a{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #f0f0f0;}

#side .banner-set ul.bnt li a:hover{
background: #fafafa;}

/*PIE control*/
blockquote, .blockquote {
-pie-png-fix: true;
}
#header-bar-out {
-pie-background: linear-gradient(#f1f1f1, #e4e4e4);
}
#header-searchform,
#gn li:hover > a, #gn li.current-menu-item > a,
.box-round,
#main .billboard-wrp,
#main .fukidashi-wrp .fukidashi,
.nav-below .index a,
#side #side-bar-sitesearch,
#side #header-searchform {
}

#gn {font-size:123.1%;}
.menu-item-4601{display:none;}
#mn li a {font-weight:bold;}
#mn li.current-menu-item > a, #mn li.current-page-ancestor > a, #mn li.current-post-ancestor > a {border-bottom:1px dotted #fff;}

#main{font-size: 131%;}
body.archive #main .hentry .layout-index .fl{ font-size:85%;}

.bc-set:after, .bc-wrp:after { content:""; display:block; clear:both; }
.bc-set, .bc-wrp { *zoom:1;}
.bc-reason { margin:0 auto 10px; }
.bc-wrp { padding:0 0 0 5px; width:925px; height:190px;  background:url(/uploads/op-melife/bottomcontact-bg.gif) 0 0 no-repeat;}
.bc-wrp .bc-bt01 { float:left; width:630px; height:185px; }
.bc-wrp .bc-bt02 { float:left; margin:15px 0 0; width:290px; height:85px; }
.bc-wrp .bc-tel { float:left; width:290px; height:85px; }

/*
.customer:after,.typewrp:after{ content:""; display:block; clear:both; }
.customer,.typewrp{ zoom:1; }
.customer{letter-spacing:-0.4em;}
.customer .left{ display:inline-block; *display:inline; *zoom:1; background:url(/uploads/op-melife/home-menu-personal-bg.gif) 0 0 no-repeat; width:445px; height:288px; margin:0 10px 15px 0; padding:0 0 0 15px;}
.customer .right{ display:inline-block; *display:inline; *zoom:1; background:url(/uploads/op-melife/home-menu-business-bg.gif) 0 0 no-repeat; width:445px; height:288px; margin:0 0 15px; padding:0 0 0 15px;}
.typewrp dl{ letter-spacing:-0.4em;}
.typewrp dt{ display:inline-block; *display:inline; *zoom:1; margin:0 7px; padding:5px 0 0 0; width:201px; height:95px; letter-spacing:normal;}
.typewrp dd{ display:inline-block; *display:inline; *zoom:1; margin:10px 7px 10px; width:201px; height:65px; letter-spacing:normal; vertical-align:bottom;}
*/
.customer2:after,.customer2 .typewrp:after,.customer2 .typewrp dd:after{ content:""; display:block; clear:both; }
.customer2,.customer2 .typewrp,.customer2 .typewrp dd{ zoom:1; }
.customer2{letter-spacing:-0.4em;}
.customer2 .left{ display:inline-block; *display:inline; *zoom:1; width:460px; margin:0 10px 15px 0; padding:0 0 15px; vertical-align: top;
border: 5px solid #3c8834; border-radius: 5px; box-sizing: border-box;letter-spacing:normal;}
.customer2 .right{ display:inline-block; *display:inline; *zoom:1; width:460px; margin:0 0 15px; padding:0 0 15px; vertical-align: top;
border: 5px solid #206fac; border-radius: 5px; box-sizing: border-box;letter-spacing:normal;}
.customer2 .typewrp dt{margin:0 20px; padding:0; width:410px; height: 45px;}
.customer2 .typewrp dd{margin:15px 20px 0; padding-left: 70px; width:410px;
min-height:65px;
height: auto !important;
height: 65px;
line-height: 1.5;
position: relative;
box-sizing: border-box;}
.customer2 .typewrp dd a{ color: #333;}
.customer2 .typewrp dd span.imgWrp{width:70px; height: 65px; position: absolute; top:0; left: 0;}
.customer2 .typewrp dd span.ttlWrp{ font-weight: bold; font-size: 123%; display: block; padding-left: 18px;}
.customer2 .left span.ttlWrp{ background: url("/uploads/op-melife/home-menu-personal-arrow.png") 0 0.15em no-repeat;}
.customer2 .right span.ttlWrp{ background: url("/uploads/op-melife/home-menu-business-arrow.png") 0 0.15em no-repeat;}


/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
#under #visual-wrp{display:none;}
#gn .menu-item-171{ width:100%!important;}
#gn .menu-item-171 a{ background:#ea5504;}
.bc-wrp { margin:0;padding:0; width:auto; height:auto; background:none; text-align:center;}
.bc-wrp .bc-bt01,
.bc-wrp .bc-bt02,
.bc-wrp .bc-tel { float:none; margin:0; padding:0; width:auto; height:auto; }
.customer2 .left,.customer2 .right{ width:100%; margin-right: 0;}
.customer2 .typewrp dt{width:auto!important; text-align: center;}
.customer2 .typewrp dd{width:auto!important;}
}