@charset "utf-8";
/* CSS Document */

body {
	font-size:12px;
	line-height:1.6;
	color:#333333;
	background:#F0ECE0 url(../img/index/backtop.jpg) repeat-x;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

a {
	color:#9B4035;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*
	wrap
*/
#indexWrap {
	width:1000px;
	margin:0 auto;
	background:url(../img/index/head_back.gif) repeat-x;
}

/*
	head
*/
#head {
	height:423px;
	background:none;
}
	#siteExption {
		color:#808080;
		margin-left:80px;
		height:16px;
		line-height:12px;
		padding:4px 0 0;
		font-size:10px;
	}

/*
	seachNavi
*/
#seachNavi {
	height:50px;
	padding:0 50px 0 65px;
	background:url(../img/index/navi_back.jpg) no-repeat;
}
	#seachNavi li {
		display:inline;
		float:left;
	}
		#seachNavi li img {
			vertical-align:top;
		}
		#seachNavi li form {
			width:245px;
			display:block;
			height:39px;
			padding:0;
			margin:0;
			position:relative;
		}
		#seachNavi li form input.text {
			width:140px;
			position:absolute;
			top:9px; left:0;
		}
		#seachNavi li button {
			width:85px;
			height:26px;
			overflow:hidden;
			padding:0;
			margin:0;
			border:0;
			background:none;
			display:block;
			cursor:pointer;
			position:absolute;
			top:4px;
			right:8px;
		}

