@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}


/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #ff0000;
	width: 100%;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
.footerLinks01,
.headerIn,
.headerContactBox01,
#sub,
.sideBnrArea01,
.footerLinksSp01,
.bnrMod01 > ul,
.cmnModType01 > ul
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
.footerLinks01:after,
.headerIn:after,
.headerContactBox01:after,
#sub:after,
.sideBnrArea01:after,
.footerLinksSp01:after,
.bnrMod01 > ul:after,
.cmnModType01 > ul:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

a {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	color: #0075cf;
	text-decoration: none;
}
a:visited {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	color: #0075cf;
	text-decoration: none;
}
a:hover {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	text-decoration: underline;
}

a:hover img,
input[type="button"]:hover {
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	text-decoration: none;
}



#wrapper {
    text-align: left;
}

.bgWrapper {
	margin: 0 auto;
	background: #ffefd6 url(../img/common/bg_body01.gif) no-repeat top center;
}



/* !header
---------------------------------------------------------- */

#header {
}
	.headerIn {
		margin: 0 auto;
		text-align: left;
		background: rgba(255,255,255,0.4);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#55ffffff, EndColorStr=#55ffffff);
		padding: 10px 24px 8px 20px;
	}
		.logoBox01 {
			display: table;
			float: left;
		}
			.logoBox01 .headerLogo01 {
				display: table-cell;
				vertical-align: middle;
			}
			.logoBox01 .logoDescription01 {
				display: table-cell;
				vertical-align: middle;
				font-size: 117%;
				color: #333;
				line-height: 1;
				padding: 3px 0 0 24px;
			}
		.headerContactBox01 {
			float: right;
		}
			.headerLinks01 {
				float: left;
				margin-top: 2px;
			}
				.headerLinks01 > ul {
				}
					.headerLinks01 > ul > li {
						display: inline-block;
						vertical-align: middle;
						margin-right: 20px;
						padding-top: 2px;
					}
					.headerLinks01 > ul > li.last {
					}
						.headerLinks01 > ul > li > a {
							color: #333;
							text-decoration: none;
						}
			.headerSearch01 {
				float: right;
				position: relative;
			}
				.headerSearch01 input[type="text"] {
					border: solid 1px #fff;
					background: none;
					width: 152px;
					height: 20px;
					padding: 2px 22px 2px 5px;
					-webkit-appearance: none;
					 border-radius: 0;
				}
				.headerSearch01 input[type="image"] {
					position: absolute;
					top: 50%;
					right: 6px;
					margin-top: -6px;
				}
