@charset "utf-8";
.stopfooter{background-color:#EEEEEE}

.bx-wrapper {position: relative;margin: 20px auto 30px;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport{
  -webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(./img/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666; color:#fff; text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-prev {left: 20px;background: url('../js/images/stop_cntr_prev.png') no-repeat 0 0px;}
.bx-wrapper .bx-next {right: 20px;background: url('../js/images/stop_cntr_next.png') no-repeat 0px 0px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: 0 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 45%;margin-top: -16px;outline: 0;width: 40px;height: 70px;text-indent: -9999px;z-index: 9999;opacity:0.5;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

.cnt_body .stop_slid { position: relative;}
.cnt_body .stop_slid .bx-banner { width: 190px; height: 190px; position: absolute; bottom: 12.5%; right: 1%; z-index: 100;}

@media screen and (min-width: 0px) and (max-width: 640px) {
#TOP,
.article ,.header .wrap,.header .nav ul ,
.article .contents ,
.article .contents h4:before,
.article .contents ul.menu li:after,
.article .contents .image_box li ,
.article .contents .image_box li img ,
.article .contents .file_section ul li:before,
.article .contents textarea,
.article > .nav ,.not {width:auto;min-width:0px;max-width:100%;float:none;}

.header .title{margin: 0px auto 0px;float:none;width:90%;background: url("../img/title.png") no-repeat scroll center transparent;background-size:contain;}
.header .title a{width:100%}
.header .page_control{width:auto;float:none}
.header .page_control .section{width:380px;margin:0px auto; text-align:center; float:none}
.header .page_control .section .headinfo ul li a.organizationlist{margin-right:10px}
.header .page_control .serchform{clear:both}
.header .page_control .textsize_change{display:none}
.header .page_control .section .headinfo{margin:0px; float:left;}
.header .page_control .language{float:inherit;margin-top:10px;}
.header .page_control .section .headinfo{margin:0px auto;}
.header .page_control .serchform{width:auto;float:none;margin-bottom:10px;background-repeat:repeat-x}

.footernavi{width:inherit;padding:15px}
.footernavi ul {border-right:none;}
.footernavi ul li{padding: 0.2em 10px;margin-bottom:10px}
.footernavi ul li:last-child{border-right:1px dotted #999999}
.footerct{width:auto;padding:0px 10px;}
.footerct dl{margin-top:0px}

.cnt_body .stop_slid{display:block;width:100%;}

.ctg_menu{width:90%}
.ctg_menu ul li {float:none;width:100%;margin-bottom:40px;margin-top:30px}
.ctg_menu ul li img{width:100%;}
.ctg_menu .libt{margin:0px}
.stop_bannerlist{width:100%}
.stop_bannerlist .banner{margin-left:0px !important}
.stop_bannerlist .banner ul{text-align:center;margin-left: auto;margin-right:auto;margin-bottom:0px;width:99%;}
.stop_bannerlist ul li{display:block;width:48%;}
.stop_bannerlist .banner img{width:100%;height:auto}
.footerct{padding:25px 15px 0px 15px}



/* かむてん下に落とす
.cnt_body .stop_slid { position:static;}
.cnt_body .stop_slid .bx-banner { position: static; width: 100%; text-align: center;}
.cnt_body .stop_slid .bx-banner a img { max-width: 100%;}
*/

/* かむてんバナーの中 */
.cnt_body .stop_slid .bx-wrapper .bx-controls-direction { display: none;}
.cnt_body .stop_slid .bx-banner { width: 25%; height: 38%; position: absolute; bottom: 60px; right: 0px; z-index: 100;}
.cnt_body .stop_slid .bx-banner img { max-width: 80%; height: auto; margin-right: 5%; float: right; } 
}