@charset "utf-8";

/*************************************************
CSS
/cmn_v2/css/common.css

15.06.30
update:15.09.30
*************************************************/

/* ------------------------- TOC
Setting
Wrapper
Contents
Heading
Table
Hr
Form
-------------------------- */



/* ============================================================ Setting */
html { height: 100%; }
body { -webkit-text-size-adjust: 100%; line-height: 1.4; height: 100%; color: #333333; background: #ffffff; font-size: 16px; font-family: Arial, sans-serif; }

a,
a:link { color: #0000cc; text-decoration: none; }
a:visited { color: #9900cc; text-decoration: none; }
a:hover,
a:active { color: #0000cc; text-decoration: underline; }

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }
img { -ms-interpolation-mode: bicubic; }

p { margin-top: 8px; }
.clm > p:first-child { margin-top: 0; }

/*ul { padding-top: 8px; padding-left: 32px; list-style: disc; }
ul li { margin-top: 8px; }
ol { padding-top: 8px; padding-left: 32px; list-style: decimal; }
ol li { margin-top: 8px; }
.clm > ul:first-child,
.clm > ol:first-child { padding-top: 0; }
.clm > ul:first-child > li:first-child,
.clm > ol:first-child > li:first-child { margin-top: 0; }*/

/* @media */
/*@media (max-width: 640px) {
	ul li {
		-webkit-background-size: 3px 3px;
		background-size: 3px 3px;
	}
}*/

dl {}
dl dt {}
dl dd { margin-left: 32px; }

blockquote { margin-left: 40px; }
ins { background-color: #ff9; color: #000; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

/*
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #999999; }
*/


/* ============================== Clearfix */
.clr:before,
.clr:after { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }


/* ============================== Multi */
.ofz { overflow: hidden; zoom: 1; }
.indent { padding-left: 1em; text-indent: -1em; }


/* ============================== Hide Text */
.hide { position: absolute; left: -9999px; }



/* ============================================================ Wrapper */
#wrapper {}



/* ============================================================ Contents */
#contents { z-index: 1; padding-bottom: 48px; }
.cnt_max { max-width: 1024px; margin: 0 auto; }

/* @media */
@media (max-width: 640px) {
	#contents { z-index: 1; padding-bottom: 24px; }
}


/* ============================== Section */
.sct_bg00 { padding:      0; background: #ffffff; }
.sct_bg01 { padding: 8px 0; background: #ffffff; }
.sct_bg02 { padding: 8px 0; background: rgba(243, 243, 243, 0.4); }

h1 + .sct_bg00,
h1 + .sct_bg01,
h1 + .sct_bg02 { padding-top: 0; }

/* @media */
@media (max-width: 640px) {
}


/* ============================================================ Heading */
h1 { overflow: hidden; max-width: 1008px; margin: 16px auto 0; padding: 0 8px; font-size: 30px; font-weight: bold; }
h2 { overflow: hidden; font-size: 26px; font-weight: bold; }
h3 { overflow: hidden; margin-top: 16px; font-size: 22px; font-weight: bold; }
h4 { overflow: hidden; margin-top: 16px; font-size: 22px; font-weight: bold; color: #717171; }
h5 { overflow: hidden; margin-top: 16px; font-size: 20px; font-weight: bold; }
h6 { overflow: hidden; margin-top: 16px; font-size: 20px; font-weight: bold; color: #717171; }

/* RSS */
h1 .hd_rss,
h2 .hd_rss,
h3 .hd_rss,
h4 .hd_rss,
h5 .hd_rss,
h6 .hd_rss { display: block; float: right; height: 16px; margin-top: 8px; margin-right: 4px; padding-left: 20px; background: url(../img/icon_s_rss_03.png) 0 0 no-repeat; font-size: 12px; font-weight: normal; }


/* ============================== Page category */
.page_cate { max-width: 1008px; margin: 16px auto -8px; padding: 0 8px; font-size: 20px; }


/* @media */
@media (max-width: 640px) {
	h1 { font-size: 24px; margin: 8px 0 0; padding-left: 8px; padding-right: 8px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 18px; }

	/* RSS */
	h1 .hd_rss,
	h2 .hd_rss,
	h3 .hd_rss,
	h4 .hd_rss,
	h5 .hd_rss,
	h6 .hd_rss { background-image: url(../img/icon_m_rss_03.png);
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}

	/* ============================== Page category */
	.page_cate { margin: 8px auto -8px; font-size: 18px; }
}



/* ============================================================ Table */
table.nml { width: 100%; border-top: 1px solid #999999; border-left: 1px solid #999999; }
table.nml th,
table.nml td { padding: 8px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: top; font-size: 14px; }
table.nml thead th,
table.nml thead td { padding: 8px; background: #c9c9c9; text-align: left; }
table.nml tbody th { background: #dedede; text-align: left; }
table.nml tbody td { background: #ffffff; }

.tbl_ico { display: none; }
.tbl_wrapper { display: none; }

/* @media */
@media (max-width: 640px) {
	.smallTable.hidden { display: none; }
	.tbl_ico { display: block; }
	.tbl_ico img { width: 100%; height: auto; }
	.tbl_wrapper { width: 1024px; margin-top: 50px; padding: 0 15px; }
	.tbl_btn { margin-bottom: 20px; }
}



/* ============================================================ Hr */
hr { max-width: 1024px; margin-left: auto; margin-right: auto; padding: 0 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
hr:after { content: ''; display: block; border-top: 1px solid #c9c9c9; }
.clm hr { padding: 0; }

hr.hr01:after { border-top: 1px dashed #c9c9c9; }
hr.hr02:after { border-top: 1px solid #666666; }


/* ============================================================ smallImage */
.img_ico { display: none; }
.img_wrapper { display: none; }

/* @media */
@media (max-width: 640px) {
	.img_ico { display: block; }
	.smallImageTrigger { text-align: center; }
	.smallImageTrigger a { padding: 3px 10px 3px 24px; display: inline-block; background: #f3f3f3 url(../img/icon_s_zoom_01.png) no-repeat; font-size: 14px; border-radius: 5px; }
	.img_wrapper { width: 1024px; margin-top: 50px; padding: 0 15px; }
	.img_btn { margin-bottom: 20px; }
}



/* ============================================================ Form */
input, button, textarea, select { -webkit-appearance: none; appearance: none; border: none; margin: 0; padding: 0; }


/* ============================== Radio,Checkbox */
input:focus + label {
	outline: solid 1px #4bbdcd;
}

input.nml[type=radio] { -webkit-appearance: radio; appearance: radio; }
input.nml[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox; }
input.nml[type=radio],
input.nml[type=checkbox] { display: inline-block; }
input.nml[type=radio] + label,
input.nml[type=checkbox] + label { position: relative; display: inline-block; cursor: pointer; }

@media (min-width: 1px) {
	input.nml[type=radio],
	input.nml[type=checkbox] { position: absolute; opacity: 0; margin: 0; }
	input.nml[type=radio] + label,
	input.nml[type=checkbox] + label { padding-left: 34px; }
	input.nml[type=radio] + label::before,
	input.nml[type=checkbox] + label::before { display: block; width: 24px; height: 24px; margin-top: -12px;
		position: absolute; top: 0.7em; left: 0;
		content: "";
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	input.nml[type=radio] + label::before { border: 2px solid #999999;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	input.nml[type=checkbox] + label::before { border: 2px solid #999999;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	/* checked */
	input.nml[type=radio]:checked + label::before { border: 2px solid #4bbdcd; }
	input.nml[type=checkbox]:checked + label::before { border: 2px solid #4bbdcd; }
	input.nml[type=radio]:checked + label::after,
	input.nml[type=checkbox]:checked + label::after { display: block;
		position: absolute; top: 0.7em;
		content: "";
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	input.nml[type=radio]:checked + label::after { width: 14px; height: 14px; margin-top: -7px;
		left: 5px;
		background: #4bbdcd;
		border-radius: 7px;
	}
	input.nml[type=checkbox]:checked + label::after { width: 12px; height: 6px; margin-top: -4px;
		left: 6px;
		border-left: 3px solid #4bbdcd;
		border-bottom: 3px solid #4bbdcd;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* error,requisite */
.err_box { padding-top: 8px; padding-bottom: 8px; background-color: #f8ccc9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.req_box { padding-top: 8px; padding-bottom: 8px; background-color: #fef5f4;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* ============================== Submit */
input.nml[type=submit] {}


/* ============================== Text */
input.nml[type=text] { padding: 7px 8px; font-size: 16px; border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* error,requisite */
input.nml.err[type=text] { background: #f8ccc9; border: 1px solid #ed171f; }
input.nml.req[type=text] { background: #fef5f4; border: 1px solid #f8ccc9; }


/* ============================== Select */
/* error,requisite */
.slct_nml.err > .selector { background-color: #f8ccc9; border: 1px solid #ed171f; }
.slct_nml.req > .selector { background-color: #fef5f4; border: 1px solid #f8ccc9; }


/* ============================== Textarea */
textarea.nml { padding: 8px; font-size: 16px; font-family: inherit; background: #ffffff; border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* error,requisite */
textarea.nml.err { background: #f8ccc9; border: 1px solid #ed171f; }
textarea.nml.req { background: #fef5f4; border: 1px solid #f8ccc9; }