@charset "UTF-8";

/*===========================================

		Base

===========================================*/

body{
	font-size: 13px;
	font-size: 85%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ","Meiryo",Verdana,"ＭＳ ゴシック",Osaka-mono,sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	
	background: #FCF9ED;
}

/* 背景変更処理 */
body{ background: url(../img/main_content_bg.png) repeat 0 0; }
body.black{ background: #000000 !important; }
body.yellow{ background: #fff700 !important; }
body.blue{ background: #0005ff !important; }





/* ベースリンクカラー */
a{ color: #ad773d; }
a:hover{ text-decoration: none; }

/* イメージ処理 */
img{ max-width: 100%; }

/* フォントサイズ */
.fs10{ font-size: 77%; }
.fs11{ font-size: 85%; }
.fs12{ font-size: 92%; }
.fs13{ font-size: 100%; }
.fs14{ font-size: 108%; }
.fs15{ font-size: 115%; }
.fs16{ font-size: 123%; }
.fs18{ font-size: 138%; }
.fs20{ font-size: 154%; }
.fs22{ font-size: 169%; }
.fs24{ font-size: 184%; }
.fs26{ font-size: 200%; }

.fL{ float: left !important}
.fR{ float: right !important}

.fontS { font-size: 77% }
.fontM { font-size: 85% }
.fontL { font-size: 116% }

/* for IE6 */
* html body {
	font-size: 82%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 82%;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


.sp{
	display: none;
}
@media only screen and (max-width: 719px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}


#wrap{
	font-size: 100%;
	width: 100%;
}

.space {
	letter-spacing: 1em;
	color: #000 !important;
	background-color: #FFF !important;
	padding: 0px !important;
	margin: 0px !important;
}

svg {
	vertical-align: top;
	font-weight: bold;
}

/*===========================================

		Urgent

===========================================*/
#urgent{
	background: #dd0f0f;
	color: #fff;
	font-size: 108%;
	padding: 15px 3%;
	width: 94%;
}
#urgent h3{
	float: left;
	display: inline-block;
	background: #FCEE21;
	font-size: 123%;
	font-weight: bold;
	color: #dd0f0f;
	padding: 0 10px;
	margin-right: 15px;
}
#urgent p{
	float: left;
	margin: 3px 0;
	font-weight: bold;
}
#urgent a{
	color: #fff;
}
#urgent>a{
	float: right;
	background: #333;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
	color: #fff;
	text-decoration: none;
}

/*===========================================

		Header

===========================================*/
/*#header{
	background: url(../img/base_bg.png) repeat 0 0;
	color: #fff;
}
#header h1{
	padding: 25px;
	background: #fff;
	text-align: center;
}*/
#move{
	position: absolute;
	left: -9999px;
}
#head-title{
	padding: 25px;
	text-align: center;
}
#head-title a{
	margin:0px auto;
	display:block;
	width:134px;
	height:116px;
	background:url("../img/header_logo_pc.png") no-repeat;
}
.black #head-title a,
.blue #head-title a{
	background:url("../img/header_logo_pc2.png") no-repeat;
}
#head-title-text{
	position:absolute;
	left:-9999px;
}
.black #head-title a,
.blue #head-title a{
	background:url("../img/header_logo_pc2.png") no-repeat;
}
@media only screen and (max-width: 719px) {
	#header h1{
		float: left;
		width: 39%;
		/* height: 65px; */
		padding: 20px 11px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#header .aco{
		float: left;
		width: 27.5%;
		margin-top: 10px;
		margin-left: 3%;
	}
	#header .aco a.aco_btn{
		display: table;
		width: 100%;
		height: 55px;
		padding: 0 10px;
		line-height: 1.4em;
		background: none;
		color: #fff;
		text-decoration: none;
		border: 1px solid #fff;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#header .aco a.aco_btn>span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#header .aco nav{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(50,66,89,.9);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		z-index: 200;
	}
	
	/* gl_nav */
	#header .aco nav .gl_nav li{
		border-top: 1px dashed rgba(255,255,255,.8);
	}
	#header .aco nav .gl_nav li:first-child{
		border-top: none;
	}
	#header .aco nav .gl_nav li a{
		position: relative;
		display: block;
		width: 100%;
		padding: 10px 20px 10px 85px;
		color: #fff;
		font-size: 123%;
		text-decoration: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#header .aco nav .gl_nav li a img{
		position: absolute;
		width: 50px;
		top: 12px;
		left: 20px;
	}
	#header .aco nav .gl_nav li a span{
		display: block;
		font-size: 72%;
	}
	#header .aco nav a.cls_btn{
		display: block;
		width: 100%;
		padding: 15px 0;
		color: #fff;
		background: #6998B9;
		text-decoration: none;
		text-align: center;
	}
	
	/* useful */
	#header .aco nav .useful{
		padding: 20px;
	}
	#header .aco nav .useful li{
		float: left;
		width: 32%;
		margin: 0 2% 2% 0;
	}
	#header .aco nav .useful li:nth-child(3n){
		margin-right: 0;
	}
}



