﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.maparea {
	background: url(../images/top/top_mainimage.jpg) no-repeat;
	margin:0;
	width:900px;
	height:454px;
	position: relative;
	}
	
.map_title {
	position: absolute;
	top:135px;
	left:230px;
	background: url(../images/top/town_name.jpg) no-repeat;
	margin: 0;
	padding: 62px 0 0 0;
	width: 150px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:62px;/* for ie5.x */
	}

.top_map {
	margin:0;
	list-style-type: none;
	}
	
.top_map li {
	position: absolute;
	}

.top_map li a {
	margin: 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	position: relative;
	}

.top_map li.tomap1 {
	top:5px;
	left:15px;
	width:92px;
	height:132px;
	}
	
.top_map li.tomap2 {
	top:5px;
	left:319px;
	width:90px;
	height:132px;
	}
	
.top_map li.tomap3 {
	top:17px;
	left:711px;
	width:183px;
	height:77px;
	}
	
.top_map li.tomap4 {
	top:21px;
	left:409px;
	width:102px;
	height:104px;
	}
	
.top_map li.tomap5 {
	top:68px;
	left:533px;
	width:116px;
	height:129px;
	}
	
.top_map li.tomap6 {
	top:124px;
	left:696px;
	width:86px;
	height:122px;
	}
	
.top_map li.tomap7 {
	top:124px;
	left:798px;
	width:86px;
	height:122px;
	}
	
.top_map li.tomap8 {
	top:141px;
	left:353px;
	width:90px;
	height:129px;
	}
	
.top_map li.tomap9 {
	top:141px;
	left:443px;
	width:90px;
	height:129px;
	}
	
.top_map li.tomap10 {
	top:197px;
	left:603px;
	width:88px;
	height:120px;
	}
	
.top_map li.tomap11 {
	top:298px;
	left:168px;
	width:94px;
	height:132px;
	}
	
.top_map li.tomap12 {
	top:298px;
	left:278px;
	width:88px;
	height:132px;
	}
	
.top_map li.tomap13 {
	top:298px;
	left:393px;
	width:88px;
	height:132px;
	}
	
.top_map li.tomap14 {
	top:298px;
	left:493px;
	width:105px;
	height:132px;
	}
	
.top_map li.tomap15 {
	top:335px;
	left:19px;
	width:106px;
	height:111px;
	}

.popup_list {
	margin:0;
	}

.popup_list li {
	position: absolute;
	display: none;
	margin:0;
	padding:6px 5px;
	width:77px;
	height:38px;
	font-size:1.0em;
	line-height:1.3;
	}
	
.popup_list li.popup_list1 {
	background: url(../images/top/pop2.gif) no-repeat;
	top:140px;
	left:100px;
	}


