@charset "utf-8";
/* ===================================================================
CSS information
 file name  :common.css

#page
#header
#globalNavi
#contents
#main
#sub
#topicPath
#pageTop
#footer
#main-column
#right-column
汎用クラス

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

.test{
	border:solid 1px red;
}

/* -----------------------------------------------------------
	#page
		全体の大きさ
----------------------------------------------------------- */
#page{
	width:970px;
	margin:0 auto;
	text-align:left;
}


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
header{
	width:970px;
	height:208px;
	background:url("../imgdir/common/header_bg.jpg") no-repeat;
}

header .headerArea{
	width:970px;
	position:relative;
}
header .headerArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
header .headerArea .inner{
	float:left;
	width:530px;
	padding-left:10px;
	position:relative;
}
header .headerArea h1{
	padding:5px 0 5px 0;
	font-size:10px;
	line-height:1.0;
}
header .headerArea .logo{
	padding:7px 0 0 6px;
}
header .headerArea .number{
	font-size:18px;
	color:#fff;
	line-height:1.0;
	position:absolute;
	top:50px;
	right:38px;
	font-weight:bold;
}

header div#globalSocial {position:absolute;top:13px;right:-2px;}
header div#globalSocial div{float:left;margin-right:8px;}

/* -----------------------------------------------------------
	#globalNavi
		グローバルナビ
----------------------------------------------------------- */

nav#globalnav{
	width:955px;
	margin:70px 0 0 15px;
}
nav#globalnav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* メニュー */
nav#globalnav ul{
	float:left;
}
nav#globalnav li{
	float:left;
}
nav#globalnav li a:hover {filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70;}

/* 検索 */
nav#globalnav .search{
	float:right;
	width:370px;
	height:35px;
	padding-right:15px;
	background:url("../imgdir/common/search_bg.jpg") no-repeat;
}
nav#globalnav .search:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
nav#globalnav .search div,
nav#globalnav .search input.searchBox,
nav#globalnav .search input.searchBtn{
	float:left;
}
nav#globalnav .search div{
	padding:6px 9px 0 10px;
}
nav#globalnav .search div img{
	vertical-align:top;
}
nav#globalnav .search input.searchBox{
	width:170px;
	border:solid 1px #ccc;
	margin:5px 6px 0 0;
	padding:3px 5px;
}
nav#globalnav .search input.searchBtn{
	margin-top:6px;
	border:0;
}
nav#globalnav .search input.searchBtn:hover {filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70;}
/* -----------------------------------------------------------
	#contents
		全体の幅
----------------------------------------------------------- */
#contents{
	width:970px;
	margin-bottom:20px;
}

/* -----------------------------------------------------------
	#main
		中央カラム
----------------------------------------------------------- */
#main{
	float:left;
	width:650px;
}



/* -----------------------------------------------------------
	#sub
		右カラム
----------------------------------------------------------- */
#sub{
	float:right;
	width:300px;
}
#sub .ad,
#sub .banner{
	margin-bottom:10px;
}
/* 暮らしの情報 */
#sub .life{
	width:300px;
	background:url("../imgdir/sub/life_bg.jpg") repeat-y;
	margin-bottom:10px;
}
#sub .life .title{
	position:relative;
}
#sub .life .title p{
	position:absolute;
	top:50px;
	left:15px;
	font-size:10px;
	color:#666;
	line-height:1.3;
}
#sub .life nav{
	width:270px;
	padding:20px 15px 10px 15px;
	background:url("../imgdir/sub/life_bottom.jpg") no-repeat bottom;
}
#sub .life nav li{
	float:left;
	width:117px;
	padding-left:18px;
	margin-bottom:5px;
	background:url("../imgdir/common/icon_list.gif") no-repeat 0 2px;
}

/* Twitter */
#sub .twitter{
	margin-bottom:15px;
}

