@charset "utf-8"; 



/*base.css*/



/*滋賀咲くver2.0キーカラー

[ロゴ]

水色　#1A8FEF　rgb(26, 143, 239)

オレンジ　#FF7F00　rgb(255, 127, 0)

ピンク　#F853BF　rgb(248, 83, 191)



[テキストリンク]

通常：ネイビー　#3333FF　rgb(51, 51, 255)

マウスオーバー：ピンク　#F853BF　rgb(248, 83, 191)





/*

【1】初期設定

1-0 要素初期化

1-1 汎用セレクタ

1-2 フォーム関連セレクタ

1-3 CSSハック



【2】ページレイアウト

2-1 ページ全体		#container

2-2 ヘッダ			#top

2-3 本文			#contents

 2-4 補助枠			.wrap 

 2-5 中央			.main 

 2-6 中央(3カラム）.wrap .main

 2-7 サイド			.side

  2-8 左			#left

  2-9 右			#right

2-10 フッタ			#foot



【3】ページ全体内

3-0 共通

3-1 スキップナビ	.skip

3-2 アンカーナビ	.jump

3-3 バナー枠		.bnr



【4】ヘッダ内

4-0 共通

4-1 サイトID		#siteid

4-2 タグライン		#tagline

4-3 ログイン		#login

4-4 グローバルナビ	#gnavi

4-5 サブナビ		#snavi

4-6 ヘッダー画像　　.headerimg



【5】本文内

 5-0 共通

 5-1 パン屑					#pan

 5-2 ボックス				.box

 5-3 タイトル				.title

 5-4 内容					.content

 5-5 内容の部品				.unit

 5-6 コメント				.comment

 5-7 詳細リンク				.more

 5-8 切替ボタン				.sw

 5-9 ボタンエリア			.bt

 5-10 サムネイル枠			.photoframe

 5-11 テキスト広告			.text-bnr

 

【6】中央（メイン）内

 6-0 共通

 6-2 ボックス				.main .box

 6-3 タイトル				.main .title

 6-4 内容					.main .content

 6-5 内容の部品				.main .unit

 6-6 コメント				.main .comment

 6-7 詳細リンク				.main .more

 6-8 切替ボタン				.main .sw

 6-9 ボタンエリア			.main .bt

 6-10 サムネイル枠　（指定なし）

 6-22 ボックス(3カラム)		.wrap .main .box 

 6-23 タイトル(3カラム)		.wrap .main .title 

 6-24 内容(3カラム)			.wrap .main .content 

 6-25 内容の部品(3カラム)	.wrap .main .unit 

 6-26 コメント(3カラム)		.wrap .main .comment 

 6-27 詳細リンク(3カラム)	.wrap .main .more 

 6-28 切替ボタン(3カラム)	.wrap .main .sw 

 6-29 ボタンエリア(3カラム)	.wrap .main .bt 



【7】サイド内

 7-0 共通

 7-2 ボックス(サイド)		.side .box

 7-3 タイトル(サイド)		.side .title

 7-4 内容(サイド)			.side .content

 7-5 内容の部品(サイド)		.side .unit

 7-6 コメント(サイド)		.side .comment

 7-7 詳細リンク(サイド)		.side .more

 7-8 切替ボタン(サイド)		.side .sw

 7-9 ボタンエリア(サイド)	.side .bt

 7-22 ボックス(左)			#left .box

 7-23 タイトル(左)			#left .title

 7-24 内容(左)				#left .content

 7-25 内容の部品(左)		#left .unit

 7-26 コメント(左)			#left .comment

 7-27 詳細リンク(左)		#left .more

 7-28 切替ボタン(左)		#left .sw

 7-29 ボタンエリア(左)		#left .bt

 7-42 ボックス(右)			#right .box

 7-43 タイトル(右)			#right .title

 7-44 内容(右)				#right .content

 7-45 内容の部品(右)		#right .unit

 7-46 コメント(右)			#right .comment

 7-47 詳細リンク(右)		#right .more

 7-48 切替ボタン(右)		#right .sw

 7-49 ボタンエリア(右)		#right .bt

7-60 サイドメニュー	#smenu



【8】フッタ内

8-0 共通

8-1 フッタメニュー	#fmenu

8-2 コピーライト	#copy

8-3 地域ブログリンク#tiiki-blog



【9】CSS読み込み（オプション）

9-1 MacIE用CSS





【各ページ固有クラス名】

※ body又はページ全体を囲むdiv要素に命名

トップ			.indextop

カテゴリ		.indextop2

地域			.indextop3

ランキング		.popular

新規ブログ		.newblog

タグ検索		.indextag

カレンダー		.indexcalendar

マップ			.map

アンケート結果	.survey

お問い合わせ	.inquiry

エラーページ	.error

プライバシー	.privacy

利用規約		.rule



フォトラバトップ	.indexptb

フォトラバカテゴリ	.ptbcategory

├本文と画像		.category0

├タイトルと画像	.category1

└タイトルのみ		.category2

フォトラバテーマ	.ptbtopic

├記事順			.ptbtopic0

└画像順			.ptbtopic1

*/









