@charset "utf-8";

/* reset
-------------------------------------------------------------*/

body,
header,footer,section,article,nav,aside,
div,p,blockquote,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,table,thead,tbody,tfoot,th,td,caption,
pre,code,form,fieldset,legend,input,textarea
{margin:0;padding:0;font-weight:normal;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{display:inline-block;border:0;}
address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

/* font
-------------------------------------------------------------*/

body {
	font:13px/1.231 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font:13px/1.231 Meiryo\0/; /* IE8 */
	*font-size:small;
	*font:x-small;
}
select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;font:100%;
}

@font-face {
	font-family:'qumpellkano12';
	src: url('OpenSans-Bold.ttf');
}

/* common - block
-------------------------------------------------------------*/

html,
body,
section {
	height:100%;
}

section {
	min-height:100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #999;
	overflow: hidden;
	zoom: 1;
}
body > section {
	height: auto;
}

section#index {background-image: url(../img/pic.php?id=bg_0.jpg);}
section#menu {background-image: url(../img/pic.php?id=bg_1.jpg);}
section#access {background-image: url(../img/pic.php?id=bg_2.jpg);}

/* MT */
.MT-40{margin-top:-40px !important;}
.MT-35{margin-top:-35px !important;}
.MT-30{margin-top:-30px !important;}
.MT-25{margin-top:-25px !important;}
.MT-20{margin-top:-20px !important;}
.MT-15{margin-top:-15px !important;}
.MT-10{margin-top:-10px !important;}
.MT-5{margin-top:-5px !important;}
.MT0{margin-top:0 !important;}
.MT5{margin-top:5px !important;}
.MT10{margin-top:10px !important;}
.MT15{margin-top:15px !important;}
.MT20{margin-top:20px !important;}
.MT25{margin-top:25px !important;}
.MT30{margin-top:30px !important;}
.MT35{margin-top:35px !important;}
.MT40{margin-top:40px !important;}
.MT50{margin-top:50px !important;}
.MT60{margin-top:60px !important;}
.MT70{margin-top:70px !important;}
.MT80{margin-top:80px !important;}
.MT90{margin-top:90px !important;}
/* MB */
.MB-50{margin-bottom:-50px !important;}
.MB-40{margin-bottom:-40px !important;}
.MB-35{margin-bottom:-35px !important;}
.MB-30{margin-bottom:-30px !important;}
.MB-25{margin-bottom:-25px !important;}
.MB-20{margin-bottom:-20px !important;}
.MB-15{margin-bottom:-15px !important;}
.MB-10{margin-bottom:-10px !important;}
.MB-5{margin-bottom:-5px !important;}
.MB0{margin-bottom:0 !important;}
.MB5{margin-bottom:5px !important;}
.MB10{margin-bottom:10px !important;}
.MB15{margin-bottom:15px !important;}
.MB20{margin-bottom:20px !important;}
.MB25{margin-bottom:25px !important;}
.MB30{margin-bottom:30px !important;}
.MB35{margin-bottom:35px !important;}
.MB40{margin-bottom:40px !important;}
.MB50{margin-bottom:50px !important;}
.MB60{margin-bottom:60px !important;}
.MB70{margin-bottom:70px !important;}
.MB80{margin-bottom:80px !important;}
.MB90{margin-bottom:90px !important;}
/* width */
.width_20 {width: 20%;height:auto;}
.width_25 {width: 25%;height:auto;}
.width_30 {width: 30%;height:auto;}
.width_40 {width: 40%;height:auto;}
.width_50 {width: 50%;height:auto;}
.width_60 {width: 60%;height:auto;}
.width_75 {width: 75%;height:auto;}
.width_80 {width: 80%;height:auto;}
.width_85 {width: 85%;height:auto;}
.width_90 {width: 90%;height:auto;}
.width_100 {width: 100%;height:auto;}

/* common - inline
-------------------------------------------------------------*/

/* fs */
.fs10 {font-size:77%;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
.fs13 {font-size:100%;}
.fs14 {font-size:108%;}
.fs15 {font-size:116%;}
.fs16 {font-size:123.1%;}
.fs17 {font-size:131%;}
.fs18 {font-size:138.5%;}
.fs19 {font-size:146.5%;}
.fs20 {font-size:153.9%;}
.fs21 {font-size:161.6%;}
.fs22 {font-size:167%;}
.fs23 {font-size:174%;}
.fs24 {font-size:182%;}
.fs25 {font-size:189%;}
.fs26 {font-size:197 %;}
ul.fs10 li {font-size:77%;}
ul.fs11 li {font-size:85%;}
ul.fs12 li {font-size:93%;}
ul.fs13 li {font-size:100%;}
ul.fs14 li {font-size:108%;}
ul.fs15 li {font-size:116%;}
ul.fs16 li {font-size:123.1%;}
ul.fs17 li {font-size:131%;}
ul.fs18 li {font-size:138.5%;}
ul.fs19 li {font-size:146.5%;}
ul.fs20 li {font-size:153.9%;}

/* text */
body {color: #333;}
a {
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	text-decoration: none;
}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #666;}
a:active {color: #666;}
strong,.strong {font-weight: bold;}
em,.em {font-style:normal;font-weight: bold;color:#f00;}

/* align */
.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}
.v-top {vertical-align: top !important;}
.v-middle {vertical-align: middle !important;}
.v-bottom {vertical-align: bottom !important;}
.v-baseline {vertical-align: baseline !important;}

/* misc */
.nowrap {white-space: nowrap !important;}
.break {word-break:break-all;}
.print_break {page-break-before:always;page-break-inside:avoid;}