@charset "utf-8"; 

/*
トップ・カテゴリ・地域・新着・ランキング・マップ・タグ・お問い合わせ・エラーページ内
コンテンツボックス詳細設定CSS

【1】メイン・センター
1-m1 最新ニュース						#news
1-m2 最新記事							#newentry
1-c2 最新記事(トップ)					.indextop #newentry
1-c3 新規ブログ							#newblog
1-m4 ブログ一覧(新着・ランキング)		#bloglist
1-m4-1 ブログ一覧(新規ブログ)			.newblog #bloglist
1-m4-2 ブログ一覧(ランキング)			.popularblog #blogist
1-m8 マップ本体							#mapbox
1-m9 タグ本体							#tagsearch
1-m10 検索							#search

【2】サイド
2-s1 タグクラウド						#tag
2-s2 カテゴリ							#category
2-s2-1 カテゴリ(トップ)					.indextop #category
2-s2-2 カテゴリ(カテゴリ)				.indextop2 #category
2-s2-3 カテゴリ(地域)					.indextop3 #category
2-s2-4 カテゴリ(新規ブログ)				.newblog #category
2-s2-5 カテゴリ(ランキング)				.popularblog #category
2-s3 地域								#area
2-s3-1 地域(トップ)						.indextop #area
2-s3-2 地域(カテゴリ)					.indextop2 #area
2-s3-3 地域(地域)						.indextop3 #area
2-s3-4 地域(新規ブログ)					.newblog #area
2-s3-5 地域(ランキング)					.popularblog #area
2-s4 マップトラックバック				#maptb
2-s5 QRコード							#qr
2-s7 ランキング							#ranking
2-s7-1 ランキング(トップ)				.indextop #ranking
2-s7-2 ランキング(カテゴリ)				.indextop2 #ranking
2-s7-3 ランキング(地域)					.indextop3 #ranking
2-s8 バースデー							#birthday
2-s9 リンク								#link
2-s10 マップカテゴリ					#mapmenu

【3】1カラム
3-1 お問い合わせ						#inquiry
3-2 エラーメッセージ					#errmsg
3-3 利用規約							#rule
3-4 プライバシーポリシー				#privacy

 ※ 数字の前の略語
　m ･･ メイン枠内(2･3カラム共通)
　c ･･ センター枠内(3カラムのメイン枠)
　s ･･ サイド内(2･3カラム共通)
　l ･･ 左サイド内(2･3カラム共通)
　r ･･ 右サイド内(3カラムのみ)

【ボックス内セレクタ一覧】
各ボックス内に主に以下のセレクタを追加でほぼ対応可能
.title { }
.content { }
.unit { }
.comment { }
.more { }
.sw { }
.bt { }
.photoframe { }


【各ページ固有クラス名】
※ body又はページ全体を囲むdiv要素に命名
トップ			.indextop
カテゴリ		.indextop2
地域			.indextop3
ランキング		.popular
新規ブログ		.newblog
タグ検索		.indextag
カレンダー		.indexcalendar
マップ			.map
アンケート結果	.survey
お問い合わせ	.inquiry
エラーページ	.error
プライバシー	.privacy
利用規約		.rule

*/




/*【1】トップページ*/
/*1-m1 最新ニュース*/
#news { }
#news h2 { height: 45px; background: url(../img/bg/t-news.gif) no-repeat; }
#news .content { }
#news .unit { }
#news .comment { }
#news .more { margin: 5px 0 0; }
#news .more a { background: url(../img/ico_link.gif) no-repeat 0 50%; padding: 0 0 0 12px; }

/*1-m2 最新記事*/
#newentry { }
#newentry h2 { height: 45px; }
#newentry .content { padding: 0; }
#newentry .unit { clear: both; margin: 5px 0 0 !important; }
#newentry .unit li { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 7px 0 0; }
#newentry .unit li span { display: block; background: url(../img/ico_entry.gif) no-repeat 2px 0.3em; padding: 0 0 0 15px; }
#newentry .unit li strong { font-size: 90%; font-weight: normal; }
#newentry .unit li strong a { color: #01A9FF; }
#newentry .unit li h3 { float: left; width: 380px; }
#newentry .unit li p { float: right; width: 310px; }
#newentry .unit li p a { color: #01A8FF; }
#newentry .comment { }
#newentry .more { margin: 5px 0 0; }
#newentry .more a { background: url(../img/ico_link.gif) no-repeat 0 50%; padding: 0 0 0 12px; }
#newentry .more a.rss { background: url(../img/ico_rss.gif) no-repeat 0 50%; padding: 0 0 0 20px; margin: 0 0 0 1em; }
#newentry .sw { }
#newentry .bt { }
#newentry .photoframe { }
#newentry .photoframe li { width: 123px; border: 1px solid #ccc; margin: 0 10px 10px 0; padding: 5px; }
#newentry .photoframe li img { width: 123px; height: 123px; background:: #eee; margin: 0 0 3px; }