/* head_sub */
#header .head_sub{
	margin: 15px 0;
}
#header .head_sub .blc_font,
#header .head_sub .blc_bg,
#header .head_sub .blc_search,
#header .head_sub .blc_google{
	float: left;
	margin: 3px 20px 0 0;
}
#header .head_sub .blc_google{
	margin: 0;
	min-height: 27px;
}
#header .head_sub .blc_font p,
#header .head_sub .blc_bg p{
	float: left;
	padding: 5px 0;
	line-height: 1em;
}
#header .head_sub .blc_font ul,
#header .head_sub .blc_bg ul{
	float: left;
}
#header .head_sub .blc_font li,
#header .head_sub .blc_bg li{
	float: left;
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	line-height: 1em;
	/*background: #fff;
	color: #333;*/
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
	cursor: pointer;
}
#header .head_sub .blc_bg li#white{
	background: #fff;
	color:#333;
}
#header .head_sub .blc_bg li#white.active{
	color:#fff;
}
#header .head_sub .blc_bg li#yellow{
	background: #ffc533;
	border:1px solid #ffc533;
	color: #333;
}
#header .head_sub .blc_bg li#blue{
	background: #2679C4;
	border:1px solid #2679C4;
	color: #fff;
}
#header .head_sub .blc_bg li#black{
	background: #000000;
	border:1px solid #000;
	color: #fff;
}
/*#header .head_sub li.active{
	background: #6998b9 !important;
	color: #fff;
}*/
#header .head_sub .blc_search input,
#header .head_sub .blc_search button{
	position: relative;
	margin: 0;
	line-height: 1em;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
}
#header .head_sub .blc_search input.tt{
	width: 143px;
/*
	width: 103px\9;
	top: -3px\9;
*/
	padding: 1px;
	border: none;
	color: #333;
}
/*#header .head_sub .blc_search input.sb{*/
#header .head_sub .blc_search button.sb{
	width: 60px;
	margin-left: 5px;
	padding: 5px 0;
	border: none;
	/*background: #6998b9;*/
	color: #fff;
	text-align: center;
		letter-spacing: 0.5em;
	margin-right: -0.5em;
    padding-left: 0.5em;
}
#search-title{
	position:absolute;
	left: -9999px;
}
#translate_selector_title{
	position:absolute;
	left: -9999px;
}
@media only screen and (max-width: 719px) {
	#header .head_sub .blc_search{
		width: 100%;
	}
	#header .head_sub .blc_search input{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#header .head_sub .blc_search input.tt{
		width: 75%;
	}
	#header .head_sub .blc_search input.sb{
		width: 17%;
		margin-left: 3%;
	}
}
#search-title{
	position: absolute;
	left: -9999px;
}
#header #gl_nav{
}
#header #gl_nav li{
	position: relative;
	float: left;
}
#header #gl_nav li:after{
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 40px;
	background: #8d96a4;
}
#header #gl_nav li:first-child:before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 40px;
	background: #8d96a4;
}
#header #gl_nav li a{
	display: block;
	position: relative;
	width: 140px;
	padding-top: 50px;
	color: #fff;
	font-size: 123%;
	text-align: center;
	text-decoration: none;
	-webkit-transition: color 0.1s linear;
		-moz-transition: color 0.1s linear;
		-o-transition: color 0.1s linear;
		-ms-transition: color 0.1s linear;
		transition: color 0.1s linear;

}
#header #gl_nav li a:hover{
	color: #FFC533;
}
#header #gl_nav li a span{
	display: block;
	line-height: 1em;
	font-size: 72%;
}
#header #gl_nav li img{
	width: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
}


