@charset "UTF-8";
/* _____________________________________________________________________ HTML5 Reset */

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section{
	display:block;
}

time, figcaption{
	display:inline;
}

/* _____________________________________________________________________ TEXT */

p{
	margin:0px 0px 1em 0px;
	padding:0px;
}

.nowrap{white-space:nowrap;}
em{font-style:normal;font-weight:bold;}

/* _____________________________________________________________________ IMG */

img{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

.thin_img{
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}
.img_caption{margin:0px 0px 3px 0px;}

/* _____________________________________________________________________ ALIGN FLOAT */

.align_left{text-align:left;}
.align_center{text-align:center;}
.align_right{text-align:right;}
.f_right{float:right;}
.f_left{float:left;}
.right_image{margin:0px 0px 10px 10px;float:right;}
.left_image{margin:0px 10px 10px 0px;float:left;}
.f_clear{clear:both;font-size:1px;line-height:0px;}
.clear{clear:both;margin:0px;padding:0px;font-size:1px;line-height:1px;}
.center{margin-left:auto;margin-right:auto;}
.box_center{margin-left:auto !important;margin-right:auto !important;}

/* _____________________________________________________________________ TOOLS */

.hidden{display:none !important;}
.nowrap{white-space:nowrap !important;}

/* ClearFix */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* Tips */

.tipsy{padding:5px; font-size:14px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat;}
.tipsy-inner{padding:4px 5px; background-color:black; color:white; max-width:200px; text-align:center;}
.tipsy-north{background-image:url(../img/tipsy/tipsy-north.gif); background-position:top center;}
.tipsy-south{background-image:url(../img/tipsy/tipsy-south.gif); background-position:bottom center;}
.tipsy-east{background-image:url(../img/tipsy/tipsy-east.gif); background-position:right center;}
.tipsy-west{background-image:url(../img/tipsy/tipsy-west.gif); background-position:left center;}

/* Rotation */

.rotation{
	transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
}

.rotation:hover{
	transform:rotate(360deg) !important;
	-webkit-transform:rotate(360deg) !important;
}

/* Shake */
.hurue:hover{
	animation:shake 0.2s linear infinite;
	-webkit-animation:shake 0.2s linear infinite;
}
@keyframes shake{
	0%{transform:translate(1px, 0px) rotate(0deg);}
	10%{transform:translate(-0px, -1px) rotate(-1deg);}
	20%{transform:translate(-2px, 0px) rotate(1deg);}
	30%{transform:translate(0px, 2px) rotate(0deg);}
	40%{transform:translate(0px, -0px) rotate(1deg);}
	50%{transform:translate(-0px, 1px) rotate(-1deg);}
	60%{transform:translate(-2px, 0px) rotate(0deg);}
	70%{transform:translate(1px, 0px) rotate(-1deg);}
	80%{transform:translate(-0px, -0px) rotate(1deg);}
	90%{transform:translate(0px, 2px) rotate(0deg);}
	100%{transform:translate(0px, -1px) rotate(-1deg);}
}

@-webkit-keyframes shake{
	0%{transform:translate(1px, 0px) rotate(0deg);}
	10%{transform:translate(-0px, -1px) rotate(-1deg);}
	20%{transform:translate(-2px, 0px) rotate(1deg);}
	30%{transform:translate(0px, 2px) rotate(0deg);}
	40%{transform:translate(0px, -0px) rotate(1deg);}
	50%{transform:translate(-0px, 1px) rotate(-1deg);}
	60%{transform:translate(-2px, 0px) rotate(0deg);}
	70%{transform:translate(1px, 0px) rotate(-1deg);}
	80%{transform:translate(-0px, -0px) rotate(1deg);}
	90%{transform:translate(0px, 2px) rotate(0deg);}
	100%{transform:translate(0px, -1px) rotate(-1deg);}
}


/* Table Decoration */

table th,
table td{
	padding:3px;
	line-height:18px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

table.thCenter th,
table.tdCenter td{
	text-align:center !important;
}

table.thRight th,
table.tdRight td{
	text-align:right !important;
}


/* Partition */

hr{
	clear:both;
	border:none;
	height:1px;
	background:url('../img/common/dot_line.gif') repeat-x top;
	margin:15px 0px;
	padding:0px;
}

/* _____________________________________________________________________ LINKS */

a:link{color:#00b3e7;text-decoration:none;}
a:visited{color:#00b3e7;}
a:hover{color:#1f83aa;text-decoration:underline;}
a:active{color:#1f83aa;}


a:hover img.bnrlink{
	opacity:0.5;
	filter:alpha(opacity=80);
	-ms-filter:“alpha(opacity=80)”;
}

#page-top{
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
	z-index:1000;
}

#page-top a{
	display:block;
	background:#45a8c5;
	width:100px;
	padding:30px 0;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
#page-top a:hover{
	text-decoration:none;
	background:#6ca8b9;
}

@media screen and (max-width:800px){
	#page-top{
		position:fixed;
		bottom:0px;
		right:5px;
		font-size:14px;
		z-index:1000;
	}
	#page-top a{
		display:block;
		padding:10px 5px;
		border-radius:5px;
		background:#45a8c5;
		color:#fff;
		text-decoration:none;
		text-align:center;
	}
	#page-top a:hover{
		background:#6ca8b9;
		text-decoration:none;
	}
}

.arrow{
	padding:0px 0px 0px 15px;
	margin:auto;
	background-image:url('../img/common/icon_arrowB.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
}

.arrowW{
	padding:0px 0px 0px 15px;
	margin:auto;
	background-image:url('../img/common/icon_arrowW.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
	list-style:none;;
}
/* _____________________________________________________________________ H */

section#mainContents>h1{
	width:100%;
	height:100px;
	padding:0px;
	margin:0px 0px 30px;
	background-position:32px 32px,center right;
	background-repeat:no-repeat,no-repeat;
	background-size:auto 35px,auto 100px;
	-webkit-background-size:auto 35px,auto 100px;
	border-radius:0px;
	box-shadow:#106296 0px 0px 0px 1px inset;
	-moz-box-shadow:#106296 0px 0px 0px 1px inset;
	-webkit-box-shadow:#106296 0px 0px 0px 1px inset;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



section#mainContentsTop h2,
section#mainContents > h2,
section#mainContents > article > h2{
	margin:0px 0px 15px;
	padding:10px 15px;
	background:url(../img/common/bg_h2.png) center left no-repeat;
	background-size:cover;
	border-radius:4px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height:18px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	section#mainContentsTop > h2,
	section#mainContents > h2,
	section#mainContents > article > h2{
		background-image:url(../img/common/bg_h2-.png);
	}
}


section#mainContentsTop h3,
section#mainContents > h3,
section#mainContents > article > h3,
section#mainContents > article > div#formWrap > h3{
	margin:0px 0px 15px;
	padding:1px 10px 2px;
	border-bottom:dotted 1px #c4c4c4;
	border-left:solid 8px #096aa9;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#333333;
}


