@charset "UTF-8";
/* =====================================================================
*
*    common.css : リセット＋基本設定用CSS
*
*    INDEX
*
*    1. Reset
*    2. font
*    3. link
*    4. テンプレート（背景画像・ヘッダー・メイン・左カラム・右カラム・フッター・フロートウインドウ）
*    5. クラス
*    6. 一覧表示
*	 7. 汎用セレクトボックス
*
* =================================================================== */


/* =====================================================================
*
*    1. Reset
*
* =================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, p, blockquote, th, td {
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}

img			{ border:none; }
table		{ font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
ul,li		{ list-style: none; }
ol			{ margin: 0px 0px 25px 27px; }

pre {
	word-break: break-all !important;
	overflow: hidden !important;
	font-size: 9pt !important;
}

div#messageConfirm .confirmBox,
div#jsMessageWindow .confirmBox {
	border: solid #bbb 1px !important;
	padding: 10px !important;
	display: block !important;
}

/* =====================================================================
*
*    2. font
*
* =================================================================== */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	color:#333333;
	margin:0px;
	padding:0px;
	line-height:1.4;
	text-align: center;
	background: url(../images/common/bg.gif) repeat center top;
}
body.asobu{ background-image: url(/asobu/common/images/common/bg.gif);}
body.taberu{ background-image: url(/taberu/common/images/common/bg.gif);}
body.kurasu{ background-image: url(/kurasu/common/images/common/bg.gif);}

/*CSS for Safari2- */
html[xmlns*=""] body:last-child div#Main{ font-size:90%; }
  
/*CSS for Safari4 */
body:first-of-type div#Main{ font-size:90%; }


/* =====================================================================
*
*    3. link
*
* =================================================================== */

a:link		{ text-decoration:underline; color:#3386CA; }
a:visited	{ text-decoration:underline; color:#6D328D; }
a:hover,
a:focus		{ text-decoration:none; color:#33A7D4; }

/* =====================================================================
*
*    4. テンプレート
*
*    INDEX
*
*    4.1. ヘッダー
*    4.1. メイン
*    4.3. 左カラム
*    4.4. 右カラム
*    4.5. フッター
*    4.6. フロートウインドウ
*
* =================================================================== */


/* =====================================================================
*
*    4.1. ヘッダー
*
* =================================================================== */
/*------------------------------
ログイン時のヘッダー
------------------------------*/

div#LoginHeadBg {
	height:35px;
	background:url(/common/images/head/headTopBg.gif) repeat-x 0px 0px;	
}

/*ヘッダーの上部分*/
div#LoginHead{ width:980px; margin:0px auto; text-align:left; }
	div#LoginHead p{ width:550px; float:left; font-weight:bold; padding-top:8px; font-size: 12px; }
	div#LoginHead ul{ width:430px; float:right;}
		div#LoginHead ul li{ float:left; height:35px; background-position:0px 0px; background-repeat:no-repeat; }
				div#LoginHead ul li#LoginHeadJimoto	{
					width:115px;
					background-repeat:no-repeat;
					background-position:left top;
				}
					body div#LoginHead ul li#LoginHeadJimoto	{ background-image: url(/common/images/loginHead/jimotoBg.gif); }
					body.asobu div#LoginHead ul li#LoginHeadJimoto	{ background-image: url(/asobu/common/images/common/jimotoBg.gif); }
					body.taberu div#LoginHead ul li#LoginHeadJimoto	{ background-image: url(/taberu/common/images/common/jimotoBg.gif); }
					body.kurasu div#LoginHead ul li#LoginHeadJimoto	{ background-image: url(/kurasu/common/images/common/jimotoBg.gif); }
				div#LoginHead ul li#LoginHeadMypage	{ width:115px; }
				div#LoginHead ul li#LoginHeadUser	{ width:119px; }
				div#LoginHead ul li#LoginHeadLogout	{ width:80px; }
				

/*------------------------------
ヘッダー
------------------------------*/
div#Head {
	width:980px;
	height:151px;
	margin:0px auto;
	text-align:left;
	background:url(/common/images/head/bg.png) no-repeat 0px 0px;
}

				
/* H1 */
div#Head h1 {
	float:left;
	width:420px;
	padding-top:15px;
	color:#583D11;
	text-indent:98px;
	font-size:12px;
	font-weight:normal;
}

/* ヘッダーナビ */
div#HeadNavi{ position:relative; float:right; width:525px; height:45px; }
	div#HeadNavi ul	{ float:left; width:245px; }
		div#HeadNavi ul li{ display:block; float:left; height:40px; }
			li#HeadLogin	{ position: absolute; top:0; left:71px; width:68px; }
			li#HeadSignup	{ position: absolute; top:0; left:0; width:71px; }
			li#HeadSitemap	{ position: absolute; top:0; left:139px; width:91px; }
	
/* ヘッダー検索部分 */
div#HeadNavi form					{ float:right; width:280px; padding-top:10px; }
	div#HeadNavi form input.keyword	{ 
		height:18px;
		line-height:18px;
		border:#FFFFFF 1px solid;
		float:left;
		width:240px;
	}
	div#HeadNavi form input.submit	{ float:left; }
	

/*ヘッダー&フッター検索部分　検索方法ウインドウ*/
#Head form div.searchWay			{ display:none; width:180px; position:absolute; margin-left:115px; margin-top:-29px; }
#FootSearch div.searchWay			{ display:none; width:180px; position:absolute; margin-left:205px; margin-top:-29px; }

div.searchWay div.body{
	background:url(/common/images/searchWay/waySelectBody.png) repeat-y left top;
	padding-left:13px;
}

div.searchWay div.body a			{ display: block; width:144px; height:37px; }
.web div.searchWay div.body a.searchWayWeb,
.spot div.searchWay div.body a.searchWaySpot,
.event div.searchWay div.body a.searchWayEvent,
.diary div.searchWay div.body a.searchWayDiary	{ background: url(/common/images/searchWay/selected.png) no-repeat 0px 0px; }
	div.searchWay div.body a img			{ display:block; }

/*検索方法選択時の背景画像変更*/
	input.keyword   { background:#FFFFFF url(/common/images/searchWay/keywordArea.gif) no-repeat right top; }
	
	.web input.keyword   { background-position:right 0px; }
	.spot input.keyword  { background-position:right -21px; }
	.event input.keyword { background-position:right -42px; }
	.diary input.keyword { background-position:right -63px; }
	
	
	
	

/*ajax ログインフォーム・パスワード再設定申請フォーム*/
div#Login { display:none; width:340px; position:absolute; margin-left:487px; margin-top:5px; }
div#Signup{ display: none; width:340px; position:absolute; margin-left:417px; margin-top:5px; }

	div#Login div.loginTab,
	div#Signup div.loginTab{
		width: 82px;
		height: 32px;
		margin-left: 36px;
	}
		div#Login div.loginWindow,
		div#Signup div.loginWindow { background:transparent url(/common/images/login/loginWindowMiddle.png) repeat-y center top; text-align:center; }
		
			div#Login div.loginWindow div.inputArea{
				width:280px;
				height:180px;
				background:url(/common/images/login/inputAreaLoginBg.png) no-repeat center top;
				margin:0 auto 10px auto;
				padding: 0px 0px 0px 0px;
				font-size:12px;
				text-align:left;
			}
			
			div#Signup div.loginWindow div.inputArea{
				width:280px;
				height:85px;
				background:url(/common/images/signup/inputAreaSignupBg.jpg) no-repeat center top;
				margin:0 auto 10px auto;
				padding: 0px 0px 0px 0px;
				font-size:12px;
				text-align:left;
			}
			*html div#Signup div.loginWindow div.inputArea{ height:85px; }
			
				div#Login div.loginWindow div.inputArea div.fram,
				div#Signup div.loginWindow div.inputArea div.fram{ margin-left: 17px; }
				
			div#Login div.loginWindow div.inputAreaPass{
				width:280px;
				min-height:180px;
				background:url(/common/images/login/inputAreaLoginBg.png) no-repeat center top;
				margin:0 auto 10px auto;
				padding: 0px 0px 0px 0px;
				font-size:12px;
				text-align:left;
			}

				div#Login div.loginWindow div.inputAreaPass div.fram{ margin-left: 17px; }
			
			
				div#Login div.loginWindow div.inputArea span input,
				div#Login div.loginWindow div.inputAreaPass span input,
				div#Signup div.loginWindow div.inputArea span input{
					width:240px;
					height:27px;
					margin:0 0px;
					font-size:170%;
					color:#333333;
					clear: both;
				}				
				div#Login div.loginWindow div.inputArea div.description{
					width:240px;
					text-align: left;
					font-size:12px;
					margin: 7px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
					div#Login div.loginWindow div.inputArea div.description label{ padding: 0px 0px 0px; display: block;  }
					div#Login div.loginWindow div.inputArea div.description label input{ margin: 0px 2px 0px 0px; }
					
				div#Login div.loginWindow div.inputAreaPass div.description{
					width:240px;
					text-align: left;
					font-size:12px;
					margin: 13px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
				
				div#Login div.loginWindow div.inputAreaPass div p.back{
					display:inline;
					width:130px;
					text-align:right;
					float: right;
					margin-right: 15px;
					padding-top: 9px;
					font-size: 12px;
				}

	/*ログインフォーム用エラーの設定*/
	div#Login div.errorMessage{
		width:275px;
		margin: 10px auto 5px auto;
	}

	div#Signup div.completeMessage p { padding:10px 30px;text-align: left; font-size:12px; }


