﻿@charset "utf-8";

/* default
------------------------------------------*/	
li{
	list-style: none;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%; /* Win IE */
	line-height: 100%;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
/*floatキャンセル*/
.clearfix:after{/*新しいブラウザ用*/
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/*IE用*/
.clearfix{ display:inline-table;clear:both; }
/*Mac-IE用\*/
*html .clearfix{ height:1%;clear:both; }
.clearfix{ display:block;clear:both; }


/* general style
------------------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:100%;
	font-style:normal;
	line-height:140%; 
}
html {
	overflow-y:scroll;
	height: 100%;
}
img {
	border:none;
}
p {
	line-height:1.5
}

body, td, th {
	color: #3F3F3F;
}
body {
	background-color: #FFF;
	font-size:90%;
	text-align:left;
	margin: 0px;
	padding: 0px;
	height: 100%;
	/*font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}

/*
a:link {
	color: #098eab;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #098eab;
}
a:hover {
	text-decoration: underline;
	color: #098eab;
}
a:active {
	text-decoration: none;
	color: #098eab;
}
*/

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


/* OPTION
------------------------------------------*/

.floatR {
	float: right;
}
.floatL {
	float: left;
}



.text_R {
	text-align:right;
}

.text_L {
	text-align:left;
}

.text_C {
	text-align:center;
}

.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt90{
	margin-top:90px;
}
.mt100{
	margin-top:100px;
}

.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}
.mr40{
	margin-right:40px;
}
.mr50{
	margin-right:50px;
}
.mr60{
	margin-right:60px;
}
.mr70{
	margin-right:70px;
}
.mr80{
	margin-right:80px;
}
.mr90{
	margin-right:90px;
}
.mr100{
	margin-right:100px;
}

.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;
}
.ml40{
	margin-left:40px;
}
.ml50{
	margin-left:50px;
}
.ml60{
	margin-left:60px;
}
.ml70{
	margin-left:70px;
}
.ml80{
	margin-left:80px;
}
.ml90{
	margin-left:90px;
}
.ml100{
	margin-left:100px;
}

.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb70{
	margin-bottom:70px;
}
.mb80{
	margin-bottom:80px;
}
.mb90{
	margin-bottom:90px;
}
.mb100{
	margin-bottom:100px;
}


.ma5{
	margin:5px;
}
.ma10{
	margin:10px;
}
.ma20{
	margin:20px;
}
.ma30{
	margin:30px;
}
.ma40{
	margin:40px;
}


.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pt30{
	padding-top:30px;
}
.pt40{
	padding-top:40px;
}
.pt50{
	padding-top:50px;
}
.pt60{
	padding-top:60px;
}
.pt70{
	padding-top:70px;
}
.pt80{
	padding-top:80px;
}
.pt90{
	padding-top:90px;
}
.pt100{
	padding-top:100px;
}

.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}
.pr30{
	padding-right:30px;
}
.pr40{
	padding-right:40px;
}
.pr50{
	padding-right:50px;
}
.pr60{
	padding-right:60px;
}
.pr70{
	padding-right:70px;
}
.pr80{
	padding-right:80px;
}
.pr90{
	padding-right:90px;
}
.pr100{
	padding-right:100px;
}

.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}
.pl30{
	padding-left:30px;
}
.pl40{
	padding-left:40px;
}
.pl50{
	padding-left:50px;
}
.pl60{
	padding-left:60px;
}
.pl70{
	padding-left:70px;
}
.pl80{
	padding-left:80px;
}
.pl90{
	padding-left:90px;
}
.pl100{
	padding-left:100px;
}

.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pb30{
	padding-bottom:30px;
}
.pb40{
	padding-bottom:40px;
}
.pb50{
	padding-bottom:50px;
}
.pb60{
	padding-bottom:60px;
}
.pb70{
	padding-bottom:70px;
}
.pb80{
	padding-bottom:80px;
}
.pb90{
	padding-bottom:90px;
}
.pb100{
	padding-bottom:100px;
}

.pa5{
	padding:5px;
}
.pa10{
	padding:10px;
}
.pa20{
	padding:20px;
}
.pa30{
	padding:30px;
}
.pa40{
	padding:40px;
}
.pa50{
	padding:50px;
}
.f8{
	font-size:8px;
}
.f10{
	font-size:10px;
}
.f11{
	font-size:11px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}

.font-red {
	color:#F00;
}
