@charset "UTF-8";
/*==================================================
 LAYOUT CSS
==================================================*/

* {
	-webkit-text-size-adjust:100%;
	line-height: 170%;
}

body {
	text-align: center;
	font-family: 'メイリオ',Meiryo,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Helvetica,sans-serif;
}

a {
	color: #333333;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

p, div, address, h1, h2, h3, h4, h5, h6 {
	font-size: 13px;
	color: #333333;
}

input, select, textarea {
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	cursor: pointer;
	}

#container {}
#containerWrap {}
	
	#header {
		padding: 12px 0px 0px 0px;
		border-top: 3px solid #E60012;
/*		border-bottom: 2px solid #FF0000;*/
		}
	#headerWrap {
		width: 960px;
		margin: 0px auto 35px auto;
		overflow: hidden;
		zoom: 1;
		}
	body#index #headerWrap {
		margin: 0px auto;
		}
	
	body#index #header {
		background:#fff;
		border-top: 3px solid #E60012;
		border-bottom: 2px solid #FFF;
		}
		
		#logo {
			float: left;
			margin: 18px 0px 0px 0px;
			}
		
		#hInfo {
	float: right;
	clear: both;
	width: 504px;
	margin: 0px 0px 10px 0px;
			}
		
		body #hNavi {
			float: left;
/*			width: 620px;		220328 メニューボタン追加 */
			width: 645px;
			margin: 18px 0px 0px 0px;
			}
			body #hNavi ul {
				margin: 0px -10px 0px 0px;
				overflow: hidden;
				zoom: 1;
				}
				body #hNavi ul li {
					float: left;
					display: inline;
/*					width: 140px;		220328 メニューボタン追加 */
					width: 110px;
					margin: 0px 10px 0px 0px;
					}
					body #hNavi ul li a {
						}
/*						
		#hNavi {
			float: right;
			clear: both;
			width: 500px;
			}
			#hNavi ul {
				margin: 0px -10px 0px 0px;
				overflow: hidden;
				zoom: 1;
				}
				#hNavi ul li {
					float: left;
					display: inline;
					width: 160px;
					margin: 0px 10px 0px 0px;
					}
					#hNavi ul li a {
						}
*/

			#gNavi ul {
				height: 56px;
				background: url(../img/layout/header/sub/gNavi/gNaviBg.jpg) repeat-x 0px 0px;
				width: 960px;
				margin: 0px auto;
				overflow: hidden;
				zoom: 1;
				}
				#gNavi ul li {
					float: left;
					display: inline;
					}
					#gNavi ul li a {
						display: block;
						height: 56px;
						text-indent: -99999px;
						}
