@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】トップページ*/

.indextop #contents {
	margin: 15px auto 0 auto;
}

/*メイン画像*/
#main_image{
padding:0 15px 15px 15px;
}
/*1-m1 最新ニュース*/
#news {}
#news .title {}
#news .content {}
#news .unit {}
#news .comment {}
#news .more {}
/*インフォメーション*/
#info .bn1{
display:inline;
padding-right:5px;
}
#info .bn2{
display:inline;
}

#info .promo{
margin:8px 0 8px 0;
}

/*キャンペーン*/
#info .campaign{
margin:0 0 10px 0;
}

/*朝スタ*/
#asasta{
width:568px;
border:1px solid #CCC;
float:left;
font-size:85%;
}
#asasta h2{
float:left;
background:none;
width:292px;
}
#asasta .content{
float:right;
width:250px;
padding:10px;
}
#asasta .content .link ul{
margin-top:10px;
text-align:right;
}
#asasta .content .link ul li{
display:inline;
}
#asasta .content .link ul li a{
padding:5px;
background:#008DD5;
color:#FFF;
font-weight:bold;
text-decoration:none;
}

/*おすすめブログカテゴリー*/
#recommend{
background:#EFEFEF;
}
#recommend ul{
padding:5px;
margin-bottom:10px;
}
#recommend li{
float:left;
width:155px;
padding:10px;
padding-left:105px;
background:#FFF;
border:1px solid #CCC;
margin-bottom:10px;
min-height:98px;
_height:98px;
}
#recommend li h3{
padding:0;
margin:0;
}
#recommend li.li1{
margin-right:5px;
background:url(../img/category_photo01.jpg) no-repeat top left #FFF;
}
#recommend li.li2{
background:url(../img/category_photo02.jpg) no-repeat top left #FFF;
}
#recommend .description{
font-size:90%;
margin:5px 0 0 0;
border:0;
padding:0;
}
#recommend p.more{
margin-top:5px;
font-size:90%;
}
#recommend p.comment{
border-top:1px dotted #CCC;
padding:10px 12px 0px 12px;
clear:both;
}

/*1-m2 最新記事*/
#newentry {
clear:both;
}
#newentry .title {}
#newentry .content {
	padding: 1px 0px 5px 4px;
}
#newentry .unit {
	clear: both;
	width: 565px;
	background: url(../img/bg/bg_dot.gif) repeat-x 0 5px;
	padding: 10px 0 0;
}
#newentry .unit li {
	width: 540px;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-top:5px;
}
#newentry .unit li h3 {
	width:282px;
	float:left;
}
#newentry .unit li p {
	width:258px;
	float:right;
	margin: 0;
}
#newentry .unit li .ico { margin:0 3px;}
#newentry .comment {
	margin:10px 0;
}
#newentry .more {
padding:10px 20px 0 0;
}
#newentry .sw {}
#newentry .bt {}
#newentry .photoframe {}
#newentry .photoframe li {
	width:110px;
	margin-bottom:5px;
}

#newentry .photoframe li a img{
	width:90px;
	height:90px;
	border:3px solid #CCC;
	padding:1px;
	background-color:#FFF;
	margin-bottom:3px;
}
#newentry .photoframe li a:hover img {
	border:3px solid #FF9900;
}

/*1-c2 最新記事(トップ)*/
.indextop #newentry {}
.indextop #newentry .title {}
.indextop #newentry .content {
	padding: 1px 3px 5px;
}
.indextop #newentry .unit {
width: 540px;
}
.indextop #newentry .unit li {
width: 540px;
}
.indextop #newentry .unit li h3 {
width:258px;
}
.indextop #newentry .unit li p {
width:272px;
}
.indextop #newentry .comment {}
.indextop #newentry .more {}
.indextop #newentry .sw {}
.indextop #newentry .bt {}
.indextop #newentry .photoframe {}
.indextop #newentry .photoframe li {
	width:93px;
	margin-bottom:5px;
}
.indextop #newentry .photoframe li a img{
	width:75px;
	height:75px;
	border:3px solid #CCC;
	padding:1px;
	background-color:#FFF;
	margin-bottom:3px;
}
.indextop #newentry .photoframe li a:hover img {
	border:3px solid #FF9900;
}