/*
	cont
*/
#cont {
	padding-top:20px;
	background:#F0ECE0;
}

	/*
		main
	*/
	#main {
		width:660px;
		float:right;
		position:relative;
	}
		#main .inner {
			background:#F7F5ED;
			border:1px solid #DCDAD5;
			border-top:none;
			margin-bottom:20px;
			padding:5px 15px 10px;
		}
			/*
				topics
			*/
			#rssButton {
				position:absolute;
				right:95px;
				top:7px;
				background:#fff;
			}
			#topicList {
				position:absolute;
				right:12px;
				top:7px;
				background:#fff;
			}
			#topics {
				display:inline-block;
				/display:inline;
				/zoom:1;
				margin:0 0 0 -10px;
				width:638px;
				overflow:auto;
				height:280px;
			}
				#topics li {
					display:inline-block;
					/display:inline;
					/zoom:1;
					margin-left:10px;
					margin-bottom:10px;
					float:left;
					width:298px;
					height:7em;
				}
					#topics li .photo {
						width:100px;
						float:left;
					}
						#topics li .photo a {
							display:block;
							width:100px;
							text-align:center;
						}
					#topics li dl {
						width:195px;
						float:left;
					}
						#topics li dl dt {
							line-height:1.1;
							margin-bottom:5px;
						}
						#topics li dl a{
							color:#333333;
						}
		

		/*
			itemList
		*/
		#main .itemList {
			padding-top:0;
			padding-bottom:15px;
			overflow:hidden;
		}
			.itemList dl {
				display:inline-block;
				/display:inline;
				/zoom:1;
				width:170px;
				padding:10px 15px;
				float:left;
				margin:10px 0 0 11px;
			}
			.itemList dl.edge {
				margin-right:0;
			}
				.itemList dl dt {
					line-height:1.2;
					height:2.4em;
					font-size:14px;
					font-weight:bold;
					color:#744B08;
					margin-bottom:5px;
				}
					.itemList dl dt a {
						color:#744B08;
						display:block;
					}
					.itemList dl dt a:hover {
					}
				.itemList dl dd {
				}
				.itemList dl dd.comment {
					line-height:1.4;
					height:5.5em;
					margin-top:5px;
				}
					.itemList dl dd.comment a {
						color:#333;
						display:block;
					}
					.itemList dl dd .photo {
						height:74px;
						width:105px;
						overflow:hidden;
						float:left;
					}
					.itemList dl dd ul {
						width:55px;
						float:right;
					}
					
			.itemList table {
				width:182px;
				float:left;
				margin:0 0 20px 20px;
			}
				* html .itemList table {
				}
			.itemList table.edge {
				margin-right:0;
			}
				.itemList table th {
					line-height:1.2;
					font-size:14px;
					font-weight:bold;
					color:#744B08;
					background:url(../img/index/slc_head.gif) no-repeat;
					height:44px;
					padding:0 10px;
				}
					.itemList table th a {
						color:#744B08;
						display:block;
					}
					.itemList table th a:hover {
					}
				.itemList table td {
					padding:5px 1px 0;
					vertical-align:top;
				}
				.itemList table td.comment {
					line-height:1.4em;
					height:6.1em;
					margin-top:5px;
				}
					.itemList table td.comment a {
						color:#333;
						display:block;
					}
					.itemList table td .photo {
						height:89px;
						width:105px;
						overflow:hidden;
						float:left;
						/zoom:1;
					}
						.itemList table td .photo img {
							vertical-align:top;
						}
						.itemList table td .photo a {
							display:block;
							text-align:center;
							width:105px;
						}
					.itemList table td ul {
						width:65px;
						float:right;
					}
						.itemList table td ul li {
							line-height:16px;
							height:16px;
							border:1px solid #C5C0B2;
							background:#DAD2B7;
							margin-top:3px;
							padding:0 3px;
							font-size:11px;
							overflow:hidden;
						}
						.itemList table td ul li.area {
							line-height:17px;
							height:17px;
							margin:0 0 9px 0;
							background:#E6D498;
							border:1px solid #C8C1AD;
							text-align:center;
							padding:1px 0 0;
							font-size:10px;
						}
							.itemList table td ul li.area span {
								line-height:17px;
								display:inline-block;
								/display:inline;
								/zoom:1;
								vertical-align:top;
								height:17px;
							}
							.itemList table td ul li.area small {
								line-height:17px;
								font-size:6px;
								padding-right:3px;
								display:inline-block;
								/display:inline;
								/zoom:1;
								vertical-align:top;
								height:17px;
							}
		/*
			recommend
		*/
		#recHead {
			position:relative;
			top:-6px;
			margin-bottom:-15px;
			z-index:1;
		}
		#main #recommend {
			background:#F7F5ED url(../img/index/rec_btm.jpg) no-repeat right bottom;
			padding-bottom:50px;
		}
			#main #recommend .listInner {
				margin:0 0 -10px -14px;
			}
			#recommend dl {
				display:inline-block;
				/display:inline;
				/zoom:1;
				width:262px;
				margin-left:14px;
				padding:10px 21px;
				border:1px dotted #CECECE;
				background:#F2EDDF;
				z-index:20;
				position:relative;
			}
				#recommend dl dt {
					height:auto;
						height:30px;
						width:263px;
						background:url(../img/index/rec_head.gif) no-repeat;
						line-height:30px;
						text-align:center;
				}
					#recommend dl dd .photo {
						background:url(../img/index/ph_back.gif) no-repeat;
						padding:5px;
						width:156px;
						height:114px;
					}
						#recommend dl dd .photo a {
							display:block;
							width:156px;
							height:114px;
							overflow:hidden;
							text-align:center;
						}
						#recommend dl dd ul {
							width:87px;
						}
							#recommend dl dd ul li {
								line-height:22px;
								border:1px solid #C5C0B2;
								background:#E9E2CD;
								margin-top:5px;
								padding:0 10px;
								height:22px;
							}
							#recommend dl dd ul li.area {
								margin:0 0 18px 0;
								background:#E6D498;
								border:1px solid #C8C1AD;
								text-align:center;
								padding:0;
								font-size:12px;
								overflow:hidden;
							}
								#recommend dl dd ul li.area span {
									line-height:22px;
									display:inline-block;
									/display:inline;
									/zoom:1;
									vertical-align:top;
								}
								#recommend dl dd ul li.area small {
									font-size:9px;
									padding-right:3px;
									line-height:22px;
									display:inline-block;
									/display:inline;
									/zoom:1;
									vertical-align:top;
								}

		

		/*
			selection
		*/
		#selection {
		}
			#tabList {
				background:url(../img/index/tab_back.gif) repeat-x;
				height:42px;
				overflow:hidden;
			}
				#tabList li {
					float:left;
					margin-right:12px;
				}
				#tabList li.edge {
					margin-right:0;
				}
					#tabList li img {
						vertical-align:bottom;
					}
			#tabBox {
				border:1px solid #C1BEB2;
				border-top:none;
				background:#E8E3D0;
				padding-top:10px;
				zoom:1;
			}
				#tabBox h3 {
					padding:10px 0 0 10px;
					border-top:1px dotted #C1BEB2;
					font-size:14px;
				}
				#tabBox h3.tedge {
					border-top:none;
				}
					#tabBox h3 a {
						font-weight:bold;
						color:#333;
					}
				#tabBox .itemList {
					padding:10px 0 25px 0;
				}
					#tabBox .itemList .listInner {
						overflow:hidden;
						margin:0 0 -20px 0;
					}
						* html #tabBox .itemList .listInner {
							margin-left:-20px;
						}
				
		/*
			contact
		*/
		#contact {
			background:url(../img/index/contact_back.jpg) no-repeat;
			height:110px;
			position:relative;
			margin-bottom:20px;
		}
			#contact a {
				position:absolute;
				left:448px; top:36px;
			}
		/*
			cruise
		*/
		#cruise {
			padding:10px 45px;
			border:3px solid #BFBFBF;
			background:#fff;
			margin-bottom:20px;
			background:#E2DAC5;
			color:#595959;
		}
			#cruise p {
				float:left;
				font-weight:bold;
				width:95px;
				line-height:40px;
			}
			#cruise dl {
				width:539px;
			}
				#cruise dl dt {
					text-align:center;
					width:105px;
					float:left;
					font-size:9px;
				}
				#cruise dl dd {
					line-height:1.5;
					padding:4px 0 0;
					font-size:12px;
					width:430px;
					float:left;
				}

		
	/*
		side
	*/
	#side {
		width:210px;
		float:left;
	}
	
		#side .sideBox {
			padding:5px;
			border:3px solid #BFBFBF;
			background:#fff;
			margin-bottom:15px;
		}
			#side .sideBox .inner {
				padding:10px;
			}
				.aboutList {
					margin:10px -5px 0;
				}
						
				.areaList {
					margin-left:1px;
				}
					.areaList li  {
						float:left;
						margin-bottom:2px;
					}
					.areaList li form {
						display:inline;
						float:left;
					}
					.areaList li input.hidden {
					}
					.areaList li input.submit {
						color:#333;
						display:block;
						background:#E6DEC7;
						width:56px;
						float:left;
						margin:0 2px 0 0;
						text-align:center;
						border:none;
						cursor:pointer;
						height:25px;
					}
					* html .areaList li input.submit {
						margin:0 1px 0 0;
					}
					.areaList li input.submit:hover {
						text-decoration:underline;
					}
					.areaList li.edge input.submit {
						margin-right:0;
					}
					.areaList li.empty {
						color:#333;
						display:block;
						background:#E6DEC7;
						width:56px;
						float:left;
						margin:0 2px 2px 0;
						height:25px;
						text-align:center;
						margin-right:0;
						line-height:1.4;
					}
					.areaList li.other input.submit {
						clear:both;
						margin:0;
						width:172px;
						float:none;
					}
		
		/*
			loginBox
		*/
		#side #loginBox {
			border:3px solid #BA9827;
			line-height:1.3;
		}
			.loginTxt {
				margin-top:-3px;
				text-align:right;
			}
			#side #loginBox .inner {
				padding:3px;
				background:#E0D6B8;
			}
				#side #loginBox .inner div.form {
					border:1px solid #F7F4ED;
					padding:10px;
				}
				* html #side #loginBox .inner form {
					padding:10px 5px;
				}
					#loginHead {
						color:#666;
						font-size:11px;
					}
						#loginHead p span {
							color:#9B4035;
						}
						#loginHead #new_member a {
							background:url(../img/index/mini_arrow.gif) no-repeat left center;
							padding-left:10px;
						}
					#loginCont {
						margin:10px 5px;
					}
						#loginCont dt {
							margin-top:5px;
						}
						#loginCont dd a {
							font-size:10px;
						}
						#loginCont input {
							width:150px;
						}
					#loginFoot {
						text-align:center;
					}
						#loginFoot .caution {
							color:#D90000;
							font-weight:bold;
						}
						#loginFoot button {
							padding:0;
							margin:0;
							display:inline;
							line-height:1;
							background:none;
							border:none;
							cursor:pointer;
						}
						
					#loginCont a,
					#loginFoot a {
						/*color:#BA9827;*/
					}

		/*
			rankBox
		*/
		#rankHead {
			position:relative;
			top:-10px;
			margin-bottom:-19px;
			z-index:1;
		}
			/*
		.rankBox {
			position:relative;
			z-index:20;
			line-height:1.3;
			border-bottom:1px dotted #D5D5D5;
			padding-bottom:5px;
			margin-bottom:5px;
		}
			.rankBox dt {
			}
				.rankBox .rank {
					color:#97372D;
				}
				.rankBox .name {
					color:#BA9827;
					margin-bottom:5px;
				}
					.rankBox .name a {
						color:#BA9827;
					}
			.rankBox dd {
			}
				.rankBox dd .photo {
					overflow:hidden;
					width:90px;
					height:115px;
					float:left;
				}
					.rankBox dd .photo a {
						display:block;
						text-align:center;
					}
				.rankBox dd ul {
					width:79px;
					float:right;
				}
					.rankBox dd ul li {
						line-height:20px;
						border:1px solid #C5C0B2;
						background:#F0ECE0;
						margin-top:5px;
						padding:0 8px;
						height:20px;
						overflow:hidden;
					}
					.rankBox dd ul li.place {
						margin:0 0 17px 0;
						background:#E6D498;
						border:1px solid #C8C1AD;
						text-align:center;
						font-size:10px;
						padding:0;
						overflow:hidden;
					}
						.rankBox dd ul li.place span {
							display:inline-block;
							/display:inline;
							/zoom:1;
							line-height:20px;
							height:20px;
							vertical-align:top;
						}
						.rankBox dd ul li.place small {
							font-size:8px;
							padding-right:3px;
							display:inline-block;
							/display:inline;
							/zoom:1;
							line-height:20px;
							height:20px;
							vertical-align:top;
						}
			.rankBox p {
				margin-top:5px;
			}
				.rankBox p a {
					color:#333;
				}
			
		#no2 {
		}	
			#no2 dt {
			}
				#no2 .rank {
					font-size:15px;
					background:url(../img/index/no2.gif) no-repeat left center;
					padding-left:20px;
				}
			#no2 dd {
			}
			
		#no3 {
		}	
			#no3 dt {
			}
				#no3 .rank {
					font-size:15px;
					background:url(../img/index/no3.gif) no-repeat left center;
					padding-left:20px;
				}
			#no3 dd {
			}
				
		#no5 {
			border-bottom:none;
			padding-bottom:0;
			margin-bottom:0;
		}*/

			#rankBox .inner {
			}
			#rankBox .listInner {
				margin:0 0 -10px -14px;
			}
			#rankBox dl {
				display:inline-block;
				/display:inline;
				/zoom:1;
				width:262px;
				margin-left:14px;
				padding:10px 21px;
				border:1px dotted #CECECE;
				background:#F2EDDF;
				z-index:20;
				position:relative;
			}
				#rankBox dl dt {
					height:auto;
						height:45px;
						width:255px;
						background:url(../img/index/rec_head_rank.png) no-repeat;
						line-height:18px;
						padding:4px 0 5px 8px;
						text-align:left;
				}
					#rankBox dl .rank {
						display:block;
						color:#97372D;
					}
					#rankBox dl dd .photo {
						background:url(../img/index/ph_back.gif) no-repeat;
						padding:5px;
						width:156px;
						height:114px;
					}
						#rankBox dl dd .photo a {
							display:block;
							width:156px;
							height:114px;
							overflow:hidden;
							text-align:center;
						}
						#rankBox dl dd ul {
							width:87px;
						}
							#rankBox dl dd ul li {
								line-height:22px;
								border:1px solid #C5C0B2;
								background:#E9E2CD;
								margin-top:5px;
								padding:0 10px;
								height:22px;
							}
							#rankBox dl dd ul li.area {
								margin:0 0 18px 0;
								background:#E6D498;
								border:1px solid #C8C1AD;
								text-align:center;
								padding:0;
								font-size:12px;
								overflow:hidden;
							}
								#rankBox dl dd ul li.area span {
									line-height:22px;
									display:inline-block;
									/display:inline;
									/zoom:1;
									vertical-align:top;
								}
								#rankBox dl dd ul li.area small {
									font-size:9px;
									padding-right:3px;
									line-height:22px;
									display:inline-block;
									/display:inline;
									/zoom:1;
									vertical-align:top;
								}

			/*
				ranking
			*/
		#rankBox #no1 {
			width:582px;
		}
			#rankBox #no1 dt {
				background:url(../img/index/rec_head_one.png) no-repeat;
				width:auto;
				text-align:left;
				padding:0 0 0 35px;
				line-height:28px;
				height:28px;
			}
				#rankBox #no1 .rank {
					display:inline-block;
					/display:inline;
					/zoom:1;
					font-size:18px;
					margin-right:10px;
				}
				#no1 .name {
					font-size:14px;
					font-weight:bold;
				}
			#no1 dd {
			}
				#rankBox #no1 dd .photo {
					background:url(../img/index/ph_back_rank.gif) no-repeat;
					padding:5px;
					width:240px;
					height:150px;
				}
					#rankBox #no1 .photo a {
						display:block;
						width:240px;
						height:150px;
						overflow:hidden;
						text-align:center;
					}
				#rankBox #no1 dd ul {
					width:auto;
					text-align:center;
					margin-top:2px;
					width:290px;
					float:left;
					display:inline-block;
					/display:inline;
					/zoom:1;
					margin-left:25px;
				}
					#rankBox #no1 .place {
						margin-bottom:4px;
					}
					#rankBox #no1 dd ul li {
						float:left;
						margin:0 4px 4px 0;
						padding:0;
						width:140px;
					}
					#rankBox #no1 dd ul li.edge {
						margin-right:0;
					}
						#rankBox #no1 dd ul li.place {
							width:84px;
						}
						#rankBox #no1 dd ul li.oneComment {
							width:auto;
							text-align:left;
							border:none;
							padding:0;
							background:none;
						}
							#rankBox #no1 dd ul li.oneComment a {
								color:#333;
							}
				#rankBox #no1 dd.comment {
					height:auto;
				}
		#rankBox #no2 .rank,
		#rankBox #no3 .rank {
			padding-left:20px;
		}
		#rankBox #no2 .rank {
			background:url(../img/index/no2.gif) no-repeat left center;
		}
		#rankBox #no3 .rank {
			background:url(../img/index/no3.gif) no-repeat left center;
		}
		
		/*
			for_orner
		*/
		#side .sideButton {
			border:none;
			padding:0;
		}
			#side .sideButton img {
				vertical-align:top;
			}
			
	/*
		foot
	*/
	#foot {
		clear:both;
	}
		#foot ul {
			color:#737373;
			text-align:right;
		}
		#foot ul li {
			display:inline;
			margin-left:10px;
		}
			#foot ul li a {
				color:#737373;
			}
		#foot address {
			display:block;
			margin-top:5px;
			padding-top:5px;
			border-top:1px solid #B7B4AB;
			text-align:center;
			color:#666666;
		}

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

