@charset "UTF-8";

/* CSS Document */

/*--------------------------------------------/
フォントサイズ(bodyに指定する値)が12pxの場合
表示したいサイズ	|	指定するサイズ
-----------------------------------------------
		10px		|		84%
		11px		|		92%
		12px		|		100%
		13px		|		109%
		14px		|		117%
		15px		|		125%
		16px		|		134%
		17px		|		142%
		18px		|		150%
		19px		|		159%
		20px		|		167%
		21px		|		175%
		22px		|		184%
		23px		|		192%
		24px		|		200%
		25px		|		209%
		26px		|		217%
/--------------------------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 170%;
	margin: 0px;
	padding: 0px;
	color: #000;
	-webkit-text-size-adjust:none;
}

/*==================================================

見出し
==================================================*/


h1 {
	font-size: 160%;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 125%;
}
h4{
	font-size: 115%;
}
h5, h6 {
	font-size: 100%;
}

/*==================================================

float
==================================================*/

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

/* micro cf */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/*==================================================

マージン設定
==================================================*/

.mt-space3p {margin-top: 3%!important;}
.mt-space5 {margin-top: 5px!important;}
.mt-space5p {margin-top: 5%!important;}
.mt-space10 {margin-top: 10px!important;}
.mt-space15 {margin-top: 15px!important;}
.mt-space20 {margin-top: 20px!important;}
.mt-space30 {margin-top: 30px!important;}
.mt-space40 {margin-top: 40px!important;}
.mt-space50 {margin-top: 50px!important;}
.mt-space60 {margin-top: 60px!important;}

.mb-space5 {margin-bottom: 5px!important;}
.mb-space10 {margin-bottom: 10px!important;}
.mb-space15 {margin-bottom: 15px!important;}
.mb-space20 {margin-bottom: 20px!important;}
.mb-space30 {margin-bottom: 30px!important;}
.mb-space40 {margin-bottom: 40px!important;}
.mb-space50 {margin-bottom: 50px!important;}
.mb-space60 {margin-bottom: 60px!important;}

.ml-space5 {margin-left: 5px!important;}
.ml-space10 {margin-left: 10px!important;}
.ml-space15 {margin-left: 15px!important;}
.ml-space20 {margin-left: 20px!important;}
.ml-space30 {margin-left: 30px!important;}
.ml-space40 {margin-left: 40px!important;}
.ml-space50 {margin-left: 50px!important;}
.ml-space60 {margin-left: 60px!important;}

.mr-space5 {margin-right: 5px!important;}
.mr-space10 {margin-right: 10px!important;}
.mr-space15 {margin-right: 15px!important;}
.mr-space20 {margin-right: 20px!important;}
.mr-space30 {margin-right: 30px!important;}
.mr-space40 {margin-right: 40px!important;}
.mr-space50 {margin-right: 50px!important;}
.mr-space60 {margin-right: 60px!important;}

/*==================================================

リスト
==================================================*/

ul,li {
  list-style:none;
  margin: 0;
  padding: 0;
}