/*-----------general-----------*/
*{
	padding: 0;
	margin: 0;
	border: 0;
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

a{
	color: #0066CC;
	text-decoration: none;
	display: block;
}

ul, ol{
	overflow: hidden;
}

li{
	list-style: none;
	float: left;
}

.floatL{
	float: left !important;
}
.floatR{
	float: right !important;
}
.floatN{
	float: none;
	margin-left: none;
	padding-left: none;
}

.alignL{
	text-align: left;
}
.alignR{
	text-align: right;
}
.alignC{
	text-align: center;
}

.bold{
	font-weight: bold;
}

.ovHidden{
	overflow: hidden;
}

.grayFrame{
	padding: 4px;
	border: 1px solid #E6E6E6;
	background: #F0F0F0;
}
	.grayFrameInner{
		background: #FFFFFF;
	}

/*-----------structure---------*/
body{
	font-size: 88%;
	margin: 0;
}

#spBanner{
	width: 100%;
}
#header{
	width: 978px;
	height: 86px;
	margin: 0 auto;
	position: relative;
}
	#header h1{
		float: left;
		width: 420px;
		margin: 18px 71px 0 0;
	}

	#headerR{
		float: left;
		width: 487px;
	}

		#headerR ul#sLinks{
			margin: 0;
			position: relative;
		}

		#headerR ul#sLinks li{
			margin: 0 1px 0 0;
			height: 23px;
		}

		ul#hLinks{
			float: left;
			margin: 27px 0 0;
		}

		a.gLogo{
			margin: 5px 0 0;
			text-align: right;
			height: 51px;
			float: right;
		}

	ul#gNavi{
		width: 980px;
		margin: 16px auto 0;
	}
	ul#gNavi li a img{
		width: 245px;
	}

#breadCrumbs{
	min-width: 978px;
	margin: 6px 0 0;
	padding: 0 0 2px;
	border-top: 1px solid #E6E6E6;
	background: url("../common/images/bgH1.gif") left bottom repeat-x #F3F3F3;
}
	ul#crumbInner{
		width: 978px;
		min-height: 20px;
		line-height: 20px;
		margin: 0 auto;
		padding: 7px 0 6px;
		font-size: 86%;
	}

		ul#crumbInner li{
			margin-right: 10px;
		}

		ul#crumbInner li:first-child{
			background: url("../common/images/iconBcHome.gif") left center no-repeat;
			padding-left: 27px;
		}

#container{
	background: url("../common/images/bgContainer.gif") repeat;
	/*position: absolute;*/
	width: 100%;
	min-width: 978px;
}

.toTop{
	position: fixed;
	right: 0;
	bottom:0;
}

.toTop a img{
}

#header02{
	padding: 0 0 2px;
	background: url("../common/images/bgH1.gif") left bottom repeat-x;
}

	h2{
		width: 978px;
		margin: 0 auto;
	}

.header03{
	background: url("../common/images/bgHeader03.gif") left top no-repeat;
	padding-top: 5px;
}
	h3{
		font-size: 143%;
		padding: 15px 0;
		color: #1B1B1B;
	}

.header03_02{
	background: url("../common/images/bgHeader03_02.gif") left top no-repeat;
	padding-top: 5px;
}
	.header03_02 h3{
		padding: 11px 5px 15px 5px;
	}

.header03_03{
	background: url("../common/images/bgHeader03_03.gif") left top no-repeat;
	padding-top: 14px;
	width: 916px;
	margin: 40px auto 13px;
}
	.header03_03 h3{
		padding: 0 0 0 5px;
	}

	h4{
		font-size: 115%;
		line-height: 26px;
		border-bottom: 1px dashed #DADADA;
		margin: 27px 0 19px;
		clear: both;
	}
#wrapper{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	background: url("../common/images/bgCork.gif") left top repeat;
	padding: 15px 0;
}

.wrapperBorder{
	border-top: 1px solid #E6E6E6;
}

.wrapperInner{
	position: relative;
	overflow: hidden;
	max-width: 979px;
	width: auto;
	margin: 0 auto;
	padding: 0;
}





#footer{
	clear: both;
	background: url("../common/images/bgFooter02.gif") left bottom repeat-x #0085CD;
	padding: 0 0 30px 0;
}