/*【1】初期設定*/

/*1-0 要素初期化*/



body {

	margin:0;

	padding:0;

	

	color: #333333;

}

*html body {

	margin: 0 0;

	padding:0;


}

*:first-child+html body {

	margin: 0 0;

	padding:0;

	
	color: #333333;

} 


head/* */body {
	margin: 0 0;
	padding:0;
}

p , ul , ol , li , dl , dt , dd , address , strong , em ,

h1 , h2 , h3 , h4 , h5 , h6 , 

table , caption , th , td {

	font-size: 100%;

	font-weight: normal;

	line-height: 1.5;

	margin:0;

	padding:0;

}

p {

	margin:0 0 1em;

}

li {	list-style-type: none;}

h1 , h2 , h3 , h4 , h5 , h6 {}

strong { font-weight:bold;}

em { font-style:italic;}

a {}

a:link {

	color: #0066FF;

	text-decoration: none;

}

a:visited {

	color: #0066CC;

	text-decoration: none;

}

a:hover , a:active {

	color: #FF6600;

	text-decoration: none;

}

img { border:none;}

hr {

	display:none;

}

pre {

	clear: both;

}

/*1-1 汎用セレクタ*/

/*クリア*/

.clear { clear:both;}



/*アイコン画像*/

#container .ico { vertical-align:middle;}

/*アイコン画像（ポータル出力class名）*/

.portalicon { vertical-align:middle;}



/*ライン <div class="line-dot"><hr></div> */

.line-dot {

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

	width: 100%;

	height:10px;

	border: none;

}



/*カラー*/

.black {color:#000;}

.blue {color:#3333ff;}

.orange	{color:#ff9900;}

.red {color	:#f00;}

.red a:link  {

	color: #FF0000;

	text-decoration: none;

}

.red a:visited  {

	color: #FF0000;

	text-decoration: none;

}

.red a:hover  , .red a:active  {

	color: #FF6600;

	text-decoration: none;

}



/*フォントサイズ*/

.font9	{font-size: 9px;}

.font10	{font-size: 10px;}

.font12	{font-size: 12px;}

.font14	{font-size: 14px;}

.font16	{font-size: 16px;}

.font18	{font-size: 18px;}

.font20	{font-size: 20px;}
.font24	{font-size: 24px;}

.font36	{font-size: 36px;}

.xsmall { font-size: 75%;}

.small { font-size: 86%;}

.large { font-size: 116.7%;}

.xlarge { font-size: 133.4%;}

.fBold{font-weight:bold;}

/*文字揃え*/

.textright { text-align:right;}

.textleft { text-align:left;}

.textcenter { text-align:center;}



/*スペース

使用方法：

	<div class="space10"><hr></div>

*/

.space1 { height:1px;}

.space2 { height:2px;}

.space3 { height:3px;}

.space4 { height:4px;}

.space5 { height:5px;}

.space6 { height:6px;}

.space7 { height:7px;}

.space8 { height:8px;}

.space9 { height:9px;}

.space10 { height:10px;}

.space12 { height:12px;}

.space14 { height:14px;}

.space15 { height:15px;}

.space16 { height:16px;}

.space18 { height:18px;}

.space20 { height:20px;}

.space22 { height:22px;}

.space24 { height:24px;}

.space25 { height:25px;}

.space26 { height:26px;}

.space30 { height:30px;}


.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}

.mL70{margin-left:70px;}
.mL100{margin-left:100px;}
.mL150{margin-left:150px;}
.mL200{margin-left:200px;}
.mR3{margin-right:3px;}
.mR5{margin-right:5px;}

.p5{padding:5px;}


.w100{width:100px;}
.w883{width:883px;}
.w70{width:70px;}
.w913{width:913px;}

.center{text-align:center;}


/*1-2　フォーム関連*/

form {

	margin:0;

	padding:0;

}

#search {

	background: #3F3F3F;

	padding-top: 5px;

	padding-bottom: 5px;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

}

input.search_text {

	width : 200px;

	margin : 0px 5px 0px 5px;

	padding : 0;

	background : #FFFFFF repeat-x;

	border:1px solid #FF6600;

	float: left;

	height: 18px;

}

.search_more {

	color: #FFFFFF;

	float: left;

	background: url(../../img/img2/common/keyword.gif) no-repeat left center;

	padding-left: 93px;

	margin-left: 5px;

}

.search_more a {

	font-weight: bold;

	margin-right: 6px;

}

.search_more a:link {

	color: #FFFFFF;

	text-decoration: none;

}

.search_more a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

.search_more a:hover , a:active {

	color: #FF6600;

	text-decoration: none;

}

.inputSide {

	line-height: 20px;

	color: #FFFFFF;

}

a {}

.searchCenter a:link {

	color: #FFFFFF;

	text-decoration: none;

}

.searchCenter a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

.searchCenter a:hover , a:active {

	color: #FF6600;

	text-decoration: none;

}

#search .searchCenter {

	float: left;

	width: 340px;

	color: #FFFFFF;

	height: 20px;

	line-height: 20px;

}

#search .floatright {

	float: right;

	padding-right: 5px;

}