section#mainContentsTop h4,
section#mainContents > h4,
section#mainContents > article > h4{
	margin:0px 0px 10px;
	padding:0px 10px;
	border-left:solid 5px #edc857;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#333333;
}


section#mainContentsTop h5,
section#mainContents > h5,
section#mainContents > article > h5{
	margin:0px 0px 5px;
	padding:0px 0px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#333333;
	font-weight:bold;
}


@media screen and (max-width:800px){
	section#mainContentsTop h2,
	section#mainContents > h2,
	section#mainContents > article > h2{
		padding:10px 5px 8px 20px;
		font-size:20px;
		line-height:24px;
		background-image:url(../img/common/bg_h2-.png);
	background-size:cover;
	}

	section#mainContentsTop h3,
	section#mainContents > h3,
	section#mainContents > article > h3,
	section#mainContents > article > div#formWrap > h3{
		font-size:18px;
		line-height:22px;
	}

	section#mainContentsTop h4,
	section#mainContents > h4,
	section#mainContents > article > h4{
		font-size:16px;
		line-height:20px;
	}

	section#mainContentsTop h5,
	section#mainContents > h5,
	section#mainContents > article > h5{
		font-size:14px;
		line-height:20px;
	}
}


/* _____________________________________________________________________ FONTS */

.xl{font-size:18px;line-height:24px;}
.l{font-size:16px;line-height:22px;}
.m{font-size:12px;line-height:20px;}
.s{font-size:10px;line-height:16px;}
.xs{font-size:9px;line-height:14px;}

@media screen and (max-width:800px){
	.xl{font-size:24px;line-height:32px;}
	.l{font-size:20px;line-height:28px;}
	.m{font-size:16px;line-height:22px;}
	.s{font-size:14px;line-height:18px;}
	.xs{font-size:12px;line-height:14px;}
}

em{font-style:normal;font-weight:800;}
strong{font-size:1.2em;font-style:normal;font-weight:800;}
strong.red{font-style:normal;font-weight:800; color:#ff0000;}
.text_black{color:#000000;}
.text_white{color:#FFFFFF;}
.text_brown{color:#92361D;}
.text_red{color:#FF0000;}
.text_gray{color:#555555;}
.text_pink{color:#f5a19d;}
.text_purple{color:#44467d;}
.att{font-weight:bold;color:#ff0000;}