/* Facebook & RSS */
#sub .data{
	width:300px;
}
#sub .data:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#sub .data .fb{
	margin-bottom:10px;
}
#sub .data .rss{
	margin-bottom:20px;
}
#sub .data .rss h4{
	margin-bottom:20px;
}
#sub .data .rss dt{
	color:#666633;
	line-height:1.3;
	font-size:10px;
	margin-bottom:5px;
	padding-left:10px;
	background:url("../imgdir/sub/icon_arrow.gif") no-repeat 0 3px;
}
#sub .data .rss dd{
	line-height:1.3;
	font-size:10px;
	padding-left:10px;
	margin-bottom:10px;
}

/* 全国のホームタウン */
#sub .hometown_area{
	margin-bottom:10px;
}
#sub .hometown_area .box{
	width:300px;
	border-bottom:dotted 1px #ccc;
	margin-bottom:1px;
}
#sub .hometown_area .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#sub .hometown_area .box .ph{
	float:left;
	width:38px;
}
#sub .hometown_area .box p,
#sub .hometown_area .box h5{
	float:left;
	width:242px;
	padding-left:10px;
}
#sub .hometown_area a{
	width:290px;
	padding:5px;
	display:block;
	color:#333;
	text-decoration:none;
}
#sub .hometown_area a:hover{
	color:#333;
	text-decoration:none;
	background:#fef9e3;
}

/* -----------------------------------------------------------
	#topicPath
		パンくず
----------------------------------------------------------- */
#topicPath{
}



/* -----------------------------------------------------------
	#pageTop
		TOPへ戻る
----------------------------------------------------------- */
#pageTop{
	text-align:right;
	margin-bottom:30px;
}
#pageTop a{
	color:#666633;
}
#pageTop a:hover{
	color:#666633;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
footer{
	width:950px;
	height:41px;
	padding:20px 10px 0 10px;
	background:url("../imgdir/common/footer_bg.jpg") no-repeat;
	color:#fff;
}
footer li{
	display:inline;
	padding-right:8px;
	margin-right:6px;
	background:url("../imgdir/common/line_footer.gif") no-repeat right;
}
footer li a{
	color:#fff;
	text-decoration:underline;
}
footer li a:hover{
	color:#fff;
	text-decoration:none;
}


/* -----------------------------------------------------------
	#left-column
		左カラム
----------------------------------------------------------- */
#left-column{
	float:left;
	width:160px;
	padding-right:20px;
}

/* 特集記事一覧 */
#left-column .feature ul{
	width:144px;
	padding:0 5px;
	border-bottom:solid 3px #f1ebdc;
	border-left:solid 3px #f1ebdc;
	border-right:solid 3px #f1ebdc;
	margin-bottom:20px;
}
#left-column .feature li{
}
#left-column .feature li a{
	width:125px;
	padding:9px 0 9px 19px;
	border-bottom:dotted 1px #ccc;
	background:url("../imgdir/sub/icon_arrow.gif") no-repeat 8px 12px;
	line-height:1.0;
	color:#333;
	display:block;
}
#left-column .feature li a:hover{
	text-decoration:none;
	background-color:#fef9e3;
}
#left-column .feature li.non a{
	border-bottom:none;
}

/* ショップカテゴリ */
#left-column .shop_category dl{
	width:144px;
	padding:0 5px;
	border-bottom:solid 3px #f1ebdc;
	border-left:solid 3px #f1ebdc;
	border-right:solid 3px #f1ebdc;
	margin-bottom:20px;
}
#left-column .shop_category dt{
	width:115px;
	padding:11px 0 11px 29px;
	border-bottom:dotted 1px #ccc;
	line-height:1.0;
	color:#333;
	display:block;
}
#left-column .shop_category dt:hover{
	text-decoration:none;
	background-color:#fef9e3;
}
/* カテゴリアイコン表示 */
#left-column .shop_category dt.life{ background:url("../imgdir/left-column/icon_life.jpg") no-repeat left center;}
#left-column .shop_category dt.gourmet{ background:url("../imgdir/left-column/icon_gourmet.jpg") no-repeat left center;}
#left-column .shop_category dt.shopping{ background:url("../imgdir/left-column/icon_shopping.jpg") no-repeat left center;}
#left-column .shop_category dt.communal_facilities{ background:url("../imgdir/left-column/icon_communal-facilities.jpg") no-repeat left center;}
#left-column .shop_category dt.beauty_health{ background:url("../imgdir/left-column/icon_beauty-health.jpg") no-repeat left center;}
#left-column .shop_category dt.school{ background:url("../imgdir/left-column/icon_school.jpg") no-repeat left center;letter-spacing:-1px;}
#left-column .shop_category dt.ccommodations{ background:url("../imgdir/left-column/icon_ccommodations.jpg") no-repeat left center;}
#left-column .shop_category dt.amusement{ background:url("../imgdir/left-column/icon_entertainment.jpg") no-repeat left center;}
#left-column .shop_category dt.fashion{ background:url("../imgdir/left-column/icon_fashion.gif") no-repeat left center;}
#left-column .shop_category dt.finance{ background:url("../imgdir/left-column/icon_finance.gif") no-repeat left center;border-bottom:none;}
#left-column .shop_category dt.hobby_pet{
	background:url("../imgdir/left-column/icon_hobby-pet.jpg") no-repeat left center;
}