form input.search_button{

	background:url(../../img/img2/search_button.jpg) no-repeat left top;

	width: 50px;

	height: 20px;

	border: none;

	overflow: hidden;

	cursor: pointer;/* カーソルを指マークに Operaはなぜか効かない*/

	text-indent: -9999px;/*ボタンの文字を消す*/

	text-align: left;

	display: block; /*IEで背景が消えてしまう*/

	float: left;

	margin-right: 2px;

}


#search .Googlesearch {

	float: left;
	margin-top: -2px;

}

/* Operaのみ適用 */

*+html:first-child body form input.search_button {

padding-left: 300px; /*適当*/

}

input.button	{

	border-top: 1px solid #7F9DB9;

	border-right: 1px solid #5785AF;

	border-bottom: 1px solid #5785AF;

	border-left: 1px solid #7F9DB9;

	color: #333;

	background :#E2E2E2 url(../../img/bg/bg_btn.jpg) repeat-x;/*フォームボタン用（背景）*/

	font-family: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;

	font-size: 12px;

	font-weight: normal;

	cursor: pointer;

	padding: 1px;

}

input.text		{

	width : 128px;

	margin : 0px;

	padding : 1px 0 1px 0;

	background : #EFF8FF repeat-x;

	border:1px solid #7F9DB9;

}



input:focus.text {

	background : #FFF repeat-x;

	border:1px solid #7F9DB9;

}



input.text1		{

	width : 150px;

	margin : 0px;

	padding : 1px 0 1px 0;

	background : url(../../img/bg/login_ID.jpg) #EFF8FF no-repeat center;

	border:1px solid #7F9DB9;

}



input:focus.text1 {

	background : #FFF repeat-x;

	border:1px solid #7F9DB9;

}



input.text2		{

	width : 95px;

	margin : 0px 3px 0px 0px;

	padding : 1px 0 1px 0;

	background : url(../../img/bg/login_pass.jpg) #EFF8FF no-repeat center;

	border:1px solid #7F9DB9;

}



input:focus.text2 {

	background : #FFF repeat-x;

	border:1px solid #7F9DB9;

}



select 			{

	border-top : 3px double #ccc;

	border-right : 3px double #666;

	border-bottom : 3px double #666;

	border-left : 3px double #ccc;

	color : #000;

	background : #F5F4F1 repeat-x;

	font-size : 12px;

	font-weight : normal;

	margin : 0px 3px 0px 3px;

	padding : 2px;

}

input.radio		{

	margin : 3px 0px 0px 0px;

	padding : 1px 1px 0px 1px;	

}









/*1-3 CSSハック*/

/*clearfix*/

.clearfix {

    zoom:1;/*for IE 5.5-7*/

}

.clearfix:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}