/* ナビゲーション */
div#Navi						{ padding-left:105px; }
	div#Navi h2				{ float:left; width:175px; }
		div#Navi h2 a	 	{
			display:block;
			width:165px;
			height:88px;
			background:url(/common/images/head/logo.gif) no-repeat 0px 0px;
		}
	
	/* メインナビ */
	ul#MainNavi						{ width:345px;	float:left; }
		ul#MainNavi li			{ list-style:none; float:left; }
			ul#MainNavi li a	{
				display:block;
				float:left;
				width:86px;
				height:96px;
				background-position:0px 0px;
				background-repeat:no-repeat;
			}
			ul#MainNavi li a:hover	{background-position:0px -96px;}
			body li#AsobuNavi a			{ background-image:url(/common/images/navi/asobu.gif); }
			body.asobu li#AsobuNavi a	{ background-image:url(/asobu/common/images/navi/asobu.gif); }
			body.taberu li#AsobuNavi a	{ background-image:url(/taberu/common/images/navi/asobu.gif); }
			body.kurasu li#AsobuNavi a	{ background-image:url(/kurasu/common/images/navi/asobu.gif); }
			
			body li#TaberuNavi a		{ background-image:url(/common/images/navi/taberu.gif); }
			body.asobu li#TaberuNavi a	{ background-image:url(/asobu/common/images/navi/taberu.gif); }
			body.taberu li#TaberuNavi a	{ background-image:url(/taberu/common/images/navi/taberu.gif); }
			body.kurasu li#TaberuNavi a	{ background-image:url(/kurasu/common/images/navi/taberu.gif); }
			
			body li#KurasuNavi a		{ background-image:url(/common/images/navi/kurasu.gif); }
			body.asobu li#KurasuNavi a	{ background-image:url(/asobu/common/images/navi/kurasu.gif); }
			body.taberu li#KurasuNavi a	{ background-image:url(/taberu/common/images/navi/kurasu.gif); }
			body.kurasu li#KurasuNavi a	{ background-image:url(/kurasu/common/images/navi/kurasu.gif); }
			
			body li#EventNavi a			{ background-image:url(/common/images/navi/event.gif); }
			body.asobu li#EventNavi a	{ background-image:url(/asobu/common/images/navi/event.gif); }
			body.taberu li#EventNavi a	{ background-image:url(/taberu/common/images/navi/event.gif); }
			body.kurasu li#EventNavi a	{ background-image:url(/kurasu/common/images/navi/event.gif); }
			
	/* サブナビ */
	ul#SubNavi									{ width:345px; float:right; padding-top:10px; }
		ul#SubNavi li							{ display:block; float:left; width:114px;	}
			ul#SubNavi li a					{ display:block; width:92px; height:68px; background-position:0px 0px; background-repeat:no-repeat; }
			ul#SubNavi li a:hover{background-position:0px -68px;}
			li#DiaryNavi a					{ background-image:url(/common/images/navi/diary.gif); }
			li#MapNavi a						{ background-image:url(/common/images/navi/map.gif); }
			li#AnalyzeNavi a				{ background-image:url(/common/images/navi/analyze.gif); }

/* =====================================================================
*
*    4.2. メイン
*
* =================================================================== */

body div#MainBg 	{
	background:#FFFFFF;
	padding:0px 0px 30px 0px;
}
body.asobu div#Main 	{ background-image: url(/asobu/common/images/common/mainBg.gif) }
body.taberu div#Main 	{ background-image: url(/taberu/common/images/common/mainBg.gif) }
body.kurasu div#Main	{ background-image: url(/kurasu/common/images/common/mainBg.gif) }


div#Main 		 {
	width:970px; 
	margin:0px auto; 
	text-align:left; 
	background:url(/common/images/common/mainBg.gif) no-repeat center top;
}


/*---------------------------------------
左カラム&右カラム共通項目
---------------------------------------*/

/* 見出し */
div#Content h3.border,
div#Content h4.border,
div#Content h5.border,
div#SubContent h3.border	{ margin-bottom:15px; border-bottom:1px solid #CCCCCC; }

/* =====================================================================
*
*    4.3. 左カラム
*
* =================================================================== */

div#Content { position:relative; padding-top:18px; width:600px; float:left; margin-bottom: 40px; }

/*---------------------------------------
ぱんくず
---------------------------------------*/
div#Content p#Pan 					{ margin-bottom:20px; font-size:12px;}
	div#Content p#Pan a				{ text-decoration:none; }
	div#Content p#Pan a:hover		{ text-decoration:underline; }
	
/*---------------------------------------
地域検索
---------------------------------------*/


/*--------------------
地域／ジャンル検索セレクトボックス（閉じた状態）
--------------------*/
div.areaSearch {
	width: 600px;
	height: 50px;
	margin-bottom:20px;
	background: url(/common/images/areaSearch/searchBg.gif) no-repeat;
}


/*------------for MacIE------------------------*/
div.myAreaSelect a span	{ text-indent:-9999px; }
/*------------Hides from IE-mac----------------\*/

div.myAreaSelect a span	{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}



div.myAreaSelect	{ padding:5px; float: left; }
div.areaSelect		{ padding: 5px; float: left; }

div.areaSelect a,
div.typeSelect a,
div.yearSelect a {
	height:40px;
	display:block;
	color:#333333;
	text-decoration:none;
	font-size:13px;
	line-height:40px;
	text-indent:15px;
	font-weight:bold;
}

div.areaSelect a:visited,
div.typeSelect a:visited,
div.yearSelect a:visited{
	text-decoration: none;
}


div.myAreaSelect a {
	height:40px;
	display:block;
	color:#B3B3B3;
	text-decoration:none;
	font-size:11px;
	line-height:40px;
	text-indent:8px;
	font-weight:bold;
	width:70px;
	background: url(/common/images/areaSearch/myAreaSelectBtn.gif) no-repeat 0 -40px;
}
div.myAreaSelect a.noLogin {
	background-position: 0 0;
}
div.areaSelect a {
	width:290px;
	background: url(/common/images/areaSearch/areaSelectBtn.gif) no-repeat;
}
div.typeSelect a,
div.yearSelect a {
	width:200px;
	background: url(/common/images/areaSearch/typeSelectBtn.gif) no-repeat;
}



div.areaSelect a:hover,
div.typeSelect a:hover,
div.yearSelect a:hover { background-position:0px -40px; }

div.myAreaSelect a.myArea1 { background-position:0px -120px; }
div.myAreaSelect a.myArea2 { background-position:0px -160px; }
div.myAreaSelect a.myArea3 { background-position:0px -200px; }


div.typeSelect {
	width:200px;
	height:40px;
	padding:5px;
	float:right;
}

div.yearSelect {
	width:200px;
	height:40px;
}

div.areaSelect a img{
	vertical-align: middle;
}

/*--------------------
セレクトボックス共通設定
--------------------*/


/* BoxBody設定 */

div.myAreaSelectBoxBody ul li,
div.areaSelectBoxBody ul li,
div.typeSelectBoxBody ul li,
div.yearSelectBoxBody ul li {
	display:block;
	float:left;
}

div.myAreaSelectBoxBody ul li		{ width:240px; }
div.areaSelectBoxBody ul li			{ width:260px; }
div.areaSelectBoxBody ul.city li	{ width:240px; }
div.typeSelectBoxBody ul li			{ width:170px; }
div.typeSelectBoxBody ul.sub li		{ width:150px; }
div.yearSelectBoxBody ul li			{ width:150px; }

