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

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

#header{
background: #fafafa;}
.drawer-navbar .drawer-navbar-header {
background-color:#ffffff!important;
}
.drawer-nav {
background-color:#00376b!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 17px 0;}
#site-title img{width:271px;}
#site-title2 {padding:12px 0 0 12px;}
#site-title2 img{width:135px; vertical-align:bottom;}
.wf{font-family: 'Droid Sans', sans-serif;}

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

#footer{
background-color:#444444;}

/*bg-grd*/
#container {
background:url(common/images-bg/grd-black.png) center 0 repeat-y;
-pie-lazy-init:true;
position:relative;
width:100%;
margin:0;
}

/*visual-wrp*/
#container-in {
background:url(common/images-bg/ptn-border1px-white.png) 0 0 repeat;
-pie-lazy-init:true;
}
#wrapper-out{
background-color:#ffffff;
}

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

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

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

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

#main h1{
border-top:5px solid #004f99;
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-ffffff.gif) repeat-x 0 bottom #ffffff;
}
#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: #eeeeee;/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 #004f99; }
#main h3,
.widgets-free h3{ border-bottom:2px solid #004f99; }
#main h4,
.widgets-free h4{ border-left:4px solid #004f99; }
#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:#59751f; 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: #59751f;}
#main .billboard-wrp .h3,
.widgets-free .billboard-wrp .h3{ border-bottom:2px solid #59751f; }

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


/*button*/
.readmore,
.searchsubmit,
.inquiryformSubmit{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background: #004f99;-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: #004f99;}
.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: #00376b;}
.color-default{border-color:#004f99;}
.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: #004f99;}

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

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: #59751f;}

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 #59751f;
border-top:none;
}

div.feature .h3{
color:#59751f;
}


/*cssarrow*/
.cssarrow-wrp .cssarrow-tx {
background: #7d8488;}
.cssarrow-wrp .cssarrow-b{
border-top: 100px solid #7d8488;
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: #004f99;/zoom: 1;
}

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

#sn-first li>a,
#archives ul li>span,
#tags ul li>span{
background: #f0f0f0;/zoom: 1;
}
#sn-first li>a:hover,
#archives ul li>span:hover,
#tags ul li>span:hover{
background: #ffffff;}

#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: #7d8488 !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 {
}

p > br[style="clear: both;"]:only-child { content: ""; display: block; margin-bottom: 0; }
#gn{ font-size:123.1% !important;}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
#gn .menu-item-14{ width:100%!important;}
#gn .menu-item-14 a{ background:#004f99;}
#under #visual-wrp{display:none;}
}