#specialBox {
	background:url(../img/index/special_back.jpg) no-repeat;
	height:230px;
	margin-top:-7px;
	position:relative;
	padding-bottom:25px;
}
	.spInner {
		padding:34px 0 0 303px;
		width:305px;
	}
		.spInner p {
			padding:10px 0 0 3px;
		}
	.spBtn {
		padding:10px 0 0 303px;
	}

#twitter {
	padding:5px;
	line-height:1.3;
}
	#twitter li {
		padding-bottom:3px;
		margin-bottom:3px;
		border-bottom:1px dotted #ccc;
	}
		#twitter li span.date {
			font-size:10px;
			display:block;
			text-align:right;
		}

#miniContBox {
	background:url(../img/index/mini_cont_back.jpg) no-repeat;
	height:150px; width:660px;
	position:relative;
}
	#miniContBox p {
		position:absolute;
		left:417px; top:54px;
	}

#slideArea {
	position:relative;
	height:423px;
}
	#slideBack {
		position:absolute;
		top:0;left:50%;
		margin-left:-443px;
		z-index:0;
		display:none;
	}
		#slideBack li {
			position:absolute;
			left:0; top:0;
		}
	#inLogoBox {
		position:absolute;
		left:475px; top:215px;
		text-align:center;
		display:none;
	}
		.native #inLogoBox {
			left:290px;
			top:150px;
		}
	#sliderHead {
		position:absolute;
		top:0; left:0;
		width:830px;
		margin:0 65px 0 105px;
	}
		#sliderLogo {
			float:left;
		}
		#sliderTel {
			float:right;
		}
		#sliderMail {
			float:right;
		}
	#loadImage {
		position:absolute;
		top:50%; left:50%;
		margin:-12px 0 0 -12px;
	}
	#sliderPhBox {
		position:absolute;
		top:350px; left:50%;
		width:866px; height:60px;
		margin-left:-433px;
		background:url(../img/slider/list_back.png) repeat-x;
	}
		#sliderPrev {
			position:absolute;
			left:12px; top:5px;
		}
		#sliderNext {
			position:absolute;
			right:12px; top:5px;
		}
		#sliderPhBox div {
			margin:0 auto;
			width:766px; height:60px;
			overflow:hidden;
			position:relative;
		}
		#sliderPhBox ul {
			position:absolute;
			left:0; top:5px;
		}
			#sliderPhBox li {
				float:left;
				margin:0 7px;
				border:1px solid #111;
			}
				#sliderPhBox li img {
					width:68px;
					height:45px;
					cursor:pointer;
				}
	#detailBox {
		position:absolute;
		left:50%; top:100px;
		margin-left:-312px;
		width:620px;
		border:1px solid #ccc;
		background:#656363 url(../img/slider/detail_back.png) repeat-x;
		color:#fff;
		display:none;
	}
		#detailBox ul {
			position:absolute;
			top:45px; left:25px;
		}
			#detailBox ul img {
				width:160px;
				height:120px;
			}
		#detailBox h2 {
			position:absolute;
			left:210px; top:20px;
			font-size:16px;
			font-weight:bold;
			font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}
		#detailBox div {
			padding:55px 0 20px 213px;
			font-size:11px;
			width:390px;
		}
			#detailBox p.desc {
			}
			#detailBox p.add {
				margin-top:12px;
				padding-top:12px;
				border-top:1px solid #666;
			}
		#detailBox .link,
		#detailBox .none {
			position:absolute;
			bottom:20px; right:17px;
		}