/*1-c2 最新記事(トップ)*/
.indextop #newentry { }
.indextop #newentry h2 { height: 49px; background: url(../img/bg/t-newentry.gif) no-repeat; }
.indextop #newentry .content { }
.indextop #newentry .unit { background: url(../img/bg/bg_dot.gif) repeat-x; }
.indextop #newentry .unit li { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
.indextop #newentry .comment { }
.indextop #newentry .more { }
.indextop #newentry .sw { }
.indextop #newentry .bt { }
.indextop #newentry .photoframe { margin: 0 0 5px 4px; }
.indextop #newentry .photoframe li { width: 90px; margin: 0 5px 5px 0; padding: 0; border: 0; }
.indextop #newentry .photoframe li img { width: 90px; height: 90px; background: #eee; }

/*1-c2 最新記事200件*/
.indexallentry #newentry { }
.indexallentry #newentry h2 { height: 46px; background: url(../img/bg/title_200.gif) no-repeat; }
.indexallentry #newentry .content { }
.indexallentry #newentry .unit { }
.indexallentry #newentry .comment { }
.indexallentry #newentry .more { }
.indexallentry #newentry .sw { }
.indexallentry #newentry .bt { }


/*1-c3 新規ブログ*/
#newblog { }
#newblog h2 { height: 45px; background: url(../img/bg/t-newblog.gif) no-repeat; }
#newblog .content { }
#newblog li { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
#newblog li span { display: block; background: url(../img/ico_blog.gif) no-repeat 0 0.3em; padding: 0 0 0 15px; }
#newblog .unit { }
#newblog .comment { }
#newblog .more { margin: 5px 0 0; }
#newblog .more a { background: url(../img/ico_link.gif) no-repeat 0 50%; padding: 0 0 0 12px; }
#newblog .ico { margin: 0 3px; }

/*1-m4 ブログ一覧(新着・ランキング)*/
#bloglist { }
#bloglist .h2 { height: 45px; background: url(../img/bg/title_bloglist.gif) no-repeat; }
#bloglist .content { }
#bloglist li { border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 10px; }
#bloglist dl { }
#bloglist dt { float: right; width: 650px; }
#bloglist dt span { margin: 0 10px 0 0; }
#bloglist dt img { }
#bloglist dd { }
#bloglist .li1 { width: 52px; height: 52px; float: left; }
#bloglist .li1 a { display: block; border: 1px solid #ccc; }
#bloglist .li2 { float: right; width: 650px; color: #797979; }
#bloglist .unit { }
#bloglist .comment { }

/*1-m4-0 全ブログ*/
.allblog #bloglist { }
.allblog #bloglist h2 { height: 45px; background: url(../img/bg/title_allblog.gif) no-repeat; }
.allblog #bloglist .content { }
.allblog #bloglist .unit { }
.allblog #bloglist .comment { }

/*1-m4-1 ブログ一覧(新規ブログ)*/
.newblog #bloglist { }
.newblog #bloglist h2 { height: 45px; background: url(../img/bg/title_newblog.gif) no-repeat; }
.newblog #bloglist .content { }
.newblog #bloglist .unit { }
.newblog #bloglist .comment { }

/*1-m4-2 ブログ一覧(ランキング)*/
.popularblog #bloglist { }
.popularblog #bloglist h2 { height: 45px; background: url(../img/bg/title_ranking.gif) no-repeat; }
.popularblog #bloglist .content { }
.popularblog #bloglist dt span { background-color: #B2B2B2; color: #fff; padding: 0 2px; }
.popularblog #bloglist .unit { }
.popularblog #bloglist .comment { }

