@charset "UTF-8";

/*-----------------------------------------
	基本設定
-----------------------------------------*/

* {
	margin:0;
	padding:0;
	line-height:1.5;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

body {
	color:#222222;
	font-family: verdana, arial, helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background:url(/img_201003/bg.jpg) center top repeat;
	font-size:12px;
	*font-size:small;
    *font:x-small;
}

img {
	border:0;
}

table {
    font-size:100%;
}


a:link, a:visited,
a:hover, a:active {
	color:#C64C2A;
	text-decoration:underline;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

/*-----------------------------------------
	h1
-----------------------------------------*/

h1 {
	display:none;
}



/*-----------------------------------------
	contents
-----------------------------------------*/

#contents {
	clear: both;
	width:880px;
	_width:910px;
	margin:0 auto;
	padding-bottom: 20px;
}

#contents-right {
	float:right;
	width:620px;
	padding-bottom:20px;
	display:inline;

}


#contents-left {
	float:left;
	width:220px;
	padding-bottom:20px;
	display:inline;
}

/*-----------------------------------------
	パンくず
-----------------------------------------*/

#pan {
	width:863px;
	min-height:13px;
	margin:15px auto;
	padding-left:17px;
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
	background:url(/img_201003/pan_icon.gif) 0 2px no-repeat;
}


/*-----------------------------------------
	サイドメニュー　キーワード検索以下
-----------------------------------------*/

/*検索*/
#side-search {
	clear:both;
	width:220px;
	margin-bottom:5px;
	padding-bottom:8px;
	background:url(/img_201003/box220_btm.gif) bottom left no-repeat;
}

#side-in {
	width:200px;
	padding:6px 10px 0 10px;
	background:url(/img_201003/box220_bg.gif) repeat-y;
}

#side-in-txt {
	float:left;
	width:136px;
	padding:2px;
	background-color:#F4F4F4;
	border:1px solid #AAAAAA;
}

/*グルメ特集*/

#side-gourmet {
	clear:both;
	width:220px;
	margin-bottom:6px;
	padding-bottom:5px;
	background:url(/img_201003/box220_btm.gif) bottom left no-repeat;
}

#side-gourmet-bg {
	width:220px;
	background:url(/img_201003/box220_bg.gif) repeat-y;
}

#side-gourmet-btn {
	width:200px;
	margin:1px auto 5px auto;
}

#side-gourmet-link li {
	width:194px;
	height:56px;
	margin:0 auto 5px auto;
	padding-top:7px;
	background:url(/img_201003/line_side_dot.gif) top center no-repeat;
	list-style:none;
	line-height:0;
	font-size:0;
}

#side-etc-link li {
	width:194px;
	height:30px;
	margin:0 auto 5px auto;
	padding-top:7px;
	background:url(/img_201003/line_side_dot.gif) top center no-repeat;
	list-style:none;
	line-height:0;
	font-size:0;
}

/*寄り道タウン*/

.side-btn {
	margin-bottom:4px;
}

/*バナー*/

.side-banner {
	clear:both;
	width:220px;
	padding-bottom:7px;
}

.side-banner .float-r,
.side-banner .float-l{
	display:inline;
}


/*最近のコメント*/
.comme-h2 {
	margin:8px 0 5px 0;
}

#side-comme {
	width:220px;
	margin-bottom:8px;
	padding-top:12px;
	background:url(/img_201003/box220_top.gif) top left no-repeat;
}

#side-comme-bg {
	background:url(/img_201003/box220_bg.gif) repeat-y;
}

#side-comme-btm {
	padding:0 13px 7px 13px;
	background:url(/img_201003/box220_btm.gif) bottom left no-repeat;
}

.side-comme-box-top {
	clear:both;
	width:194px;
	margin-bottom:5px;
}

.side-comme-box {
	clear:both;
	width:194px;
	margin-bottom:7px;
	padding-top:7px;
	background:url(/img_201003/line_side_dot.gif) top center no-repeat;
}

.side-comme-txt {
	margin-bottom: 7px;
	padding-bottom:7px;
	background:url(/img_201003/line_side_dot.gif) bottom center no-repeat;
}

.side-comme-box-top .ttl {
	padding-left:14px;
	background:url(/img_201003/icon_side_arrow.gif) 0 5px no-repeat;
}

.side-comme-box-top .name {
	margin-left: 14px;
}

.side-comme-box-top .name a {
	color: #222222;
}


/*-----------------------------------------
	サイドメニュー
-----------------------------------------*/

