@charset "utf-8"; 



/*base.css*/





/*

【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



【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



【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



【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;
	background:#FCFFF6 url(../img/common/body_bg.gif) repeat;

	text-align: center;



}

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: #1D6C00;

	text-decoration: underline;

}

a:visited {

	color: #FF9E07;

	text-decoration: underline;

}

a:hover , a:active {

	color: #7CC401;

	text-decoration: none;

}

img { border:none;}

hr {

	display:none;

}



/*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;}



/*フォントサイズ*/

.font9	{font-size: 9px;}

.font10	{font-size: 10px;}

.font12	{font-size: 12px;}

.font14	{font-size: 14px;}

.font16	{font-size: 16px;}

.font18	{font-size: 18px;}

.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%;}



/*文字揃え*/

.textright { text-align:right;}

.textleft { text-align:center;}

.textcenter { text-align:left;}



/*スペース

使用方法：

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







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

form {

	margin:0;

	padding:0;

}

input.button	{

	border-top: 3px double #ccc;

	border-right: 3px double #666;

	border-bottom: 3px double #666;

	border-left: 3px double #ccc;

	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: 3px;

}

input.text		{

	width : 105px;

	margin : 0px;

	padding : 4px;

	background : #F5F4F1 repeat-x;

}

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;

}









/*【2】画面レイアウト*/

/*2-1 全体*/

#container {

	z-index: 1;

	margin:0 auto;

	text-align: left;

	width: 868px;

	background-color: #FFFFFF;

	font-size: 62.5%;

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

}



/*2-2 ヘッダ*/

#header {
	width: 868px;
	margin: 0 auto;
	text-align: left;
	background:url(../img/common/header_bg.jpg) no-repeat;
	height:165px;

}



/*2-3 本文*/

#contents {

	width: 868px;

	margin: 10px auto 0;

	text-align: left;

	background-color: #fff;

}



/*2-4 補助枠*/

.wrap {

	width: 678px;

	float: left;

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

	margin: 0 5px 0 0;

}



/*2-5 中央*/

.main {

	float: right;

	width: 653px;

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

	margin: 0 5px 0 0;

}



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

.wrap .main {

	width: 468px;

	float: right;

	margin:0;

}



/*2-7 サイド*/

.side {}



/*2-8 左*/

#left {

	width: 200px;

	float: left;

	display: inline;

	margin: 0 0 0 5px;

}



/*2-9 右*/

#right {

	width: 180px;

	float: left;

}



/*2-10 フッタ*/

#foot {

	clear: both;

	width: 868px;

	text-align: center;

	background-color: #FFFFFF;

	margin: 0 auto;

}



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

/*3-0 共通*/



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

.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;

}



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

.jump {

	text-align:center;
	padding:20px 0 0 0;

}



/*3-3 バナー枠*/

.bnr {	text-align:center; margin:0;}
.bnr p {	text-align:center; margin:0;}
.bnr a {}
.bnr a img { margin:0 auto; border:none;}

.textad {
	background-color:#FFFFCC;
	font-size:12px;
	padding:5px 0 2px;
	letter-spacing:1px;
	border-bottom:1px solid #FF9E07;
	text-align:center;
}
.textad div {
	background:url(../img/icon/icon_official.gif) no-repeat 0 0;
	text-align:left;
	margin:0 auto 3px;
	text-indent:15px;
}
#container .textad a:link ,
#container .textad a:visited {
	color:#1D6C00;
	text-decoration:underline;
}
#container .textad a:hover ,
#container .textad a:active {
	color:#1D6C00;
	text-decoration:none;
}


/*3-4　オーバーチュア枠*/
/*3カラム センターカラム*/
.otad454x80 ,
.otad454x100 ,
.otad454x160 {
	width:468px;
	margin:-5px 0 5px;
}
.box .otad454x80 ,
.box .otad454x100 ,
.box .otad454x160 {
	width:auto;
	margin:0 0 5px;
}
.indextop .otad454x100 {
	margin:0 0 5px;
}

/*2カラム メインカラム*/
.otad640x80 ,
.otad640x100 ,
.otad640x160 ,
.otad640x200 {
	width:653px;
	margin:-5px 0 5px;
}
.box .otad640x80 ,
.box .otad640x100 ,
.box .otad640x160 ,
.box .otad640x200 {
	width:auto;
	margin:0 0 5px;
}

/*カレンダー メインカラム*/
.otad840x50 ,
.otad840x100 {
	width:840px;
	margin:0 auto 5px;
}



/*【4】ヘッダ内*/

/*4-0 共通*/

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



/*4-1 サイトID*/

#siteid {
	width: 225px;
	float: left;
	display: inline;/*IE6+float 横マージン膨張対策*/
	margin: 0 0 0 5px;
	/*border:1px solid green;*/

}

#siteid p {

	display:inline;
	

}



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

#tagline {
	width: 500px;
	display: block;
	float: left;
	padding: 5px 0 0;
	/*border:1px solid green;*/

}



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

#login {
	width: 133px;
	float: left;
	padding: 5px 0 0;
	font-size:1.2em;
	text-align: center;

}

/*4-4 グローバルナビ*/
#g_nav{ clear:both; position:relative; left:3px; top:26px; height:36px;}