/*1-c3 新規ブログ*/
#newblog {
background:url(../img/bg_longmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#newblog .title {}
#newblog .content {
background:url(../img/bg_longmenu.gif);
padding:5px 10px;
}
#newblog ul {
background:url(../img/bg_newblog.gif) right bottom no-repeat;
margin-top:5px;
min-height:130px;
_height:130px;
}
#newblog li {
margin-right:140px;
margin-bottom:5px;
}
#newblog .unit {}
#newblog .comment {}
#newblog .more {}
#newblog .more a {
background:url(../img/ico_linktext.gif) left no-repeat;
padding-left:12px;
}
#newblog .ico { margin:0 3px;}

/*1-m4 ブログ一覧(新着・ランキング)*/
#bloglist {}
#bloglist .title {}
#bloglist .content {
	margin-top:15px;
}
#bloglist li {
	border:1px solid #ccc;
	margin:0 0 5px;
	padding: 8px;
}
#bloglist dl {
}
#bloglist dt {
	width: 540px;
	float: right;
	font-weight: bold;
	margin-bottom:10px;
}
#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 {
	width: 480px;
	float: right;
}
#bloglist .unit {}
#bloglist .comment {}

/*1-m4-1 ブログ一覧(新規ブログ)*/
.newblog #bloglist {}
.newblog #bloglist .title {}
.newblog #bloglist .content {}
.newblog #bloglist dt span {
	color:#000;
}
.newblog #bloglist .unit {}
.newblog #bloglist .comment {}

/*1-m4-2 ブログ一覧(ランキング)*/
.popularblog #blogist {}
.popularblog #blogist .title {}
.popularblog #blogist .content {}
.popularblog #bloglist dt span {
	background-color:#666;
	color:#fff;
	padding:0 2px 0 2px;
}
.popularblog #blogist .unit {}
.popularblog #blogist .comment {}


/*スタート宣言*/
#start {
background:url(../img/bg_longmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#start .title {}
#start .content {
background:url(../img/bg_longmenu.gif);
padding:5px 10px;
}
#start h3 {
color:#FF6600;
margin:5px 5px 10px 5px;
padding-left:3px;
padding-bottom:5px;
font-weight:bold;
border-bottom:1px dashed #CCC;
}
#start .list {
margin:0 10px 5px 10px;
}
#start .unit {}
#start .comment {}
#start .more {}
#start .more a {
background:url(../img/ico_linktext.gif) left no-repeat;
padding-left:12px;
}



/*1-m8 マップ本体	*/
#mapbox {}
.map .main div.description{
margin-bottom:10px;
}
  /*地図*/
  #mapbox #map {
  	/*width: 643px;*/
	width: 560px;
	height: 600px;
	margin:20px 0;
  }
  #map span {
  white-space:normal;
  margin-left:50px;
  text-align:left;
  }
  #mapbox .gmnoprint { line-height:1.8;}
  /*マップurl*/
  #mapbox #taCode { width:350px;}
  #mapbox #address { width:300px;
  margin-bottom:0px;
}

  #mapbox form {
  margin:10px 0;
}

  #mapbox div.btn {
  display:inline;
}
.map p.bt{
text-align:left;
}
  /*ポップアップ関連*/
  .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;
  }


/*1-m9 タグ本体*/
#tagsearch {}
#tagsearch .title {}
#tagsearch .content {}
#tagsearch li {	margin: 0 0 20px 0;}
#tagsearch h3 {	display: inline;}
#tagsearch h3 a { font-weight:bold;}
#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: 10px 0 5px 0;
color:#666;}
#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 {
background:#E8F8FD;
}
#search .title {
background:#E8F8FD;
}
#search .content {
margin-top:5px;
padding:5px 8px 10px 8px;
}
#search .unit {}
#search .comment {color: #666;} 
#search .more {}
#search .searchBox{width: 110px;}
#search .search_help{
}
#search  .bn{
margin-top:10px;
text-align:center;
}


