@charset "utf-8";

/******************************************************
初期化
******************************************************/

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-size: medium;
} 

table {  
	border-collapse:collapse;
	border-spacing:0;
} 

img,
embed,
object {
	vertical-align:middle;
}

ul,li{
	list-style:none;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

/*--------------------------------------------
 * firefox
 -------------------------------------------*/
html {
	overflow-y:scroll;
}

a:link,
a:visited {
	outline-width:0;
}
a:hover,
a:active {
	outline-width:0;
}


/*--------------------------------------------
 * param
 -------------------------------------------*/
html {
	overflow-y:scroll;
}

a:link,
a:visited {
	outline-width:0;
}
a:hover,
a:active {
	outline-width:0;
}

/*a:link,
a:visited {
	color: #0B237E;
}
a:hover,
a:active {
	color: #02A4F3;
}*/


/*--------------------------------------------
 * clearfix
 -------------------------------------------*/

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*--------------------------------------------
 * font-weight
 -------------------------------------------*/
.font-w100 {
	font-weight:100;
}
.font-w200 {
	font-weight:200;
}
.font-w300 {
	font-weight:300;
}
.font-w400 {
	font-weight:400;
}
.font-w500 {
	font-weight:500;
}
.font-w600 {
	font-weight:600;
}

/*--------------------------------------------
 * text-align
 -------------------------------------------*/
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.top {
	vertical-align: top;
}
.mid {
	vertical-align: middle;
}
.btm {
	vertical-align: bottom;
}

.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.bold {
	font-weight: bold;
}
.line {
	line-height: 1.2;
}
.normal {
	font-weight: normal;
}
/*--------------------------------------------
 * width
 -------------------------------------------*/
.w-160px {
	width: 160px !important;
}
.w-10 {
	width: 15% !important;
}
.w-15 {
	width: 15% !important;
}
.w-20 {
	width: 20% !important;
}
.w-25 {
	width: 25%;
}
.w-30 {
	width: 30%;
}
.w-40 {
	width: 40%;
}
.w-50 {
	width: 50%;
}
.w-60 {
	width: 60%;
}
.w-70 {
	width: 70%;
}
.w-75 {
	width: 75%;
}
.w-80 {
	width: 80% !important;
}
.w-85 {
	width: 85% !important;
}
.w-90 {
	width: 90% !important;
}
.w-100 {
	width: 100% !important;
}

/*--------------------------------------------
 * font-size
 -------------------------------------------*/
.font-50 {
	font-size: 50%;
}
.font-60 {
	font-size: 60%;
}
.font-70 {
	font-size: 70%;
}
.font-75 {
	font-size: 75%;
}
.font-80 {
	font-size: 80%;
}
.font-85 {
	font-size: 85%;
}
.font-90 {
	font-size: 90%;
}
.font-110 {
	font-size: 110%;
}
.font-115 {
	font-size: 115%;
}
.font-120 {
	font-size: 120%;
}
.font-125 {
	font-size: 125%;
}
.font-130 {
	font-size: 130%;
}
.font-140 {
	font-size: 140%;
}
.font-150 {
	font-size: 150%;
}
.font-160 {
	font-size: 160%;
}
.font-170 {
	font-size: 170%;
}
.font-180 {
	font-size: 180%;
}
.font-190 {
	font-size: 190%;
}
.font-200 {
	font-size: 200%;
}

/*--------------------------------------------
 * margin-top
 -------------------------------------------*/
.mt-0 {
	margin-top: 0 !important;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-100 {
	margin-top: 100px;
}
/*--------------------------------------------
 * margin-bottom
 -------------------------------------------*/
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-150 {
	margin-bottom: 150px;
}
.mb-200 {
	margin-bottom: 200px;
}
/*--------------------------------------------
 * margin-left
 -------------------------------------------*/
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-50 {
	margin-left: 50px;
}
/*--------------------------------------------
 * margin-right
 -------------------------------------------*/
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-50 {
	margin-right: 50px;
}
/*--------------------------------------------
 * padding-top
 -------------------------------------------*/
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-100 {
	padding-top: 100px;
}
/*--------------------------------------------
 * padding-bottom
 -------------------------------------------*/
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
/*--------------------------------------------
 * padding-left
 -------------------------------------------*/
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-35 {
	padding-left: 35px;
}
.pl-50 {
	padding-left: 50px;
}
.pl-230 {
	padding-left: 230px;
}
/*--------------------------------------------
 * padding-right
 -------------------------------------------*/
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-50 {
	padding-right: 50px;
}
.pr-150 {
	padding-right: 150px;
}
.pr-160 {
	padding-right: 160px;
}