div.myAreaSelectBoxBody ul li	{ background: url(/common/images/areaSearch/myAreaSelectLine.gif) repeat-x left bottom;}
div.areaSelectBoxBody ul li		{ background:url(/common/images/areaSearch/areaSelectLine.gif) repeat-x left bottom;}
div.typeSelectBoxBody ul li		{ background: url(/common/images/areaSearch/typeSelectLine.gif) repeat-x left bottom;}
div.yearSelectBoxBody ul li		{ background: url(/common/images/areaSearch/typeSelectLine.gif) repeat-x left bottom;}


div.myAreaSelectBoxBody ul li:hover,
div.areaSelectBoxBody ul li:hover,
div.typeSelectBoxBody ul li:hover,
div.yearSelectBoxBody ul li:hover { background-color:#f0f0f0; }

div.myAreaSelectBoxBody ul li.selected,
div.areaSelectBoxBody ul li.selected,
div.typeSelectBoxBody ul li.selected,
div.yearSelectBoxBody ul li.selected { margin-bottom:5px; padding-bottom:5px; }



div.myAreaSelectBoxBody ul li.selected	{ background: url(/common/images/areaSearch/typeSelectLine-selected.gif) no-repeat;}
div.areaSelectBoxBody ul li.selected	{ background-image:url(/common/images/areaSearch/areaSelectLine-selected.gif);}
div.typeSelectBoxBody ul li.selected	{ background: url(/common/images/areaSearch/typeSelectLine-selected.gif) no-repeat;}
div.yearSelectBoxBody ul li.selected	{ background: url(/common/images/areaSearch/typeSelectLine-selected.gif) no-repeat;}

div.myAreaSelectBoxBody ul li.selected:hover,
div.areaSelectBoxBody ul li.selected:hover,
div.typeSelectBoxBody ul li.selected:hover,
div.yearSelectBoxBody ul li.selected:hover { background-color: transparent; }

/* 選択項目 */

div.areaSelectBoxBody ul li a.option,
div.typeSelectBoxBody ul li a.option,
div.yearSelectBoxBody ul li a.option {
	display:block;
	text-decoration:none;
	font-size:15px;
	line-height:25px;
	padding:5px 0px;
}

div.areaSelectBoxBody ul li a.option:visited,
div.typeSelectBoxBody ul li a.option:visited,
div.yearSelectBoxBody ul li a.option:visited {color:#3386CA;}

div.myAreaSelectBoxBody ul li.selected a.option,
div.areaSelectBoxBody ul li.selected a.option,
div.yearSelectBoxBody ul li.selected a.option,
div.typeSelectBoxBody ul li.selected a.option {color:#333333; font-weight:bold; }

div.myAreaSelectBoxBody ul li.selected a.option:hover,
div.areaSelectBoxBody ul li.selected a.option:hover,
div.yearSelectBoxBody ul li.selected a.option:hover,
div.typeSelectBoxBody ul li.selected a.option:hover {color:#999999; }

/* 虫眼鏡 cityとsub */

div.areaSelectBoxBody ul.city li a.option		{ background:url(/common/images/areaSearch/citySelectSubmit.gif) no-repeat 205px 0px; padding-right:25px; }
div.areaSelectBoxBody ul.city li a.option:hover	{ background:url(/common/images/areaSearch/citySelectSubmit.gif) no-repeat 205px -35px;}

div.typeSelectBox ul.sub li a.option		{ background:url(/common/images/areaSearch/citySelectSubmit.gif) no-repeat 115px 0px; padding-right:25px; }
div.typeSelectBox ul.sub li a.option:hover	{ background:url(/common/images/areaSearch/citySelectSubmit.gif) no-repeat 115px -35px;}



/* 虫眼鏡 */

div.areaSelectBoxBody ul li span.submit,
div.typeSelectBoxBody ul li span.submit {
	display:block;
	position:relative;
	top:-28px;
	height:0px;
	width:0px;
	overflow:visible;
}
div.areaSelectBoxBody ul li span.submit { left:230px; }
div.typeSelectBoxBody ul li span.submit { left:140px; }

div.areaSelectBoxBody ul li span.submit a,
div.typeSelectBoxBody ul li span.submit a {
	background:url(/common/images/areaSearch/areaSelectSubmit.gif) no-repeat 0px 0px;
	display:block;
	position:relative;
	width:20px;
	height:20px;
}

div.areaSelectBoxBody ul li.selected span.submit a:hover,
div.areaSelectBoxBody ul li span.submit a:hover,
div.typeSelectBoxBody ul li.selected span.submit a:hover,
div.typeSelectBoxBody ul li span.submit a:hover { background-position:0px -40px; }

div.areaSelectBoxBody ul li.selected span.submit a,
div.typeSelectBoxBody ul li.selected span.submit a { background-position:0px -20px; }

div.areaSelectBoxBody ul li span.submit a span,
div.typeSelectBoxBody ul li span.submit a span { width:0; height:0; overflow:hidden; position:absolute; }

/*虫眼鏡の吹き出し*/
div#AreaSearchBalloon {
	background-image:url(/common/images/areaSearch/balloon.png);
	width:118px;
	height:40px;
	position:absolute;
	display:none;
	z-index:2;
}

div#AreaSearchBalloon p {
	padding:0px 10px 0px 20px;
	line-height:40px;
	font-size:11px;
	text-align:center;
}


/*--------------------
マイエリアセレクトボックス
--------------------*/

div.myAreaSelectBox {
	width:270px;
	position:absolute;
	margin-left:-5px;
	margin-top:-55px;
	z-index:2;
}		
	div.myAreaSelectBox a.head { display:block; }
	div.myAreaSelectBoxBody {
		background:url(/common/images/areaSearch/myAreaSelectBg.png) repeat-y;
		padding:0px 15px 5px 15px;
	}
	
	div.myAreaSelectBoxBody ul li.myArea1 a {
		background:url(/common/images/areaSearch/myAria1.gif) no-repeat left;
		background-position:0% 50%;
	}
	div.myAreaSelectBoxBody ul li.myArea2 a {
		background:url(/common/images/areaSearch/myAria2.gif) no-repeat left;
		background-position:0% 50%;
	}
	div.myAreaSelectBoxBody ul li.myArea3 a {
		background:url(/common/images/areaSearch/myAria3.gif) no-repeat left;
		background-position:0% 50%;
	}
	
	div.myAreaSelectBoxBody ul li a.option:visited,
	div.myAreaSelectBoxBody ul li a.option{
		display:block;
		text-decoration: none;
		font-size:15px;
		line-height:25px;
		padding:5px 0px;
		text-indent:30px;
		color:#333333;
	}



/*--------------------
地域検索セレクトボックス
--------------------*/

div.areaSelectBox {
	width:290px;
	position:absolute;
	margin-left:85px;
	margin-top:-55px;
	z-index:2;
}		

	div.areaSelectBoxBody {
		background:url(/common/images/areaSearch/areaSelectBg.png) repeat-y;
		padding:0px 15px 5px 15px;
	}

	div.areaSelectBoxBody ul {}
	div.areaSelectBoxBody ul.city { height:200px; overflow-y:scroll;}

div.areaSelectBoxTab {}

div.areaSelectBoxTab ul li {
	float:left;
	width:145px;
	height:35px;
}

/* キーワード検索*/
div#AreaKeyword form { padding:10px 5px; }
div#AreaKeyword form input {
	float: left;
	width:220px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #B3B3B3;
	font-size: 12px;
	line-height: 18px;
}

/* キーワード検索虫眼鏡 */
div#AreaKeyword a.submit {
	background:url(/common/images/areaSearch/areaSelectSubmit.gif) no-repeat 0px -20px;
	float:left;
	display:inline;
	margin-left:5px;
	width:20px;
	height:20px;
}
div#AreaKeyword a.submit:hover { background-position:0px -40px; }
div#AreaKeyword a.submit span{ width:0; height:0; overflow:hidden; position:absolute; }


/*--------------------
ジャンル検索セレクトボックス
--------------------*/

/* ジャンル検索 */
div.typeSelectBox {
	width:200px;
	position:absolute;
	margin-left:395px;
	margin-top:-55px;
	z-index:2;
}

	div.typeSelectBoxBody {
		background: url(/common/images/areaSearch/typeSelectBg.png);
		padding:0px 15px 5px 15px;
	}
	
	div.typeSelectBoxBody ul {}
	div.typeSelectBoxBody ul.sub { height: 200px; overflow-y: scroll;}
	div.typeSelectBoxBody ul.sub li a.option.medium	{ font-size:13px; }
	div.typeSelectBoxBody ul.sub li a.option.small	{ font-size:11px; }
			
/*--------------------
年セレクトボックス
--------------------*/
div.yearSelectBox {
	width:200px;
	position:absolute;
	margin-left:-5px;
	margin-top:-55px;
	z-index:2;
}

	div.yearSelectBoxBody {
		background: url(/common/images/areaSearch/typeSelectBg.png);
		padding:0px 15px 5px 15px;
	}
	
	div.yearSelectBoxBody ul.year { height: 200px; overflow-y: scroll;}
			



