@charset "UTF-8";

/* Header */
#globalHeader {
	margin: -39px auto 0 auto;
	width: 994px;
	height: 116px;
	position: relative;
	xoverflow: hidden;
	text-align: left;
}

* html #globalHeader {
	background: url(../images/common/blank.gif) repeat;
}

	#globalHeader h1 {
		position: absolute;
		top: 5px;
		left: 30px;
		z-index: 10;
	}
	#globalHeader h2 {
		position: absolute;
		top: 14px;
		left: 110px;
		font-size: 86%;
		/font-size: 11px;
		font-weight: normal;
		z-index: 10;
	}
	
	#globalHeader ul.headerNav {
		position: absolute;
		top: -3px;
		left: 515px;
		z-index: 10;
	}
	
		#globalHeader ul.headerNav li {
			float: left;
		}
		#globalHeader ul.headerNav li.login {
			float: none;
			position: relative;
			left: 140px;
		}
		
	#globalHeader ul.gNav {
		position: absolute;
		top: 0;
		left: 0;
		width: 977px;
		height: 116px;
		z-index: 1;
	}
	* html #globalHeader ul.gNav {
		top: 1px;
	}
	
		#globalHeader ul.gNav li {
			*float: left;
		}
	
		#globalHeader ul.gNav li a {
			display: block;
			height: 116px;
			position: absolute;
			text-indent: -1000em;
			outline: none;
		}
		* html #globalHeader ul.gNav li a {
			background: url(../images/common/blank.gif) repeat;
			background-position: left top;
			cursor: pointer;
		}
		* html #globalHeader ul.gNav li a:hover {
			top: 1px;
		}
		
		#gEvent a {
			width: 126px;
			background-position: left -116px;
			left: 0;
		}
		#gEvent a:hover {
			background-position: left -231px;
		}
		#gAsobu a {
			width: 97px;
			background-position: -126px -116px;
			left: 126px;
		}
		#gAsobu a:hover {
			background-position: -126px -231px;
		}
		#gTaberu a {
			width: 96px;
			background-position: -223px -116px;
			left: 223px;
		}
		#gTaberu a:hover {
			background-position: -223px -231px;
		}
		#gKurasu a {
			width: 91px;
			background-position: -319px -116px;
			left: 319px;
		}
		#gKurasu a:hover {
			background-position: -319px -231px;
		}
		#gDiary a {
			width: 92px;
			background-position: -503px -116px;
			left: 503px;
		}
		#gDiary a:hover {
			background-position: -503px -231px;
		}
		#gRanking a {
			width: 94px;
			background-position: -595px -116px;
			left: 595px;
		}
		#gRanking a:hover {
			background-position: -595px -231px;
		}
		#gMap a {
			width: 87px;
			background-position: -689px -116px;
			left: 689px;
		}
		#gMap a:hover {
			background-position: -689px -231px;
		}
		#gPresent a {
			width: 91px;
			background-position: -776px -116px;
			left: 776px;
		}
		#gPresent a:hover {
			background-position: -776px -231px;
		}
		#gAnalyze a {
			width: 127px;
			background-position: -867px -116px;
			left: 867px;
		}
		#gAnalyze a:hover {
			background-position: -867px -231px;
		}
		
		/* ここからIE6 */
		* html #gEvent a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_event.png', sizingMethod='crop');
		}
		* html #gEvent a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_event_on.png', sizingMethod='crop');
		}
		* html #gAsobu a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_asobu.png', sizingMethod='crop');
		}
		* html #gAsobu a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_asobu_on.png', sizingMethod='crop');
		}
		* html #gTaberu a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_taberu.png', sizingMethod='crop');
		}
		* html #gTaberu a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_taberu_on.png', sizingMethod='crop');
		}
		* html #gKurasu a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_kurasu.png', sizingMethod='crop');
		}
		* html #gKurasu a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_kurasu_on.png', sizingMethod='crop');
		}
		* html #gDiary a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_diary.png', sizingMethod='crop');
		}
		* html #gDiary a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_diary_on.png', sizingMethod='crop');
		}
		* html #gRanking a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_ranking.png', sizingMethod='crop');
		}
		* html #gRanking a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_ranking_on.png', sizingMethod='crop');
		}
		* html #gMap a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_map.png', sizingMethod='crop');
		}
		* html #gMap a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_map_on.png', sizingMethod='crop');
		}
		* html #gPresent a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_present.png', sizingMethod='crop');
		}
		* html #gPresent a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_present_on.png', sizingMethod='crop');
		}
		* html #gAnalyze a {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_analyze.png', sizingMethod='crop');
		}
		* html #gAnalyze a:hover {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/common/ie_navi_analyze_on.png', sizingMethod='crop');
		}
			