.bgBlue{background:#0069F5;}
.bgLine{background:url(../../img/common/header_tag_back.gif) repeat; padding:7px 0;}
.bBwhite{border-bottom:1px solid #FFF;}
.bBGray{border-bottom:1px dotted #CCC;}
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}


/*【2】画面レイアウト*/
#header{position:relative;line-height:0;overflow:hidden;margin-top:0;}
.hLink01{padding-bottom:10px;overflow:hidden;line-height:0;margin-top:0;}

.hLink01,.hmenu{width:983px;margin:auto;overflow:hidden;font-size: 12px;text-align:left;}
.hLink01 li{color:#1372D2;float:left;display:inline;line-height:0;}
#header .li01{margin-right:20px;background:none;line-height:0;}
#header .li02{margin-right:0px;background:none;}

#header .head_link {
	margin-top:10px;
}

.headerRightBox{color:#1372D2;background-color:#D3E3FE;width:310px;height:31px;float:left;display:inline;text-align:right;line-height:0.8;padding:0px 3px;font-size:8px;font-weight:normal;}
h1{margin-bottom:0px;}
.bgHead{background:url(../../img/common/header_back.jpg) no-repeat top center #1B98FF;height:165px;line-height:0;margin-top:0;}

.bgHead{margin-top:-10px\9;}

head/* */body #header{margin-top:0;}

.gMenu{width:983px;margin:auto;overflow:hidden;font-size: 14px;text-align:left;}
.gMenu ul{}
.gMenu li{color:#FFF;font-weight:bold;float:left;background:url(../../img/common/header_gmanu_back.jpg) repeat-x;padding:5px 15px;border-right:1px solid #94CEFF;}

.gMenu a,.gMenu a:link,.gMenu a:visited{color:#FFF;}
.hLink01 a,.hLink01 a:link,.hLink01 a:visited{color:#1372D2;font-weight:bold;}

.gMenu a:hover ,.gMenu a:active,.hLink01 a:hover ,.hLink01 a:active {color: #FF6600;text-decoration: none;}


.wave{position:absolute;width:100%;height:9px;background:url(../../img/common/gmenu_wave.png) repeat-x;bottom:0;}

*html .wave{background:none;}


.tagArea{width:993px;margin:auto;font-size:12px;color:#FFF;overflow:hidden;}

.tagArea a,.tagArea a:link,.tagArea a:visited{color:#FFF;}
.tagArea a:hover ,.tagArea a:active{color: #FF6600;text-decoration: none;}


#searchform1 {background:url(../../img/common/s_form_back.gif) left top no-repeat; display: block;width: 240px; height: 28px;}
#searchform1 input { display: block; float: left; }
#searchform1 .isearch1 {border:none; background: none;width:169px; color:#464646;padding: 6px 8px;font-size: 12px;}
#searchform1 .ibutton1 {background:#FF8000; border:none;margin-top:9px; width:50px;height:24px;margin-top:2px;margin-left:2px;color:#FFF;font-weight:bold;}
.abSearch{font-size: 12px;color:#FFF;margin-left:5px;font-weight:bold;}

/*2-1 全体*/

#container {

	text-align: left;

	background: #FFFFFF;

	font-size: 11px;

	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;

	clear: both;

	margin: 0 auto;

	width: 990px;

	padding: 0px;

}



/*2-2 ヘッダ*/

#top {

	width: 100%;

	text-align: left;

	background: url(../../img/img2/header_body.jpg) repeat-x;

}



/*2-3 本文*/

#contents {

	margin: 5px 0 0;

	text-align: left;

	background-color: #fff;

	clear: both;

}
.indextop2 #contents{margin:1px 0 0;}


#contents .rss li {

	border-bottom:1px dotted #ccc;

	font-size: 11px;

}

#contents li a:link {

	color: #333333;

	text-decoration: none;

}

#contents li a:visited {

	color: #333333;

	text-decoration: none;

}

#contents li a:hover ,#contents li a:active {

	color: #FF6600;

	text-decoration: none;

}



/*2-4 補助枠*/

.wrap {

	width: 678px;

	float: left;

	display: inline;/*IE+float 横マージン膨張対策*/

	margin: 0 5px 15px 0;

	clear: both;

}



/*2-5 中央*/

.main {

	float: right;

	width: 775px;

	display: inline;/*IE+float 横マージン膨張対策*/

	margin: 0 5px 0 0;

}



/*2-6 中央(３カラム）*/

.wrap .main {
	width: 468px;

	float: right;

	margin:0 0 0;

}



/*2-7 サイド*/

.side {}



/*2-8 左*/

#left {

	width: 200px;

	float: left;

	display: inline;

	margin: 0px 0 0 5px;

}



/*2-9 右*/

#right {

	width: 300px;

	float: left;
display:inline;
}



/*2-10 フッタ*/

#foot {

	clear: both;

	text-align: center;

	background-color: #FFFFFF;

	margin: 0 auto;
	padding-top:70px;

}



/*【3】ページ全体内*/

/*3-0 共通*/



/*3-1 スキップナビ*/

.skip {

	position: absolute;

	left: -99999px;

	width: 1px;

	height: 1px;

	/*hide\*/overflow: hidden;/*MacIE*/

	margin: 0;

}



/*3-2 アンカーナビ*/

.jump {
	font-size: 16px;
	text-align:center;
	clear: both;
}



/*3-3 バナー枠*/

.bnr {

	text-align:center;

	margin:5px 0 5px;

}



.link_next {
	font-size: 16px;
}



.bnr p {	text-align:center; margin:0;}

.bnr a {}

.bnr a img { margin:0 auto; border:none;}




/*【4】ヘッダ内*/

/*4-0 共通*/

#top a {}

#top a:link , #top a:visited {}

#top a:hover , #top a:active {}

#top h3 {

	font-size: 9px;

	color: #999999;

	padding-left: 5px;

	width: 150px;

}



#top h2 {

	font-size: 15px;

	color: #999999;

	padding-left: 5px;

	font-weight: bold;

	width: 130px;

}





/*4-1 サイトID*/

#siteid {

	float: left;

	display: inline;

	margin: 0;

	padding-top: 10px;

	padding-left: 10px;

	width: 500px;

}

#siteid p {

	display:inline;

}

#siteid h1 {

	float: left;

	width: 150px;

}



#siteid #sitedisp {

	float: left;

	width: 160px;

	height: 40px;

}



#siteid2 {

	width: 90px;

	float: left;

	display: inline;

	margin: 0 0 0 15px;

	height: 70px;

	padding-top: 15px;

}

#siteid2 p {

	display:inline;

}



/*4-2 タグライン*/

#tagline {

	width: 320px;

	display: block;

	float: left;

	padding: 7px 0 0;

}



/*4-3 ログインメニュー*/

#login {

	float: right;

	font-size:12px;

	padding-right: 15px;

	padding-top: 10px;

	padding-left: 0;

	text-align: right;

	line-height: 16px;

}

p #login a ,#login a:link {



}

#login img {

	padding-bottom: 1px;

}



/*4-4 グローバルナビ*/

