.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
img{max-width:100%;height:auto;width:auto;　}
html{height:100%;}
body{height:100%;background-color:#FFFFFF;font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;color:#666666;}
article, aside, figure, figcaption, footer, header, nav, section{display:block;}
ruby{ruby-align:distribute-space;ruby-overhang:auto;ruby-position:above;}
.no-display{display:none;margin:0;padding:0;}
.return_top{margin:2em auto 2.5em auto;width:590px;font-weight:bold;text-align:right;}
a:link,
a:visited{color:#FFFFFF;text-decoration:none;}
a:active,
a:hover{color:#CC3300;text-decoration:underline;}
a:focus{color:#CC3300;text-decoration:none;}
.btn{display:block;outline:none;cursor:pointer;color:#FFF;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);width:80%;height:1.5em;margin:1em auto;padding:0.5em 0;font-size:1.315em;font-weight:bold;line-height:1.750em;text-align:center;text-decoration:none;*display:inline;*zoom:1;}
.btn button:hover{text-decoration:none;}
.btn button:active{position:relative;top:1px;}
header{margin:0 auto;padding:0;width:100%;height:140px;}
header #head-bar{margin:0 auto;width:960px;height:100px;background:url(../../_images/header/back_header.png) no-repeat 0 100%;}
header #head-bar h1{margin:5px;width:187px;height:52px;text-indent:-9999px;background:url(../../_images/header/logo-yasaka.png) no-repeat;-webkit-background-size:187px 52px;float:left;}
header #head-bar h1 a{display:block;width:187px;height:52px;}
header #head-bar .h-facebook{display:none;}
header #head-bar #h-nav{margin:0;width:640px;display:inline-block;*display:inline;*zoom:1;float:right;text-indent:-9999px;}
header #head-bar #h-nav li{padding:5px 5px 0 0;display:inline-block;*display:inline;*zoom:1;}
header #head-bar #h-nav li a{height:16px;background-position:0 0;display:block;text-decoration:none;color:#fff;}
header #head-bar #h-nav li.n-home a{width:53px;background-image:url(../../_images/button/btn_home.png);-webkit-background-size:53px 32px;}
header #head-bar #h-nav li.n-group a{width:100px;background-image:url(../../_images/button/btn_group.png);-webkit-background-size:100px 32px;}
header #head-bar #h-nav li.n-map a{width:90px;background-image:url(../../_images/button/btn_sitemap.png);-webkit-background-size:90px 32px;}
header #head-bar #h-nav li.n-company a{width:65px;background-image:url(../../_images/button/btn_company.png);-webkit-background-size:65px 32px;}
header #head-bar #h-nav li.n-recruit a{width:64px;background-image:url(../../_images/button/btn_recruit.png);-webkit-background-size:65px 32px;}
header #head-bar #h-nav li.n-inquiry a{width:90px;background-image:url(../../_images/button/btn_inquiry.png);-webkit-background-size:90px 32px;}
header #head-bar #h-nav li.n-english a{width:63px;background-image:url(../../_images/button/btn_english.png);-webkit-background-size:63px 32px;}
header #head-bar #h-nav li.n-fb a{width:16px;background-image:url(../../_images/button/icon_facebook-16.png);-webkit-background-size:16px 32px;}
header #head-bar #h-nav li:hover a ,
header #head-bar #h-nav li:focus a ,
header #head-bar #h-nav li.selected a{background-position:0 -16px;}
header #head-bar #headText{padding:0;width:100%;height:13px;overflow:hidden;position:relative;top:15px;right:-10px;text-align:left;font-size:12px;font-weight:normal;color:#993300;}
header #m-nav{margin:0;width:100%;height:40px;}
header #m-nav ul{margin:0 auto;width:960px;}
header #m-nav li{margin:0;padding:0;text-indent:-9999px;float:left;}
header #m-nav li a{height:40px;background-position:0 0;display:block;text-decoration:none;-webkit-background-size:160px 80px;}
header #m-nav li.navi_01 a{width:160px;background-image:url(../../_images/header/navi_01.png);-webkit-background-size:160px 80px;}
header #m-nav li.navi_02 a{width:160px;background-image:url(../../_images/header/navi_02.png);-webkit-background-size:160px 80px;}
header #m-nav li.navi_03 a{width:160px;background-image:url(../../_images/header/navi_03.png);-webkit-background-size:160px 80px;}
header #m-nav li.navi_04 a{width:160px;background-image:url(../../_images/header/navi_04.png);-webkit-background-size:160px 80px;}
header #m-nav li.navi_05 a{width:160px;background-image:url(../../_images/header/navi_05.png);-webkit-background-size:160px 80px;}
header #m-nav li.navi_06 a{width:160px;background-image:url(../../_images/header/navi_06.png);-webkit-background-size:160px 80px;}
header #m-nav li a:active,
header #m-nav li a:hover,
header #m-nav li a:focus,
header #m-nav li.selected a{background-position:0 -40px;}
.menubtn{display:none;}
.sub_box{display:none;}
#content{margin:0 auto 30px auto;width:960px;line-height:1.45;}
#m-back{margin:0 auto;padding:0;width:960px;min-height:100%;height:auto !important;height:100%;background:rgba(255,255,255, 0.3);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ffffff,EndColorStr=#44ffffff);}
#m-back_shadow{margin:0 auto 15px auto;padding:0;width:100%;height:10px;background:-prefix-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));background:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.4));text-indent:-9999px;}
#f-navi{margin:0 auto;padding:5px 0;width:960px;background:url(../../_images/footer/back-footer.png) repeat 0 0%;}
#f-navi nav{margin:0 1px 10px 5px;padding:0 0 0 2px;width:147px;height:180px;font-size:0.625em;border-right:1px solid #f1e1d1;float:left;}
#f-navi nav.f-last_nav{margin:0 1px 10px 5px;padding:0;width:149px;height:180px;padding:0;font-size:0.625em;border:0;float:left;}
#f-navi nav h6{margin:10px 8px 10px 4px;padding:0px 0 4px 0;font-size:1.125em;font-weight:bold;color:#330000;border-bottom:1px dotted #330000;}
#f-navi nav h6 a:link,
#f-navi nav h6 a:visited{color:#330000;text-decoration:none;}
#f-navi nav h6 a:active,
#f-navi nav h6 a:hover{color:#330000;text-decoration:underline;}
#f-navi nav ul{margin:0 0 20px 7px;}
#f-navi nav li{margin:0 0 7px 0;color:#330000;}
#f-navi nav li a:link,
#f-navi nav li a:visited{color:#330000;text-decoration:none;}
#f-navi nav li a:active,
#f-navi nav li a:hover{color:#009944;text-decoration:underline;}
footer{margin:0 auto;padding:5px 0 0 0;width:960px;position:relative;background:url(../../_images/footer/back-copyright.png) repeat 0 0%;background-color:#990000;}
footer #f-info{margin:0 auto;padding:0 0 0 0;width:960px;font-size:1em;font-weight:bold;text-align:left;}
footer #f-info #f-nav{margin:10px 0 0 7px;font-size:0.938em;font-weight:bold;text-align:left;color:#FFFFFF;}
footer #f-info #f-nav li{margin:12px 0 20px 10px;padding:0 0 0 8px;background:url(../../_images/footer/f-arrow.png) no-repeat 0 48%;display:inline-block;*display:inline;*zoom:1;list-style-type:disc;font-size:0.938em;font-weight:bold;}
#copyright{margin:0 auto;padding:8px 0;width:960px;font-size:0.750em;display:inline-block;overflow:hidden;font-style:normal;font-weight:bold;text-align:center;color:#FFFFFF;}
@media only screen
and (min-device-width:320px)
and (max-device-width:667px){body{width:100%;font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:2em;color:#666;background-image:none;background-color:#FFFFFF;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;}
img{max-width:100%;height:auto;width:auto;}
.btn{margin:1.5em auto 0 auto;width:96%;font-size:1em;}
.return_top{margin:2em auto 1.5em auto;width:100%;font-weight:bold;text-align:right;}
.return_top a:link,
.return_top a:visited{color:#CC3300;text-decoration:none;}
header{margin:0;width:100%;height:250px;background:#FFF;}
header #head-bar{margin:0;padding:0 0 5px 0;width:100%;height:150px;border-bottom:5px solid #006600;background:none;}
header #head-bar h1{margin:5px;width:470px;height:140px;float:left;text-indent:-9999px;background:url(../../_images/sp/h-logo_ysk.png) no-repeat 10px 10px;-webkit-background-size:98%;}
header #head-bar h1 a{display:block;width:470px;height:140px;}
header #head-bar .h-facebook{display:block;margin:15px 10px 0 0;width:128px;height:128px;float:right;}
header #head-bar .h-facebook a{display:block;width:128px;height:128px;text-indent:-9999px;background:url(../../_images/sp/icon_facebook.png) no-repeat 0;-webkit-background-size:98%;}
header #head-bar .h-facebook a:hover{opacity:0.5;filter:alpha(opacity=50);-ms-filter:"alpha( opacity=50 )";background:#FFFFFF;}
header #head-bar h2{display:none;}
header #head-bar #h-nav{display:none;}
header .menubtn{display:block;overflow:visible;margin:0;padding:0.125em 0;width:100%;height:2em;font-size:1.188em;line-height:1.750em;font-weight:bold;text-indent:0;text-align:left;color:#FFFFFF;border-bottom:2px solid #CCC;background-color:#009933;}
header #m-nav{margin:0;width:100%;}
header #m-nav ul{margin:0;width:100%;}
header #m-nav li{display:block;margin:0;width:100%;height:2.5em;-moz-box-sizing:border-box;box-sizing:border-box;}
header #m-nav li a{display:block;margin:0;width:100%;height:2em;font-size:1.250em;line-height:2em;font-weight:bold;text-indent:0;text-align:center;text-decoration:none;color:#FFFFFF;border-bottom:2px solid #333;-moz-box-sizing:border-box;box-sizing:border-box;}
header #m-nav li.navi_01 a,
header #m-nav li.navi_02 a,
header #m-nav li.navi_03 a,
header #m-nav li.navi_04 a,
header #m-nav li.navi_05 a,
header #m-nav li.navi_06 a,
header #m-nav li.navi_07 a{display:block;margin:0;width:100%;height:2em;background:none;background-color:#009933;}
header #m-nav li a:hover{color:#FFFFFF;background-color:#666666;}
.sub_box{margin:0;width:100%;display:block;}
.sub_box .subbtn{display:block;overflow:visible;margin:0;padding:0.125em 0;width:100%;height:2em;font-size:1.188em;line-height:1.750em;font-weight:bold;text-indent:0;text-align:left;color:#FFFFFF;border-bottom:2px solid #CCC;background-color:#CC3300;}
.sub_box #s-nav{margin:0;width:100%;}
.sub_box #s-nav ul{margin:0;width:100%;}
.sub_box #s-nav li{display:block;margin:0;width:100%;height:2.5em;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_box #s-nav li a{display:block;margin:0;width:100%;height:2em;font-size:1.250em;line-height:2em;font-weight:bold;text-indent:0;text-align:center;text-decoration:none;color:#FFFFFF;border-bottom:2px solid #333;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#CC3300;}
.sub_box #s-nav li a:{color:#FFFFFF;background-color:#CC3300;}
.togmenu{display:none;}
#content{width:960px;margin:0 auto;}
#f-navi{display:none;}
footer{margin:2em 0 0 0;padding:0;width:100%;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../../_images/footer/back-copyright.png) repeat 0 0%;}
footer #f-info{float:none;}
footer #f-info,
footer #f-info #f-nav{margin:0;width:100%;}
footer #f-info #f-nav ul{margin:0;width:100%;}
footer #f-info #f-nav li{display:block;margin:0;width:100%;height:2.5em;-moz-box-sizing:border-box;box-sizing:border-box;background-image:none;}
footer #f-info #f-nav li a{display:block;margin:0;padding:0 0 0 0.5em;width:100%;height:2em;font-size:1.250em;line-height:2em;font-weight:bold;text-indent:0;text-align:left;text-decoration:none;color:#FFFFFF;background:url(../../_images/footer/back-copyright.png) repeat 0 0%;border-bottom:2px solid #333333;-moz-box-sizing:border-box;box-sizing:border-box;}
footer #f-info #f-nav li a:hover{margin:0;color:#FFFFFF;background:url(../../_images/footer/back-copyright.png) repeat 0 0%;background-color:#FFFFFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
#copyright{margin:0;padding:0;width:100%;height:3em;font-size:0.688em;line-height:2.75em;display:inline-block;overflow:hidden;font-style:normal;font-weight:bold;text-align:center;color:#FFFFFF;background:url(../../_images/footer/back-copyright.png) repeat 0 0%;}
}