@charset "utf-8";


/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/

html,body {
}

html {
}

/*--共通CSS-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

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

iframe{
	z-index:1;	
}

/* clearfix Start */
.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*/
	font-size: 15px;
	/*ゴシック*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*明朝*/
/*	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
	letter-spacing:0;
	line-height:1.5;
	color:#000;
}

* html body {/*IE6*/
/*	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
}

*:first-child + html body {/*IE7*/
/*	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
}

h1 {
	font-size: 120%;
}

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


p{margin:0.8em 0;}


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

a{
	color:#0000ff;	
}
a:hover,
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;	
}


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

.bold{font-weight:bold;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.ft10{font-size:77%;}
.ft13{font-size:100%;}
.ft16{font-size:124%;}
.ft24{font-size:185%;}

.ft20{
	font-size:20px;	
}