@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline : none;
}

html { font-size: 62.5%; }

body {
	font-family: Arial,"Hiragino Kaku Gothic Pro",sans-serif;
	line-height: 0;
	color: #3a3a3a;
	font-size: 1.2rem; /* =12px */
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

img { border: none;}

a { color: #000000; text-decoration: none;}

em { font-style: normal;}

p,li,th,td,h1,h2,h3,h4,h5,dt,dd { text-align: left; line-height: 1.4em;}

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}

.fs10 { font-size: 1.0rem !important;}
.fs12 { font-size: 1.2rem !important;}

.tl { text-align: left;}
.tc { margin: 0 auto;}
.tr { text-align: right;}

.vt { vertical-align: top;}
.vb { vertical-align: bottom;}
.lh0 { line-height:0;}
.db { display: block;}

.fl { float: left;}
.fr { float: right;}
.fc { margin-left: auto; margin-right: auto;}
.cl { clear: both; float:none;}

.cf:after,
header hgroup:after,
.sec01 h3:after,
.sec01:after,
.sec01 nav:after,
.sec02:after,
.sec02 .imgbox01:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.db { display: block;}
.tc .img { margin: 0 auto;}
.blue { color: #003366;}
.red { color: #cc0000;}

.w280 { width: 240px; margin: 20px auto 0;}
.w280 a span { padding: 4px 0 4px 10px!important;}

/* 共通 ========================================================================================== */

h1 	{ font-size: 2.4rem; } /* =24px */
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	background-image: url(../../img/v6.2/com_header_bg.png);
	background-size: 640px 44px;
	-webkit-background-size: 640px 44px;
	height: 44px;
	background-repeat: repeat-x;
	background-position: right top;
	}
	header hgroup h1 {
		display: block;
		background-image: url(../../img/v6.2/com_header_h1.png);
		background-size: 240px 20px;
		-webkit-background-size: 240px 20px;
		height: 20px;
		width: 240px;
		background-repeat: no-repeat;
		overflow: hidden;
		position: fixed;
		top: 14px;
		left: 10px;
		font-size: 1px;
	}
	header hgroup h2 {
		background-image: url(../../img/v6.2/com_header_h2.png);
		background-size: 48px 10px;
		-webkit-background-size: 48px 10px;
		background-position: right;
		width: 48px;
		height: 10px;
		font-size: 1px;
		background-repeat: no-repeat;
		overflow: hidden;
		position: fixed;
		top: 19px;
		right: 8px;
	}

#topimg01 {
	background-image: url(../../img/v6.2/img_02.png);
	background-size: 1000px 72px;
	-webkit-background-size: 1000px 72px;
	background-repeat: repeat-x;
	background-position: top right;
	width: 100%;
	height: 72px;
	position: relative;
	}
	#topimg01 img {
		position: absolute;
		top: 12px;
		left: 10px;
	}


article { padding: 20px;}

#btt {
	font-size: 1.2rem;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 16px;
}

#pagenav {
	background: url(../../img/v6.2/com_pagenav_bg.png) repeat;
	background-size: 1px 50px;
	-webkit-background-size: 1px 50px;
	width: 100%;
	height: 50px;
	}
	#pagenav .left {
		width: 140px;
		float: left;
		margin-left: 10px;
		}
		#pagenav .left a {
			display: block;
			width: 140px;
			height: 42px;
			background: url(../../img/v6.2/com_pagenav_l.png) no-repeat;
			background-size: 140px 41px;
			-webkit-background-size: 140px 41px;
			color: #fff;
			font-size: 1.0rem;
		}
		#pagenav .left a span.txt1 {
			display: block;
			padding: 16px 10px 0px 20px;
			text-align: center;
		}
		#pagenav .left a span.txt2 {
			display: block;
			text-align: center;
			padding: 7px 10px 0px 20px;
			line-height: 1.0em;
		}
	#pagenav .right {
		width: 140px;
		float: right;
		margin-right: 10px;
		}
		#pagenav .right a {
			display: block;
			width: 140px;
			height: 42px;
			background: url(../../img/v6.2/com_pagenav_r.png) no-repeat;
			background-size: 140px 41px;
			-webkit-background-size: 140px 41px;
			color: #fff;
			font-size: 1.0rem;
		}
		#pagenav .right a span.txt1 {
			display: block;
			padding: 16px 20px 0px 10px;
			text-align: center;
		}
		#pagenav .right a span.txt2 {
			display: block;
			text-align: center;
			padding: 7px 20px 0px 10px;
			line-height: 1.0em;
		}

footer {
	background: #333333;
	}
	footer p {
		text-align: center;
		color: #ffffff;
		font-size: 1.0rem;
		padding: 10px;
		line-height: 1.2em;
	}

.foot_bnr01 { text-align: center; margin-top: 20px;}