/* ===================================================================
 3. 検索結果タブ表示
=================================================================== */

/* タブ検索共通項目 */
div.tabView{}
	/*タブ部分*/
	body div.tabView ul.tabFrameTop,
	body div.tabView ul.tabFrameBottom{ height:65px;}
	body div.tabView ul.tabFrameTop			{ background:url(/common/images/tabView/top.gif) no-repeat center bottom;}
	body.asobu div.tabView ul.tabFrameTop	{ background:url(/asobu/common/images/tabView/top.gif) no-repeat center bottom;}
	body.taberu div.tabView ul.tabFrameTop	{ background:url(/taberu/common/images/tabView/top.gif) no-repeat center bottom;}
	body.kurasu div.tabView ul.tabFrameTop	{ background:url(/kurasu/common/images/tabView/top.gif) no-repeat center bottom;}
	body.asobu div.tabView ul.tabFrameBottom{ background:url(/asobu/common/images/tabView/bottom.gif) no-repeat center top;}
	body.taberu div.tabView ul.tabFrameBottom{ background:url(/taberu/common/images/tabView/bottom.gif) no-repeat center top;}
	body.kurasu div.tabView ul.tabFrameBottom{ background:url(/kurasu/common/images/tabView/bottom.gif) no-repeat center top;}
	
	/*カテゴリーによって色の変わる枠部分*/
	body div.tabView div.tabFrame{ padding-left:14px; padding-right:14px; }
		body div.tabView div.tabFrame		{ background-color: #FAC721; }
		body.asobu div.tabView div.tabFrame	{ background-color:#A9D43D;}
		body.taberu div.tabView div.tabFrame{ background-color:#FFB621;}
		body.kurasu div.tabView div.tabFrame{ background-color:#77C7ED;}

	/*背景白の部分*/
	div.tabFrame div.tabContent{ background-color:#FFFFFF; }


/* ------------------------------------------------------------------
 ざっくぅ分析
------------------------------------------------------------------ */
.analyzeList h3{ margin-bottom:5px; }
#CatAnalyzeList{
	background-color: #F9F9F9;
	text-align:center;
	margin: 0px 0px 30px 0px;
}
	#CatAnalyzeList p{ font-size: 95%; padding: 15px; }
	#CatAnalyzeList img { padding-bottom: 10px; }


/*---------------------------------------
クラス
---------------------------------------*/
/* テキスト広告 */
div#Content div.textAd	{ margin:20px 0px 30px 0px; }

/* タブ表示用ページング */
div.tabView div.paging	{ width:644px;height:28px;position:absolute;margin-left:-22px;margin-top:280px; }
div.tabView div.paging a.prevBtn{ float:left; }
div.tabView div.paging a.nextBtn{ float:right; }


/* =====================================================================
*
*    4.4. 右カラム
*
* =================================================================== */

div#SubContent							{ width:350px; float:right; margin-bottom: 40px; }
div#SubContent div#ZaqBtn				{ height:72px; text-align:center; margin-bottom:15px;}

/*---------------------------------------
モバイルバナー
---------------------------------------*/
div.mobileBanner { margin-bottom:15px; }

/*---------------------------------------
レクタングルバナー
---------------------------------------*/
div#RectangleAd { margin-bottom:15px; }


/*---------------------------------------
特集枠
---------------------------------------*/
div#Tokushu				{ margin-bottom:10px; }
	div#Tokushu div	{ height:188px; border:1px solid #CCCCCC; margin-bottom:5px; }


/*---------------------------------------
コンテンツ一覧
---------------------------------------*/
div#ContentList h3								{ margin-bottom:10px; }
	div#ContentList div.column					{ margin-bottom:10px; }
		div#ContentList div.column div.photo	{ float:left; width:60px; }
		
		div#ContentList div.column div				{ width:280px;float:right; font-size:12px; }
			div#ContentList div.column div a		{
				display:block;
				padding:3px 0px;
				font-weight:bold;
				text-decoration:none;
			}
			div#ContentList div.column div.photo a	{ padding: 0px; }
			
			
			body.taberu div#ContentList div.column div a	{ color:#FFB621; }
			body.asobu div#ContentList div.column div a		{ color:#81BE28; }
			body.kurasu div#ContentList div.column div a	{ color:#77C7ED; }
		
/*---------------------------------------
ピックアップスポット
---------------------------------------*/
div#PickupSpot													{ margin-bottom:15px; }
div#PickupSpot h3												{ margin-bottom:10px; }
div#PickupSpot div.column								{ width:105px; height:180px; float:left; display:inline; margin-right:17px; margin-bottom:5px; font-size:12px; }
div#PickupSpot div.column.turn					{ margin-right:0px; }
		div#PickupSpot div.column p a				{ display:block; padding-bottom:2px; line-height:1.2; margin-top:5px; }
		div#PickupSpot div.column p strong 	{
			display:block;
			height:15px;
			line-height:15px;
			padding-left:15px;
			background-image:url(/common/images/icon/favo.png);
			background-position:0px -1px;
			background-repeat:no-repeat;
			color:#E65711;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		div#PickupSpot div.column p span	{ color:#666666; }

/*---------------------------------------
不動産情報広告
---------------------------------------*/
div#Uruuru,
div#Syokuko	{ border:1px solid #CCCCCC; padding:10px; margin-bottom:15px; font-size:12px; }
	div#Uruuru div.column,
	div#Syokuko div.column	{ margin-top:10px; }
		div#Uruuru div.column div.photo,
		div#Syokuko div.column div.photo	{ width:80px; float:left; }
		div#Uruuru div.column div.spec,
		div#Syokuko div.column div.spec	{
			width:240px;
			float:right;
			line-height:1.2;
			color:#666666;
		}
			div#Uruuru div.column div.spec a 	{
				display:block;
				padding:2px 0px 5px 0px;
				font-weight:bold;
			}
			div#Syokuko div.column div.spec a{
				display:block;
				padding:0px 0px 8px 0px;
				font-weight:bold;
			}
			div#Syokuko div.column div.spec strong{
				display: block;
				margin-bottom: 8px;
				color:#99CC00;
			}
			

/*---------------------------------------
インタレストマッチ
---------------------------------------*/

div#InterestMatch					{ border:1px solid #CCCCCC; padding:15px; margin-bottom:15px; }
	div#InterestMatch p			{ font-size:11px; padding-bottom:5px; }
	div#InterestMatch div a	{
		display:block;
		font-size:12px;
		text-decoration:none;
		margin-top:20px;
	}
	div#InterestMatch div a:hover{  }
	
		div#InterestMatch div a span.siteName { float:left; color:#3386CA; cursor:pointer; }
		div#InterestMatch div a span.siteUrl 	{
			display:inline;
			float:left;
			margin-left:10px;
			color:#42A408;
			cursor:pointer;
		}
		div#InterestMatch div a span.siteLead {
			clear:both;
			display:block;
			width:100%;
			padding-top:3px;
			font-size:90%;
			color:#666666;
			cursor:pointer;
		}
		
/*---------------------------------------
しょくこ
---------------------------------------*/
div#Shokuko		{ margin-bottom:15px; }

/*---------------------------------------
ドコイク？
---------------------------------------*/
div#TopDoko{ margin: 0px auto 20px auto; }

/*---------------------------------------
ZAQコンテンツバナー
---------------------------------------*/
#ZaqSubBanner .banner			{ width:120px; float:left; margin-bottom:12px; }
#ZaqSubBanner .banner.turn		{ width:108px; }

/*---------------------------------------
画像＋テキスト広告
---------------------------------------*/
div#SubContent div.textAd		{ margin-bottom:25px; font-size:12px; }
	div.textAd .flL				{ float:left; width:60px; }
	div.textAd div				{ width:280px; float:right;}
		div.textAd div a		{ display:block; padding:3px 0px; font-weight:bold; text-decoration:none; }
	
	div.textAd div.photo		{ float:left; width:60px; }
		div.textAd div.photo a		{ padding: 0px; }
/*---------------------------------------
ユーザー一覧
---------------------------------------*/
.subUserList div.column					{ border-bottom:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:10px; font-size:12px; }
	.subUserList div.column.last	{ margin-bottom:0px; border-bottom:none; }
	
	.subUserList img.photo			{ display: block; float:left; width:35px; }
	.subUserList div.spec			{ float:right; width:280px; }
	.subUserList p.user img			{ vertical-align:-2px; margin-right:5px; }
	.subUserList p.time 			{ margin-top:5px; }


