﻿@charset 'UTF-8';

/*------------- property ------------------*/

ul {
	margin: 3px 10px 0px 15px;
	padding: 0px;
	line-height:150%;
}

li {
	list-style-type: none;
	margin: 3px auto 0px auto;
	background: url(../images/arrow_pink.gif) no-repeat 0px 5px;
	padding: 0px 0px 3px 10px;
}

.fsNormal {
	padding: 0px 0px 5px 0px;
}

.fs14 {
	font-size:110%;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
}

li a:link {text-decoration: none; color: #333;}
li a:visited {text-decoration: none; color: #333;}
li a:hover {text-decoration: underline; color: #1B5FB4;}

.space {
	margin: 38px 5px 0px 10px;
}

.spaceImg {
	margin: 0px 0px 7px 0px;
}

.leftCont,.frame1L,.frame2L {
	float:left;
	width: 730px;
}

.rightCont,.frame1R,.frame2R {
	float:right;
	width: 220px;
}

.leftContL,.leftContM,.leftContR {
	float:left;
	width: 236px;
}

.leftContL,.leftContM,.leftContR {
	margin: 8px 0px;
}

.leftContM {
	margin: 8px 0px 8px 10px;
}

.leftContR {
	margin: 8px 0px 8px 10px;
}

.contentInner {
	float:left;
	width: 235px;
	margin: 0px auto 12px auto;
}

.contentInnerShop,.contentInnerRest,.contentInnerPro,.contentInnerAtt,.contentInnerHotel,.contentInnerService,.contentInnerEdu,.contentInnerLiving,.contentInnerYellow {
	float:left;
	width: 235px;
	margin: 0px auto 12px auto;
}

.contentInnerShop {
	background: url(../images/top_cont_shop.gif) no-repeat top right;
}

.contentInnerRest {
	background: url(../images/top_cont_rest.gif) no-repeat top right;
}

.contentInnerPro {
	background: url(../images/top_cont_pro.gif) no-repeat top right;
}

.contentInnerAtt {
	background: url(../images/top_cont_att.gif) no-repeat top right;
}

.contentInnerHotel {
	background: url(../images/top_cont_hotel.gif) no-repeat top right;
}

.contentInnerService {
	background: url(../images/top_cont_service.gif) no-repeat top right;
}
.contentInnerEdu {
	background: url(../images/top_cont_edu.gif) no-repeat top right;
}

.contentInnerLiving {
	background: url(../images/top_cont_living.gif) no-repeat top right;
}

.contentInnerYellow {
	background: url(../images/top_cont_yellow.gif) no-repeat top right;
}

.frame1L {
	width: 508px;
	padding: 0px;
	margin: 0 auto ;
	height: 320px;
	background: url(../images/top_aboutmetrobg.gif) no-repeat top right;
}

.frame1R {
	padding: 0;
	margin: 0 auto;
}

.frame2L {
	padding: 0;
	margin: 9px auto;
	height: 164px;
}

.frame2R {
	padding: 0;
	margin: 8px auto;
}

.magImg {
	float:left;
	padding: 15px 10px 0px 22px;
}

.aboutMag {
	padding: 25px 15px 0px 0px;
	text-align:left;
}

.bannerSpace {
	margin: 0px auto 6px auto;
	padding-left: 2px;
}

.bannerSpaceM {
	margin: 5px 0px 0px 0px;
}

#textAbout {
	position:absolute;
	width:317px;
	height:258px;
	z-index:2;
	left: 400px;
	top: 84px;
	line-height:155%;
	overflow: hidden;
}

#textAbout2 {
	position:absolute;
	width:341px;
	z-index:1;
	height:46px;
	top: 345px;
	left: 387px;
	text-align: right;
}

.aboutButton {
	float: left;
	width:400px;
	margin:0px 0px 0px 14px;
}



/*------------- topLeft Contents ------------------*/

.topLeftCont,.leftBanner {
	float:left;
	width:206px;
}

.topLeftCont {
	margin-right:14px;
}


.topLeftCont_app {
	height: 129px;
	margin-bottom: 8px;
	background: url(../images/app_bg.jpg) no-repeat top right;
}

/*------------- Weather ------------------*/

.frame3R {
	float:left;
	width:206px;
	margin-top:10px;
	border: solid 1px #D9D9D9;
}

.bgYellow {
	background: url(../images/bg_weather.jpg) repeat-x top left;
	height: 24px;
	margin:0px;
}


.bgYellowtm {
	background: url(../images/bg_weather.jpg) repeat-x top left;
	height: 20px;
	margin:0px;
}


.bgYellowTop {
	background: url(../images/bg_weather.jpg) repeat-x top left;
	height: 13px;

}


.bgYellow h3 {
	padding: 2px 5px 5px 5px;
}

/*------------- under the Banners ------------------*/

.frame4R {
	border-top: dotted 2px #CCC;
	margin: 0px auto 8px auto;
}

.spc {
	border-bottom: dotted 2px #CCC;
	padding: 3px 0px;
}

/*------------- Banner Horizontal ------------------*/

#boxForHori {
	margin: 0px auto ;
	padding: 10px auto 5px auto;
	width: 960px;
	text-align: center;
}

/*------------- Contents Copy  ------------------*/

.textForCategory {
	font-size:10px;
	font-weight:bold;
	line-height:140%;
	padding:2px 6px;
	margin: 45px 0px 8px 0px ;
	color:#993300;
}