#gnavi {

	clear: both;

	background:url(../../img/img2/common/navi_body.png) repeat 0 0;

	height: 36px;

	line-height: 40px;

	padding-top: 4px;

}

#gnavi ul {

	padding:0 0 0 15px;

	margin: 0 auto;

	width: 990px;

}



#gnavi li {

	float:left;

	display:inline;

	margin:0 15px 0 0;

	font-size: 14px;

	font-weight:bold;

}





#gnavi li a {

	background: #FFCC99;

	display:block;

	padding: 0px 12px;

	color: #666;

	line-height: 35px;

	height: 35px;

	margin-bottom: 1px;

}



#gnavi li.here a {

	background: #FFF;

	display:block;

	padding: 0px 12px 0px;

	color: #666;

	line-height: 36px;

	height: 36px;

}



#gnavi li a:link ,

#gnavi li a:visited {

	text-decoration:none;

}

#gnavi li a:hover ,

#gnavi li a:active {

	text-decoration:none;

	background: #FFF;

	line-height: 36px;

	height: 36px;

	margin-bottom: 0px;

}



#gnavi li.here a:hover ,

#gnavi li.here a:active {

	background: #FFF;

	display:block;

	padding: 0px 12px 0px;

	color: #666;

	line-height: 36px;

	height: 36px;

	margin-bottom: 1px;

}



/*IE6バグ用ここから　各クラスはメニュー毎に指定されている*/



/*ブログ*/

*html body #gnavi .li1 {

	width: 64px;

}

/*マイページ*/

*html body #gnavi .li2 {

	width: 93px;

}

/*市場*/

*html body #gnavi .li3 {

	width: 80px;

}

/*サークル*/

*html body #gnavi .li4 {

	width: 54px;

}



/*IE6バグ用ここまで*/



/*4-5 サブナビ*/

#snavi {}



/*4-6 ヘッダー画像*/



.headerbnr {

	width: 468px;

	height: 60px;

	margin: 0px;

	float: left;

	display: block;

	padding-top: 10px;

	padding-left: 10px;

	padding-bottom: 8px;

}

/*【5】本文内*/

/*5-0 共通*/



/*5-1 パン屑*/

#pan {

	clear: both;

	margin: 0 5px;

	padding: 1px 0 1px;

	font-size: 12px;

}

#pan p ,

#pan h1 ,

#pan h2 {

	display:inline;

	margin:0;

	white-space:normal;

	font-weight: 700;

}

#pan a {

	padding:0;

}

/*5-2 ボックス*/

.box {

	font-size: 1.2em;

	margin-bottom:1em;

}

/*clearfix(S)*/

.box {

	zoom:1;/*for IE 5.5-7*/

}

.box:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

/*clearfix(E)*/

.box2 {

	font-size: 1.2em;

	margin:0 0 10px;

}

/*clearfix(S)*/

.box2 {

	zoom:1;/*for IE 5.5-7*/

}

.box2:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

/*clearfix(E)*/

.box3 {

	font-size: 1.2em;

	margin:0 0 10px;

}

/*clearfix(S)*/

.box3 {

	zoom:1;/*for IE 5.5-7*/

}

.box3:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

