@charset "utf-8";

/*------------------------------------------------------------------------ BaseLayout */
/*.main h1 {font-size: 20px;}
.main h2 {font-size: 18px;}
.main h3 {font-size: 13px;clear:both;}
.main h4 {clear:both;}
.main p  {font-size: 14px;}

.main li {list-style: none;}*/

/*.main a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.of{
	overflow: hidden;
}
*/
.wd55 {width: 55% !important; }
.wd60 {width: 60% !important; }
.pt12 {padding-top: 12px;}
/*------------------------------------------------------------------------ main */
.hottopics {
	position: relative;
	padding-bottom: 10px;
}

/*------------------------------------------------------------------------ header */
.txtPub {
	color: #000;
	position: absolute;
	top: 5px;
	left: 5px;	
}
/*------------------------------------------------------------------------ header */
.hottopics header h1 {
	padding-top: 30px;
}
.ttlCaption {
	margin: 20px 0 10px;
}
.iconBox ul{
	width: 550px;	
	margin: 0 auto;
	margin-bottom: 30px;
}
.iconBox li{
	margin-left: 100px;
	display: inline-block;
}
.iconBox .iconSize {
	width: 50px;
}
/*------------------------------ snsBox */

/*------------------------------ ulNav */

/*------------------------------ column */
.column {
	height: 55px;
	width: 32%;
	margin: 0 0.65%;
	float: left;
}
.column a {
	height: 55px;
	padding-top: 5px;
}
.coluBox {	
	text-align: center;
}
/*------------------------------------------------------------------------ htBox */
.htBox {
	padding: 20px;
}
.txtBox {
	margin-top: 10px;
/*width: 390px;
	margin-left: 15px;*/
}

.txtBox a {
	text-decoration: underline;
}

.wd390 {
	width: 390px;
}
.htBox .iconSize {
	width: 40px;
}
.htBox h1 {
	margin-bottom: 20px;
}
.service {
	width: 350px;
	height: 30px;
	background: url(../img/service.jpg) no-repeat;
	overflow: hidden;
/*	transition:background 1s ease-out; */
}
.service:hover {
	width: 350px;
	height: 30px;
	opacity: 0.8;
}
.service a{
	width: 350px;
	height: 30px;
	display: block;
	padding-left: 20px;
	color: #fff;
}
.spot {
	width: 350px;
	height: 30px;
	background: url(../img/spot.jpg) no-repeat;
	overflow: hidden;
/*	transition:background 1s ease-out; */
}
.spot:hover {
	width: 350px;
	height: 30px;
	opacity: 0.8;
}
.spot a{
	width: 350px;
	height: 30px;
	display: block;
	padding-left: 20px;
	color: #fff;
}

.tbl {
	width: 390px;
	font-size: 13px;
	margin-left: 15px;
}
.tbl th, .tbl td{
	padding: 10px;
}
.tbl th{
	width: 95px;
}
/*----------------- images */
.ImgGroup {
    margin: 0 auto;
}
/*------------------------------ ht_map */
.ht_map {
	font-size: 24px;
}
/*------------------------------------------------------------------------ etcEvent */

/*------------------------------------------------------------------------ etcBtn */
.etcBtn {
	margin-top: 10px;
	float: right;
}
.etcBtn a {
	padding: 1px 15px;
	color: #333 !important;
	text-decoration: none !important;
	border: 1px solid #949494;
	display: inline-block;
}
.etcBtn a:hover {
	background: #EEE;
}

.main #info .info_url {
	width: 300px;
	height: 30px;
	margin-top: 10px;
	padding: 5px;
	background: #4A361E;
	overflow: hidden;
	transition:background 1s ease-out;
}
.main #info .info_url:hover {
	width: 300px;
	height: 30px;
	margin-top: 10px;
	padding: 5px;
	background: #96283E;
}
.main #info .info_url a{
	width: 300px;
	height: 30px;
	display: block;
	color: #fff;
}