/*				
				#gNavi ul li.gNavi01 {
					width: 200px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat 0px 0px;
					}
					#gNavi ul li.gNavi01 a.this,
					#gNavi ul li.gNavi01:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat 0px -56px; }
*/
				#gNavi ul li.gNavi02 {
					width: 200px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat 0px 0px;
					}
					#gNavi ul li.gNavi02 a.this,
					#gNavi ul li.gNavi02:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat 0px -56px; }
					
				#gNavi ul li.gNavi03 {
					width: 170px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -200px 0px;
					}
					#gNavi ul li.gNavi03 a.this,
					#gNavi ul li.gNavi03:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -200px -56px; }
					
				#gNavi ul li.gNavi04 {
					width: 250px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -370px 0px;
					}
					#gNavi ul li.gNavi04 a.this,
					#gNavi ul li.gNavi04:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -370px -56px; }
					
				#gNavi ul li.gNavi05 {
					width: 200px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -620px 0px;
					}
					#gNavi ul li.gNavi05 a.this,
					#gNavi ul li.gNavi05:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -620px -56px; }
					
				#gNavi ul li.gNavi06 {
					width: 140px;
					background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -820px 0px;
					}
					#gNavi ul li.gNavi06 a.this,
					#gNavi ul li.gNavi06:hover {
						background: url(../img/layout/header/sub/gNavi/gNavi.jpg) no-repeat -820px -56px; }
					
		body#index #gNavi {
			display: none;
			}
			
		#sNavi {
			}
			#sNavi ul {
				background: url(../img/layout/header/sub/sNavi/sNaviBg.jpg) repeat-x 0px 0px;
				width: 960px;
				margin: 0px auto;
				overflow: hidden;
				zoom: 1;
				}
				#sNavi ul li {
					float: left;
					display: inline;
					margin: 0px 0px 0px 0px;
					}
					#sNavi ul li a {
						display: block;
						height: 33px;
						text-indent: -99999px;
						}
				
				#sNavi ul li.sNavi01 {
					width: 110px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat 0px 0px;
					}
					#sNavi ul li.sNavi01 a.this,
					#sNavi ul li.sNavi01:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat 0px -33px; }
					
				#sNavi ul li.sNavi02 {
					width: 130px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -110px 0px;
					}
					#sNavi ul li.sNavi02 a.this,
					#sNavi ul li.sNavi02:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -110px -33px; }
					
				#sNavi ul li.sNavi03 {
					width: 130px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -240px 0px;
					}
					#sNavi ul li.sNavi03 a.this,
					#sNavi ul li.sNavi03:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -240px -33px; }
					
				#sNavi ul li.sNavi04 {
					width: 130px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -370px 0px;
					}
					#sNavi ul li.sNavi04 a.this,
					#sNavi ul li.sNavi04:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -370px -33px; }
					
				#sNavi ul li.sNavi07 {
					width: 140px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -500px 0px;
					}
					#sNavi ul li.sNavi07 a.this,
					#sNavi ul li.sNavi07:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -500px -33px; }
					
				#sNavi ul li.sNavi05 {
					width: 100px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -640px 0px;
					}
					#sNavi ul li.sNavi05 a.this,
					#sNavi ul li.sNavi05:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -640px -33px; }
					
				#sNavi ul li.sNavi06 {
					width: 110px;
					background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -740px 0px;
					}
					#sNavi ul li.sNavi06 a.this,
					#sNavi ul li.sNavi06:hover {
						background: url(../img/layout/header/sub/sNavi/sNavi.jpg) no-repeat -740px -33px; }
		
		body#index #sNavi {
			display: none;
			}
		body#index #sNavi ul {
			background:none;
			}
		body#index #side #sNavi {
			display: block;
			margin-bottom:20px;
			}			
		body#index #sNavi ul li {
			float: none;
			display: block;
			width: auto;
			margin: 0px 0px 10px 0px;
			}
			body#index #sNavi ul li a {
				height: auto;
				text-indent: 0px;
				}
	
	#keyVisual {
		margin: 0px 0px 10px 0px;
		}
		#keyVisualWrap {
			position: relative;
			width: 964px;
			text-align: center;
			margin: 0px auto;
			}
			
	#mNavi {
		position: absolute;
		top: 15px;
		right: 2px;
		width: 642px;
		}
		#mNavi ul {
			margin: 0px -16px 0px 0px;
			overflow: hidden;
			zoom: 1;
			}
			#mNavi ul li {
				float: left;
				display: inline;
				margin: 0px 16px 0px 0px;
				}
				#mNavi ul li a {}
		
	
	#bNavi {
		width: 960px;
		margin: 0px auto;
		padding: 5px 0px 10px 0px;
		}
		#bNavi ul {
			text-align: right;
			}
			#bNavi ul * {
				line-height: 20px;
				}
			#bNavi ul li {
				display: inline;
				color: #999999;
				padding: 0px 0px 0px 10px;
				}
				#bNavi ul li a {
					color: #999999;
					}
	
		
	#content {
		width: 960px;
		margin: 0px auto;
		}
	#contentWrap {
		padding: 0px 0px 20px 0px;
		overflow: hidden;
		zoom: 1;
		}

		#side {
			display: none;
			}
		#sideWrap {}
		
		body#index #side {
			float: right;
			display: block;
			width: 260px;
			}

	
		#page {}
		#pageWrap {}
		
		body#index #page {
			float: left;
			display: block;
			width: 660px;
			}
			
			#pNavi {
				background: url(../img/layout/content/pNavi/pNaviBg.gif) repeat-x 0px bottom;
				}
				#pNavi ul {
					height: 62px;
					margin: 0px 0px 3px 0px;
					background: url(../img/layout/content/pNavi/pNaviMascot.gif) no-repeat right bottom;
					overflow: hidden;
					zoom: 1;
					}
					#pNavi ul li {
						float: left;
						display: inline;
						width: 160px;
						margin: 20px 10px 0px 0px;
						}
						#pNavi ul li a {
							display: block;
							height: 39px;
							text-align: center;
							line-height: 39px;
							background: url(../img/layout/content/pNavi/tab.jpg) no-repeat 0px 0px;
							}
							#pNavi ul li a.this,
							#pNavi ul li a:hover {
								color: #2188C8;
								text-decoration: none;
								background: url(../img/layout/content/pNavi/tab.jpg) no-repeat 0px -39px;
								}
							#pNavi ul li a.this {
								font-weight: bold;
								}

	#footer {
		padding: 16px 0px 50px 0px;
		border-top: 3px solid #E60012;
		}
	#footerWrap {
		width: 960px;
		margin: 0px auto;
		overflow: hidden;
		zoom: 1;
		}
		
		#flogo {
			font-size: 14px;
			font-weight: bold;
			}
		
		#fNavi {
			margin: 0px 0px 10px 0px;
			}
			#fNavi ul {
				overflow: hidden;
				zoom: 1;
				}
				#fNavi ul li {
					display: inline;
					padding: 0px 20px 0px 15px;
					border-left: 1px solid #CCCCCC;
					}
		
		#adobeReader {
			width: 350px;
			overflow: hidden;
			zoom: 1;
			}
			#adobeReader .img {
				float: left;
				width: 129px;
				}
			#adobeReader .text {
				margin: 0px 0px 0px 140px;
				}

		#copyright {}

	