/*1-m8 マップ本体	*/
#mapbox { }
	/*地図*/
	#mapbox #map { width: 700px; height: 600px; margin: 10px 0; }
	#mapbox .gmnoprint { line-height: 1.8; }
	/*マップurl*/
	#mapbox #taCode { width: 450px; }
	/*ポップアップ関連*/
	.popup {  width: 200px; height: 100%; text-align: left; margin: 0 0 0 10px; }
	.entry_title img {  margin: 0px 2px 2px 0px; }
	.entry_title a: link,.entry_title a: visited,.entry_title a: hover,.entry_title a: active {  font-weight: bold; }
	.entry_excerpt {  margin: 10px 0px 0px 0px; }
	.entry_excerpt img {  margin: 0px 4px 4px 0px; float: left; width: 75px; }
#mapbox h2 { height: 45px; background: url(../img/bg/title_map.gif) no-repeat; }
#mapbox #address { width: 300px; height: 18px; border: 1px solid #7BB0FF; padding: 2px; }
#mapbox #taCode { width: 560px; height: 18px; border: 1px solid #7BB0FF; padding: 2px; }

/*1-m9 タグ本体*/
#tagsearch { }
#tagsearch h2 { height: 45px; background: url(../img/bg/title_tag.gif) no-repeat; }
#tagsearch .content { }
#tagsearch li { margin: 0 0 10px; }
#tagsearch h3 { display: inline; }
#tagsearch h3 a { font-size: 1.4em; }
#tagsearch h3 span { margin: 0 5px; }
#tagsearch h4 { display: inline; }
#tagsearch h4 a: link { color: #666; }
#tagsearch h4 a: visited { }
#tagsearch h4 a: hover , 
#tagsearch h4 a: active { }
#tagsearch p { margin: 0; }
#tagsearch dl { background: url(../img/bg/bg_dot.gif) repeat-x 0 5px; padding: 10px 0 0; text-align: right; color: #666; }
#tagsearch dt { font-weight: bold; margin: 0 1em 0 0; display: inline; }
#tagsearch dd { 	display: inline; }
#tagsearch dd a: link ,
#tagsearch dd a: visited { text-decoration: none; }
#tagsearch dd a: hover ,
#tagsearch dd a: active { text-decoration: underline; }


/*1-m10 検索*/
#search { }
#search h2 { }
#search .content { }
#search .unit { }
#search .comment { color: #666; } 
#search .more { }



/*【2】サイド*/
/*2-s1 タグクラウド*/
#tag { }
#tag h2 { background: url(../img/bg/t-tag.gif) no-repeat; }
#tag .content { }
#tag li { display: inline; margin: 0 2px 0 0; }
#tag li a { }
#tag .unit { }
#tag .comment { }
#tag .more { }
#tag .sw { }
#tag .bt { }
#tag .photoframe { }

/*2-s2 カテゴリ*/
#category { }
#category h2 { background: url(../img/bg/t-category.gif) no-repeat; }
#category .content { }
#category .unit { }
#category .comment { }
#category .more { }
#category .sw { }
#category .bt { }
#category strong { font-weight: bold; }
#category li { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
#category .li1 { }
#category .li1 a { display: block; background: url(../img/ico_category.gif) no-repeat 0 0.5em; padding: 0 0 0 15px; }
#category .li1 strong { color: #F3A611; background: url(../img/ico_category.gif) no-repeat 0 0.5em; padding: 0 0 0 15px; }
#category .li2 { }
#category .li2 a { display: block; background: url(../img/ico_l.gif) no-repeat 3px 0.5em; padding: 0 0 0 15px; }
#category .li2 strong { color: #F3A611; background: url(../img/ico_l.gif) no-repeat 3px 0.5em; padding: 0 0 0 15px; }

/*2-s2-1 カテゴリ(トップ)	*/
.indextop #category { }
.indextop #category .h2 { }
.indextop #category .content { }
.indextop #category .unit { }
.indextop #category .comment { }
.indextop #category .more { }
.indextop #category .sw { }
.indextop #category .bt { }
.indextop #category strong { }

/*2-s2-2 カテゴリ(カテゴリ)*/
.indextop2 #category { }
.indextop2 #newentry h2 { background: url(../img/bg/title_category.gif) no-repeat; }
/*2-s2-3 カテゴリ(地域)*/
.indextop3 #category { }
.indextop3 #newentry h2 { background: url(../img/bg/title_area.gif) no-repeat; }
/*2-s2-4 カテゴリ(新規ブログ)*/
.newblog #category { }
/*2-s2-5 カテゴリ(ランキング)*/
.popularblog #category { }