/* =====================================================================
*
*    4.5 フッター
*
* =================================================================== */

/*---------------------------------------
 フッター上 検索・バナーエリア（div#FootSearch内）
 検索フォームはクラスの使い回しにやり直す予定
---------------------------------------*/

div#FootSearch p					{ float:left; width:540px; height:20px; line-height:24px;}
div#FootSearch div.spot,
div#FootSearch div.web,
div#FootSearch div.event,
div#FootSearch div.diary			{ float:right; width:355px; }
div#FootSearch form #FootText		{ float:left; width:325px; height:18px; border:#FFFFFF 1px solid; }
div#FootSearch form #FootSbmt		{ float:left; }
div#FootBanner						{ padding:30px 0px 0px 0px; text-align:center; }
p#footLogo { padding-top: 1em; }

/*------------------------------
フッター上 検索・バナーエリア
------------------------------*/
div#FootSearch{
	clear:both;
	background-color:#F2F2F2;
	padding:20px 15px;
	font-size: 12px;
}

div#FootSearch form						{}
	div#FootSearch input.keyword	{ height:18px; line-height:18px; border:#CCCCCC 1px solid; float:left; width:330px; }
	div#FootSearch input.submit		{ float:left; }




div#FootBg	{ background-color:#FFFFFF; text-align:left; padding-top:0px;}

p#FootPan	{ background-color:#FFFFFF; padding-top:20px;}


/*------------------------------
ページトップ
------------------------------*/
div.pagetop					{ float:right; width:165px; }
	div.pagetop a			{
		display:block;
		width:165px;
		height:70px;
		background-image:url(/common/images/foot/pagetop.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	div.pagetop a:hover{ background-position:0px -70px; }


/*------------------------------
フッターナビ
------------------------------*/
div#FootNavi {
	padding:20px 0px 30px 35px;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	clear:both;
	margin:0px auto;
	font-size:12px;
}
div#FootNavi .footNaviMain { float:left; width:150px; }
	div#FootNavi a#FootTaberu,
	div#FootNavi a#FootAsobu,
	div#FootNavi a#FootKurasu {
		display:block;
		width:110px;
		height:60px;
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	div#FootNavi a#FootTaberu	{ background-image:url(/common/images/footNavi/taberu.gif); }
	div#FootNavi a#FootAsobu	{ background-image:url(/common/images/footNavi/asobu.gif); }
	div#FootNavi a#FootKurasu	{ background-image:url(/common/images/footNavi/kurasu.gif); }

	div#FootNavi a#FootTaberu:hover,
	div#FootNavi a#FootAsobu:hover,
	div#FootNavi a#FootKurasu:hover {
		background-position:0px -60px;
	}
	
	div#FootNavi ul li {
		list-style:none;
		padding:0px 0px 7px 13px;
		background-image:url(/common/images/icon/icon01.gif);
		background-position:0px 1px;
		background-repeat:no-repeat;
	}
	div#FootNavi ul li a { color:#3386CA; }
	#FootNavi .footNaviMain p,
	#FootNavi .footNaviSub p{
		font-size: 10px;
		color: #333333;
	}

div.footNaviSub{ float:left; width:180px; margin-top:10px; }
	div.footNaviSub a {
		display:block;
		width:167px;
		height:27px;
		background-position:0px 0px;
		background-repeat:no-repeat;
		color:#3386CA;
	}
	div.footNaviSub a.diary		{ background-image:url(/common/images/footNavi/diary.gif); }
	div.footNaviSub a.map		{ background-image:url(/common/images/footNavi/map.gif); }
	div.footNaviSub a.analyze	{ background-image:url(/common/images/footNavi/analyze.gif); }
	div.footNaviSub a.ranking	{ background-image:url(/common/images/footNavi/ranking.gif); }
	div.footNaviSub a.present	{ background-image:url(/common/images/footNavi/present.gif); }
	div.footNaviSub a.point		{ background-image:url(/common/images/footNavi/point.gif); }
	div.footNaviSub a:hover		{ background-position:0px -27px; }
	
div#FootNaviContent	{
	font-size:14px;
	padding:20px 0 20px 35px;
	border-bottom:1px #CCCCCC solid;
	clear: both;
	overflow: hidden;
	}
div#FootNaviContent ul li {
	list-style:none;
	padding:0px 0px 7px 13px;
	background-image:url(/common/images/icon/icon01.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	float: left;
	width: 210px;
	text-align: left;
	}
div#FootNaviContent ul {
	width: 900px;
}
#FootNaviContent  p{
	font-size: 10px;
	color: #333333;
}
		
div#FootRemark	{
	padding:25px 15px 0px;
	font-size:12px;
	line-height:1.6;
}
div#FootRemark { /zoom : 1; }
div#FootRemark:after { content : ''; display : block; clear : both; }

	div#FootRemark div.links {
		float: left;
	}
		div#FootRemark div.links a {
			margin: 0 3px;
		}
		div#FootRemark div.links p.govern {
			margin-left: 3px;
			padding-top: 1.5em;
			color: #777;
			font-size: 10px
		}
	div#FootRemark div.marks {
		float: right;
	}

div.footMobile {
	float: left;
	width: 210px;
}

	div.footMobile div.mobileBanner {
		padding: 10px 0 0 15px;
	}
	
	p.mobileNotice {
		padding: 0 0 0 15px;
		font-size: 10px;
		line-height:14px;
	}
	    p.mobileNotice span
	    {
	        color: #E55711;
	        font-size:12px;
	        font-weight:bold;
	    }

/*------------------------------
フッター文章
------------------------------*/
div#FootInfo			{ padding:35px 15px 0px 15px;	}
	div#FootInfo p		{ float:left;width:600px; font-size:10px; color:#777777; } 
	div#FootInfo div	{ float:right;width:150px; }
p#Copyright{ padding:10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777; font-size:11px; text-align:center !important; }


