@charset "UTF-8";





/*common

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

#menu {

	margin-bottom:0;

}





/*@media only screen and (max-width: 990px) {

	#menu {

		min-width:990px;

	}

}*/





/*container

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



@media only screen and (max-width: 736px) {

	#container {

		width: 94%;

	}

}





/*slide
---------------------------------------------------------- */

#top_slide {
	/*width:980px;*/
	width: 100%;
	height: 373x;
	margin: 0 auto 40px;
	position:relative;
	overflow: hidden;
	z-index: 0;
}


#top_slide #panel_area{
	/*width:980px;*/
	width: 100%;
	/*height: 349px;*/
	height: auto;
	position:relative;
}

#top_slide #panel_area li {
	/*width:980px;*/
	width: 100%;
	/*height: 349px;*/
	height: auto;
	list-style: none;
	position:absolute;
	top:0;
	left:0;
}

#top_slide .marker {
	/*width:980px;*/
	width: 100%;
	height: 19px;
	padding-top: 5px;
	text-align: center;
	z-index:100;
	position:relative;
	background-color: #f2f2f2;
}

#top_slide .marker li {
	width: 15px;
	height: 15px;
	margin: 0 2px;
	border-radius: 50%;
	list-style: none;
	background:#cecece;
	cursor:pointer;
	display: inline-block;
	/display:inline;
	/zoom:1;
	position:relative;
}

#top_slide .marker li.current {
	background:#005bac;
}

#top_slide .marker li div {
	width: 230px;
	position: absolute;
	bottom:30px;
	left:-118px;
	padding: 15px 10px;
	color: transparent;
	text-align: center;
	z-index: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 123.1%;
	pointer-events: none;
	transition-property: background-color, color;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}

#top_slide .marker li div {
	display: none\9; /* ～IE8 */
	*display: none; /* ～IE7 */
	_display: none; /* IE6 */
}

#top_slide .marker li div:before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -8px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 8px 0 8px;
	z-index: 0;
	border-color:transparent;
	transition-property: border-color;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}

#top_slide .marker li:hover div{
	background-color: #0096e4;
	color: #fff;
}

#top_slide .marker li:hover div:before {
	border-color: #0096e4 transparent transparent transparent;
}

#top_slide .pager {
	display: none;
}



@media only screen and (max-width: 1200px) {



	#top_slide {

		width: 100%;

		height: auto;

		min-height: 134px;

		margin: 0 auto 10px;

	}



	#top_slide #panel_area {

		width: 100%;

		height: auto;

		/*min-height: 109px;*/
		min-height: 68px;

	}



	#top_slide #panel_area ul {

		width: 100%;

		height: auto;

		position:absolute;

		top:0;

		left:0;

	}



	#top_slide #panel_area li,

	#top_slide #panel_area li img {

		width: 100%;

		height: auto;

	}



	#top_slide .marker {

		width:100%;

		height: 17px;

		padding-top: 8px;

		text-align: center;

		z-index:10;

	}



	#top_slide .marker li {

		width: 10px;

		height: 10px;

	}

	

	#top_slide .marker li div {

		display: none;

	}

}





@media only screen and (max-width: 736px) {

	#top_slide .pager {

		display: block;

		width:100%;

		height: 25px;

		position:absolute;

		bottom:0;

		left:0;

	}



	#top_slide .pager li {

		width:35px;

		height: 25px;

		list-style: none;

	}



	#top_slide .pager li.prev {

		position:absolute;

		left:0;

		top:0;

		z-index:10;

	}



	#top_slide .pager li.next {

		position:absolute;

		right:0;

		top:0;

		z-index:10;

	}

}





/*news

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



.top_news {

	clear: both;

	overflow: hidden;

	zoom:1;

}



.top_news h3{

	margin-bottom: 20px !important;

	padding-bottom: 10px !important;

	border-bottom: 3px solid #005bac !important;

	font-weight: normal;

	font-size: 153.9%;

	line-height:1.2;

}



@media only screen and (max-width: 736px) {

	.top_news h3{

		width:94%;

		margin: 0 auto;

		padding: 0 3% 10px;

		font-size: 200%;

	}

}



/*list*/

.top_news_list dl {

	margin-top: 30px;

	cursor:pointer;

}



.top_news_list dl:first-child {

	margin-top:0;

	padding-top: 10px;

}



.top_news_list dt {

	float: left;

	width:90px;

	margin-right: 20px;

	font-size:80%;

	color: #363636;

	padding: 3px 5px;

	background-color:#e6e6e6;

	font-weight: normal;

	line-height:1.3;

	text-align: center;

}



.top_news_list dd {

	/*font-size:104%;*/

	overflow: hidden;

	zoom:1;

}



.top_news_list dd strong {

	display:block;

}

.top_news_list dd img {

	margin-left:5px;

}



.top_news_list dd a {

	color:#333333;

	text-decoration: none;

}







@media only screen and (max-width: 736px) {

	.top_news_list {

		margin-bottom: 20px;

	}

	.top_news_list dl {

		margin-top: 15px;

		padding: 0 3% 15px;

		border-bottom: 1px solid #d6d6d6;

	}



	.top_news_list dl:first-child {

		padding-top: 0;

	}



	.top_news_list dt {

		float: none;

		width:110px;

		margin: 0 0 10px;

	}



	.top_news_list dd {

		font-size:108%;

		overflow: hidden;

		zoom:1;

	}



	.top_news_list dd strong {

		display:block;

	}

	.top_news_list dd img {

		margin-left:5px;

	}



	.top_news_list dd a {

		color:#333333;

	}

}







/*bnr*/



.top_bnr {

}



.top_bnr_l li,

.top_bnr_s li {

	margin-bottom: 5px;

	list-style: none;

}





@media only screen and (max-width: 736px) {

	.top_bnr_l,

	.top_bnr_s {

		width:94%;

		margin: 0 auto;

	}



	.top_bnr_s ul {

		margin-left: -3%;

	}



	.top_bnr_s li,

	.top_bnr_l li {

		margin-top: 10px;

	}



	.top_bnr_s li {

		float: left;

		width:47%;

		margin-left: 3%;

	}



	.top_bnr_l li img,

	.top_bnr_s li img {

		width: 100%;

		height: auto;

	}

}