#left-column .shop_category li a{
	width:125px;
	padding:9px 0 9px 19px;
	border-bottom:dotted 1px #ccc;
	background:url("../imgdir/sub/icon_arrow.gif") no-repeat 8px 12px;
	border-bottom:dotted 1px #ccc;
	line-height:1.0;
	color:#333;
	display:block;
}
#left-column .shop_category li a:hover{
	text-decoration:none;
	background-color:#fef9e3;
}
/* -----------------------------------------------------------
	#main-column
		メインカラム
----------------------------------------------------------- */
#main-column{
	float:left;
	width:470px;
}

/* -----------------------------------------------------------
	#right-column
		一覧用右カラム
----------------------------------------------------------- */
#right-column{
	float:left;
	width:790px;
}

/*---------
	汎用クラス 
------------------------------------*/

/* タイトル */
#main .title{
	position:relative;
	width:650px;
	height:40px;
	margin-bottom:15px;
}
#main .title div{
	position:absolute;
	top:12px;
	right:18px;
	padding-left:18px;
	background:url("../imgdir/common/icon_list.gif") no-repeat 0 2px;
}

#main .title .inquiry {
	position:absolute;
	top:18px;
	right:18px;
	padding-left:18px;
	background:url("../imgdir/common/icon_list.gif") no-repeat 0 2px;
}

.icon_circle{
	padding:0 0 8px 30px;
	margin-bottom:15px;
	border-bottom:solid 1px #ccc;
	background:url("../imgdir/shop/icon_circle.gif") no-repeat 5px 1px;
	color:#000;
	font-size:16px;
	line-height:1.4;
}

.lineTitle {padding:9px 0 9px 5px;
	background:url("../imgdir/common/title_bg.gif") no-repeat;} 

/* ショップ一覧リスト */
ul.shop_category_list{
	padding-bottom:20px;
}
ul.shop_category_list li{
	display:inline;
	padding-right:8px;
	margin-right:6px;
	background:url("../imgdir/shop/line_category.gif") no-repeat right;
}


/* formtable */

.generalFTable_s {
	/*width:469px;*/
	border-left:dotted 1px #ccc;
	border-top:dotted 1px #ccc;
}
.generalFTable_s th,
.generalFTable_s td{
	line-height:120%;
	padding:10px 10px 6px;
	border-right:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}
.generalFTable_s th{
	width:100px;
	background:#e8e8e4;
}

/* texttable */

.generalTTable_s {
	/*width:469px;*/
	border-left:dotted 1px #ccc;
	border-top:dotted 1px #ccc;
}
.generalTTable_s th,
.generalTTable_s td{
	line-height:140%;
	padding:10px 10px 8px;
	border-right:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}
.generalTTable_s th{
	width:100px;
	background:#e8e8e4;
}


/* list */

.iconList {background:url(../imgdir/common/cursor.gif) no-repeat 0 2px;padding:0 0 0 18px;}


/* adsense */

#adsense_2col {margin:0 0 15px;line-height:100%;}

/* a:hover img */
a:hover img.alfa {filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70;}