/*【2】サイド*/
/*2-s1 タグクラウド*/
#tag {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#tag .title {}
#tag .content {
background:url(../img/bg_blogmenu.gif);
padding:5px 10px;
}
#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 {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#category .title {}
#category .content {
background:url(../img/bg_blogmenu.gif);
padding:5px 10px;
}
#category .unit {}
#category .comment {}
#category .more {}
#category .sw {}
#category .bt {}
#category strong { font-weight:bold;}

/*2-s2-1 カテゴリ(トップ)	*/
.indextop #category {}
.indextop #category .title {}
.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 {}
/*2-s2-3 カテゴリ(地域)*/
.indextop3 #category {}
/*2-s2-4 カテゴリ(新規ブログ)*/
.newblog #category {}
/*2-s2-5 カテゴリ(ランキング)*/
.popularblog #category {}

/*2-s3 地域*/
#area {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#area .title {}
#area .content {
background:url(../img/bg_blogmenu.gif) repeat-y;
padding:5px 10px;
}
#area .content dt {
margin-bottom:3px;
}
#area .content dd {
margin-bottom:5px;
}
#area .content dd ul {
margin-top:-3px;
}
#area .content dd li span {
padding-right:5px;
}
#area .unit {}
#area .comment {}
#area .more {}
#area strong { font-weight:bold;
}

/*2-s3-1 地域(トップ)*/
.indextop #area {}
.indextop #area .title {}
.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 .title {}
#maptb .content {}
#maptb .unit {}
#maptb .comment {
	padding: 10px 0 0;
}
#maptb .more {}

/*2-s5 QRコード*/
#qr {}
#qr .title {}
#qr .content {}
#qr .unit {}
#qr .comment {}
#qr .more {}

/*2-s7 ランキング*/
#ranking {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#ranking .title {}
#ranking .content {
background:url(../img/bg_blogmenu.gif) repeat-y bottom;
padding:5px 4px 5px 2px;
}
#ranking .unit {}
#ranking .comment {
	padding: 5px 5px 3px 5px;
}
#ranking .more {
	padding: 10px 5px 0 0;
}
#ranking .more a {
background:url(../img/ico_linktext.gif) left no-repeat;
padding-left:12px;
}
#ranking .sw {}

/*2-s7-1 ランキング(トップ)*/
.indextop #ranking {}
.indextop #ranking .title {}
.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 {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#birthday .title {}
#birthday .content {
background:url(../img/bg_blogmenu.gif) repeat-y bottom;
padding:5px 10px;
}
#birthday .unit {}
#birthday .comment {
	padding: 0 0 5px;
}
#birthday .more {}
#birthday .sw {}
#birthday .bt {}

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

/*2-s10 マップカテゴリ*/
#mapmenu {
background:url(../img/bg_blogmenu_b.jpg) no-repeat bottom;
padding:0 0 10px 0;
}
#mapmenu .content {
background:url(../img/bg_blogmenu.gif) repeat-y;
padding:5px 10px;
}
#mapmenu .title {}
#mapmenu select {
margin:10px 0;
}
#mapmenu ul {}
#mapmenu li {
	margin:0 0 5px;
}



/*テンプレートデザイン*/
#design {
	padding: 10px 10px 15px 10px;
	background:url(../img/bg_sitemenu_line.jpg)  top no-repeat;
	margin:0 0 10px 0;
}
#design .title {
	padding-bottom:10px;
	background:url(../img/bg_sitemenu.jpg)  #FFF bottom repeat-y;
}
#design .content {
	padding:0 5px;
}

#design div.content div.comment {
	margin-top:10px;
}

#design div.content .bnr{
	margin-bottom:10px;
}



