@charset "utf-8";

/* CSS Document */
/* エリアページ用スタイルシート  */


#tvMainScreen{
	background-color: #999999;
	}

.dot{
	border: #333333 dotted 2px;
	margin: 0 10px 0 10px;
	}

#chLogo a{
	background: url(../images/logo_ch12_i-page.jpg);
	}


/* サイドスペース*/

#rightSpace{
	height:356px;
	}

#infoArea{
	text-align:center;
	margin: 2px 0;
	}

#infoArea img{
	}

#infoArea p{
	margin: 2px;
	line-height:2em;
	}

#infoBlock{
	padding-top:5px;
	border-top:#CCCCCC dashed 1px;
	padding-bottom:5px;
	border-bottom:#CCCCCC dashed 1px;
	}

#infoArea p#mail{
	background:url(images/remode_icon_mail.gif) no-repeat 0 2px;
	text-align: left;
	padding-left: 25px;
	margin-left:27px;
	}

#infoArea p#web{
	background:url(images/remode_icon_home.gif) no-repeat 0 2px;
	text-align: left;
	padding-left: 25px;
	margin-left:27px;
	}

#infoArea p#mailFormLink{
	display:block;
	margin-top:5px;
	}

/* メインスペース */

#shopList div#mainSpace{
	height: 411px;
	}

#shoplist{
	padding: 6px 0 0 6px;
	width: 522px;
	height: 405px;
	background-color: #333333;
	}

.ipageBox {
	width: 85px;
	height: 95px;
	margin: 0 1px 5px 0;
	float: left;
	background-color: #FFFFFF;
	}

.shopCity {
	text-align:right;
	font-size: 0.9em;
	height: 10px;
	}

.pagePhoto {
	width: 81px;
	height: 50px;
	margin: 2px 2px 1px 2px;
	}

.pageName_shop {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_shop.gif) no-repeat 73px 2px;
	}

.pageName_food {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_food.gif) no-repeat 73px 2px;
	}

.pageName_hotel {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_hotel.gif) no-repeat 73px 2px;
	}

.pageName_beauty {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_beauty.gif) no-repeat 73px 2px;
	}

.pageName_assoc {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_association.gif) no-repeat 73px 2px;
	}

.pageName_hospital {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_hospital.gif) no-repeat 73px 2px;
	}

.pageName_engineer {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_engineer.gif) no-repeat 73px 2px;
	}

.pageName_car {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	background: url(images/shop_icon_car.gif) no-repeat 73px 2px;
	}


.pageName_coming {
	padding: 2px 5px 1px 5px;
	height: 26px;
	font-size: 0.9em;
	}


#shopNavi{
	padding:5px;
	clear:both;
	text-align:right;
	color:#999999;
	line-height:1.3em;
	}

#shopNavi a{
	color:#FFFFFF;
	}



/* ボトムスペース */

#topicHeader{
	background: url(../images/bg_hr.gif) repeat-x 0 20px;
	height: 21px;
	margin: 0 5px 0 5px;
	}
	
#topicHeader h2{
	background: url(../images/mark_triagle_orangeW.gif) no-repeat 0px 5px;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px 0 0 10px;
	}

#topicList{
	list-style: inside disc;
	margin-left: 10px;
	overflow: hidden;
	}

#topicList li {
	margin: 7px 0 2px;
	}