@charset "utf-8";
/* CSS Document */

#wrapper{
	width:980px;
	}

#mainContainer{
	background:none;
	box-shadow:none;
	}

#subject{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	height:580px;
	text-align:center;
	}
	#subject h2{
		position:relative;
		width:980px;
		height:566px;
		margin:auto;
		text-indent:-9999px;
		overflow:hidden;
		}

#gNav{
	position:relative;
	float:right;
	margin:0px auto;
	z-index:1;
	}
	#gNav li{
		width:54px;
		margin-left:10px;
		}
	#gNav li a{
		width:auto;
		height:340px;
		background:none;
		}
	#gNav li.navi01{
		display:none;
		}
	#gNav li.navi02 a{
		background:url(../images/gNavi_01.png)
		}
	#gNav li.navi03 a{
		background:url(../images/gNavi_02.png)
		}
	#gNav li.navi04 a{
		background:url(../images/gNavi_03.png)
		}
	#gNav li.navi05 a{
		background:url(../images/gNavi_04.png)
		}

#nav{
	display:none;
	}

#contents{
	position:relative;
	margin:0 -20px -10px -20px;
	padding-top:530px;
	}
	#contents .row{
		display:table;
		padding:0;
		border-collapse:separate;
		border-spacing:20px 10px;
		}
		#contents .row > *{
			display:table-cell;
			}
	#contents .section{
		position:relative;
		width:50%;
		padding:0 25px 74px 25px;
		box-shadow:1px 0px 2px rgba(0,0,0,0.2);
		border-radius:5px;
		}
		#contents .section h3{
			margin-top:-10px;
			margin-bottom:10px;
			}
		#contents .section div{
			text-align:center;
			}
		#contents .section div:last-child{
			position:absolute;
			width:100%;
			left:0;
			bottom:30px;
			}
		#contents .section dl{
			margin:20px;
			color:#fff;
			}
		#contents .section dt{
			margin-bottom:10px;
			color:#eef222;
			font-size:120%;
			font-weight:bold;
			}

#boxA{
	padding-bottom:10px !important;
	background:url(../commonImg/pattern_A.jpg);
	}
	#boxA h3+div{
		margin:0 -20px;
		}

#boxB{
	background:url(../commonImg/pattern_B.jpg);
	}

#boxC{
	background:url(../commonImg/pattern_C.jpg);
	}

#boxD{
	background:url(../commonImg/pattern_D.jpg);
	}


#fNav{}
	#fNav dt{
		width:7em;
		}

#footer{}
	#footer .subNavi li{
		margin-left:15px;
		}