/*2-s3 地域*/
#area { }
#area h2 { background: url(../img/bg/t-area.gif) no-repeat; }
#area .content { }
#area .unit { }
#area .comment { }
#area .more { }
#area strong { font-weight: bold; }
#area li { padding: 5px 0 0; }
#area .li1 { }
#area .li1 a { display: block; background: url(../img/ico_area.gif) no-repeat 0 0.5em; padding: 0 0 0 15px; }
#area .li1 strong { color: #F3A611; background: url(../img/ico_area.gif) no-repeat 0 0.5em; padding: 0 0 0 15px; }
#area .li2 { }
#area .li2 a { display: block; background: url(../img/ico_l.gif) no-repeat 3px 0.5em; padding: 0 0 0 15px; }
#area .li2 strong { color: #F3A611; background: url(../img/ico_l.gif) no-repeat 3px 0.5em; padding: 0 0 0 15px; }

/*2-s3-1 地域(トップ)*/
.indextop #area { }
.indextop #area h2 { background: url(../img/bg/t-area.gif) no-repeat; }
.indextop #area .content { }
.indextop #area .unit { }
.indextop #area .comment { }
.indextop #area .more { }

/*2-s3-2 地域(カテゴリ)*/
.indextop2 #area { }

/*2-s3-3 地域(地域)*/
.indextop3 #area { }

/*2-s3-4 地域(新規ブログ)	*/
.newblog #area { }

/*2-s3-5 地域(ランキング)*/
.popularblog #area { }

/*2-s4 マップトラックバック*/
#maptb { }
#maptb .h2 { }
#maptb .content { }
#maptb .unit { }
#maptb .comment { background: url(../img/bg/bg_dot.gif) repeat-x 0 5px; padding: 10px 0 0; }
#maptb .more { }

/*2-s5 QRコード*/
#qr { }
#qr h2 { background: url(../img/bg/t-qr.gif) no-repeat; }
#qr .content { }
#qr .content img.qrcode { float: left; }
#qr .unit { }
#qr .comment { }
#qr .more { }

/*2-s7 ランキング*/
#ranking { }
#left #ranking h2 { background: url(../img/bg/t_ranking.gif) no-repeat; }
#right #ranking h2 { background: url(../img/bg/t-ranking.gif) no-repeat; }
#ranking .content { }
#ranking li { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
#ranking .unit { }
#ranking .comment { }
#ranking .comment strong { color: #F3A611; }
#ranking .more { margin: 5px 0 0; }
#ranking .more a { background: url(../img/ico_link.gif) no-repeat 0 50%; padding: 0 0 0 12px; }
#ranking .sw { }

/*2-s7-1 ランキング(トップ)*/
.indextop #ranking { }
.indextop #ranking .h2 { }
.indextop #ranking .content { }
.indextop #ranking .unit { }
.indextop #ranking .comment { }
.indextop #ranking .more { }
.indextop #ranking .sw { }

/*2-s7-2 ランキング(カテゴリ)*/
.indextop2 #ranking { }
/*2-s7-3 ランキング(地域)*/
.indextop3 #ranking { }
/*2-s8 バースデー*/
#birthday { }
#birthday h2 { background: url(../img/bg/t-birthday.gif) no-repeat; }
#birthday .content { }
#birthday .unit { }
#birthday .comment { background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 0 0 5px; }
#birthday .more { }
#birthday .sw { }
#birthday .bt { }

/*2-s9 リンク*/
#link { }
#link h2 { }
#link .content { }
#link .unit { }
#link .comment { margin: 0; }
#link .more { }
#link .sw { }

/*2-s10 マップカテゴリ*/
#mapmenu { }
#mapmenu h2 { background: url(../img/bg/t_mapcategory.gif) no-repeat; }
#mapmenu select { margin-top: 5px; }
#mapmenu ul { }
#mapmenu li { margin: 0 0 5px; }


/*【3】1カラム*/
/*3-1 お問い合わせ*/
#inquiry { width: 735px; margin: 20px 0 0 108px; text-align: left; }
#inquiry h2 { height: 45px; background: url(../img/bg/title_inquiry.gif) no-repeat; }
#inquiry .content { }
#inquiry .comment { }
#inquiry .more { }
#inquiry p { }
#inquiry table { margin: 0 auto; width: 600px; }
#inquiry table th { width: 150px; text-align: right; padding: 8px; background: #D0EAFF; }
#inquiry table td { padding: 8px; }
#inquiry table input { border: 1px solid #7BB0FF; padding: 3px; }

