@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

1-m11 北国TV							 .tv

1-m12 おすすめ商品						#recommend

【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 .title {}

#news .content {}

#news .unit {}

#news .comment {}

#news .more {}



/*1-m2 最新記事*/

#newentry {}

#newentry .title { background:url(../img/common/bg_title_con.gif) no-repeat;}

#newentry .content {

	padding: 1px 0px 5px 4px;

}

#newentry .unit {

	clear: both;

	width: 643px;

	background: url(../img/bg/bg_dot.gif) repeat-x 0 5px;

	padding: 10px 0 0;

}

#newentry .unit li {

	width: 643px;

	border-bottom:1px dotted #ccc;

}

#newentry .unit li h3 {

	width:348px;

	float:left;

}

#newentry .unit li p {

	width:295px;

	float:right;

	margin: 0;

}

#newentry .unit li .ico { margin:0 3px;}

#newentry .comment {}

#newentry .more {}

#newentry .sw {}

#newentry .bt {}

#newentry .photoframe {}

#newentry .photoframe li {

	width:129px;

}

#newentry .photoframe li img {

	width:125px;

	height:125px;

}



/*1-c2 最新記事(トップ)*/

.indextop #newentry {}

.indextop #newentry .title {}

.indextop #newentry .content {

	padding: 1px 3px 5px;

}

.indextop #newentry .unit {

width: 458px;

}

.indextop #newentry .unit li {

width: 458px;

}

.indextop #newentry .unit li h3 {

width:258px;

}

.indextop #newentry .unit li p {

width:200px;

}

.indextop #newentry .comment {}

.indextop #newentry .more {}

.indextop #newentry .sw {}

.indextop #newentry .bt {}

.indextop #newentry .photoframe {}

.indextop #newentry .photoframe li {

	width:92px;

}

.indextop #newentry .photoframe li img {

	width:88px;

	height:88px;

}



/*1-c3 新規ブログ*/

#newblog {}

#newblog .title {}

#newblog .content {}

#newblog li {	border-bottom:1px dotted #ccc;}

#newblog .unit {}

#newblog .comment {}

#newblog .more {}

#newblog .ico { margin:0 3px;}



/*1-m4 ブログ一覧(新着・ランキング)*/

#bloglist {}

#bloglist .title {
background:url(../img/common/bg_title_con.gif) no-repeat;}

#bloglist .content {}

#bloglist li {

	border:1px solid #ccc;

	margin:0 0 5px;

	padding: 2px;

}

#bloglist dl {

}

#bloglist dt {

	width: 580px;

	float: right;

	font-weight: bold;

}

#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: 580px;

	float: right;

}

#bloglist .unit {}

#bloglist .comment {}



/*1-m4-1 ブログ一覧(新規ブログ)*/

.newblog #bloglist {}

.newblog #bloglist .title { background:url(../img/common/bg_title_con.gif) no-repeat;}

.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 {}



/*1-m8 マップ本体	*/

#mapbox {}

  /*地図*/

  #mapbox #map {

  	width: 643px;

	height: 600px

  }

  #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;

  }





/*1-m9 タグ本体*/

#tagsearch {}

#tagsearch .title { background:url(../img/common/bg_title_con.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 .title {}

#search .content {}

#search .unit {}

#search .comment {color: #666;} 

#search .more {}

#search .searchBox{width: 350px;}




/*1-m11 北国TV*/
.tv {	

	text-align:center;
	
	font-size: 1.2em;
	
	margin:0 0 10px;
}

/*1-m12 おすすめ商品*/

#recommend .more {
	font-size:0.8em;
	display:inline;
	float:right;
	text-align:right;
	padding-top:1px;
	border-top:1px dotted #cccccc;
	width:330px;
}
#recommend .headline {
	color:#0AA2C7;
	display:inline;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px;
	width:330px;
}

#recommend .content img {
	display:inline;
	float:left;
	margin:0 7px 0 0;
}

#recommend .price {
	line-height:2em;
}

/*1-m12 新サービス(トップ)	*/
#newservice {
}
#newservice .title{
}
#newservice .content{
	padding: 1px 0 5px 5px;
}
#newservice .unit {}
#newservice li {
	display:inline;
	float:left;
	margin:0 4px 0 0;
	width: 150px;
	height: 60px;
}
#newservice li a {}
#newservice li a img {
	width: 150px;
	height: 60px;
}