/* =====================================================================
*
*    5. 共通クラス
*
* =================================================================== */
/* --------------------------------------------------
ページング
-------------------------------------------------- */
.paging					{ color:#333333; font-weight:bold; padding-top:8px; padding-bottom:8px; }
.paging					{ text-align:center; font-size: 13px; }
.paging span	{ padding: 0px 5px; }
	.paging a				{ font-weight:normal; }
.paging img			{ vertical-align:-3px; margin-left:10px; margin-right:10px; }

.paging img.rew,
.paging img.forw {
	margin: 0;
}


/*グレー背景の枠付ける場合、p.pagingを下記で囲む*/
div.pagingFrame	{ background-color:#F2F2F2; }


/* --------------------------------------------------
折り返しクラス
-------------------------------------------------- */
.turn{
	margin-right: 0px;
}

/* --------------------------------------------------
偶数列用クラス
-------------------------------------------------- */
div.even { background-color:#F2F2F2; }


/* --------------------------------------------------
ボタン・テキストリンク
-------------------------------------------------- */
a.btnL{}
	a.btnL img,
	a.btnS img { margin-bottom:15px; }
	
	a.btnText{
		background:url(/common/images/icon/textlink.png) no-repeat left 4px;
		padding-left:8px;
		cursor: pointer;
	}
	a.btnTextL,
	a.btnTextR {
		background:url(/common/images/icon/textlink.png) no-repeat left 4px;
		padding-left:8px;
		display:block;
		width:290px;
		font-size:12px;
	}
	a.btnTextL	{ float:left; }
	a.btnTextR	{ float:right; }

/* --------------------------------------------------
エラーメッセージ
-------------------------------------------------- */
.errorMessage{
	background-image: url(/common/images/icon/caution.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 3px 0px 5px 0px;
	text-indent: 23px;
	text-align: left;
	color: #ED1E19;
	font-weight: bold;
}
.errorForm{
	border:#ED1E19 1px solid;
	background-color:#FDE4E3;
}

/* --------------------------------------------------
グレーの枠
-------------------------------------------------- */
div.listFrame{ border:1px solid #CCCCCC;}


/* --------------------------------------------------
行揃え
-------------------------------------------------- */
.alL{ text-align:left; }
.alR{ text-align:right; }
.alC{ text-align:center; }


/* --------------------------------------------------
レギュレーションページ用クラス
-------------------------------------------------- */
h4.forRegulation{margin-top:10px;margin-bottom:10px;}

/* =====================================================================
 
 6 一覧表示
 
 INDEX
 
 6.1 共通設定
 6.2 スポット一覧
 6.3 イベント一覧
 6.4 口コミ一覧
 6.5 日記一覧
 6.6 マップ一覧
 
* =================================================================== */

/* --------------------------------------------------
 6.1 一覧表示：共通設定
-------------------------------------------------- */
/*クミコミ・お気に入りのアイコン*/
div#Content .iconSet,
div#SubContent .iconSet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

div#Content .iconSet img,
div#SubContent .iconSet img	{ vertical-align:-3px; margin-right:0px;}


/*文字のフォント・カラー*/
div#Content .time,
div#SubContent .time	{ color:#999999;}
div#Content .place,
div#SubContent .place	{ color:#666666; font-size:11px; }
div#Content .date,
div#SubContent .date	{ color:#999999; }

.lead	{ color:#494949; line-height:1.3; }


/*イベントの日付表示*/
div.eventDate						{ width:60px; float:left; }
	div.eventDate img			{ padding-top: 3px; }
	div.eventDate p				{
		font-size:13px;
		font-weight:bold;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		line-height:1;
		height:45px;
	}
		div.eventDate p span { font-size:32px; }


/* --------------------------------------------------
 6.2 一覧表示：スポット一覧
-------------------------------------------------- */
/* 一列表示 */
div.spotListBasic div.column												{ margin: 0px 0px 20px 0px; }
	div.spotListBasic div.column .photo								{ width:75px; float:left; }
	div.spotListBasic div.column .spec								{ width:515px; float:right; }
		div.spotListBasic div.column .titleArea					{ padding-bottom: 5px; font-weight: bold; }
			div.spotListBasic div.column .titleArea img		{ padding-right: 5px; vertical-align: -4px; } 
		div.spotListBasic div.column .subArea						{ padding-bottom: 5px; }
		

/* 2列表示 */
div.spotListHalf div.column{
	width:290px;
	float:left;
	display:inline;
	margin: 0px 20px 20px 0px;
}
div.spotListHalf div.column.turn{ margin-right: 0px; }

	div.spotListHalf div.column .photo	{ width:75px; float:left }
	div.spotListHalf div.column .spec	{ width:205px; float:right }
		div.spotListHalf div.column .categorySet{ margin-bottom: 4px; }
			div.spotListHalf div.column .categorySet img{ margin-right:5px; }
			div.spotListHalf div.column .title	{font-weight:bold;}
			div.spotListHalf div.column .iconSet,
			div.spotListHalf div.column .title	{ padding-bottom: 3px;}
			


/* --------------------------------------------------
 6.3 一覧表示：イベント一覧
-------------------------------------------------- */
	
/* 1列表示 */
div.eventListBasic div.column{ margin-bottom:20px; font-size:12px; }
	div.eventListBasic div.column div.eventDate{ margin-right:10px; display:inline; float:left; width:60px;height:85px; }	
	div.eventListBasic div.column div.photo		{ margin-right:10px; display:inline; float:left; width:85px; overflow: hidden; }
	div.eventListBasic div.column div.spec		{ width:415px; float:left;}
		div.eventListBasic div.column div.spec .title{ padding-bottom: 1px; font-weight: bold; }
		div.eventListBasic div.column div.spec .iconSet,
		div.eventListBasic div.column div.spec .place{ padding-bottom: 2px; }
		
		
/* 2列表示 */
div.eventListHalf div.column{
	width:290px;
	float:left;
	display:inline;
	margin: 0px 20px 20px 0px;

}
div.eventListHalf div.column.turn			{ margin-right: 0px; }
	div.eventListHalf div.column div.spec 	{ width:220px; float:right; }
	div.eventListHalf div.column p.title	{ padding-bottom: 2px; font-weight: bold; }
	div.eventListHalf div.column p.place,
	div.eventListHalf div.column div.iconSet{ padding-bottom: 2px; }
	
/* --------------------------------------------------
 6.4 一覧表示：口コミ一覧
-------------------------------------------------- */
/* 詳細ページ用一覧 */
div.kuchiListBasic div.column { padding:8px; font-size:12px; }
div.kuchiListBasic div.photo	{
	width:75px;
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:10px;
}
div.kuchiListBasic div.userArea 				{ padding-top: 7px; }
	div.kuchiListBasic div.userArea img			{ vertical-align: -3px; padding-right: 3px; }
	div.kuchiListBasic span.time				{ margin-left:5px; margin-right:5px; }


/* カテゴリートップ用一覧 */
div.kuchiListCateTop div.column							{ padding:8px; }
	div.kuchiListCateTop div.column div.titleArea		{ padding-bottom: 5px; font-weight: bold; }
		div.kuchiListCateTop div.column div.titleArea span.categorySet img			{ margin-right:5px;vertical-align: -2px; }
		div.kuchiListCateTop div.column div.titleArea span.title img				{ vertical-align: -2px; }

	div.kuchiListCateTop div.photo						{ float:right; width:75px; }
	div.kuchiListCateTop div.spec						{ float:left; width:499px; }
	div.kuchiListCateTop div.spec div.iconSet			{ padding-bottom:3px; }
	div.kuchiListCateTop div.spec p.lead				{ margin-bottom:5px; }
	div.kuchiListCateTop div.spec p.place				{ float:left; width:390px; }
	div.kuchiListCateTop div.spec p.time				{ float:right; width:100px; text-align:right; }
	div.kuchiListCateTop div.spec div.photo			{ float:right; width:75px; }
	div.kuchiListCateTop div.spec div.photo				{ float:right; width:75px; }

/* --------------------------------------------------
 6.5 一覧表示：日記一覧
-------------------------------------------------- */

div.diaryListBasic div.column							{ padding:8px; margin-bottom: 10px; font-size:12px; }
	div.diaryListBasic div.column div.photo				{ width:75px; float:left; }
	div.diaryListBasic div.column  div.spec				{ width:499px; float:right; }
	/*サブコンテンツの場合に小さく*/
	#SubContent div.diaryListBasic div.column  div.spec { width:250px; }
	
		div.diaryListBasic div.column  div.spec p.title	{ margin-bottom:5px; font-weight: bold; }
		div.diaryListBasic div.column  div.spec p.lead	{ margin-bottom:3px;}
		
		div.diaryListBasic div.column  div.spec div.userArea 		{ padding-top: 2px; }
			div.diaryListBasic div.column  div.spec div.userArea img{ vertical-align: -3px; padding-right: 3px; }
			div.diaryListBasic div.column  div.spec span.time		{ margin-left:5px; margin-right:5px; }



/* --------------------------------------------------
 6.6 マイマップ一覧表示
-------------------------------------------------- */

div.mapListBasic div.column {
	padding:8px;
	background-image:url(/common/images/common/spotNumberBg.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin-bottom: 15px;
	font-size:12px;
}

div.mapListBasic div.column div.photo				{ width:75px; float:left; display:inline; margin-right:10px; }
div.mapListBasic div.column div.spotNumber	{
	width:72px;
	float:right;
	color:#E55711;
	font-weight:bold;
	font-size:22px;
	padding-top:12px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.mapListBasic div.column div.spec									{ width:417px; float:left; }
	div.mapListBasic div.column div.spec p.title				{ font-weight:bold; padding-bottom: 5px; }
	div.mapListBasic div.column div.spec div.userArea 	{ padding-bottom:7px; }
	div.mapListBasic div.column div.spec span.time			{ margin-left:5px; margin-right:5px; }
	div.mapListBasic div.column div.spec span.user a		{ margin-right:5px; }
	div.mapListBasic div.column div.spec span.user img		{ vertical-align: -3px; margin-right:5px; margin-left:5px; }


/* =====================================================================
*
*    7. マイマップ
*
* =================================================================== */
div#Content #MapView #SpotListTab{
	width:35px;
	height:auto;	/*それぞれのページごとに設定する*/
	float: right;
	background: url(/common/images/map/soptListTabBg.png) repeat-y 0px 0px;
}
div#Content #MapView #SpotListTab a.opend{
	display: block;
	width:35px;
	height:60px;
	background: url(/common/images/map/soptListTab.png) no-repeat 0px 0px;
}
div#Content #MapView #SpotListTab a.opend:hover			{ background-position: 0px -60px; }
div#Content #MapView #SpotListTab a.closed					{ background-position: 0px -90px; }
div#Content #MapView #SpotListTab a.closed:hover		{ background-position: 0px -120px; }




/* ===================================================================
 9. 汎用セレクトボックス
 =================================================================== */
div.selectBox{}
	/*横並びにする時に使用するクラス*/
	div.selectBox.group{
		display: inline;
		float: left;
		margin-right: 10px;
	}
	
	/*それぞれのボックスの幅*/
	div.selectBox.sizeS{ width:100px; }
	div.selectBox.sizeM{ width:130px; }
	div.selectBox.sizeL{ width:190px; }
	

	/*セレクトボックスの背景*/
	div.selectBox .display a{
		display:block;
		height:40px;
		line-height:40px;
		color:#333333;
		text-decoration:none;
		font-size:13px;
		text-indent:15px;
		font-weight:bold;
	}
	div.selectBox.sizeS .display a{ width:100px; background: url(/common/images/selectBox/sBtn.png) no-repeat 0px 0px; }
	div.selectBox.sizeS .display a:hover{ background: url(/common/images/selectBox/sBtn-over.png) }
	
	div.selectBox.sizeM .display a{ width:130px; background: url(/common/images/selectBox/mBtn.png) no-repeat 0px 0px; }
	div.selectBox.sizeM .display a:hover{ background: url(/common/images/selectBox/mBtn-over.png) }
	
	div.selectBox.sizeL .display a{ width:190px; background: url(/common/images/selectBox/lBtn.png) no-repeat 0px 0px; }
	div.selectBox.sizeL .display a:hover{ background: url(/common/images/selectBox/lBtn-over.png) }
	

	/*選択項目一覧のボックス*/
	div.selectBox .selectOptions {
		position:absolute;
		margin-left:0px;
		margin-top:-45px;
		z-index:2;
	}
	div.selectBox.sizeS .selectOptions{ width:100px; }
		div.selectBox.sizeS .selectOptions .selectBoxHead { background: url(/common/images/selectBox/sHead.png) no-repeat 0px 0px; height:15px; overflow: hidden; }
		div.selectBox.sizeS .selectOptions .selectBoxBody {background: url(/common/images/selectBox/sBg.png) repeat-y 0px 0px; padding:0px 15px 5px 15px;  }
		div.selectBox.sizeS .selectOptions .selectBoxFoot { background: url(/common/images/selectBox/sFoot.png) no-repeat 0px 0px; height:30px; }
	
	div.selectBox.sizeM .selectOptions{ width:130px; }
		div.selectBox.sizeM .selectOptions .selectBoxHead { background: url(/common/images/selectBox/mHead.png) no-repeat 0px 0px; height:15px; overflow: hidden; }
		div.selectBox.sizeM .selectOptions .selectBoxBody { background: url(/common/images/selectBox/mBg.png) repeat-y 0px 0px; padding:0px 15px 5px 15px;}
		div.selectBox.sizeM .selectOptions .selectBoxFoot { background: url(/common/images/selectBox/mFoot.png) no-repeat 0px 0px; height:30px; }
		
	div.selectBox.sizeL .selectOptions{ width:190px; }
		div.selectBox.sizeL .selectOptions .selectBoxHead { background: url(/common/images/selectBox/lHead.png) no-repeat 0px 0px; height:15px; overflow: hidden; }
		div.selectBox.sizeL .selectOptions .selectBoxBody { background: url(/common/images/selectBox/lBg.png) repeat-y 0px 0px; padding:0px 15px 5px 15px; }
		div.selectBox.sizeL .selectOptions .selectBoxFoot { background: url(/common/images/selectBox/lFoot.png) no-repeat 0px 0px; height:30px; }
	
	/*選択項目一覧*/
		/*個別の幅指定*/
		div.selectBox.sizeS .selectOptions ul{ width:70px; }
		div.selectBox.sizeM .selectOptions ul{ width:100px; }
		div.selectBox.sizeL .selectOptions ul{ width:160px; }
		
		/*ドリルダウン形式で選択された状態*/
		div.selectBox .selectOptions ul.selected{ height:auto; overflow:inherit; }
		
		/*スクロールが発生する場合*/
		div.selectBox .selectOptions ul.scroll{ height:200px; overflow:auto; }
		
		/*IE6・7用ハック*/
		*html div.selectBox .selectOptions ul.scroll{ overflow-y:auto; overflow-y:inherit; }
		*:first-child+html div.selectBox .selectOptions ul.scroll{ overflow-y:auto; overflow-y:inherit; }
		
		
			div.selectBox .selectOptions ul li {
				width:100%;
				display: block;
				float: left;
				background:url(/common/images/selectBox/selectLine.gif) repeat-x center bottom;
			}
			div.selectBox.sizeS .selectOptions ul.scroll li { width:50px; }
			div.selectBox.sizeM .selectOptions ul.scroll li { width:80px; }
			div.selectBox.sizeL .selectOptions ul.scroll li { width:160px; }
			
			div.selectBox .selectOptions ul li:hover { background-color:#f0f0f0; }
			div.selectBox .selectOptions ul li.selected {
				margin-bottom:5px;
				padding-bottom:5px;
				background-image:url(/common/images/selectBox/selectLine-selected.gif);
			}
				div.selectBox .selectOptions ul li.selected a:link,
				div.selectBox .selectOptions ul li.selected a:visited {
					font-weight: bold;
					text-decoration: none;
					color: #333333;
				}
			div.selectBox .selectOptions ul li.selected:hover { background-color: transparent; }
	
				div.selectBox .selectOptions ul li a.option {
					display:block;
					color:#3386CA;
					text-decoration:none;
					font-size:13px;
					line-height:25px;
					padding:5px 0px;
				}


/* ===================================================================
 10. メッセージウィンドウ
 =================================================================== */
#MessageWindow{
	position: absolute;
	width:600px;
	z-index: 700;
}
	#MessageWindow a.close { position:absolute; display:block; margin-left:570px; margin-top:-65px; }
	#MessageWindow .foot{
		background: url(/common/images/message/foot.png) no-repeat bottom center;
		padding-bottom: 20px;
	}
	#MessageWindow .body{
		background: url(/common/images/message/body.png) repeat-y bottom center;
		padding: 0px 20px 0px 20px;
		zoom: 1;
	}
		#MessageWindow .body .whiteBody{
			background-color: #FFFFFF;
			padding: 10px 20px 10px 20px;
		}
		
		/*ユーザー一覧*/
		#MessageWindow .body .whiteBody div.friendList{ padding: 0px 0px 10px 25px; }
		#MessageWindow .body .whiteBody div.friendList div.column{
			width:103px;
			height:150px;
			float:left;
			display: inline;
			margin-right:20px;
			padding-top:4px;
		}
			#MessageWindow .body .whiteBody div.friendList a.userIcon:hover{ background:url(/common/images/message/frame.gif) no-repeat 0px 0px; }
	
		/*メッセージ入力画面*/
		#MessageWindow .body div#MessageForm .whiteBody{}
			/*宛先*/
			#MessageWindow .body div#MessageForm .whiteBody div#MessageAddress{ margin-bottom: 15px; }
			#MessageWindow .body div#MessageForm .whiteBody div#MessageAddress img.userIcon{ display: inline; width:40px; float: left; margin-right: 10px; }
			#MessageWindow .body div#MessageForm .whiteBody div#MessageAddress div{
				width:470px;
				float: right;
				background-color: #F2F2F2;
			}
				#MessageWindow .body div#MessageForm .whiteBody div#MessageAddress div p{ width:375px; float: left; line-height: 40px; text-indent: 10px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageAddress div a{ display: block; width:90px; float: right; }
			
			/*メールアドレス*/
			#MessageWindow .body div#MessageForm .whiteBody div#MessageMail{ margin-bottom: 15px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageMail input	{ width:510px; height:35px; line-height: 35px; font-size: 15px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageMail span.confirmBox	{ display:block; line-height: 35px; font-size: 15px; border: #CCCCCC 1px solid; padding: 3px; }
				
			/*件名*/
			#MessageWindow .body div#MessageForm .whiteBody div#MessageSubject{ margin-bottom: 15px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageSubject input	{ width:510px; height:25px; line-height: 25px; font-size: 15px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageSubject span.confirmBox	{ display:block; line-height: 25px; font-size: 15px; border: #CCCCCC 1px solid; padding: 3px; }
				
			#MessageWindow .body div#MessageForm .whiteBody div#MessageText{ margin-bottom: 0px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageText textarea{ width:512px; height:190px; font-size: 13px; }
				#MessageWindow .body div#MessageForm .whiteBody div#MessageText span.confirmBox{ display:block; min-height:190px; padding: 3px; font-size: 13px; border: #CCCCCC 1px solid; }
				*html #MessageWindow .body div#MessageForm .whiteBody div#MessageText span.confirmBox{ display:block; height:190px; }
				
		#MessageWindow .body div#MessageForm div.buttons{ text-align: center; padding: 15px 0px 5px 0px; }
		
		
		/*送信完了画面*/
		#MessageWindow .body div#MessageComplete .whiteBody{ text-align:center; }
		
		/*================
		エラーメッセージ全般
		================*/
		#MessageWindow .body .whiteBody span.check{
			display: inline;
			width:420px;
			float:right;
			padding-right: 5px;
			text-align: right;
			line-height: 25px;
			font-size: 95%;
			color:#ED1E19;
		}
		#MessageWindow .body .whiteBody span.check strong{
			background: url(/common/images/icon/caution.gif) no-repeat 0px 0px;
			padding:5px 0px 5px 25px;
			line-height: 25px;
		}
		#MessageWindow .body .whiteBody .errorForm{
			background-color:#FDF1EB;
			border: 1px solid #ED1E19;
		}
		
		