/*トップページのアンケート*/
#Clog2 #survey {
	padding: 20px 10px 10px 10px;
	background:url(../img/bg_sitemenu_line.jpg)  top no-repeat;
	margin:0 0 10px 0;
}
#Clog2 #survey h2.title {
	margin:0;
	padding:5px 0 0 0;
	background:#F4ECDD;
}

#Clog2 #survey .content {
	background:#F4ECDD;
	padding:5px 10px 10px 10px;
}

#Clog2 #survey .content .detail {
	background:#FFF;
	padding:5px 5px;
}


/*【3】1カラム*/
/*3-1 お問い合わせ*/
#inquiry {
	width: 760px;
	margin: 0;
	text-align: left;
}
#inquiry .title {
	background: url(../img/bg/bg_title_long.jpg) no-repeat 0 0;
}
#inquiry .step{
	padding:5px 10px;
	margin:15px 0;
	background:#E8F8FD;
	color:#999999;
}
#inquiry .step .here{
	font-weight:bold;
	color:#FF9900;
}
#inquiry .description{
	margin:20px 15px 20px 15px;
}
#inquiry .content {}
#inquiry .comment {}
#inquiry .more {}
#inquiry p {}
#inquiry table {
	margin:0 auto;
	width: 650px;
	border-collapse:collapse;
}
#inquiry table th {
	width: 120px;
	padding:8px;
	background:#EFEFEF;
	border:1px solid #CCC;
	font-weight:bold;
	color:#666666;
	text-align:left;
}
#inquiry table td {
	padding:8px;
	background:#FFF;
	border:1px solid #CCC;
}
#inquiry table td .caption {
	color:#666666;
}
#inquiry .captcha {
	width: 634px;
	padding:8px;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
	margin:20px auto 20px auto;
	text-align:center;
}
#inquiry .captcha div.label {
	margin:5px 0;
}
#inquiry .btn {
	width: 634px;
	padding:8px;
	background:#FFF1B9;
	margin:20px auto;
	text-align:center;
}

#inquiry p.return{
margin-top:20px;
}


/*3-2 エラーメッセージ*/
#errmsg {
	width: 760px;
	text-align: left;
}
#errmsg .title {
	background: url(../img/bg/bg_title_long.jpg) no-repeat 0 0;
}
#errmsg .content {}
#errmsg .comment {}
#errmsg .more {}


/*3-3 利用規約*/
#rule {
	text-align: left;
	float:none;
}
#rule .content,
#rule li {
	line-height:1.8;
}

#rule ul,
#rule ol{
padding-left:30px;
margin:10px 0;
}

#rule li ul,
#rule li ol{
padding-left:20px;
margin:10px 0;
}

#rule ul li{
list-style:disc;
}

#rule ol li{
list-style:decimal;
}

#rule ol li ol li,
#rule ul li olli{
list-style:katakana;
}
#rule ol li ul li,
#rule ul li ul li{
list-style:disc;
}

#rule .title {
	background: url(../img/bg/bg_title_long.jpg) no-repeat 0 0;
}
#rule .content {
	width: 700px;
	margin: 25px auto 0 auto;
	line-height:1.8;
}
#rule .content p.intro {
	margin-bottom: 25px;
}

#rule .content h2 {
	margin:25px 0 10px 0;
	font-weight:bold;
	color:#FF6600;
	font-size:120%;
}
#rule .comment {}
#rule .more {}
#rule p.date {
text-align:right;
padding-top:20px;
}

/*3-4 プライバシーポリシー*/
#privacy {
	width: 760px;
	margin: 0;
	text-align: left;
}
#privacy .title {
	background: url(../img/bg/bg_title_long.jpg) no-repeat 0 0;
}
#privacy .content {
	width: 700px;
	margin: 25px auto 0 auto;
	line-height:1.8;
}
#privacy .content p.intro {
	margin-bottom: 25px;
}

#privacy h2{
	margin:25px 0 10px 0;
	font-weight:bold;
	color:#FF6600;
	font-size:120%;
}
#privacy address{
font-style:normal;
margin:15px 0;
}
#privacy .comment {}
#privacy .more {}