/*===========================================

		main_content

===========================================*/

#main_content{
	padding: 30px 0;
}
@media only screen and (max-width: 719px) {
	#main_content{
		padding: 10px 0 0;
	}
}

/*===========================================

		Useful

===========================================*/
/*#useful{
	margin-bottom: 30px;
}
#useful h3{
	float: left;
	width: 155px;
	height: 248px;
	margin-right: 10px;
	background: url(../img/base_bg.png) repeat 0 0;
	text-align: center;
}
#useful h3 img{
	position: relative;
	top: 36px;
	left: 8px;
}
#useful ul li{
	float: left;
	width: 125px;
	margin: 0 5px 5px 0;
}
#useful ul li:nth-child(6n){
	margin: 0 0 5px;
}*/
.useful{
	margin-bottom: 30px;
	line-height:1em;
}
.useful a{
	height: 95px;
}

.useful h3{
	float: left;
	width: 155px;
	height: 248px;
	margin-right: 10px;
	text-align: center;
}
.white .useful h3{
	background: url(../img/base_bg.png) repeat 0 0;
}
.useful h3 img{
	position: relative;
	top: 36px;
	left: 8px;
}
.useful ul li{
	float: left;
	width: 125px;
	margin: 0 5px 5px 0;
}
.useful ul li:nth-child(6n){
	margin: 0 0 5px;
}
.useful-link{
	display:block;
	text-align:center;
	text-decoration:none;
	padding:12px 0px;
	border:1px solid #d1d1d1;
	background:url("../img/arrow02_pc.png") no-repeat right 4px top 4px;
}
.useful-icon{
    background-image: url(../image/useful-icon.png);
    background-repeat: no-repeat;
    display: block;
}
.useful-icon01 {
    width: 31px;
    height: 35px;
    background-position: -1px -1px;
    margin: 2px auto;
}
.useful-icon02 {
    width: 39px;
    height: 38px;
    background-position: -1px -38px;
    margin: 0.5px auto;
}
.useful-icon03 {
    width: 36px;
    height: 34px;
    background-position: -1px -78px;
    margin: 2.5px auto;
}
.useful-icon04 {
    width: 35px;
    height: 35px;
    background-position: -1px -114px;
    margin: 2px auto;
}
.useful-icon05 {
    width: 33px;
    height: 39px;
    background-position: -1px -151px;
    margin: 0px auto;
}
.useful-icon06 {
    width: 32px;
    height: 32px;
    background-position: -1px -192px;
    margin: 3.5px auto;
}
.useful-icon07 {
    width: 27px;
    height: 35px;
    background-position: -1px -226px;
    margin: 2px auto;
}
.useful-icon08 {
    width: 37px;
    height: 33px;
    background-position: -1px -263px;
    margin: 3px auto;
}
.useful-icon09 {
    width: 21px;
    height: 37px;
    background-position: -1px -298px;
    margin: 0px auto;
}
.useful-icon10 {
    width: 33px;
    height: 38px;
    background-position: -1px -337px;
    margin: 0.5px auto;
}
.useful-icon11 {
    width: 52px;
    height: 26px;
    background-position: -1px -377px;
    margin: 6.5px auto;
}
.useful-icon12 {
    width: 42px;
    height: 36px;
    background-position: -1px -405px;
    margin: 1.5px auto;
}
.useful-title{
	font-style:normal;
	display:block;
	font-weight:bold;
	padding:8px 0px;
}
.useful-text{
	display:block;
}
.useful-text01{
	padding:0.5em 0em;
}
/* sp */
@media only screen and (max-width: 719px) {
	.useful-title{
		min-height:3em;
	}
	.useful-text{
		min-height:3em;
		padding:0em;
		margin-top: -20px;
	}
}
/*===========================================

		blc_st

===========================================*/
.blc_st{
	margin-bottom: 20px;
}
.blc_st h3{
	position: relative;
	padding-bottom: 5px;
	/*border-bottom: 3px solid #34445c;
	font-size: 140%;
	color: #34445c;*/
		border-width: 0px 0px 3px;
	border-style: solid;
	font-size: 140%;
}
.white .blc_st h3{
	color: #34445c;
	border-color:#34445c;
}
.blc_st h3 img{
	position: relative;
	width: 30px;
	top: -1px;
	margin-right: 5px;
}
.blc_st ul.ptn_st{
	background: #fff;
}
.blc_st ul.ptn_st li{
	border-top: 1px dotted #d1d1d1;
}
.blc_st ul.ptn_st li:first-child{
	border-top: none;
}
.blc_st ul.ptn_st li a{
	display: block;
	padding: 10px 13px 10px 29px;
	text-decoration: none;
	color: #333;
	background-image: url(../img/common_list_icon00.png);
	background-repeat: no-repeat;
	background-position: 13px 19px;
	-webkit-transition: background 0.1s linear;
		-moz-transition: background 0.1s linear;
		-o-transition: background 0.1s linear;
		-ms-transition: background 0.1s linear;
		transition: background 0.1s linear;
}
.blc_st ul.ptn_st li a:hover{
	background-color: #e1eaf1;
}
/* town_info */
/*#town_info.blc_st h3{*/
.white #town_info.blc_st h3{
	color: #d44d47;
	border-color: #d44d47;
}
#town_info.blc_st ul.ptn_st li a{
	background-image: url(../img/common_list_icon01.png);
}

