body, html { font-size: 100%; padding: 0; margin: 0;}
*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
body {font-family: 'Lato', Calibri, Arial, sans-serif;color: #333333;background-color:#fff;}

a {color: #f0f0f0;text-decoration: none;}
a:hover {color: #000;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }
a:focus{ -moz-outline-style: none; /* FF */ } 

.company,
.news,
.pinpai,
.container > header {margin: 0 auto;padding: 0 10px;}
.container > header {padding:0;}

.company > section {padding: 0;width: 100%;margin: 0 auto;clear:both;}
.company > section h2 {font-weight: 300;height:55px;line-height:55px;color: #bbb;padding:0;margin:0;}
.company > section button {border: none;background: #47a3da;display: block;width: 49%;cursor: pointer;margin: 0 0 5px 0;height:50px;padding:0;border-radius:5px 5px 5px 5px;}
.company > section button img{width:50px; height:50px; float:left;}
.company > section button span{float:left; text-align:left; text-indent:10px; line-height:50px; font-size: 1.1em;color: #fff;}
.company > section button a{display:block;color:#FFFFFF;} 
.company > section button.l {float:left;}
.company > section button.r {float:right;}
.company > section button:hover {background: #258ecd;}
.company > section button.active {background: #0d77b6;}
.company > section button.disabled {background: #aaa;pointer-events: none;}

.news > section {padding: 0;width: 100%;margin: 0 auto;clear:both;}
.news > section h2 {font-weight: 300;height:55px;line-height:55px;color: #bbb;padding:0;margin:0;}
.news > section button {border: none;background: #47a3da;display: block;width: 49%;cursor: pointer;margin: 0 0 5px 0;height:40px;padding:0;border-radius:5px 5px 5px 5px;}
.news > section button span{float:left; text-align:left; text-indent:10px; line-height:40px; font-size: 1.1em;color: #fff;}
.news > section button a{display:block;color:#FFFFFF;} 
.news > section button.l {float:left;}
.news > section button.r {float:right;}
.news > section button:hover {background: #258ecd;}
.news > section button.active {background: #0d77b6;}
.news > section button.disabled {background: #aaa;pointer-events: none;}

.pinpai > section {padding: 0;width: 100%;margin: 0 auto;clear:both;}
.pinpai > section h2 {font-weight: 300;height:55px;line-height:55px;color: #bbb;padding:0;margin:0;}
.pinpai > section button {border: none;background: #47a3da;display: block;width:100%;cursor:pointer;height:45px;padding:0; margin-bottom:5px;border-radius:5px 5px 5px 5px;}
.pinpai > section button span{text-align:center;line-height:45px; font-size: 1em;color: #fff;}
.pinpai > section button a{display:block;color:#FFFFFF;} 
.pinpai > section button:hover {background: #258ecd;}
.pinpai > section button.active {background: #0d77b6;}
.pinpai > section button.disabled {background: #aaa;pointer-events: none;}
.pinpai > section button img{width:52px; height:39px; float:right;border-radius:2px 2px 2px 2px; margin:3px 3px 3px 0;}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}
.container > header nav a:hover:before {color: #fff;}
.icon-drop:before {content: "\e000";}
.icon-arrow-left:before {content: "\f060";}


#header{width:100%;height:50px;overflow:hidden;text-align:center;line-height:50px;word-break:keep-all;white-space:nowrap;font-size:1.3em;font-weight:bold;color:#FFFFFF;background:#007CE1;position:fixed; top:0px;_position:absolute; _top:0px;_top:expression(eval(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0))); z-index:9999;}




/*½¹µã¹ã¸æ*/
.box_swipe{overflow:hidden; position:relative; background:#DCDCDC; width: 100%; margin:0 auto; padding:0; visibility: visible;}
.box_swipe ul{padding:0; margin:0;}
.box_swipe ul img{width:100%; border:0;}
.box_swipe>ol{
	padding:0 10px 0 0;
	margin:0;
    height:20px;
    position: relative;
    z-index:10;
    text-align:right;
}
.box_swipe>ol>li{
    display:inline-block;
    margin:5px 0;
    width:5px;
    height:5px;
    background-color:#BBBBBB;
    border-radius: 5px;
}
.box_swipe>ol>li.on{background-color:#ffffff;}