/*タウンライター*/

.writer-h2 {
	clear: both;
	margin:8px 0 3px 0;
}

#side-writer {
	width:220px;
	margin-bottom:0;
	padding-top:12px;
	background:url(/img_201003/box220_top.gif) top left no-repeat;
}

#side-writer-bg {
	background:url(/img_201003/box220_bg.gif) repeat-y;
}

#side-writer-btm {
	padding:0 13px 7px 13px;
	background:url(/img_201003/box220_btm.gif) bottom left no-repeat;
}

.side-writer-box-top {
	clear:both;
	width:194px;
	margin-bottom:5px;
	padding-bottom:7px;
	background:url(/img_201003/line_side_dot.gif) bottom center no-repeat;
}

.side-writer-box {
	clear:both;
	width:194px;
	margin-bottom:5px;
	padding-top:7px;
	background:url(/img_201003/line_side_dot.gif) top center no-repeat;
}

.side-writer-ph {
	float:left;
	width:50px;
	height:50px;
	border:3px solid #E3D0B6;
}

.side-writer-txt {
	float:right;
	width:118px;
	padding-left:14px;
	background:url(/img_201003/icon_side_arrow.gif) 0 5px no-repeat;
}


.side-writer-txt span {
	display:block;
	line-height:1.4;
}

#writer-open {
	margin:0 6px 8px 0;
	text-align:right;
}


/*ランキング*/

.rank-h2 {
	clear: both;
	margin:8px 0 6px 0;
}

#side-rank {
	width:220px;
	margin-bottom:0;
	padding-top:12px;
	background:url(/img_201003/box220_top.gif) top left no-repeat;
}

#side-rank-bg {
	background:url(/img_201003/box220_bg.gif) repeat-y;
}

#side-rank-btm {
	padding:0 13px 7px 13px;
	background:url(/img_201003/box220_btm.gif) bottom left no-repeat;
}

.side-rank-box-top {
	clear:both;
	width:194px;
	margin-bottom:7px;
	padding-bottom:7px;
	background:url(/img_201003/line_side_dot.gif) bottom center no-repeat;
}

.side-rank-box {
	clear:both;
	width:194px;
	margin-bottom:5px;
	padding-top:7px;
	background:url(/img_201003/line_side_dot.gif) top center no-repeat;
}

.side-rank-no {
	float:left;
	width: 28px;
}

.side-rank-ph {
	float:left;
	width:50px;
	height:50px;
	margin: 0 3px;
	border:3px solid #E3D0B6;
}

.side-rank-txt {
	float:right;
	width:104px;
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
}


.side-rank-txt span {
	display:block;
	line-height:1.4;
}

.side-rank-ttl a {
	color: #222222;
}




/*間の●ライン*/

.side-line {
	width:209px;
	height:9px;
	margin:0 auto 8px auto;
	background:url(/img_201003/side_maru_line.gif) center no-repeat;
}



/*-----------------------------------------
	h2
-----------------------------------------*/

/*まとめ指定*/
.h2-tab,
.h2-article,
.h2-writer,
.h2-present,
.h2-from,
.h2-from-more,
.h2-genre,
.h2-recomme,
.h2-gourmet,
.h2-blog,
.h2-eve-more,
.h2-prof,
.h2-search,
.h2-article-list,
.h2-writer-list {
	clear: both;
	width:620px;
	margin-bottom:5px;
	position:relative;
	text-indent:-9999px;
}

/*タブ*/
.h2-tab {
	margin-bottom: 2px;
	height:40px;
	background:url(/img_201003/h2_tab.jpg) no-repeat;
	position:relative;
}


/*新着記事*/
.h2-article {
	height:40px;
	background:url(/img_201003/h2_article.jpg) no-repeat;
}

/*新着イベント*/
.h2-event {
	clear: both;
	width:620px;
	height:42px;
	margin-bottom:5px;
	position:relative;
	background:url(/img_201003/h2_new_event.jpg) no-repeat;
	text-indent:-9999px;
}

/*.h2-event h2 {
	text-indent:-9999px;
}*/

/*注目のタウンライター*/
.h2-writer {
	height:36px;
	background:url(/img_201003/h2_writer.jpg) no-repeat;
}

/*プレゼント*/
.h2-present {
	height:38px;
	background:url(/img_201003/h2_present.jpg) no-repeat;
}

/*お知らせ*/
.h2-from {
	height:39px;
	background:url(/img_201003/h2_from.jpg) no-repeat;
}

