@charset "utf-8";

/* 
赤茶：#600
灰：#f5f5f3
 */

/* all settings */
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a {
	color: #d50;
	text-decoration: none;
}
a:hover {
	color: #a50;
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
ul {
	list-style-type: none;
}
body {
	text-align: center;
	font: small "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	line-height: 1.5;
	color: #222;
}
h1, h2, h3 {
	line-height: 1;
}

/* 汎用プロパティ */
.clr {
	position: relative;
	overflow: hidden;
}
.lalign {
	text-align: left !important;
}
.calign {
	text-align: center !important;
}
.ralign {
	text-align: right !important;
}
.jalign {
	text-align: justify !important;
}
.v_mid img {
	vertical-align: middle;
}
.v_mid input {
	vertical-align: middle;
}
.lfloat {
	float: left;
}
.rfloat {
	float: right;
}
.blocked {
	display: block;
}
.font12px {
	font-size: 12px !important;
}
.font_x {
	font-size: x-small !important;
}
.font_xx {
	font-size: xx-small !important;
}
.no_lh {
	line-height: 1;
}
.no_ime {
	ime-mode: disabled;
}
.err {
	display: block;
	font-size: x-small;
}
.red {
	color: #c30 !important;
}
.blue {
	color: #004f77 !important;
}
.yellow {
	color: #fa4 !important;
}
.orange {
	color: #c40 !important;
}
.error_red {
	display: block;
	font-size: x-small;
	color: #900;
}
.error_blue {
	display: block;
	font-size: x-small;
	color: #004f77;
}
.error_yellow {
	display: block;
	font-size: x-small;
	color: #fa4;
}
.m_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.m5r {
	margin-right: 5px !important;
}
.m10r {
	margin-right: 10px !important;
}
.p10all {
	padding: 10px !important;
}
.m5top {
	margin-top: 5px !important;
}
.m10top {
	margin-top: 10px !important;
}
.m20top {
	margin-top: 20px !important;
}
.p5btm {
	padding-bottom: 5px !important;
}
.m5btm {
	margin-bottom: 5px !important;
}
.m10btm {
	margin-bottom: 10px !important;
}
.m15btm {
	margin-bottom: 15px !important;
}
.m20btm {
	margin-bottom: 20px !important;
}
.p10top {
	padding-top: 10px !important;
}
.p20top {
	padding-top: 20px !important;
}
.p10btm {
	padding-bottom: 10px !important;
}
.p20btm {
	padding-bottom: 20px !important;
}

input[type="text"], input[type="password"], input[type="file"], textarea, select {
	background: #fafafa;
	border: solid 1px #aaa;
	font: 12px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}
label input {
	vertical-align: middle;
}
input.btn {
	font: 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	border: none;
	height: 30px;
	text-align: center;
	background: #e56a0f;
	color: #fff !important;
}
input.btn:hover {
	background: #900;
}

.xxs {
	width: 50px !important;
}
.xs {
	width: 80px !important;
}
.s {
	width: 120px !important;
}
.m {
	width: 150px !important;
}
.l {
	width: 180px !important;
}

.wid_xxs {
	width: 5% !important;
}
.wid_xs {
	width: 10% !important;
}
.wid_s {
	width: 20% !important;
}
.wid_sx {
	width: 30% !important;
}
.wid_m {
	width: 50% !important;
}
.wid_xm {
	width: 70% !important;
}
.wid_l {
	width: 99% !important;
}
.wid_sub {
	width: 25% !important;
}

textarea {
	font: 12px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	line-height: 1.3;
	border: solid 1px #aaa;
}

.h22px {
	height: 22px;
	overflow: hidden;
}
.h30px {
	height: 30px;
	overflow: hidden;
}
.h70px {
	height: 70px;
	overflow: hidden;
}
.h90px {
	height: 90px;
	overflow: hidden;
}
.h100px {
	height: 100px;
	overflow: hidden;
}
.h120px {
	height: 120px;
	overflow: hidden;
}
.h150px {
	height: 150px;
	overflow: hidden;
}
.h240px {
	height: 240px;
	overflow: hidden;
}
.h220px {
	height: 220px;
	overflow: hidden;
}
.h300px {
	height: 300px;
	overflow: hidden;
}
.h380px {
	height: 380px;
	overflow: hidden;
}

/* table */
table.cmn_tbl {
	width: 100%;
}
table.cmn_tbl th {
	width: 30%;
	background: #e7eff5;
	line-height: 1;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0;
	text-align: center;
}
table.cmn_tbl td {
	width: 70%;
	background: #fafafa;
	line-height: 1;
	font-size: 12px;
	padding: 5px;
}

table.cmn_tbl_hr {
	width: 100%;
}
table.cmn_tbl_hr th {
	background: #e7eff5;
	line-height: 1;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0;
	text-align: center;
}
table.cmn_tbl_hr td {
	background: #fafafa;
	line-height: 1;
	font-size: 12px;
	padding: 5px;
}


table.monocolumn th {
	text-align: left;
	padding: 5px;
}
table.monocolumn td.demi {
	background: #eaeaea;
}
table.calign td {
	text-align: center;
}
table.lh td {
	line-height: 1.3;
}
table.stex th, table.stex td {
	font-size: 11px;
}

/* header */
header {
	width: 100%;
	background: #600;
}
header div#headin {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}
header div#headin h1 {
	width: 300px;
	height: 32px;
	overflow: hidden;
}

/* footer */
footer {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	background: #600;
	color: #fff;
}

/* whole */
section#whole {
	width: 100%;
	background: #f5f5f3;
}

/* main */
div#main {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	background: #fff;
}
div#main article {
	margin: 0 0 15px 0;
	padding: 0 20px 15px 20px;
	border-bottom: dotted 1px #ddd;
}
div#main article h2 {
	height: 25px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
div#main article p {
	padding: 0 0 7px 0;
}

div#main article ul.disc {
	list-style: disc inside;
}
div#main article ul.disc li {
	margin: 0 0 3px 0;
}

div#main article p.infop {
	border-left: solid 5px #888;
	padding: 5px 0 5px 10px !important;
	margin: 0 0 7px 0;
}

div.btminfo {
	width: 340px;
	margin: 0 0 0 440px;
}
div.btminfo strong {
	display: block;
	line-height: 1;
	margin: 0 0 10px 0;
	color: #fff;
	text-align: center;
	background: #444;
	padding: 5px 0;
}
div.btminfo p {
	line-height: 1.3;
	margin: 0 0 5px 0;
}
div.btminfo span.note {
	display: block;
	font-size: 11px;
}