#g_nav ul{ padding-right:248px;}
#g_nav li { display:block; float:left; width:88px; height:36px; }
#g_nav li a{ text-indent:-9999px; display:block; float:left; width:86px; height:34px; }
#n-top { background:url(../img/common/g_nav.gif) no-repeat 0 -36px ;}
#n-photb { background:url(../img/common/g_nav.gif) no-repeat -89px -36px ;}
#n-map { background:url(../img/common/g_nav.gif) no-repeat -178px -36px ;}
#n-calind { background:url(../img/common/g_nav.gif) no-repeat -267px -36px ;}
#n-help { background:url(../img/common/g_nav.gif) no-repeat -356px -36px ;}
#n-touroku { background:url(../img/common/g_nav.gif) no-repeat -445px -36px ;}
#n-log { background:url(../img/common/g_nav.gif) no-repeat -533px -36px ;}

a:hover#n-top,#top #n-top { background:url(../img/common/g_nav.gif) no-repeat 0 0 ;}
a:hover#n-photb,#photb #n-photb{ background:url(../img/common/g_nav.gif) no-repeat -89px 0 ;}
a:hover#n-map,#map_index #n-map { background:url(../img/common/g_nav.gif) no-repeat -178px 0 ;}
a:hover#n-calind,#calendar_index #n-calind { background:url(../img/common/g_nav.gif) no-repeat -267px 0 ;}
a:hover#n-help,#help #n-help { background:url(../img/common/g_nav.gif) no-repeat -356px 0 ;}
a:hover#n-touroku ,#touroku #n-touroku{ background:url(../img/common/g_nav.gif) no-repeat -445px 0 ;}
a:hover#n-log,#log #n-log { background:url(../img/common/g_nav.gif) no-repeat -533px 0 ;}



/*4-5 サブナビ*/

#snavi {}



/*【5】本文内*/

/*5-0 共通*/



/*5-1 パン屑*/

#pan {
	clear: both;
	width: 868px;
    /*margin: 0 5px;*/
	/*padding: 10px 0 5px;*/
	/*border:1px solid red;*/
	font-size: 1.1em;
	background:url(../img/common/pan_bg.gif) repeat-x 0 bottom;
}

#pan p ,

#pan h1 ,

#pan h2 {

	display:inline;
	margin:0;
	white-space:normal;
	padding-left:25px;

}

#pan a {
	background:url(../img/bg/bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;

}

/*5-2 ボックス*/

.box {

	font-size: 1.2em;

	margin:0 0 10px;

}

/*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)*/





/* 5-3 タイトル*/

.title {

	padding:8px 5px 14px 22px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1;
	/*border:1px solid red;*/
	color:#444444;
}

/* 5-4 内容*/

.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:underline;

}

.more a:hover ,

.more a:active {

	text-decoration:none;

}

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

.sw {}

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

.bt {

	text-align: center;

}

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

.photoframe {}

.photoframe ul {

	padding:0 0 0 2px;

}

.photoframe li {

	float:left;

	padding:0 0 5px;

}

.photoframe li a {

	border:none;

}

.photoframe li a:link {	color:#1D6C00;}

.photoframe li a:visited { color:#FF9E07;}

.photoframe li a:hover ,

.photoframe li a:active {	color:#7DC402;}

.photoframe li img {

	display:block;

	border:1px solid #ccc;

}

.photoframe li span {

	display:block;

	height:1.2em;

	line-height:1.2;

	overflow:hidden;

	text-align: center;

	font-size: 10px;

}



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

/*6-0 共通*/

.main a {}

.main a:link {	color: #4E4E4E;}

.main a:visited {color:#1D6C00;}

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

	color: #FF9E07;

}



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

.main .box {}

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

.main .title {

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

}

/* 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-22 中央（メイン）ボックス(3カラム)*/

.wrap .main .box {}

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

.wrap .main .title {
	background:url(../img/common/bg_title_center.jpg) no-repeat 0 0;

}

/* 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 共通*/

.side a {}

.side a:link {	color: #1D6C00;}

.side a:visited {color:#FF9E07;}

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

	color: #7CC401;

}



/*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/common/bg_title_left.jpg) no-repeat 0 0;

}

/* 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 {
	background:url(../img/common/bg_title_right.jpg) no-repeat 0 0;

}

/* 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 サイドメニュー*/

.side #smenu {}

.partner{
	width:834px;
	margin:0 17px;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	clear:both;
	background-color:#F2FAD7;
}
.partner h2 {
	font-size:14px;
	font-weight:bold;
}

.partner ul { 
	padding:0 50px; 
	font-size:12px;
	display:block;
	line-height:1.8em;
}
.partner li {
	display:inline;
	padding:0;
	margin:0 0 0 -1px;
	line-height:1.6em;
	
}
.partner li a{ 
	color:#1D6C00;
	display:inline-block;
	white-space:nowrap;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding:0 7px;
	margin:0 0 4px;
	zoom:1;
}


/*【8】フッタ内*/

/*8-0 共通*/

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

#fmenu {
	font-size: 1.2em;
	margin:0 0 5px;

}

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

#copy {

	font-style: normal;

	font-size: 1.2em;

	background:url(../img/bg/bg_footer.jpg) repeat-x 0 0;

	padding:12px 0 4px;

}

.foot_link{
	font-size:10px;
	padding:0 10px;
}


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

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

  /*\*//*/

  @import "macie.css";

  /**/