@charset "utf-8";

/*------------------------------------------------------------------

	wrap

------------------------------------------------------------------*/
#wrap{
	position:relative;
	width:1000px;
	margin:0 auto;
	background:#fff;
	-webkit-box-shadow:0 0 20px #e0e0de;
	-moz-box-shadow:0 0 20px #e0e0de;
	-o-box-shadow:0 0 20px #e0e0de;
	-ms-box-shadow:0 0 20px #e0e0de;
	box-shadow:0 0 20px #e0e0de;
	behavior:url(/common/js/PIE.htc);
}

/*------------------------------------------------------------------

	header

------------------------------------------------------------------*/
#header{
	height:40px;
	padding:20px 20px 15px 20px;
}

.ie6 #header{
	padding:20px 20px 5px 20px;
}

#logoArea{
	float:left;
	width:400px;
}

#logoArea .logo,
#logoArea ul,
#logoArea li{
	display:inline-block;
	vertical-align:top;
	/*vertical-align:bottom;*/
}

#logoArea .area{
	margin-left:5px;
	margin-top:10px;
}

.oldie #logoArea .area,
.ie8 #logoArea .area,
.ie9 #logoArea .area{
	margin-top:15px;
}

#logoArea .area li:nth-child(3){
	margin:2px 0 0 10px;
}

.oldie #logoArea .area li:nth-child(3),
.ie8 #logoArea .area li:nth-child(3),
.ie9 #logoArea .area li:nth-child(3){
	margin:-3px 0 0 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* for webkit */
	#logoArea .area{
		margin-top:15px;
	}
	#logoArea .area li:nth-child(3){
		margin:-3px 0 0 10px !important;
	}
}

.oldie #logoArea .logo,
.oldie #logoArea ul,
.oldie #logoArea li{
	display:inline;
	zoom:1;
}

#jump{
	float:right;
	margin-top:5px;
}

#jump li{
	display:inline-block;
	vertical-align:middle;
}

.oldie #jump li{
	display:block;
	float:left;
}

#jump li:first-child{
	margin:5px 20px 0 0;
}

#jumpMenu{
	margin-top:7px;
	width:150px;
}


/*------------------------------------------------------------------

	gnav

------------------------------------------------------------------*/
#gnav{
	height:60px;
	padding:10px;
	background-color:#5f76b8;
	background:-webkit-linear-gradient(#5f76b8,#3b5097);
	background:-moz-linear-gradient(#5f76b8,#3b5097);
	background:-o-linear-gradient(#5f76b8,#3b5097);
	background:-ms-linear-gradient(#5f76b8,#3b5097);
	background:linear-gradient(#5f76b8,#3b5097);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3) inset;
	behavior:url(/common/js/PIE.htc);
	position:relative;
	z-index:100;
}


#gnav li{
	float:left;
	width:320px;
	height:60px;
	position:relative;
}

#gnav li:not(:last-child){
	margin-right:10px;
}

#gnav li[class^="gnav"] > a{
	display:block;
	height:60px;
	background:url(../img/gnav.png);
	text-indent:-9999px;
}

#gnav li.gnav01 > a{background-position:0 0;}
#gnav li.gnav02 > a{background-position:-320px 0;}
#gnav li.gnav03 > a{background-position:-640px 0;}

#gnav li.gnav01 > a:hover{background-position:0 -60px;}
#gnav li.gnav02 > a:hover{background-position:-320px -60px;}
#gnav li.gnav03 > a:hover{background-position:-640px -60px;}

#gnav li ul{
	display:none;
	width:316px;
	padding:2px;
	background-color:#fff;
}

.ie7 #gnav li ul{
	height:88px;
}

#gnav li:hover ul{
	display:block;
	position:absolute;
	z-index:100;
}

#gnav li ul li{
	float:none;
	width:312px;
	height:auto;
	padding:1px;
	background-color:#6179ba;
}

#gnav li ul li+li{
	margin-top:-2px;
}

#gnav li ul li a{
	display:block;
	margin:1px;
	padding:10px;
	background-image:url(../img/icon_arw01.png);
	background-position:290px center;
	background-repeat:no-repeat;
	background-color:#8196ce;
	color:#fff;
	text-decoration:none;
	-webkit-transition: background-color .3s linear;
}

#gnav li ul li a:hover{
	background-color:#a3b3e0;
}


/*------------------------------------------------------------------

	contents

------------------------------------------------------------------*/
#contents{
	padding:20px;
}

#visual{
	height:117px;
	border-bottom:#6179ba 4px solid;
	position:relative;
	z-index:1;
}

#main{
	width:750px;
	float:right;
}

#side{
	width:230px;
	float:left;
}

#sideMenu{
	width:210px;
	margin-bottom:10px;
	text-indent:-9999px;
}

#sideMenu h2{
	height:35px;
}

#sideMenu a{
	display:block;
	height:36px;
}

#side .pdf{
	margin-right:20px;
	padding:10px;
	border:#cbd3e8 1px solid;
	background:#dee3f0;
	overflow:hidden;
	*zoom:1;
}

#side .pdf img{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	border:#ccc 1px solid;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	-o-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	-ms-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	behavior:url(/common/js/PIE.htc);
}

#side .pdf span{
	display:inline-block;
	vertical-align:middle;
}


.pagetop{
	clear:both;
	text-align:right;
}

.pagetop a{
	opacity:1;
	-webkit-transition: opacity .3s linear;
}

.pagetop a:hover{
	opacity:0.7;
}


/*------------------------------------------------------------------

	footer

------------------------------------------------------------------*/
#footer{
	padding-top:15px;
	border:#ccc 1px solid;
	background:url(../img/bg_blue.gif);
}

.fLink{
	padding:10px 20px;
	border-top:#ccc 1px solid;
	background:#d5dbe6;
}

.fLink li{
	display:inline;
	line-height:1;
}

.fLink a{
	padding:0 10px;
	border-left:#8d9aab 1px solid;
	color:#000;
	font-size:92%;
	font-weight:bold;
	text-decoration:none;
}

.fLink a:hover{
	text-decoration:underline;
}

.fLink li:first-child a{
	color:#2b5c90;
}

.copyright{
	padding:3px 20px;
	background:url(../img/f_background.gif);
}


/*------------------------------------------------------------------

	Common Style

------------------------------------------------------------------*/
.tit{
	margin-bottom:10px;
	padding:8px 0;
	border-bottom:#6179ba 1px solid;
	line-height:1;
}

.stit{
	margin-bottom:20px;
	font-size:136%;
	font-weight:bold;
}

.hgroup{
	overflow:hidden;
	*zoom:1;
}

.table01{
	padding:10px;
	background:#eff2f8;
}

.table01 th{
	padding:5px 10px;
	border:#bdc7e2 1px solid;
	background:#dfe4f1;
}

.table01 td{
	padding:10px;
	border:#bdc7e2 1px solid;
	background:#fff;
}

.oldie .table01 th,
.oldie .table01 td{
	font-size:135%;
}


/*------------------------------------------------------------------

	ClearFix

------------------------------------------------------------------*/

#header:after,
#jump:after,
#gnav ul:after,
#contents:after{
	content:"";
	display:block;
	clear:both;
}

.oldie #header,
.oldie #jump,
.oldie #gnav ul,
.oldie #contents{
	zoom:1;
}