/* pu_re */
/*#pu_re.blc_st h3{*/
.white #pu_re.blc_st h3{
	color: #52b295;
	border-color: #52b295;
}
#pu_re.blc_st ul.ptn_st li a{
	background-image: url(../img/common_list_icon02.png);
}


/*===========================================

		Pickup & News

===========================================*/
#pickup,
#news,
#recruiting{
	margin-bottom: 20px;
}
#pickup .head,
#news .head,
#recruiting .head{
	position: relative;
	padding-bottom: 2px;
	min-height: 25px;
	/*border-bottom: 3px solid #34445c;*/
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
.white #pickup .head,
.white #news .head,
.white #recruiting .head{
	border-bottom-color: #34445c;
}

#pickup .head h3,
#news .head h3,
#recruiting .head h3{
	float: left;
	display: block;
	padding-left: 5px;
/*	padding-right: 130px; */
	font-size: 140%;
	color: #34445c;
}
#pickup .head h3 img,
#news .head h3 img,
#recruiting .head h3 img{
	position: relative;
	left: 0;
	top: -2px;
	margin-right: 8px;
}
#pickup .head ul,
#news .head ul,
#recruiting .head ul{
	position: absolute;
	display: block;
	top: 1px;
	right: 0;
/*	width: 129px; */
	height: 25px;
}
#pickup .head ul li,
#news .head ul li,
#recruiting .head ul li{
	float: right;
	margin-left: 5px;
}
#pickup .blc,
#news .blc,
#recruiting .blc{
	background: #fff;
}
#pickup .blc ul li,
#news .blc ul li,
#recruiting .blc ul li{
	border-top: 1px dotted #808080;
}
#pickup .blc ul li:first-child,
#news .blc ul li:first-child,
#recruiting .blc ul li:first-child{
	border-top: none;
}
#pickup .blc ul li a,
#news .blc ul li a,
#recruiting .blc ul li a{
	display: block;
	padding: 10px 10% 10px 5%;
	color: #333;
	text-decoration: none;
	background: url(../img/common_icon_arrow01.png) no-repeat 95% 50%;
	-webkit-transition: background 0.1s linear;
		-moz-transition: background 0.1s linear;
		-o-transition: background 0.1s linear;
		-ms-transition: background 0.1s linear;
		transition: background 0.1s linear;
}
#pickup .blc ul li a:hover,
#news .blc ul li a:hover,
#recruiting .blc ul li a:hover{
	background: #e1eaf1 url(../img/common_icon_arrow01.png) no-repeat 96% 50%;
}
#pickup .blc ul li a dt,
#news .blc ul li a dt,
#recruiting .blc ul li a dt{
	font-weight: bold;
}
#pickup .blc ul li a dt span,
#news .blc ul li a dt span,
#recruiting .blc ul li a dt span{
	position: relative;
	display: inline-block;
	top: -2px;
	margin: 0 3px;
	/*	font-size: 11px; */
	font-size: 81.3%;
	background: #eee;
	padding: 2px 10px;
	line-height: 1em;
	
}
/* sp */
@media only screen and (max-width: 719px) {
	#pickup .head h3,
	#news .head h3,
	#recruiting .head h3{
		padding-left: 5px;
	}
	#pickup .blc ul li a,
	#news .blc ul li a,
	#recruiting .blc ul li a{
		background: url(../img/common_icon_arrow01_sp.png) no-repeat 95% 50%;
		background-size: 12px 21px;
	}
	#pickup .blc ul li a:hover,
	#news .blc ul li a:hover,
	#recruiting .blc ul li a:hover{
		background: #e1eaf1 url(../img/common_icon_arrow01_sp.png) no-repeat 96% 50%;
		background-size: 12px 21px;
	}
}

