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

/*index.html*******************************************************/
#introduction{
	background:url(../top_img/top_mainimg_bg.gif) repeat-x left top;
	margin-bottom: 45px;
}
#introduction #mainImg{
	margin:0 auto 5px auto;
	width:1120px;
	position:relative;
	padding: 10px 0;
}

#introduction #mainImg div{margin:0 auto;}
#introduction #mainImg div p{text-align:left;}

.topCopy,
.topCopy2,
#topCopy03 {
	clear: both;
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #003570;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 30px 30px;
	-webkit-border-radius: 100px 0 100px 0;
	-moz-border-radius: 100px 0 100px 0;
	border-radius: 100px 0 100px 0;
	position: relative;
}
.topCopy2 {background-color: #df0232;margin-top: 24px;}

.topCopy p,
.topCopy2 p {
	position: absolute !important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 10px 30px 0;
	left: 0;
}

.topCopy3 {
	clear: both;
	margin: 0 auto;
	width: 900px;
	padding-top: 40px;
	/*width: 642px;*/
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.topCopy3 .img {
	width: 440px;
	text-align: center;
	padding: 50px 0;
}
#topCopy03 {
	background-color: #008ad8;
	width: 450px;
	padding-bottom: 40px;
	margin-right: 0;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;	
}
#topCopy03:hover {opacity: .6;}
#topCopy03 a {
	color: #FFF;
	text-align: center;
	display: block;
	height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width: 100%;
		-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#topCopy03 a:hover {text-decoration: none;}
#topCopy03 a span {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 180%;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-family: "Source Sans Pro", sans-serif;
}
.topCopy strong,
.topCopy2 strong {
	display: block;
	text-align: center;
	/*font-size: 35px;*/
	font-size: 180%;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
	font-family: "Source Sans Pro", sans-serif;
	line-height: 1.5;
}

.topCopy2 a {
	display: block;
	margin-top: 18px;
	text-align: center;
	color: #FFF;
	font-size: 115%;
	position: relative;
}
.topCopy2 a:after {
	content: '';
	width: 7px;
	height: 7px;
	border: 1px solid #fff;
	border-left-width: 0;
	border-bottom-width: 0;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 2px;
	position: relative;
}
.topCopy2 a span {
	display: inline-block;
	vertical-align: middle;
}


.topFlash {
	width: 230px;
	float: right;
}
#myId{
	top:0;
	left:0;
	width:100%;
}
p#topCopy01,
p#topCopy02{
	line-height:1.7;
	position:relative;
	/*font-size: 14px;*/
	font-size: 101%;
}
p#topCopy01 img{margin-bottom:10px;}


#main{margin-top:45px;}

#subCopy{margin-bottom:15px;}

#search{position:relative;margin-bottom:20px;}
#search h2{margin-bottom:20px;}
#search #navi{overflow:hidden;}
* html #search #tab{zoom:1;}
#search #navi li{
	width:212px;
	height:39px;
	display:block;
	float:left;
	position:relative;
}
#search #navi li span{display:none;}
#search #navi li#nav01{background:url(../top_img/search_tab.gif) no-repeat 0 0;}
#search #navi li#nav01.select{background-position:0 -39px;}
#search #navi li#nav02{background:url(../top_img/search_tab.gif) no-repeat -212px 0;}
#search #navi li#nav02.select{background-position:-212px -39px;}
#search #navi li#nav03{background:url(../top_img/search_tab.gif) no-repeat -424px 0;}
#search #navi li#nav03.select{background-position:-424px -39px;}
#search #navi li#nav01.select,#search #navi li#nav02.select,#search #navi li#nav03.select{z-index:11;}
#subjects,#yearsOld,#area{
	clear:both;
	background:url(../top_img/search_bg.gif) no-repeat left top;
	padding:15px;
	min-height:269px;
	height:auto !important;
	height:269px;
	position:relative;
	z-index:10;
	top:-3px;
}
#subjects ul{
	width:870px;
	overflow:hidden;
}
#yearsOld{
	padding:35px 0 0 55px;
	min-height:264px;
	height:auto !important;
	height:264px;
}
#yearsOld ul{
	width:795px;
	overflow:hidden;
	margin-right:-3px;
}
#area{
	padding:0 0 15px 0;
	min-height:284px;
	height:auto !important;
	height:284px;
}

* html #subjects ul,* html #yearsOld ul{zoom:1;}
#subjects ul li{
	width:174px;
	float:left;
}
#yearsOld ul li{
	width:262px;
	float:left;
	margin-bottom:3px;
	margin-right:3px;
}

#search #searchMore{
	width:156px;
	position:absolute;
	top:70px;
	right:15px;
}
#search #searchMore li{display:inline;}
#search #searchMore li a{
	display:block;
	width:156px;
	height:24px;
	background:url(../top_img/search_more.gif) no-repeat left top;
}
#search #searchMore li a:hover{background-position:left bottom;}
#search #searchMore li a span{display:none;}

#topBottom{overflow:hidden;}
* html #topBottom{zoom:1;}
@media print{
	#topBottom{overflow:auto;}
}

#topRight{
	width:642px;
	float:right;
}
#banners{
	width:914px;
	overflow:hidden;
	margin:0px -14px 20px 0;
	z-index:10;
}
* html #banners{zoom:1;}
#banners li{
	width:443px;
	float:left;
	margin:0 14px 14px 0;
}
#banners li.long{
	width:900px;
	float:none;
	margin:0 0 14px 0;
}
#banners li a:hover {opacity: .6;}

#information{
	clear:both;
	position:relative;
}
#information h2{margin-bottom:15px;}
#information dl{
	overflow:auto;
	height:480px;
}
#information dl dt,#information dl dd{line-height:1.7;}
#information dl dt{
	background:url(../common_img/icon_arrow01.gif) no-repeat 0 9px;
	margin-bottom:3px;
	padding-left:10px;
}
#information dl dt .iconSet{margin-left:5px;}
#information dl dt img{
	vertical-align:middle;
}
* html #information dl dt img{margin-bottom:3px;}
#information dl dd{
	margin-bottom:12px;
	padding-bottom:10px;
	border-bottom:1px #B2B2B2 dotted;
}


#topLeft{
	width:233px;
	float:left;
	border:1px #BFBFBF solid;
	background:url(../top_img/service_bg_bottom.gif) no-repeat center bottom;
}
#topLeft h2{
	border-bottom:1px #bfbfbf solid;
	padding:3px;
}
#topLeft h2 a{
	display:block;
	width:227px;
	height:34px;
	background:url(../top_img/service_sub.gif) no-repeat left top;
}
#topLeft h2 a:hover{background-position:left bottom;}
#topLeft h2 a span{display:none;}

#topLeft .inner{padding:3px 3px 0 3px;}
#topLeft .inner ul{
	background:url(../top_img/service_bg_top.gif) no-repeat center top;
	padding:12px 10px 20px 10px;
}
#topLeft .inner ul li{
	font-weight:bold;
	font-size:105%;
	line-height:1.3;
	padding-left:30px;
	text-indent:-30px;
	margin-bottom:10px;
}
#topLeft .inner ul li img{
	vertical-align:middle;
	margin-right:7px;
}


object{vertical-align:top;}