@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
	max-width:100%;
	height:auto;
}

ul li, ol li{
	list-style: none;
}

iframe{
	z-index:1;	
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* clearfix End */

.space{
	margin:1em 0;	
}


/*-------------------------------------------------
77% = 10px  | 123.1%(122%) = 16px | 167% = 22px
85% = 11px  | 131%  (129%) = 17px | 174% = 23px 
93% = 12px  | 138.5%(136%) = 18px | 182% = 24px 
100% = 13px | 146.5%(144%) = 19px | 189% = 25px 
108% = 14px | 153.9%(152%) = 20px | 197% = 26px 
116% = 15px | 161.6%(159%) = 21px | 
================================================*/


body {
	font-size: 13px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}

h1 {
	font-size: 120%;
}

h2,h3,h4,h5,h6 {
	font-size: 100%;
}

p{margin:0.8em 0;}

/*--Link------------------------------------------------------------*/

a{
	color:#0044CC;
}

a:hover {
	transition: 0.5s;
}

a:active {
	color: #777777;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article, aside, details, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

section{zoom:1;}

/*--float-----------------------------------------------------------*/


.imgL{
	float:left;
	margin:0 1em 0 0;
}

.imgR{
	float:right;
	margin:0 0 0 1em;
}


.float-left{
	float:left;	
}

.float-right{
	float:right;	
}

.w100{
	width:100%;	
}

.switch {
	visibility: hidden;
}

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

.bold{font-weight:bold;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.ft10{font-size:10px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}

.red{color:#E60012;}

.normal{
	font-weight:normal;	
}

.min{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/* btn */


a.btn{
	font-size:18px;
	padding: 7px 36px;
	color: #FFF;
	border-radius:6px;

	border-top-color: #1992da;
	border-left-color: #0c75bb;
	border-right-color: #0c75bb;
	border-bottom-color: #00589c;
	-webkit-box-shadow: inset 0 1px 1px 0 #6fc5f5;
	-moz-box-shadow: inset 0 1px 1px 0 #6fc5f5;
	box-shadow: inset 0 1px 1px 0 #6fc5f5;
	background: #117ed2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37aaea",endColorstr="#117ed2");
	background: -webkit-gradient(linear,left top,left bottom,from(#37aaea),to(#117ed2));
	background: -moz-linear-gradient(top,#37aaea,#117ed2);
	background-image: -o-linear-gradient(top,#37aaea 0,#117ed2 100%);
	background-image: linear-gradient(to bottom,#37aaea 0,#117ed2 100%);
	
}


.m20{margin:20px 0;}
.m50{margin:50px 0;}
.mt20{margin-top:20px;}
.pt20{padding-top:20px;}
.pt40{padding-top:40px;}
.mr1{margin-right:1em;}