.sec01 {
	border-top: 1px dotted #999999;
	padding: 20px 0px 0 0px;
	margin-top: 20px;
	position: relative;
}
.sec01.none {
	border-top: none;
	padding: 0px;
	margin-top: 0px;
	position: relative;
	border-bottom: 1px dotted #999999;
	padding-bottom: 20px;
}
.sec01.lst {
	border-bottom: 1px dotted #999999;
	padding-bottom: 20px;
}
.sec01 .txtbox01 .icon {
	position: absolute;
	left: 0px;
	top: 20px;
}
.sec01 .txtbox01 .icon.top0 { top:0;}
.sec01 .txtbox01 h3 {
	font-size: 18px;
	padding-left: 65px;
	line-height: 1em;
}
.sec01 .txtbox01 h3 strong { float: left; margin-right: 5px;}
.sec01 .txtbox01 h3 span {
	color: #fff;
	font-size: 1.0rem;
	background: #0099CC;
	display: block;
	 border-radius: 20px;
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px;
    padding: 5px;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    float: left;
}
.sec01 .txtbox01 p.blue { clear: both; padding-left: 65px; color: #0099CC; padding-top: 5px; height: 4.5em;}
.sec01 .txtbox01 p.txt01 { margin: 0 0 20px ;}
.sec01 .txtbox01 p.txt02 { color: #003366; font-weight: bold; font-size: 1.2rem; margin-bottom: 20px;}
.sec01 nav .fl { width: 50%;}
.sec01 nav .fr { width: 50%;}
.sec01 nav .btn01 {
	display: block;
	color: #ffffff;
	padding: 5px 10px;
	border: 1px solid #003399;
	background: -moz-linear-gradient(
		top,
		#004a99 0%,
		#003399);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#004a99),
		to(#003399));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	line-height: 1.4em;
	text-align: center;
	margin-left: 5px;
	}
.sec01 nav .btn01 span {
		display: block;
		background-image: url(../../img/v6.2/arr01.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		padding: 0px 0 2px 25px;
		white-space: nowrap;
		line-height: 1em;
		font-size: 1.2rem;
	}
	
.sec01 nav .btn02 {
	display: block;
	color: #000000;
	padding: 5px 10px;
	background: #f4f4f6;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	line-height: 1.4em;
	text-align: center;
	margin-right: 5px;
	}
.sec01 nav .btn02 span {
		display: block;
		background-image: url(../../img/v6.2/arr02.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		padding: 5px 0 5px 25px;
		white-space: nowrap;
		font-size: 1.2rem;
	}
.sec01 .indent01 { margin-left: 1em; text-indent: -1em;}



.sec02 {
	position: relative;
}
.sec02 .txtbox01 .icon {
	position: absolute;
	left: 0;
	top: 0;
}
.sec02 .txtbox01 h3 {
	font-size: 23px;
	padding-left: 80px;
	line-height: 1em;
}
.sec02 .txtbox01 h3 strong { float: left; margin-right: 10px;}
.sec02 .txtbox01 h3 span {
	color: #fff;
	font-size: 14px;
	background: #0099CC;
	display: block;
	 border-radius: 20px;
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px;
    padding: 5px 0;
    line-height: 1em;
    width: 120px;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    float: left;
}
.sec02 .txtbox01 p.blue { clear: both; padding-left: 80px; color: #0099CC; padding-top: 10px;}
.sec02 .txtbox01 p.txt01 { margin-top: 20px;}
.sec02 nav { position: absolute; right: 0; top: 0;}
.sec02 nav .btn01 {
	display: block;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 40px;
	border: 1px solid #003399;
	background: -moz-linear-gradient(
		top,
		#004a99 0%,
		#003399);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#004a99),
		to(#003399));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	box-shadow: 0px 0px 3px rgba(000,000,000,0.2);
	line-height: 1.4em;
	text-align: center;
}
.sec02 nav .btn01 span {
	display: block;
	background-image: url(../../img/v6.2/arr01.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	padding-left: 25px;
}

.sec02 .imgbox01 { width: 340px; position: absolute; top: 85px; left: 0px;}
.sec02 .imgbox01 img { display: block; margin-bottom: 20px;}
.sec02 .txtbox02 { padding-left: 360px;}
.sec02 .txtbox02 dt { color: #003366; font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.sec02 .txtbox02 dd span.blue { color: #005299; display: block;}
.sec02 .txtbox02 dd span.gray { color: #666666; font-size: 12px;}

/* メンテナンス告知 start*/
.maintenanceContainer {
	padding: 0.5em 0;
}

.maintenanceContainer div.maintenanceBody {
	width: 98%;
	background: #6D7484;
	margin: 0 auto;
	font-size: 0.6em;
	text-align: left;
	border:1px solid #000;
}

.maintenanceContainer div.maintenanceBody p {
	font-size: 0.6em !important;
	padding: 0 !important;
	text-align: left !important;
}

.maintenanceContainer div.maintenanceBody div.maintenanceTitle {
	color: #fff;
	padding: 5px;
}

.maintenanceContainer div.maintenanceBody div.maintenanceText {
	background: #fff;
	padding: 5px;
}

.maintenanceContainer div.maintenanceBody div.maintenanceText p {
	line-height: 1.5em;
}

.maintenanceContainer div.maintenanceBody div.maintenanceText p.maintenanceDays {
	color: #ff0000;
	padding: 5px 0 !important;
}
/* メンテナンス告知 end*/