@charset "utf-8";

/* ****************************************************************************

	base.css
	
-------------------------------------------------------------------------------

　01. リセット
　02. 大枠レイアウト
　03. 共通要素
	
******************************************************************************* */

/* ==

　01. リセット

=============================================================================== */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,
form,input,textarea,
p,th,td { margin: 0; padding: 0; }
html,body { background: #fff; }
img { border: 0; vertical-align: top; }
h1,h2,h3,h4,h5 { font-size: 100%; font-weight: normal; }
ul,dl,ol { text-indent: 0; }
li { list-style: none; }
em,strong,th { font-style: normal; font-weight: normal; }
table { border: none; border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }
input,select,textarea { font-size: 100%; }

/* ==

　02. 大枠レイアウト

=============================================================================== */
#header {
	padding: 13px 10px;
	border-top: 5px solid #4a8ac6;
}
#contents {	padding: 10px 10px 15px; }
#footer {
	padding: 12px 10px;
	background-color: #1a1a1a;
	background: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #353535),
		color-stop(1, #1a1a1a)
	);
	background: -webkit-linear-gradient(top, #353535, #1a1a1a);
	background: linear-gradient(to bottom, #353535, #1a1a1a);
	color: #fff;
	font-size: 12px;
	text-align: center;
}
	#footer a:link,
	#footer a:visited,
	#footer a:hover,
	#footer a:active {
		color: #fff;
		text-decoration: none;
	}

/* ==

　03. 共通要素

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

/*-- 基本 --*/
body {
	line-height: 1.4;
	color: #000;
	font-size: 14px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	-webkit-text-size-adjust: none;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #2390e5;
	text-decoration: underline;
}
em,
.bold { font-weight: bold; }
.noDisp{ display: none; }

/*-- 回り込み解除 --*/
.clearfix:after,
.e_radio:after,
.e_check:after,
.e_radio li:after,
.e_check li:after { content: ''; display: block; clear: both; height: 0; }

/*-- 余白調整 --*/
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }

/*-- 幅調整 --*/
.wp10 { width: 10% !important; }
.wp20 { width: 20% !important; }
.wp30 { width: 30% !important; }
.wp40 { width: 40% !important; }
.wp50 { width: 50% !important; }
.wp60 { width: 60% !important; }
.wp70 { width: 70% !important; }
.wp80 { width: 80% !important; }
.wp90 { width: 90% !important; }
.wp100 { width: 100% !important; }

/*-- 位置調整 --*/
.center { text-align: center; }
.right { text-align: right;}
.left { text-align: left; }

/*-- テキスト装飾 --*/
.large { font-size: 16px; }
.x_large { font-size: 18px; }
.color01 { color: #d90000; }
.icon01 {
	display: inline-block;
	line-height: 1;
	padding: 3px 7px; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #d90000;
	color: #fff;
	font-weight: normal;
}