.box4 {
	width:466px;
	height:auto;
	display:block;
	background-image:url(//shiga-saku.net/img/index/mama_blog.jpg);
	background-repeat:no-repeat;
	background-position:-1px top;
	padding:93px 0 10px 0;
	margin:5px 0 10px 0;

}
.box5 {
	width:468px;
	height:auto;
	display:block;
	margin:5px auto 0;
	padding:0;
}
.box5 a {
	border:none;
}


/*clearfix(E)*/





/* 5-3 タイトル*/

.title {

	padding:5px 5px 5px 10px;

	font-weight: bold;

	font-size: 13px;

	line-height: 1;

	color: #FFFFFF;

}

.title2 {

	padding:0px 5px 0px 10px;

	font-weight: bold;

	font-size: 13px;

	line-height: 26px;

	color: #FFFFFF;

	height: 26px;

}

/* 5-4 内容*/

*html .box .content {

	padding: 1px 5px 5px;

	margin-top: -3px;

}

*:first-child+html .box .content {

	padding: 1px 5px 5px;

	margin-top: -3px;

}

.content {

	padding: 1px 5px 5px;

}

/* 5-5 内容の部品*/

.unit {}

/* 5-6 コメント*/

.comment {

	margin: 0 0 5px;

}

/* 5-7 詳細リンク*/

.more {

	text-align:right;

	margin: 0;

}

.more a:link ,

.more a:visited {

	text-decoration:none;

}

.more a:hover ,

.more a:active {

	text-decoration:none;

}

/* 5-8 切替ボタン*/

.sw {}

/* 5-9 ボタンエリア*/

.bt {

	text-align: center;

}

/* 5-10 サムネイル枠*/

.photoframe {padding:0 5px;}

.photoframe ul {

	/*padding:0 0 0 2px;*/

}

.photoframe li {
	display:inline;
	margin:3px;
	float:left;

	padding:0 0 5px;

}

* html .indextop2 .photoframe li{width:100px;}

.photoframe li a {

	border:none;

}

.photoframe li a:link {}

.photoframe li a:visited {}

.photoframe li a:hover {}

.photoframe li a:active {}

.photoframe li img {

	display:block;

	border:1px solid #ccc;

}



.photoframe li img a:hover{

	display:block;

	border:3px solid #3333FF;

}



.photoframe li span {

	display:block;

	height:1.2em;

	line-height:1.2;

	overflow:hidden;

	text-align: center;

	font-size: 10px;

}



/*5-11 テキスト広告*/

.textbnr {

	text-align: center;

	font-size: 13px;

	color: #666666;

}

.textbnr a{

	color: #FF6600;

}

.textbnr a:link {

	color: #FF6600;

}

.textbnr a:visited {

	color: #FF6600;

}

.textbnr a:hover , .text-bnr a:active {

	color: #F853BF;

}



/*【6】中央（メイン）内*/

/*6-0 共通*/

.main a {}

.main a:link {}

.main a:visited {}

.main a:hover , .main a:active {

	text-decoration: none;

}



/*6-2 中央（メイン）ボックス*/

.main .box {padding-bottom: 5px;}

/* 6-3 中央（メイン）タイトル*/

.main .title {}

/* 6-4 中央（メイン）内容*/

.main  .content {}



/* 6-5 中央（メイン）内容の部品*/

.main .unit {}

/* 6-6 中央（メイン）コメント*/

.main .comment {}

/* 6-7 中央（メイン）詳細リンク*/

.main .more {}

/* 6-8 中央（メイン）切替ボタン*/

.main .sw {}

/* 6-9 中央（メイン）ボタンエリア*/

.main .bt {

	margin: 5px 0 0;

}

/*6-2 中央（メイン）ボックス*/

.main .box2 {

	background: url(../../img/img2/w650_foot.jpg) no-repeat bottom;

	padding-bottom: 11px;

	width: 650px;

	float: left;

}

.main .box3 {

	width: 650px;

	float: left;

	margin-top: 5px;

}

/* 6-3 中央（メイン）タイトル*/

.main .title2 {

	background:url(../../img/img2/title/w650_title.jpg) no-repeat 0 0;

}

/* 6-4 中央（メイン）内容*/

.main  .content2 {

	background: url(../../img/img2/w650_body.jpg) repeat-y left 13px;

}





/*6-22 中央（メイン）ボックス(3カラム)*/

.wrap .main .box {}

/* 6-23 中央（メイン）タイトル(3カラム)*/

.wrap .main .title {

	background:url(../../img/bg/bg_title_center2.jpg) no-repeat 0 0;

}

/* 6-24 中央（メイン）内容(3カラム)*/

.wrap .main .content {

	padding-right: 5px;

	padding-left: 5px;

	

}

/* 6-25 中央（メイン）内容の部品(3カラム)*/

.wrap .main .unit {}

/* 6-26 中央（メイン）コメント(3カラム)*/

.wrap .main .comment {}

/* 6-27 中央（メイン）詳細リンク(3カラム)*/

.wrap .main .more {}

/* 6-28 中央（メイン）切替ボタン(3カラム)*/

.wrap .main .sw {}

/* 6-29 中央（メイン）ボタンエリア(3カラム)*/

.wrap .main .bt {}





/*【7】サイド内*/

/*7-0 共通*/

.side a {}

.side a:link {

}

.side a:visited {}

.side a:hover , .side a:active {

}



/*7-2 サイドボックス*/

.side .box {}

/* 7-3 サイドタイトル*/

.side .title {

}

/* 7-4 サイド内容*/

.side .content {

}

/* 7-5 サイド内容の部品*/

.side .unit {}

/* 7-6 サイドコメント*/

.side .comment {}

/* 7-7 サイド詳細リンク*/

.side .more {}

/* 7-8 サイド切替ボタン*/

.side .sw {}

/* 7-9 サイドボタンエリア*/

.side .bt {}



/*7-22 ボックス(左)*/

#left .box {

}

/* 7-23 タイトル(左)*/

#left .title {

	background:url(../../img/img2/title/w200_title.jpg) no-repeat 0 0;

}

/* 7-24 内容(左)*/

#left .content {

	padding-right: 5px;

	padding-left: 5px;

	

}

#center .box {
	border:1px solid #ccc;
	padding-bottom: 5px;
}

#center .content {
	padding-right: 5px;
	padding-left: 5px;
}

#left .box {

	
	border:1px solid #ccc;
	padding-bottom: 5px;

}
#left .box h4,#right .box h4,#center .box h4{color:#FFF;background-color:#0099FE;margin:2px;font-weight:bold;padding:5px 0 5px 30px;}


#right .box {

border:1px solid #ccc;
	padding-bottom: 5px;

}