#footer a{
	color: #FFFFFF;
}

	#footerOuter{
		padding: 33px 0 0;
		height: 2px;
		background: url("../common/images/bgFooter01.gif") left top repeat-x;
	}

	#footerInner{
		overflow: hidden;
		width: 980px;
		margin: 0 auto;
	}

	#footerInner > a{
		background: url("../common/images/bgFooterLine.gif") left bottom repeat-x;
		margin: 0 0 12px;
		width: 100%;
	}
	#footerInner > a > img{
		margin-bottom: 36px;
		width: 100%;
	}

	#footerInner dl{
		float: left;
		margin: 0;
		line-height: 26px;
	}
	#footerInner dl.gLinks{
		margin: 0 132px 0 0;
	}
	.spBody dl.gLinks{
		margin: 0 100px 0 0 !important;
	}

	#footerInner dl dt{
		height: 83px;
	}

	#footerInner dl dd dl{
		float: left;
		min-width: 130px;
		margin: 0 30px 0 0;
	}

	#footerInner dl dd dl dt{
		height: 26px;
		font-weight: bold;
	}

	#footerInner dl a[target="_blank"]{
		padding: 0 0 0 20px;
		background: url("../common/images/iconBlankWh.gif") left center no-repeat;
	} 

		#footerInner dl dd dl dd a{
			padding: 0 0 0 14px;
			background: url("../common/images/arRWh.gif") left center no-repeat;
		}

#copyright{
	padding: 38px 0 30px;
	margin: auto;
	text-align: center;
	clear: both;
	background: #FFFFFF;
}
	#copyright ul{
		display: inline-block;
		overflow: hidden;
		margin: 0 auto 20px;
		//width: 540px;
		border-left: 1px dotted #313131;
		font-size: 86%;
	}
	#copyright ul li{
		border-right: 1px dotted #313131;
		padding: 0 15px;
	}
	#copyright ul li a{
		color: #00A0E9;
		padding: 0 0 0 14px;
		background: url("../common/images/arRBl.gif") left center no-repeat;
	}
	#copyright ul li a[target="_blank"]{
		padding: 0 0 0 20px;
		background: url("../common/images/iconBlankBl.gif") left center no-repeat;
	}

	#copyright p{
		-webkit-transform-origin: 0 0;
		-webkit-transform: scale(1, 1.01);
		-moz-transform-origin: 0 0;
		-moz-transform: scale(1, 1.01);
		-ms-transform-origin: 0 0;
		-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
		-o-transform-origin: 0 0;
		-o-transform: scale(1, 1.01);
		font-family: "Arial";
		color: #313131;
	}

span.square{
	width: 5em;
	margin: 0 0.5em;
	display: inline-block;
	border: 1px solid #A0A0A0;
}

/*--------responsive--------------*/
	@media screen and (max-width: 980px){
		#header{
			width: 98%;
		}
		#header h1{
			width: 42.85%;
			margin: 18px 7.2% 0 0;
		}
		#header h1 a img{
			width: 100%;
			height: auto;
		}

		#headerR{
			width: 49.7%;
		}
		#headerR ul#sLinks{
			max-width: 464px;
			width: 100%;
		}
		#headerR ul#sLinks li{
			width: 23.6%;
			margin: 0 0.2% 0 0;
		}
		#headerR ul#sLinks li:first-child +li +li +li{
			width: 28.3%;
		}
		#headerR ul#sLinks li a img{
			max-width: 115px;
			width: 100%;
			height: auto;
		}
		ul#hLinks{
			width: 33.6%;
		}
		ul#hLinks li{
			width: 40%;
		}
		ul#hLinks li:first-child{
			width: 60%;
		}
		ul#hLinks li a img{
			width: 100%;
			height: auto;
		}
		a.gLogo{
			width: 17.65%
		}
		a.gLogo img{
			width: 100%;
			height: auto;
		}
		ul#gNavi{
			max-width: 980px;
			width: 100%;
		}
		ul#gNavi li{
			width: 25%;
		}
		ul#gNavi li a img{
			width: 100%;
			height: auto;
		}

		#breadCrumbs{
			width: 100%;
			min-width: 0;
		}
		ul#crumbInner{
			width: 98%;
		}

		#container{
			width: 100%;
			min-width: 0;
		}
		h2{
			width: 98%;
		}
		h2 img{
			width: 100%;
			height: auto;
		}

		#footerInner{
			width: 98%;
		}
		#footerInner dl.gLinks{
			width: 17.3%;
			margin: 0 10% 0 0;
		}
		#footerInner dl{
			width: 72.7%;
		}
		#footerInner dl dd dl{
			min-width: 0;
			width: 24%;
			margin: 0 1% 0 0;
		}
	}