@charset "utf-8";

/* =============================================== */
/** reset全体設定 */
/* ----------------------------------------------- */

* {
	font-size:inherit;
	font:100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.6;
	vertical-align: baseline;
}

/* =============================================== */
/** resetタグ設定 */
/* ----------------------------------------------- */

html {
	overflow-y: scroll;
	line-height:1.6;}

html, body {height: 100%;}

dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, caption, address, cite, code, dfn, em, strong, var, map, area{
	margin: 0;
	padding: 0;
	text-align: left;}

div,body {
	margin:0;
	padding: 0;
}

body {
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Osaka,sans-serif;
	color:#000000;
	background:#fff;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	width:100%;
}

fieldset, img, abbr, acronym, hr {
	border:0;
	vertical-align: middle;
}

ul {list-style:none;}

/* =============================================== */
/** basicタグ設定 */
/* ----------------------------------------------- */
a {color:#000;
	cursor: pointer;
	outline:none;}

a:link {}
a:visited {}
a:hover {	text-decoration:underline;}
a:active {}

strong{	font-weight:bold;}
address{	font-style:normal;}

/* =============================================== */
/** resetクラス設定 */
/* ----------------------------------------------- */

.f-8 {	font-size:70%;}
.f-10 {	font-size:77%;}
.f-11 {	font-size:85%;}
.f-12 {	font-size:93%;}
.f-13 {	font-size:100%;}
.f-14 {	font-size:108%;}
.f-15 {	font-size:116%;}
.f-16 {	font-size:123.1%;}
.f-18 {	font-size:138.5%;}
.f-20 {	font-size:153.9%;}
.f-21 {	font-size:161.6%;}
.f-22 {	font-size:167%;}
.f-24 {	font-size:182%;}
.f-26 {	font-size:197%;}

/* =============================================== */
/** basicクラス設定 */
/* ----------------------------------------------- */


.f-r {	float: right;}
.f-l {	float: left;}
.c-b{clear:both;}

.m-b5 {	margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}
.m-b60 {margin-bottom: 60px;}
.m-b70 {margin-bottom: 70px;}
.m-t10 {margin-top: 10px;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px;}
.m-t25 {margin-top: 25px;}
.m-l3{margin-left:3px;}
.m-l10{margin-left:10px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}

.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t60{ padding-top:60px;}

.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}

.p-l125{padding-left:125px;}


.bold{font-weight:bold;}

.t-l{	text-align:left;}
.t-r{	text-align:right;}
.t-c{	text-align:center;}
.v-m{ vertical-align:middle;}

.border-btm{ border-bottom:solid #7F7F7F 2px; padding-bottom:10px;}
.hr-gray{ border-bottom:solid #CCCDCD 1px;}
.b-btm-dot{	border-bottom:1px dotted #000;}

.c-white{color:#fff;}
.c-red{color:#F00;}
.c-red2{color:#e30011;}/*-ラフに合わせ変更-*/
.c-blue{color:#06F;}


.u-line{text-decoration:underline;}
.u-line02{text-decoration:underline; color:#0066cc;}
.u-line02:hover{text-decoration:none;}


a.alphaover:hover img ,input.alphaover:hover{
	zoom: 1;
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70;
	}

/*======================================================
	CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
	line-height:0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

div {
	zoom: 100%;
}


.clearfix-A:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
	line-height:0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

div {
	zoom: 100%;
}