/*3-2 エラーメッセージ*/
#errmsg { width: 735px; margin: 20px 0 0 108px; text-align: left; }
#errmsg h2 { height: 45px; background: url(../img/bg/title_error.gif) no-repeat; }
#errmsg .content { }
#errmsg .comment { }
#errmsg .more { }


/*3-3 利用規約*/
#rule { width: 735px; margin: 20px 0 0 108px; text-align: left; }
#rule h2 { height: 45px; background: url(../img/bg/title_rule.gif) no-repeat; }
#rule h3 { font-size: 110%; font-weight: bold; padding: 0 0 5px 10px; margin: 0 0 5px; background: url(../img/bg/bg_h3.gif) no-repeat 0 100%; }
#rule .content { }
#rule .comment { }
#rule .more { }

/*3-4 プライバシーポリシー*/
#privacy { width: 735px; margin: 20px 0 0 108px; text-align: left; }
#privacy h2 { height: 45px; background: url(../img/bg/title_privacy.gif) no-repeat; }
#privacy h3 { font-size: 110%; font-weight: bold; padding: 0 0 5px 10px; margin: 0 0 5px; background: url(../img/bg/bg_h3.gif) no-repeat 0 100%; }
#privacy .content { }
#privacy .comment { }
#privacy .more { }






/*その他*/
/*楽しめる機能がいっぱい！*/
#function h2 { height: 44px !important; background: url(../img/function/t_function.gif) no-repeat; margin: 0; }
.TabbedPanels { clear: both; width: 100%; }
ul.TabbedPanelsTabGroup { }
ul.TabbedPanelsTabGroup:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
li.TabbedPanelsTab { -moz-user-select: none; clear: none; cursor: pointer; float: left; height: 32px; text-indent: -9999px; }
li#tab01 { background: transparent url(../img/function/navi01.gif) no-repeat; width:159px; height: 32px; margin-right: 2px; }
li#tab02 { background: transparent url(../img/function/navi02.gif) no-repeat; width: 159px; height: 32px; margin-right: 2px; }
li#tab03 { background: transparent url(../img/function/navi03.gif) no-repeat; width: 158px; height: 32px; }
li.TabbedPanelsTabHover { background-position: 0 -50px !important; }
li.TabbedPanelsTabSelected { background-position: 0 -50px !important; }
li.TabbedPanelsTab a { text-decoration: none; }

.TabbedPanelsContentGroup { clear: both; border: 1px solid #FF9A10; border-top: 3px solid #FF9A10; }
.TabbedPanelsContent { clear: both; }
#panel01,#panel02,#panel03 { }
.TabbedPanelsContentGroup div { }
#TabbedPanels1 { margin: 0 0 5px; }

/*ログイン*/
#login.box { background: url(../img/bg/bg_login.gif) no-repeat 0 100%; }
#login h2 { height: 32px !important; background: url(../img/bg/t-login.gif) no-repeat; padding: 0; }
#login .content { padding: 7px 15px 10px; }
#login .content table { width: 170px; border-collapse: collapse; }
#login .content th { font-size: 80%; padding: 0 0 5px; }
#login .content td { text-align: right; padding: 0 0 6px; }
#login .content .logintxt { width: 110px; height: 16px; padding: 2px; border: 1px solid #76A8BF; }
#login .comment { text-align: center; }
#login .more { }
#login .more a { background: url(../img/ico_login2.gif) no-repeat 0 0.2em; padding: 0 0 0 18px; }

/*今月のピックアップブログ*/
#pickup h2 { background:url(../img/bg/t-pickup.gif) no-repeat; }
#pickup li { height: 57px; background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
#pickup li img { float: left; width: 52px; height: 52px; border: 1px solid #ccc; margin: 0 8px 0 0; }
#pickup li a { display: block; }
#guest h2 { background:url(../img/bg/t-guest.gif) no-repeat; }

/*ゲストブログ*/
#guest li { height: 57px; background: url(../img/bg/bg_dot.gif) repeat-x 0 100%; padding: 5px 0; }
#guest li img { float: left; width: 52px; height: 52px; border: 1px solid #ccc; margin: 0 8px 0 0; }
#guest li a { display: block; }