/*===========================================

		blc_live

===========================================*/
.blc_live{
	position: relative;
	overflow: hidden;
/*	height: 185px; */
	margin-bottom: 13px;
}
.blc_live a{
	text-decoration: none;
}
.blc_live h3{
}
.blc_live img.obj{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -33px;
}

/*===========================================

		blc_bnr

===========================================*/
.blc_bnr{
	margin-bottom: 10px;
}
.blc_bnr ul li{
	margin-top: 10px;
}
.blc_bnr ul li:first-child{
	margin-top: 0;
}

/*===========================================

		foot_bnr

===========================================*/
/*#foot_bnr{
	background: url(../img/foot_bnr_bg.png) repeat 0 0;
}*/
#foot_bnr ul{
	margin: 0 10px;
	padding: 30px 0 20px;
}
#foot_bnr ul li{
	float: left;
	width: 140px;
	margin: 0 20px 10px 0;
}
#foot_bnr ul li:nth-child(6n){
	margin: 0 0 10px 0;
}
@media only screen and (max-width: 719px) {
	#foot_bnr ul{
		margin: 0;
		padding: 4% 0 2%;
	}
	#foot_bnr ul li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	#foot_bnr ul li:nth-child(6n){
		margin: 0 2% 2% 0;
	}
	#foot_bnr ul li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	#foot_bnr ul li img{
		width: 100%;
	}
}

/*===========================================

		footer

===========================================*/
#footer{
	position: relative;
	padding-bottom: 20px;
	/*background: url(../img/base_bg.png) repeat 0 0;
	color: #fff;*/
}
#footer .container-12{
	position: relative;
}
#footer #pagetop{
	position: absolute;
	right: -90px;
	top: -30px;
}
#footer .ft_body{
	padding: 20px 0;
}
#footer .ft_body dl{
	width: 167px;
	float: left;
	padding: 0 10px;
	border-right: 1px solid #8d96a4;
}
#footer .ft_body dl:first-child{
	width: 166px;
	border-left: 1px solid #8d96a4;
}
#footer .ft_body dl dt{
	margin-bottom: 10px;
	font-size: 123%;
	letter-spacing: 0.03em;
	font-weight: normal;
	/*color: #ffffff;*/
}
#footer .ft_body dl dd li{
	background: url(../img/common_arrow01.png) no-repeat 0 5px;
	padding: 0 12px; 
}
#footer .ft_body dl dd a{
	font-size: 92%;
	color: #fff;
	line-height: 1.6em;
	text-decoration: none;
}
#footer .ft_body dl dd a:hover{
	text-decoration: underline;
}
#footer .ft_foot{
	font-size: 92%;
	text-align: center;
}
#footer .ft_foot .sub_nav{
	margin-bottom: 20px;
}
#footer .ft_foot .sub_nav li{
	display: inline;
}
#footer .ft_foot .sub_nav li a{
	background: url(../img/common_arrow01.png) no-repeat 0 2px;
	padding: 0 12px; 
	color: #fff;
	text-decoration: none;
}
#footer .ft_foot .sub_nav li a:hover{
	text-decoration: underline;
}
#footer .ft_foot p{
	margin-bottom: 5px;
	letter-spacing: 0.04em;
}
#footer #pagetop a{
	display:block;
	background: url(../img/pagetop.png) no-repeat;
	width: 68px;
	height: 68px;
}
.yellow #footer #pagetop a{
	background: url(../img/pagetop2.png) no-repeat;
}
#pagetop-text{
	position: absolute;
	left: -9999px;
}
@media screen and (min-width:768px) and (max-width:1023px){
	#footer #pagetop{
		right: 10px;
	}

}
@media only screen and (max-width: 719px) {
	#footer #pagetop{
		display: none;
	}
	#footer .ft_foot .sub_nav{
		margin-top: 20px;
	}
	#footer .ft_foot .sub_nav li a{
		display: block;
		position: relative;
		width: 100%;
		padding: 12px 2%;
		margin: 0 0 10px 0;
		color: #fff;
		background: none;
		text-align: left;
		text-decoration: none;
		border: 1px solid #fff;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#footer .ft_foot .sub_nav li a:hover{
		text-decoration: none;
	}
	#footer .ft_foot .sub_nav li a:after{
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
}