/*お知らせ　詳細*/
.h2-from-more {
	height:39px;
	background:url(/img_201003/h2_from_more.jpg) no-repeat;
}

/*ジャンル別記事一覧*/
.h2-genre {
	height:40px;
	background:url(/img_201003/h2_genre.jpg) no-repeat;
}

/*おすすめスポット*/
.h2-recomme {
	height:36px;
	background:url(/img_201003/h2_recomme.jpg) no-repeat;
}


/*お持ち帰りグルメ*/
.h2-gourmet {
	height:40px;
	background:url(/img_201003/h2_gourmet.jpg) no-repeat;
}

/*この駅に関する記事*/
.h2-blog {
	height:40px;
	background:url(/img_201003/h2_blog.jpg) no-repeat;
}

/*イベント情報*/
.h2-eve-more {
	height:42px;
	background:url(/img_201003/h2_event.jpg) no-repeat;
}

/*ライター紹介*/
.h2-prof {
	height:36px;
	background:url(/img_201003/h2_prof.jpg) no-repeat;
}

/*西鉄沿線検索*/
.h2-search {
	height:36px;
	background:url(/img_201003/h2_search.jpg) no-repeat;
}

/*新着記事一覧*/
.h2-article-list {
	height:40px;
	background:url(/img_201003/h2_article_list.jpg) no-repeat;
}

/*注目のタウンライター一覧*/
.h2-writer-list {
	height:36px;
	margin-bottom:25px;
	background:url(/img_201003/h2_writer_list.jpg) no-repeat;
}


/*中リンクボタン*/

.h2-tab .list a {
	display:block;
	width:80px;
	height:21px;
	position:absolute;
	bottom:8px;
	right:8px;
	overflow:hidden;
	text-indent:-9999px;
}

.h2-article .list a {
	display:block;
	width:80px;
	height:21px;
	position:absolute;
	bottom:8px;
	right:8px;
	overflow:hidden;
	text-indent:-9999px;
}

.h2-event .list a,
.h2-writer .list a,
.h2-from .list a {
	display:block;
	width:80px;
	height:21px;
	position:absolute;
	bottom:8px;
	right:8px;
	overflow:hidden;
	text-indent:-9999px;
}

/*中RSSボタン*/

.h2-tab {
	text-indent:0;
}

.h2-tab h2,
.h2-article h2,
.h2-event h2 {
	text-indent:-9999px;
}


.h2-tab .rss {
	display:block;
	width:80px;
	height:21px;
	position:absolute;
	bottom:8px;
	text-indent:532px;
}

.h2-article .rss,
.h2-event .rss {
	display:block;
	width:80px;
	height:21px;
	position:absolute;
	bottom:8px;
	text-indent:440px;
}


/*テキストタイトル*/
.h2-txt {
	width:620px;
	height:36px;
	margin-bottom:7px;
	padding:8px 0 0 25px;
	background:url(/img_201003/h2_bg.jpg) no-repeat;
	color:#6A4127;
	font-weight:bold;
	font-size:116%;
}

/*-----------------------------------------
	BOX
-----------------------------------------*/

.box-normal {
	width:600px;
	margin:0 auto 15px auto;
	padding-top:20px;
	background:url(/img_201003/box600_top.gif) top left no-repeat;
}

.box-bg {
	width:600px;
	background:url(/img_201003/box600_bg.gif) left repeat-y;
}

.box-pin {
	width:600px;
	margin:0 auto 15px auto;
	padding-top:35px;
	background:url(/img_201003/box600_pin_top.gif) top left no-repeat;
}

.box-normal-btm,
.box-pin-btm {
	width:564px;
	padding:0 18px 20px 18px;
	background:url(/img_201003/box600_btm.gif) bottom left no-repeat;
}

/*-----------------------------------------
	センターボタン
-----------------------------------------*/

.btn-center {
	clear:both;
	width:160px;
	margin:0 auto;
	text-align:center;
}


/*-----------------------------------------
	ページ選択リンク
-----------------------------------------*/

.page-select {
	clear:both;
	width:600px;
	margin:15px auto 0 auto;
	text-align:center;
}

.page-select .current_page {
	padding:2px 6px;
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
	border:1px solid #C64C2A;
	color:#FFFFFF;
	background-color:#C64C2A;
}

.page-select a {
	padding:2px 6px;
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
	border:1px solid #C64C2A;
}

