@charset "utf-8";
/* CSS Document */


html { overflow-y: scroll;}


/* ---------------------------------------------
	Base font
--------------------------------------------- */
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color:#D8D6D6;
}

/* ---------------------------------------------
	text
--------------------------------------------- */

.lh3 { line-height:1.3em;}
.lh4 { line-height:1.4em;}
.lh5 { line-height:1.5em;}
.lh6 { line-height:1.6em;}
.lh7 { line-height:1.7em;}

.tx-10 { font-size:10px;}
.tx-11 { font-size:11px;}
.tx-12 { font-size:12px;}
.tx-13 { font-size:13px;}
.tx-14 { font-size:14px;}
.tx-15 { font-size:15px;}
.tx-16 { font-size:16px;}

.tx-re1 { color:#F00;}
.tx-color2 { color:#039;}
.tx-color3 { color: #;}
.tx-color4 { color: #;}
.tx-color5 { color: #;}
.tx-color6 { color: #;}
.tx-color7 { color: #;}

a {
	text-decoration: none;
	color:#03F;
}

a:hover {
	text-decoration: underline;
	color:#03F;
}

a.link {
	color: #06C;
	text-decoration: none;
	outline: none;
}

a.link:hover {
	text-decoration: underline;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background-color:#C93;
}

/* -----------------------------------------
	position
----------------------------------------- */

.mo{
	margin:0 auto;
}

.fl-l{
	float:left;
}

.fl-r{
	float:right;
}

.pt01{ padding-top:5px; }
.pt02{ padding-top:10px; }
.pt03{ padding-top:15px; }
.pt04{ padding-top:20px; }
.pt05{ padding-top:25px; }
.pt06{ padding-top:30px; }
.pt07{ padding-top:35px; }

.pl01{ padding-left:5px; }
.pl02{ padding-left:10px; }
.pl03{ padding-left:15px; }
.pl04{ padding-left:20px; }
.pl05{ padding-left:25px; }
.pl06{ padding-left:30px; }
.pl07{ padding-left:35px; }

.pb01{ padding-bottom:5px; }
.pb02{ padding-bottom:10px; }
.pb03{ padding-bottom:15px; }
.pb04{ padding-bottom:20px; }
.pb05{ padding-bottom:25px; }
.pb06{ padding-bottom:30px; }
.pb07{ padding-bottom:35px; }

.pr01{ padding-right:5px; }
.pr02{ padding-right:10px; }
.pr03{ padding-right:15px; }
.pr04{ padding-right:20px; }
.pr05{ padding-right:25px; }
.pr06{ padding-right:30px; }
.pr07{ padding-right:35px; }

.mt01{ margin-top:5px; }
.mt02{ margin-top:10px; }
.mt03{ margin-top:15px; }
.mt04{ margin-top:20px; }
.mt05{ margin-top:25px; }
.mt06{ margin-top:30px; }
.mt07{ margin-top:35px; }

.ml01{ margin-left:5px; }
.ml02{ margin-left:10px; }
.ml03{ margin-left:15px; }
.ml04{ margin-left:20px; }
.ml05{ margin-left:25px; }
.ml06{ margin-left:30px; }
.ml07{ margin-left:35px; }

.mb01{ margin-bottom:5px; }
.mb02{ margin-bottom:10px; }
.mb03{ margin-bottom:15px; }
.mb04{ margin-bottom:20px; }
.mb05{ margin-bottom:25px; }
.mb06{ margin-bottom:30px; }
.mb07{ margin-bottom:35px; }

.mr01{ margin-right:5px; }
.mr02{ margin-right:10px; }
.mr03{ margin-right:15px; }
.mr04{ margin-right:20px; }
.mr05{ margin-right:25px; }
.mr06{ margin-right:30px; }
.mr07{ margin-right:35px; }

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

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

.clearfix {
	min-height: 1%;
}

html .clearfix {
	height: 1%;
	height: auto;
	overflow: hidden;
}

.clear{
	clear:both;
}