/* ヘッダー検索部分 */
#search { 
	float: none;
	position: absolute;
	top: 0;
	left: 800px;
	width: 176px;
	height: 22px;
	padding-top: 10px;
}
	#search input.keyword	{ 
		height:18px;
		line-height:18px;
		border:#FFFFFF 1px solid;
		float:left;
		width:150px;
	}
	#search input.submit	{
		float: left;
	}
	

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

div.searchWay div.body{
	background:url(../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(../images/searchWay/selected.png) no-repeat 0px 0px;
}
	div.searchWay div.body a img {
		display: block;
	}

/*検索方法選択時の背景画像変更*/
	input.keyword   { background:#FFFFFF url(../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#userCmdLayer {
	margin: 0 auto;
	width: 994px;
	position: relative;
	top: 0;
	z-index: 765;
}

div#Login {
	display: none;
	width: 340px;
	position: absolute;
	left: 603px;
	xmargin-left: 603px;
	margin-left: 0;
	margin-top:2px;
	z-index: 1000;
}
div#Signup{
	display: none;
	width: 340px;
	position: absolute;
	left: 531px;
	xmargin-left: 531px;
	margin-left: 0;
	margin-top: 2px;
}
div#Signup img,
div#Login img {
	vertical-align: top;
}

	div.tabHead {
		height: 10px !important;
	}

	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(../images/login/loginWindowMiddle.png) repeat-y center top;
			text-align:center;
			overflow: hidden;
		}
		
			div#Login div.loginWindow form,
			div#Signup div.loginWindow form {
				position: relative;
				xleft: -30px;
			}
					
			div#Login div.loginWindow div.inputArea{
				width: 280px;
				height: 180px;
				background: url(../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(../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(../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;
	}
		
/* Foot search */
#FootSearchWrapper {
	padding-bottom: 4em;
	background: #fff;
}

	#FootSearch {
		clear: both;
		margin: 0 auto;
		width: 940px;
	}

/* Footer */
#footerLinks {
	margin: 0 auto;
	border-top: solid #ccc 1px;
	width: 910px;
	height: 530px;
	background: url(../images/common/footer_sprite.png) no-repeat left 52px;
	position: relative;
}

	#footerLinks h3 {
		font-size: 14px;
		letter-spacing: -.2px;
	}

	#footerLinks li a,
	#footerLinks li span {
		display: block;
	}
	#footerLinks li a {
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}
	#footerLinks li a {
		font-size: 13px;
		font-weight: bold;
		text-decoration: underline !important;
	}
	#footerLinks li a:hover {
		text-decoration: none !important;
	}
	#footerLinks li span {
		font-size: 11px;
		/font-size: 10px;
	}
	
	#footerLinks div.zaqMain {
		position: absolute;
		top: 20px;
		left: 39px;
	}
	
		#footerLinks div.zaqMainFun {
			position: absolute;
			top: 222px;
		}
	
	#footerLinks div.zaqMain2 {
		position: absolute;
		top: 20px;
		left: 307px;
	}
	#footerLinks div.zaqContents {
		position: absolute;
		top: 20px;
		left: 539px;
	}
	
	#footerLinks h3 {
		position: relative;
		left: -35px;
	}
	
	#footerLinks li {
		position: absolute;
		width: 225px;
	}
	
	li.l1 {
		top: 33px;
	}
	li.l2 {
		top: 72px;
	}
	li.l3 {
		top: 114px;
	}
	li.l4 {
		top: 158px;
	}
	li.l5 {
		top: 202px;
	}
	li.l6 {
		top: 248px;
	}
	li.l7 {
		top: 292px;
	}
	li.l8 {
		top: 336px;
	}
	li.l9 {
		top: 386px;
	}
	li.l10 {
		top: 430px;
	}
	li.l11 {
		top: 470px;
	}
	
	li.l1_1 {
		top: 30px;
	}
	li.l2_1 {
		top: 74px;
	}
	li.l3_1 {
		top: 118px;
	}
	li.l4_1 {
		top: 164px;
	}
	li.l5_1 {
		width: 245px !important;
		top: 210px;
	}
	
	#footerLinks .mobileBanner {
		position: absolute;
		top: 20px;
		left: 700px;
	}
	
div#FootRemark {
	margin: 25px 15px 0;
	border-top: solid #ccc 1px;
	padding: 25px 0 0;
}