@charset "utf-8";

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

* {
	/*font-size:100%;
	font:inherit;*/
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5;
}

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

html {
	overflow-y: scroll;
	font-size:62.5%;/*62.5%=10px=1.0rem*/
	line-height:1.5;}

html, body {
	height: 100%;
	}

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

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

body {
	font-size: 14px; font-size: 1.4rem; /*CSS3対応ブラウザのみ*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#1b1b1b;
	background:#FFF;
}

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

td, th {vertical-align: top;}

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

ul {list-style:none;}

hr{margin:30px 0; height:1px; background:#ccc;}

/* =============================================== */
/** basicタグ設定 */
/* ----------------------------------------------- */
a {
	color: #005E9C;
	cursor: pointer;
	text-decoration:underline;}

a:link {color: #005E9C;}
a:visited {}
a:hover {text-decoration:none;}
a:active {}

strong{	font-weight:bold;}

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

.f_10 {	font-size:10px;font-size:1.0rem;}
.f_11 {	font-size:11px;font-size:1.1rem;}
.f_12 {	font-size:12px;font-size:1.2rem;}
.f_13 {	font-size:13px;font-size:1.3rem;}
.f_14 {	font-size:14px;font-size:1.4rem;}
.f_15 {	font-size:15px;font-size:1.5rem;}
.f_16 {	font-size:16px;font-size:1.6rem;}
.f_18 {	font-size:18px;font-size:1.8rem;}
.f_20 {	font-size:20px;font-size:2.0rem;}
.f_24 {	font-size:24px;font-size:2.4rem;}
.f_30 {	font-size:30px;font-size:3.0rem;}

/* =============================================== */
/** basicクラス設定 */
/* ----------------------------------------------- */
.f_r {	float: right;}
.f_l {	float: left;}
.c_b{	clear:both;}

.o_h{overflow:hidden;}

.m_t10 {margin-top: 10px;}

.m_r10{margin-right:10px;}
.m_r20{margin-right:20px;}

.m_b10 {margin-bottom: 10px;}
.m_b15 {margin-bottom: 15px;}
.m_b20 {margin-bottom: 20px;}
.m_b30 {margin-bottom: 30px;}
.m_b40 {margin-bottom: 40px;}
.m_b50 {margin-bottom: 50px;}

.m_l10{margin-left:10px;}
.m_l20{margin-left:20px;}

.p_t10{ padding-top:10px;}
.p_t20{ padding-top:20px;}
.p_t30{ padding-top:30px;}

.p_b10{ padding-bottom:10px;}

.bold{font-weight:bold;}

.v_b{vertical-align:baseline;}

.c_red{ color:#F00}
.c_gray{color:#868585;}
.c_blue{color:#005E9A;}

.t_l{	text-align:left;}
.t_r{	text-align:right;}
.t_c{	text-align:center;}

a:hover img{
	zoom: 1;
	filter: alpha(opacity=60); /* IE6/7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
	-moz-opacity: 0.60; /* Firefox */
	opacity: 0.60;}

.noborder{border:none !important}

ul.list_circle{
	list-style:outside circle !important;
	margin-left:20px;}

ul.list_disc{
	list-style:outside disc !important;
	margin-left:20px;}

.japanese-serif{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝"}

/*四方影 IE8は無し*/
.s{
background:#fff;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 8px rgba(0,0,0,0.3); /* IE9用 */
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); /* Firefox用 */
box-shadow: 0 0 8px rgba(0,0,0,0.3); /* CSS3 */}


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

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;}
 
.clearfix:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}