#MessageWindow p.confirm{
	background: url(/common/images/icon/confirm.gif) no-repeat 0px 0px;
	padding: 2px 0px 2px 24px;
	margin-bottom: 20px;
	font-weight: bold;
}
#MessageWindow p.error{
	background: url(/common/images/icon/caution.gif) no-repeat 5px 5px;
	padding: 8px 0px 7px 27px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #DF001B;
	border: 2px #DF001B solid;
}


/* ===================================================================
 12. ざっくぅ分析投票画面
 =================================================================== */

/*全体共通*/
div#AnalyzeWindow{
	position: absolute;
	width:690px;
	z-index: 999;
}
	div#AnalyzeWindow a.close { position:absolute; display:block; margin-left:680px; margin-top:-40px; }

div#AnalyzeWindow div.AnalyzeContent{
	background: url(/common/images/analyzeWindow/bg.png) repeat-y;
	width: 690px;
	height: 320px;
}

/*質問画面　共通*/
div#AnalyzeWindow div.asobu,
div#AnalyzeWindow div.kurasu,			
div#AnalyzeWindow div.taberu{
	width: 520px;
	padding: 0px 85px;
}

	div#AnalyzeWindow div.analyzeTitle p { font-size: 16px; font-weight: bold; padding-top:33px; float:right; width:480px; }
	div#AnalyzeWindow div.analyzeTitle div.no{
		display: inline;
		float: left;
		width: 28px;
		padding-top: 13px;
		margin-top: 30px;
		background: url(/common/images/analyzeWindow/no.gif) no-repeat;
		text-align: center;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
	}
	div#AnalyzeWindow div.btnBox span.btnText{
		display: block;
		text-align: center;
		font-size: 21px;
		font-weight: bold;
		margin: 26px 30px;
		color: #333333;
	}