/*===========================================

		footer

===========================================*/
.u_slider {
	position: relative;
	overflow: auto;
}
 
.u_slider li {
	list-style: none;
}
.u_slider ul li {
	float: left;
}


/*============================================================================

		coolcarousel

============================================================================*/
#main_img{
	position: relative;
	height: 400px;
	width: 100%;
	overflow: hidden;
}
#carousel {
	width: 100%;
	height: 400px;
	overflow: hidden;
}
#carousel div{
	float: left;
	width: 1280px;
	height: 400px;
	overflow: hidden;
}
#carousel img {
	display: block;
	width: 100%;
	margin-top: -5px;
}
.active_blc,.prev_blc,.next_blc{
	background: url(../img/top_img_bg.png) repeat 0 0 ;
	display: block;
	height: 440px;
	width: 50%;
	top: 0;
	position: absolute;
}
.active_blc{
	width: 1040px;
	left: 50%;
	margin-left: -520px;
	display: none;
}
.prev_blc{
	left: -520px;
}
.next_blc{
	right: -520px;
}
.s_inner{
	position: absolute;
	top: 0;
	left: 50%;
	width: 940px;
	height: 400px;
	margin: 0 auto 0 -470px;
	z-index: 100;
}
#prev, #next{
	display: block;
	height: 45px;
	width: 45px;
	top: 50%;
	margin-top: -23px;
	position: absolute;
	cursor: pointer;
}
#prev{
	background: url(../img/slider_prev.png) no-repeat 0 0 ;
	left: 0;
}
#next{
	background: url(../img/slider_next.png) no-repeat 0 0 ;
	right: 0;
}
#pager {
	margin-left: -470px;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
#pager a {
	background-color: #fff;
	border-radius: 10px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
}
#pager a:hover {
	background-color: #fb0;
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #fb0;
}
/*===========================================

		list

===========================================*/
.list span.variation1{
	/*background-color: #a2d065 !important;*/
	background-color: #005D00 !important;
	color:#fff;
}
.list span.variation2{
	/*background-color: #db635d !important;*/
	background-color: #A30000 !important;
	color:#fff;
}
.list span.variation3{
	/*background-color: #4592cc !important;*/
	background-color: #005392 !important;
	color:#fff;
}
.list span.variation4{
	/*background-color: #e3739c !important;*/
	background-color: #9B0056 !important;
	color:#fff;
}
.list span.variation5{
	/*background-color: #e9754b !important;*/
	background-color: #6E4400 !important;
	color:#fff;
}
.list span.variation6{
	/*background-color: #e99a40 !important;*/
	background-color: #00625D !important;
	color:#fff;
}
.list span.variation7{
	background-color: #65c3bd !important;
	color:#fff;
}
.list span.variation8{
	background-color: #b06cb0 !important;
	color:#fff;
}
.list span.variation9{
	background-color: #b7a060 !important;
	color:#fff;
}
.list span.variation10{
	background-color: #7b7b7b !important;
	color:#fff;
}
.list-link{
	font-weight:bold;
	font-size:93.8%;
	text-decoration:none;
	border-width:1px;
	border-style:solid;
	padding:4px 8px;
	color:#34445c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}
.white .list-link{
	border-color:#34445c;
}
.list-link:after{
	margin-left:8px;
	content:">";
}
/*===========================================

		banner

===========================================*/
.white .banner-link{
	color:#333;
}
.banner-link-text{
	display:block;
	/*line-height:1em;*/
	min-height:2em;
	font-size: 90%;
}

.map {
	width: 100%!important;
}
.colm-12 {
	word-break: break-all;
}