/*【2】サイド*/

/*2-s1 タグクラウド*/

#tag {}

#tag .title {}

#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 .title {}

#category .content {}

#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 {}

#area .title {}

#area .content {}

#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 {

	background: url(../img/bg/bg_dot.gif) repeat-x 0 5px;

	padding: 10px 0 0;

}

#maptb .more {}



/*2-s5 QRコード*/

#qr {}

#qr .title {}

#qr .content {}

#qr .unit {}

#qr .comment {}

#qr .more {}



/*2-s7 ランキング*/

#ranking {}

#ranking .title {}

#ranking .content {}

#ranking .unit {}

#ranking .comment {}

#ranking .more {

	background: url(../img/bg/bg_dot.gif) repeat-x 0 5px;

	padding: 10px 0 0;

}

#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 {}

#birthday .title {}

#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 .title {}

#link .content {}

#link .unit {}

#link .comment {

	margin: 0;

}

#link .more {}

#link .sw {}



/*2-s10 マップカテゴリ*/

#mapmenu {}

#mapmenu .title {}

#mapmenu select {}

#mapmenu ul {}

#mapmenu li {

	margin:0 0 5px;

}

/*2-s11　北海道の？*/
#baka2 {
}
#baka2 .title {}
#baka2 .content {
	padding:5px 0 5px 4px;
}
#baka2 .comment {
	background:url(../img/bg/bg_dot.gif) repeat-x 0 100%;
	padding:0 0 5px;
}
#baka2 .rss_list {
	float:left;
	width:97px;
	height:97px;
}
#baka2 .rss_list a {
	display:block;
	text-align:center;
	vertical-align:middle;
	padding:0;
	width:90px;
	height:90px;
	border:1px solid #000;
/*hide\*/	overflow:hidden;/*MacIE*/
}
#baka2 .rss_list a:hover , #baka2 .rss_list a:active {
}
#baka2 .rss_list img {
	vertical-align:middle;
	border:none;
	width:auto;
	height:100%;
}
#baka2 .qr {
	float:left;
	display:inline;
	margin-right:2px;
}

/*2-s12 FLOQプラグイン*/
#floqplugin {
	background:url(../img/bg/bg_floqplugin.gif) repeat 1px 1px;
	text-align: center;
	background-color: #000000;
}
#floqplugin .content {
	padding: 0;
}
#floqplugin .unit {
	margin: 0 0 5px;
}
#floqplugin textarea {
	width: 180px;
	height: 90px;
	font-size: 1em;
	margin: 0 0 5px;
}
#floqplugin .comment {
	color:#fff;
	font-size:1em;
	margin: 0;
	padding: 0 5px 5px;
	text-align: left;
}





/*【3】1カラム*/

/*3-1 お問い合わせ*/

#inquiry {

	width: 653px;

	margin: 20px 0 0 108px;

	text-align: left;

}

#inquiry .title {
background:url(../img/common/bg_title_con.gif) no-repeat;}

#inquiry .content {}

#inquiry .comment {}

#inquiry .more {}

#inquiry p {}

#inquiry table {

	margin:0 auto;

	width: 525px;

}



/*3-2 エラーメッセージ*/

#errmsg {

	width: 653px;

	margin: 20px 0 0 108px;

	text-align: left;

}

#errmsg .title {

	background:url(../img/common/bg_title_con.gif) no-repeat;

}

#errmsg .content {}

#errmsg .comment {}

#errmsg .more {}





/*3-3 利用規約*/

#rule {

	width: 653px;

	margin: 20px 0 0 108px;

	text-align: left;

}

#rule .title {
background:url(../img/common/bg_title_con.gif) no-repeat;}

#rule .content {}

#rule .comment {}

#rule .more {}



/*3-4 プライバシーポリシー*/

#privacy {

	width: 653px;

	margin: 20px 0 0 108px;

	text-align: left;

}

#privacy .title {
background:url(../img/common/bg_title_con.gif) no-repeat;s
}

#privacy .content {}

#privacy .comment {}

#privacy .more {}