@charset "UTF-8";

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

	東京海上ミレア少額短期保険株式会社
	
	common.css
	
	[1] ブラウザリセット、基本設定
	[2] 汎用クラス

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

/* ●[1] ブラウザリセット、基本設定-------------------- */

html {
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.6;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* for IE 5.5 */
}

img {
	border: none;
	vertical-align: top;
	border-style: none;
	outline: none;
}

a {
	border: none;
	border-style: none;
	outline: none;
}

address, em, th, dt {
	font-style: normal;
	font-weight: normal;
}

ul, li {
	list-style: none;
}

q:before, q:after {
	content: '';
}

input, textarea, select {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
}

input, select {
	vertical-align: middle;
}

select {
	margin-bottom: 5px;
}

caption, th {
	text-align: center;
}

a:link, a:visited {
	color: #2b80c9;
	text-decoration: none;
}

a:hover {
	color: #2b80c9;
	text-decoration: underline;
}

/* ●[2] 汎用クラス-------------------- */

/* ●clearfix */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/*¥*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ●clear */
.clear {
	clear: both;
}

/* ● 汎用マージン・パディング */

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.ml10 {
	margin-left: 10px !important;
}

/* ●フォントサイズ */

.font10 {
	font-size: 77%;
}

.font11 {
	font-size: 85%;
}

.font14 {
	font-size: 108%;
}

.font15 {
	font-size: 116%;
}

.font16 {
	font-size: 123.1%;
}

.font17 {
	font-size: 131%;
}

.font18 {
	font-size: 138.5%;
}

.font19 {
	font-size: 146.5%;
}

.font20 {
	font-size: 153.9%;
}

.font21 {
	font-size: 161.6%;
}

.font22 {
	font-size: 167%;
}

.font23 {
	font-size: 174%;
}

.font24 {
	font-size: 182%;
}

.font25 {
	font-size: 189%;
}

.font26 {
	font-size: 197%;
}

.font_ss {
	font-size: 84%;
}

.font_b {
	font-weight: bold
}

.font_normal {
	font-weight: normal;
}

/* ●テキストアライン */

.align_l {
	text-align: left
}

.align_c {
	text-align: center
}

.align_r {
	text-align: right
}

/* ●「※」つき文章 */
.asterisk {
	text-indent: -1em;
	padding-left: 1em;
}

.asterisk_m {
	text-indent: -2em;
	padding-left: 2em;
}

.asterisk_l {
	text-indent: -2.5em;
	padding-left: 2.5em;
}

/* ●フロート */
.float_l {
	float: left;
}

.float_r {
	float: right;
}

.img_float_l {
	float: left;
	margin-right: 20px;
}

.img_float_r {
	float: right;
	margin-left: 20px;
}

/* ●ライン */
.line01 {
	border-bottom: #e3e3e3 solid 1px;
}

/* ●テキストカラー */
.red01 {
	color: #cc0000;
}

.bule01 {
	color: #129dc6;
}

.bule02 {
	color: #41bcdf;
}

.green01 {
	color: #26942a;
}