@charset "utf-8";

/* #############################################################

[ 初期化 + 汎用クラス ]

適用範囲：サイト全体

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

/* ==========================================================================
 初期化
=========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td {
	margin: 0;
	padding: 0;
}

body {
	font:100%/1 "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	color:#000;
}
/* ajust */
body {
	font-size: 78%;
	line-height:1.3;
}

img {
	border: 0;
}

h1,h2,h3,h4,h5,h6 {
	clear: none;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,address,ul,dl,ol,th,strong,em {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
ul,dl,ol {
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
}


p {
	margin-top:7px;
}

table {
	border:none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

th,td {
	text-align: left;
	vertical-align: top;
}

caption {
	text-align:left;
}

input,select,textarea {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
}

a {
	color:#0000ff;
	text-decoration: none;
}
a:hover {
	color:#eb4055;
}


/* ==========================================================================
 汎用クラス
=========================================================================== */

/* 上マージン */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/* 左マージン */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

/* 下マージン */
.mb0 { margin-bottom: 0 !important; }
.mb5 { 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; }

/* 右マージン */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

/* align,valign */
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }

/*
 回り込み解除（解除する親オブジェクトに設定）
--------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */


/* ==========================================================================
 エラー画面
=========================================================================== */
#str_container #erroBody {
	background: #f2f2f2;
	padding: 30px 0;
	margin: 0 0 45px;
}
#str_container #erroBody .inner {
	width: 610px;
	margin: 0 auto;
	font-size:113%;
}
#str_container #erroBody p {
	margin:25px 0 0 0;
}
#str_container #erroBody .errorMSG {
	margin:0;
}
#str_container #erroBody .mainLead {
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -0.05em;
}
#str_container .form_submit_btn {
	text-align: center;
	margin: 30px 0 0;
}
#str_container #erroBody ul li {
	padding-top: 8px;
}
#str_container #erroBody ul.links {
	margin-left:1em;
}
#str_container #erroBody ul.links li {
	padding-left:10px;
	background:url(/resource/images/iconmark/mrk_triangle_gray.gif) no-repeat 0 12px;
}