/*ジャンルによって切り替わるボタン部分*/
/*共通ボタン*/
div#AnalyzeWindow div.btnBox{clear: both; padding-top: 30px;}
div#AnalyzeWindow a.btn01{width: 240px; height: 110px; float: left; display: block;}
div#AnalyzeWindow a.btn02{width: 240px; height: 110px; margin-left: 40px; float: left; display: block;}
/*共通ピンクボタン*/
div#AnalyzeWindow a.btn02{ background: url(/common/images/analyzeWindow/btn/pinkBtn.gif) no-repeat; text-decoration: none; display: block;}
div#AnalyzeWindow a.btn02:hover { background-position: 0px -110px; text-decoration: none;}


/*あそぶ*/
div#AnalyzeWindow div.asobu a.btn01{ background: url(/common/images/analyzeWindow/btn/asobuBtn.gif) no-repeat; text-decoration: none;}
div#AnalyzeWindow div.asobu a.btn01:hover { background-position: 0px -110px; text-decoration: none;}
/*くらす*/
div#AnalyzeWindow div.kurasu a.btn01{ background: url(/common/images/analyzeWindow/btn/kurasuBtn.gif) no-repeat; text-decoration: none;}
div#AnalyzeWindow div.kurasu a.btn01:hover { background-position: 0px -110px; text-decoration: none;}
/*たべる*/
div#AnalyzeWindow div.taberu a.btn01{ background: url(/common/images/analyzeWindow/btn/taberuBtn.gif) no-repeat; text-decoration: none;}
div#AnalyzeWindow div.taberu a.btn01:hover { background-position: 0px -110px; text-decoration: none;}



/*ログインしていない時の画面*/
div#AnalyzeWindow div#AnalyzeErr{width: 440px; padding: 90px 125px 0px 125px;}
div#AnalyzeWindow div#zaqImage{float: left;}
div#AnalyzeWindow div#AnalyzeErrText{margin-left: 30px;float: left;}
div#AnalyzeWindow div#AnalyzeErrBtnBox{padding-top: 25px; width: 320px; height: 50px;}

/*投票完了画面*/
div#AnalyzeFin{width: 440px; padding: 90px 167px 0px 167px;}

div#AnalyzeFinText{
	float: left;
	width: 255px;
	height: 116px;
	background: url(/common/images/analyzeWindow/uketukeText.gif) no-repeat;
	margin: 20px 0px 0px 30px;
}

div#AnalyzeWindow div#AnalyzeFinText p.asobu{
	padding-top: 27px;
	text-indent: -1px;
	font-weight: bold;
	font-size: 22px;
}
div#AnalyzeWindow div#AnalyzeFinText p.asobu{ color: #A7D532; }

/* ===================================================================
 13. アピールウィンドウ
 =================================================================== */
div#AppealWindow{
	position: absolute;
	top:50%;
	left:50%;
	width:450px;
	z-index: 2;
	margin-left: -225px;
	margin-top: -145px;
}
	div#AppealWindow a.close { position:absolute; display:block; margin-left:420px; margin-top:-5px; }
	
	div#AppealWindow div#AppealWindowEntry,
	div#AppealWindow div#AppealWindowAnalyze,
	div#AppealWindow div#AppealWindowKuchi,
	div#AppealWindow div#AppealWindowSignup{
		width:450px;
		height:290px;
		overflow: hidden;
	}
	div#AppealWindow div#AppealWindowKuchi{	background: url(../images/appealWindow/kuchi.png) no-repeat 0px 0px; }
	div#AppealWindow div#AppealWindowEntry{	background: url(../images/appealWindow/entry.png) no-repeat 0px 0px; }
	div#AppealWindow div#AppealWindowAnalyze{	background: url(../images/appealWindow/analyze.png) no-repeat 0px 0px; }
	div#AppealWindow div#AppealWindowSignup{	background: url(../images/appealWindow/signup.png) no-repeat 0px 0px; }
	
		div#AppealWindow div div{
			text-align: right;
			padding: 120px 35px 0px 0px; 
		}
			div#AppealWindow div div p{ padding: 15px 5px 0px 0px; }
				div#AppealWindow div div p a#AppealWindowSignUp{
					background:url(../images/appealWindow/icon.gif) no-repeat 0px 2px;
					padding-left: 12px;
					font-size: 13px;
				}
	



/* ===================================================================
 999. 汎用クラス
 
 INDEX
 
 999.1. 画像置換
 999.2. Pngfix
 999.3. Alpha hover
 999.4. cleafix
 999.5. 非表示設定
=================================================================== */

/* ------------------------------------------------------------------------------------------
 999.1. 画像置換
------------------------------------------------------------------------------------------ */

/*------------for MacIE------------------------*/
#HeadNavi ul li a span,
#Navi h2 span,
#Navi ul li a span,
div.pagetop a span,
#FootNavi a span,
div#LoginHead ul li span,
#SpotListTab a span{
	text-indent:-9999px;
}
/*------------Hides from IE-mac----------------\*/
#HeadNavi ul li span,
#Navi h2 span,
#Navi ul li a span,
div.pagetop a span,
#FootNavi a span,
div#LoginHead ul li span,
#SpotListTab a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}


/* ------------------------------------------------------------------------------------------
 999.2. Pngfix
------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------
 999.3. Alpha hover
------------------------------------------------------------------------------------------ */

#ZaqSubBanner a:hover img,
#PickupSpot a:hover img,
#ContentList .column a:hover img,
div.textAd a:hover img	{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* ------------------------------------------------------------------------------------------
 999.4. cleafix
------------------------------------------------------------------------------------------ */

/* clearfix */
div.textAd:after,
div.tabContent div.padding:after,
.column:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.textAd,
div.tabContent div.padding,
.column,
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html div.textAd,
*html div.tabContent div.padding,
*html .column,
*html .clearfix {
	height:1%;
}
div.textAd,
div.tabContent div.padding,
.column,
.clearfix {
	display:block;
}
/* End hide from IE-mac */

/* Spot & Entry */
a.zoomImg {
	position: absolute;
	display: block;
	width: 280px;
	height: 210px;
	top: 0;
	left: 0;
	background: url(/spot/common/images/icon/fullexpand.gif) no-repeat 10px 10px !important;
}

.nan {
	font-size: 24px !important;
	letter-spacing: -4px;
	font-weight: bold;
}