.top_map li.tomap1 a {
	background: url(../images/top/icon1.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 92px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap1 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap2 a {
	background: url(../images/top/icon2.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 90px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap2 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap3 a {
	background: url(../images/top/icon3.jpg) no-repeat;
	padding: 77px 0 0 0;
	width: 183px;
	height: 0px!important;
	height /**/:77px;/* for ie5.x */
	}
	
.top_map li.tomap3 a:hover {
	background-position: 0 -77px;
	}
	
.top_map li.tomap4 a {
	background: url(../images/top/icon4.jpg) no-repeat;
	padding: 104px 0 0 0;
	width: 102px;
	height: 0px!important;
	height /**/:104px;/* for ie5.x */
	}
	
.top_map li.tomap4 a:hover {
	background-position: 0 -104px;
	}
	
.top_map li.tomap5 a {
	background: url(../images/top/icon5.jpg) no-repeat;
	padding: 129px 0 0 0;
	width: 116px;
	height: 0px!important;
	height /**/:129px;/* for ie5.x */
	}
	
.top_map li.tomap5 a:hover {
	background-position: 0 -129px;
	}
	
.top_map li.tomap6 a {
	background: url(../images/top/icon6.jpg) no-repeat;
	padding: 122px 0 0 0;
	width: 86px;
	height: 0px!important;
	height /**/:122px;/* for ie5.x */
	}
	
.top_map li.tomap6 a:hover {
	background-position: 0 -122px;
	}
	
.top_map li.tomap7 a {
	background: url(../images/top/icon7.jpg) no-repeat;
	padding: 122px 0 0 0;
	width: 86px;
	height: 0px!important;
	height /**/:122px;/* for ie5.x */
	}
	
.top_map li.tomap7 a:hover {
	background-position: 0 -122px;
	}
	
.top_map li.tomap8 a {
	background: url(../images/top/icon8.jpg) no-repeat;
	padding: 129px 0 0 0;
	width: 90px;
	height: 0px!important;
	height /**/:129px;/* for ie5.x */
	}
	
.top_map li.tomap8 a:hover {
	background-position: 0 -129px;
	}
	
.top_map li.tomap9 a {
	background: url(../images/top/icon9.jpg) no-repeat;
	padding: 129px 0 0 0;
	width: 90px;
	height: 0px!important;
	height /**/:129px;/* for ie5.x */
	}
	
.top_map li.tomap9 a:hover {
	background-position: 0 -129px;
	}
	
.top_map li.tomap10 a {
	background: url(../images/top/icon10.jpg) no-repeat;
	padding: 120px 0 0 0;
	width: 88px;
	height: 0px!important;
	height /**/:120px;/* for ie5.x */
	}
	
.top_map li.tomap10 a:hover {
	background-position: 0 -120px;
	}
	
.top_map li.tomap11 a {
	background: url(../images/top/icon11.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 94px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap11 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap12 a {
	background: url(../images/top/icon12.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 88px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap12 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap13 a {
	background: url(../images/top/icon13.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 88px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap13 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap14 a {
	background: url(../images/top/icon14.jpg) no-repeat;
	padding: 132px 0 0 0;
	width: 102px;
	height: 0px!important;
	height /**/:132px;/* for ie5.x */
	}
	
.top_map li.tomap14 a:hover {
	background-position: 0 -132px;
	}
	
.top_map li.tomap15 a {
	background: url(../images/top/icon15.jpg) no-repeat;
	padding: 111px 0 0 0;
	width: 106px;
	height: 0px!important;
	height /**/:111px;/* for ie5.x */
	}
	
.top_map li.tomap15 a:hover {
	background-position: 0 -111px;
	}







	
.top_subarea {
	background: url(../images/top/top_subimage.jpg) no-repeat;
	margin:0 0 25px 0;
	width:900px;
	}
	
.top_subarea_left {
	margin:0;
	padding:0;
	width:350px;
	float:left;
	}
	


.message_area {
	background: url(../images/top/message_area.jpg) no-repeat;
	margin:0;
	padding:65px 0 0 57px;
	width:293px;
	height:161px;
	}
	
.messagearea_ex {
	margin:0;
	font-size:1.0em;
	color:#FFF;
	line-height:1.5;
	}
	
.event {
	background: url(../images/top/message_area.jpg) no-repeat;
	margin:0;
	padding:31px 0 0 42px;
	width:318px;
	height:195px;
	}
	
.event a {
	background: url(../images/top/s20110129.jpg) no-repeat;
	background-color: #FFF;
	margin: 0;
	padding: 170px 0 0 0;
	width: 261px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:170px;/* for ie5.x */
	}

.topics_area {
	background: url(../images/top/topics_area.jpg) no-repeat;
	margin:0;
	padding:30px 45px 10px 42px;
	width:263px;
	}

.topics_list {
	margin:0;
	list-style-type: none;
	}

.topics_list li {
	margin:0 0 10px 0;
	font-size:1.2em;
	line-height:1.3;
	}

.topics_list li b {
	margin:0;
	color:#9BE4F4;
	float:left;
	}
	
.topics_list li span {
	margin:0;
	float:right;
	display: block;
	width:170px;
	}
	
.topics_list li span a {
	color:#FFF;
	}
	
.topics_list li span a:hover {
	color:#F0F;
	}

.topics_bottom {
	background: url(../images/top/topics_bottomarea.jpg) no-repeat;
	margin: 0;
	padding: 46px 0 0 0;
	width: 350px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:46px;/* for ie5.x */
	}

.top_info {
	margin:0;
	width:350px;
	height:100px;
	}

.top_info a {
	background: url(../images/top/top_info.jpg) no-repeat;
	margin: 0;
	padding: 100px 0 0 0;
	width: 350px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:100px;/* for ie5.x */
	}

.top_info a:hover {
	background-position: 0 -100px;
	}


	
.top_subarea_right {
	margin:0;
	padding:15px 0 0 0;
	width:543px;
	float:right;
	}

.top_area1-1title,
.top_area2-2title {
	margin: 0 0 7px 0;
	padding: 20px 0 0 0;
	width: 235px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.top_area1-1title {
	background: url(../images/top/area1_1title.jpg) no-repeat;
	}

.top_area2-2title {
	background: url(../images/top/area2_2title.jpg) no-repeat;
	}
	
.top_area1-2title,
.top_area2-1title {
	margin: 0 0 7px 0;
	padding: 20px 0 0 0;
	width: 283px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.top_area1-2title {
	background: url(../images/top/area1_2title.jpg) no-repeat;
	}

.top_area2-1title {
	background: url(../images/top/area2_1title.jpg) no-repeat;
	}

.top_area1 {
	margin:0 0 10px 0;
	padding:0 0 0 13px;
	}
	
.top_area1-1 {
	margin:0;
	width:235px;
	float:left;
	}
	
.rank_list {
	margin:0;
	list-style-type: none;
	}
	
.rank_list li {
	background: url(../images/top/dot.gif) repeat-x;
	background-position: 0 bottom;
	margin:0 0 3px 0;
	padding:0 0 2px 0;
	font-size:1.2em;
	line-height:1.3;
	width:235px;
	position: relative;
	}
	
.rank_list li.none {
	background: none;
	}


.rank_list li b {
	margin:0 5px 0 0;
	padding:0 0 0 20px;
	display: block;
	height:15px;
	float:left;
	}

	
.rank_list b.rank1 {
	background: url(../images/top/icon_rank1.jpg) no-repeat;
	}
	
.rank_list b.rank2 {
	background: url(../images/top/icon_rank2.jpg) no-repeat;
	}
	
.rank_list b.rank3 {
	background: url(../images/top/icon_rank3.jpg) no-repeat;
	}
	
.rank_list b.rank4 {
	background: url(../images/top/icon_rank4.jpg) no-repeat;
	}
	
.rank_list b.rank5 {
	background: url(../images/top/icon_rank5.jpg) no-repeat;
	}

/*	
.rank_list li a {
	margin:0;
	display: block;
	width:135px;
	color:#000;
	float:left;
	}
*/
	
.rank_list li a {
	margin:0;
	display: block;
	width:180px;
	color:#000;
	float:left;
	}
	
.rank_list li a:hover {
	color:#FF00FF;
	}
	
.rank_list li .up {
	position: absolute;
	top:2px;
	right:0;
	background: url(../images/top/icon_up.jpg) no-repeat;
	margin: 0;
	padding: 13px 0 0 0;
	width: 49px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:13px;/* for ie5.x */
	}	
	
.rank_list li .down{
	position: absolute;
	top:2px;
	right:0;
	background: url(../images/top/icon_down.jpg) no-repeat;
	margin: 0;
	padding: 13px 0 0 0;
	width: 49px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:13px;/* for ie5.x */
	}	




.top_area1-2 {
	margin:0;
	width:283px;
	float:right;
	}

.bbox {
	margin:0 0 7px 0;
	font-size:1.2em;
	}
	
.b_thumb {
	margin:0;
	width:45px;
	float:left;
	}
	
.b_title {
	width:230px;
	color:#4D4D4D;
	float:right;
	}
	
.b_body {
	width:230px;
	float:right;
	}
	
.b_body a {
	color:#000;
	font-weight: bold;
	}
	
.b_body a:hover {
	color:#F0F;
	}
	

.top_area2 {
	margin:0 0 15px 0;
	padding:0 0 0 13px;
	}
	
.top_area2-1 {
	margin:0;
	width:283px;
	float:left;
	}
	
.top_area2-2 {
	margin:0;
	width:235px;
	float:right;
	}

.rbox {
	margin:0 0 7px 0;
	font-size:1.2em;
	width:230px;
	}
	
.r_title {
	color:#4D4D4D;
	}
	
.r_body {
	}
	
.r_body a {
	color:#000;
	font-weight: bold;
	}
	
.r_body a:hover {
	color:#F0F;
	}
	
	



.news_area {
	margin:0 0 15px 0;
	padding:0 0 0 13px;
	width:528px;
	}
	
.news_areatitle {
	background: url(../images/top/newsarea_title.jpg) no-repeat;
	margin: 0;
	padding: 19px 0 0 0;
	width: 528px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:19px;/* for ie5.x */
	}
	
.news_list {
	margin:0;
	padding:10px 0 10px 13px;
	background-color: #E6E6E6;
	list-style-type: none;
	}

.news_list li {
	margin:0 0 5px 0;
	font-size:1.2em;
	line-height:1.3;
	}

.news_list a {
	color:#000;
	font-weight: bold;
	}
	
.news_list a:hover {
	color:#F0F;
	}
	
	
	
.search_area {
	background: url(../images/top/searcharea_back.jpg) no-repeat;
	margin:0;
	padding:15px 9px 10px 8px;
	width:526px;
	}
	
.search_inbox {
	margin:0;
	padding:3px 0 3px 3px;
	background-color: #FFF;
	}

.search_areatitle {
	background: url(../images/top/searcharea_title.jpg) no-repeat;
	margin: 0;
	padding: 19px 0 0 0;
	width: 520px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:19px;/* for ie5.x */
	}
	
.search_linkarea {
	margin:0 3px 0 0;
	padding:10px 0 0 0;
	background-color: #F2F2F2;
	}

.cate1 {
	margin:0;
	padding:0 0 10px 15px;
	width:160px;
	line-height:1.4;
	float:left;
	}
	
.cate2 {
	margin:0;
	padding:0 0 10px 0;
	width:165px;
	line-height:1.4;
	float:left;
	}
	
.cate3 {
	margin:0;
	padding:0 15px 10px 0;
	width:165px;
	line-height:1.4;
	float:left;
	}

.cate1title {
	margin:0;
	font-size:1.4em;
	font-weight: bold;
	color:#FF9600;
	}
	
.cate2title {
	margin:0;
	font-size:1.4em;
	font-weight: bold;
	color:#00C0FF;
	}

.cate1 a,
.cate2 a,
.cate3 a {
	margin:0 0 2px 0;
	display: block;
	font-size:1.2em;
	color:#4D4D4D;
	}
	
.cate1 a span,
.cate2 a span,
.cate3 a span {
	font-size:0.85em;
	}

.cate1 a:hover,
.cate2 a:hover,
.cate3 a:hover {
	color:#F0F;
	}






	
.top_subarea2 {
	margin:0 0 20px 0;
	width:900px;
	}
	
.top_area3-1 {
	margin:0;
	width:398px;
	background-color: #FFEBF0;
	float:left;
	}
	

.top_area3-1title {
	background: url(../images/top/area3_1title.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 26px 0 0 0;
	width: 398px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:26px;/* for ie5.x */
	}

.top_area3-1ex {
	margin:0;
	padding:15px;
	font-size:1.2em;
	line-height:1.5;
	color:#4D4D4D;
	}
	
.top_area3-1ex a {
	color:#F36;
	}
	
.top_area3-1ex a:hover {
	color:#F0F;
	}
	
.top_area3-2 {
	background: url(../images/top/area3-2back.jpg) no-repeat;
	margin:0 0 10px 0;
	width:479px;
	height:70px;
	float:right;
	position: relative;
	}

.for_men {
	position: absolute;
	top:18px;
	left:156px;
	}
	
.for_women {
	position: absolute;
	top:18px;
	left:314px;
	}

.for_men a,
.for_women a {
	margin: 0;
	padding: 42px 0 0 0;
	width: 148px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:42px;/* for ie5.x */
	}

.for_men a {
	background: url(../images/top/area3_2icon1.jpg) no-repeat;
	}
	
.for_women a {
	background: url(../images/top/area3_2icon2.jpg) no-repeat;
	}

.for_men a:hover,
.for_women a:hover {
	background-position: 0 -42px;
	}
	
.top_area3-3 {
	margin:0;
	padding:5px 15px;
	width:449px;
	background-color: #FECED8;
	float:right;
	}
	
.top_area3-3title {
	background: url(../images/top/area3-3logo.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 9px 0 0 150px;
	height:28px;
	font-size:1.2em;
	}
	
.top_area3-3title b {	
	color:#FF3366;
	}
	
.top_area3-3ex {
	margin:0 0 10px 0;
	padding:0;
	font-size:1.2em;
	line-height:1.5;
	color:#4D4D4D;
	}

.top_area3-3ex a {	
	color:#F36;
	}
	
.top_area3-3ex a {	
	color:#F0F;
	}