#kyousan-random h4{
	background-image: url(../../img/common/side_icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#photo-trackback h4{
	background-image: url(../../img/common/side_icon02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#ranking h4{
	background-image: url(../../img/common/side_icon03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#birthday h4{
	background-image: url(../../img/common/side_icon04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#present h4{
	background-image: url(../../img/common/side_icon05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#qr h4{
	background-image: url(../../img/common/side_icon06.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#qr p{text-align:center;margin-top:10px;}

#life h4{
	background-image: url(../../img/common/side_icon00.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#life li{border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../../img/common/arrow_b.gif) no-repeat center left;margin:0 10px;}

#biwako-suii h4{
	background-image: url(../../img/common/side_icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#syatyoublog h4{
	background-image: url(../../img/common/side_icon08.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#guestblog h4{
	background-image: url(../../img/common/side_icon09.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#survey h4{
	background-image: url(../../img/common/side_icon10.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#mediadata h4{
	background-image: url(../../img/common/side_icon11.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#official h4{
	background-image: url(../../img/common/side_icon12.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#from_edit h4,#from_staff h4{
	background-image: url(../../img/common/side_icon00.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#from_edit ul{margin-bottom:10px;}
#from_edit li,#from_staff li{border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../../img/common/arrow_b.gif) no-repeat center left;width:260px;margin:0 10px;}

#newBlog h4{
	background-image: url(../../img/common/side_icon07.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#newshop h4{
	background-image: url(../../img/common/side_icon13.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#newBlog li{border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../../img/common/arrow_b.gif) no-repeat center left;width:445px;margin:0 5px;}

#eventNavi h4{background-image: url(../../img/common/side_icon00.jpg);background-repeat: no-repeat;background-position: left center;}
#eventNavi li{border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../../img/common/arrow_b.gif) no-repeat center left;width:445px;margin:0 5px;}
#eventNavi dd{float:left;margin:5px;display:inline;}



#yokatta h4{background-image: url(../../img/common/side_icon00.jpg);background-repeat: no-repeat;background-position: left center;}
#yokatta dl{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #CCC;}
#yokatta dt{clear:both;width:80px;overflow:hidden;}
#yokatta dt,#shigamania dd{float:left;display:inline;}
#yokatta dd{width:365px;margin-left:10px;}
#yokatta dd p{margin:0;padding:0;}
#yokatta li {margin:5px;border-bottom:1px dotted #CCC;padding-left:10px;background:url(../../img/common/arrow_b.gif) no-repeat center left; font-size:11px;}
#yokatta ul{list-style-position: inside;list-style-type: middle;}



#shigamania .shigaBox li{border-bottom:none;background-image:none;padding-left:0;}
.shigaBox{overflow:hidden;}
.shigaBox a,#shigaBox a:visited,#shigaBox a:link{color:#4E4E70;}








#blogMenu h4{
	background-image: url(../../img/common/side_icon00.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#blogMenu  li{border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../../img/common/arrow_b.gif) no-repeat center left;width:260px;margin:0 10px;}

#freepaper h4{
	background-image: url(../../img/common/side_icon00.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#freepaper ul{padding:8px;overflow:hidden;}
#freepaper li{float:left;display:inline;margin:0px 5px 2px 5px;}

/* 7-25 内容の部品(左)*/

#left .unit {}

/* 7-26 コメント(左)*/

#left .comment {}

/* 7-27 詳細リンク(左)*/

#left .more {}

/* 7-28 切替ボタン(左)*/

#left .sw {}

/* 7-29 ボタンエリア(左)*/

#left .bt {}



/*7-42 ボックス(右)*/

#right .box {}

/* 7-43 タイトル(右)*/

#right .title {



}

/* 7-44 内容(右)*/

#right .content {

	padding-right: 5px;

	padding-left: 5px;


}

/* 7-45 内容の部品(右)*/

#right .unit {}

/* 7-46 コメント(右)*/

#right .comment {}

/* 7-47 詳細リンク(右)*/

#right .more {}

/* 7-48 切替ボタン(右)*/

#right .sw {}

/* 7-49 ボタンエリア(右)*/

#right .bt {}



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

.side #smenu {}



/*【8】フッタ内*/

/*8-0 共通*/
#footer01{background:url(../../img/common/footer_back.jpg) repeat-x #1D91EE;}
.fLink{width:983px;padding:50px 0 20px;margin:auto;overflow:hidden;font-size: 12px;text-align:left;color:#FFF;}
.fLink h4{border-bottom:1px solid #FFF;padding:5px 0;font-size:14px;color:#FFF;}
.fLink dd{width:840px;margin:0 71px;}
.fLink li{float:left;display:inline;margin:10px;}
.fLink .sb{width:983px;margin:10px 2px;}
.sb li{margin:1px;}
.fLink a,.fLink a:link,.fLink a:visited{color:#FFF;}
.fLink a:hover ,.fLink a:active{color: #FF6600;text-decoration: none;}

/*8-1 フッタメニュー*/




#fmenu {

	font-size: 1.2em;

	margin:0 0 5px;

	text-align: center;

}

/*8-2 コピーライト*/



#copy {
	margin:auto;
	width:983px;
	font-style: normal;

	font-size: 11px;

	background:url(../../img/img2/common/footer_dotlab.jpg) repeat-x right 0;

	padding:10px 0 0px 1px;

	text-align: left;


	color: #FFFFFF;

	height: 30px;

}



.indextop #copy,.indextop2 #copy {

	font-style: normal;

	font-size: 11px;

	background:url(../../img/img2/common/footer_dotlab.jpg) repeat-x 0 0;

	padding:10px 0 0px 1px;

	text-align: left;

	

	color: #FFFFFF;

	height: 140px;

}




.footerBg{border-bottom: 3px solid #1A8FEF;
background:url(../../img/common/footer_bg.jpg) repeat-x 0 0;
}

#copy address {

	font-style: normal;

}



#copy table {

	margin-left: 0px;

}



#copy .dotlab_back {

	background: #3A3A3A url(../../img/img2/common/footer_td.jpg) repeat-x left top;

	padding: 5px;

	margin-right: 5px;

	margin-left: 5px;

	width: 225px;

	vertical-align: top;

}



#copy a {

	color: #0099FF;

}



#mapbox .content{

	border-top: 1px solid #CCCCCC;

}







/*【9】CSS読み込み（オプション）*/

/* 9-1 MacIE用CSS （MacIE用パスフィルター）*/

  /*\*//*/

  @import "macie.css";

  /**/



.time {

	background: url(none);

	border-style: none;

	color: #1F8EE8;

	font-size: 13px;

	padding-left: 5px;

}



.right {

	text-align: right;

	margin-right: 10px;

}

.rss_list2 {

	border-bottom:1px dotted #ccc;

	font-size: 11px;

}

.rss_list2 a:link {

	color: #333333;

	text-decoration: none;

}

.rss_list2 a:visited {

	color: #333333;

	text-decoration: none;

}

.rss_list2 a:hover ,.rss_list2 a:active {

	color: #FF6600;

	text-decoration: none;

}


.rss_list24 {

	font-size: 11px;

}

.rss_list24 a:link {

	color: #333333;

	text-decoration: none;

}

.rss_list24 a:visited {

	color: #333333;

	text-decoration: none;

}

.rss_list24 a:hover ,.rss_list2 a:active {

	color: #FF6600;

	text-decoration: none;

}
















.main #skyscraper {

	float: right;

	height: 600px;

	width: 120px;

	margin-top: 5px;

}

#category_header {

	padding-left: 250px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.categoryBox{width:665px;float:left;margin-right:25px;display:inline;}
* html .categoryBox{margin-right:23px;}

.categoryBoxBiwatakuLeft{width:460px;float:left;margin:5px 10px 0px 20px;display:inline;}
* html .categoryBoxBiwatakuLeft{margin-right:23px;}

.categoryBoxBiwatakuRight{width:460px;float:right;margin:5px 10px 0px 20px;display:inline;}
* html .categoryBoxBiwatakuRight{margin-right:1px;}




#superbanner {

	height: 90px;

	width: 728px;

	margin: 5px auto;

}

.report-image img {
    height:120px;
    width: 160px;
    float: left;
    overflow: hidden;
}

.btn {
	margin: 0 auto 10px;
	padding: 10px 0;
	background-color: #efefef;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #000;
	font-size: 11px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, .5);
}

.loadMore a span.pad_btn {
	padding-left: 25px;
	padding-right: 25px;
}

.loadTitle a span.pad_btn {
	padding-left: 10px;
	padding-right: 10px;
}

.btn:visited {
	color: #fff;
}

#biwacoblog {
	margin-bottom:12px;
}

/* トップ最新記事サムネイル用スタイル */

.top_new_list {
	height:50px;
	display:block;
}
#g-list_inner {
margin:0;
padding:0 0 0 0;
font-size:10px;
line-height:12px
}
#g-list_inner span {
margin:1px 0 0 0;
}
#g-list_inner ul {
margin:0;
padding:0;
}
#g-list_inner li {
width:71px;
height:100px;
display:block;
float:left;
list-style:none;
margin:0 2px 10px;
padding:0;
text-align:center;
}
#g-list_inner td {
text-align: center;
vertical-align: middle;
height: 71px;
width: 71px;
background:#E9F2FE;
}
img { -ms-interpolation-mode: bicubic; } 
.image-resize {
	max-width: 71px;
	max-height: 71px;
}
* html body .image-resize {
	width: expression(this.width >= this.height ? "71px" : "auto");
	height: expression(this.width <= this.height ? "71px" : "auto");
}



.mama_rss {
	width:415px;
	height:76px;
	display:block;
	margin:0 0 0 24px;
	padding:0;
}
.mamablog_link {
	width:269px;
	height:22px;
	display:block;
	margin:0 0 0 170px;
	padding:0;
}
.mamablog_link a {
	width:269px;
	height:20px;
	display:block;
	text-indent:-9000px;
}
.mamablog_link a:hover {
	background:url(//shiga-saku.net/img/index/mama_blog_ro.jpg) no-repeat -171px -169px;
}