.page-select a:link,
.page-select a:visited {
	color:#C64C2A;
	background-color:#FFFFFF;
	text-decoration:none;
}

.page-select a:hover,
.page-select a:active{
	color:#FFFFFF;
	background-color:#C64C2A;
	text-decoration:none;
}

/*-----------------------------------------
	ジャンル一覧タブ
-----------------------------------------*/
#tabs {
	clear: both;
	width: 620px;
	margin-bottom: 30px;
	background:url(/img_201003/sta_tab_bg02.gif) top center repeat-y;
}

#tabs #jsTab0,
#tabs #jsTab1,
#tabs #jsTab2,
#tabs #jsTab3,
#tabs #jsTab4 {
	clear: both;
	width: 611px;
	margin: 0 auto;
}

#tabs ul li {
	float: left;
	margin-right: 2px;
	list-style: none;
	font-size: 0;
	line-height: 0;
}

#jsPage0,
#jsPage1,
#jsPage2,
#jsPage3,
#jsPage4 {
	clear: both;
	width: 590px;
	margin: 0 5px 5px 5px;
	padding: 15px 10px;
	background-color:#ffffff;
	text-align: center;
}

#tabs th,
#tabs td {
	text-align: left;
}

/*-----------------------------------------
	一覧共通
-----------------------------------------*/

.list-box {
	clear: both;
	margin:20px auto 6px auto;
	background:url(/img_201003/line_list_dot.gif) left bottom no-repeat;
	
}

.list-box td {
	padding-bottom:10px;
	vertical-align: top;
}

.list-box h3 {
	margin-bottom: 5px;
	font-size:116%;
}

.list-box p {
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
}

.list-box .ph {
	width: 60px;
	padding-right: 10px;
	text-align: left;
}


.list-box .ph img {
	border:3px solid #E3D0B6;
}


.list-box p a {
	color: #222222;
}

.list-box .name {
	width: 120px;
	padding-left: 28px;
}


.list-box .name a{
	color: #222222;
}

/*-----------------------------------------
	footer
-----------------------------------------*/

#footer {
	clear:both;
	width:880px;
	background:url(/img_201003/footer_top.gif) top left no-repeat;
	position:relative;
}

#footer .sub_menu { 
	width:710px;
	height: 30px;
	margin:0 0 20px 9px;
}

#footer .sub_menu li {
	float:left;
	margin-right:10px;
	padding-left:12px;
	list-style:none;
	background:url(/img_201003/icon_footer.gif) 0 3px no-repeat;
	font-size:85%;
	*font-size:x-small;
    	*font:x-small;
}

#footer-gototop {
	position:absolute;
	top:0;
	right:9px;

}

#footer-gototop a {
	display:block;
	width:80px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
}

#footer #tabs2{
	clear:both;
	width:800px;
	margin: 0 auto;
	padding: 10px 40px 20px 40px;
	background:url(/img_201003/footer_bg.gif) top left repeat-y;
	position:relative;
	line-height: 1.6;
}

#footer #tabs2 p a:link,
#footer #tabs2 p a:visited{
	color: #43362e;
	*font-size:93%;
    *font:93%;
}


#footer #tabs2 p a:hover,
#footer #tabs2 p a:active{
	color: #b57300;
	*font-size:93%;
    *font:93%;
}

#jsPage11,
#jsPage12,
#jsPage13,
#jsPage14 {
	clear: both;
	min-height: 80px;
	*height: 80px;
	*height: 80px;
}

#jsTab11,
#jsTab12,
#jsTab13,
#jsTab14 {
	width:800px;
	height: 23px;
	margin-bottom: 7px;
	border-bottom: 3px solid #4a3c38;
}

#jsTab11 li,
#jsTab12 li,
#jsTab13 li,
#jsTab14 li {
	float: left;
	width: 99px;
	margin-right: 2px;
	list-style: none;
	font-size: 0;
}



/*-----------------------------------------
	float
-----------------------------------------*/

.clear {
	clear:both;
}

.float-l {
	float:left;
}

.float-r {
	float:right;
}

/*-----------------------------------------
	font
-----------------------------------------*/

.font10 {
	font-size:85%;
	*font-size:x-small;
    *font:x-small;
	line-height:1.4;
}

.font11 {
	font-size:93%;
}

.font14 {
	font-size:116%;
}

.font16 {
	font-size:131%;
}

.fontb {
	font-weight:bold;
}

/*-----------------------------------------
	clearfix
-----------------------------------------*/
.clearfix:after{
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}