@charset "utf-8";
@import url("common.css");  

html{
	height:100%;
}
	
body{
	height:100%;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
	body > #container{
		height: auto;
	}

input, select, option{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #333;
}

label:hover{
	color: #000;
}

#container{
	width:100%;
	margin:0 auto;
	position:relative;
	height:100%;
	min-height:100%;
}

#user_header{
	width: 100%;
	min-width: 940px;
	height:80px;
	box-shadow:0 2px 4px #888;
	background:linear-gradient(#555, #000);
	background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#000));/* webkit */
	background:-moz-linear-gradient(top, #555555, #000);/* mozilla */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#555555, endcolorstr=#000000));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#555555, endcolorstr=#000000))";/* IE8 */
	zoom: 1;/* IE */
	margin-bottom:15px;
	color:#FFF;
}
	#user_header .wrap{
		width:940px;
		margin:0 auto;
	}
		#user_header .wrap .left,
		#user_header .wrap .center{
			float:left;
		}
		#user_header .wrap .right{
			float:right;
		}
			#user_header .wrap .left h1{
				display:inline;
				font-weight:bold;
			}
			
			#user_header .wrap .left a{
				width:282px;
				height:51px;
				margin-top:8px;
				float:left;
				background:url(/image/pc/logo.png) no-repeat;
				border:1px transparent solid;
				text-align:left;
				font-size:26px;
				padding:9px 0 0 60px;
				color:#FFF;
			}
			#user_header .wrap .left a:hover{
				border:1px #333 solid;
				text-decoration:none;
			}
			
			#user_header .wrap .center{
				width:260px;
				text-align:center;
				padding-top:15px;
				font-size:12px;
				margin:0 10px;
			}
				#user_header .wrap .center form{
					padding-top:2px !important;
				}
							
			#user_header .wrap .right{
				width:260px;
				padding:0 20px;
			}
				#user_header .wrap .right img{
					float:left;
					padding:5px 0 0 5px;
				}
				
				#user_header .wrap .right p{
					padding-top:15px;
					font-size:12px;
					line-height:16px;
				}
					#user_header .wrap .right a{
						font-size:12px;
						line-height:24px;
						color:#39F;
					}
		
#user_main{
	width:940px;
	margin:0 auto;
	padding-bottom:100px;
	text-align:left;
}
	#user_main #topic_path{
		border-left: 7px #DDD solid;
		line-height:25px;
		padding-left:8px;
		margin:0 0 15px 1px;
		height:25px;
		overflow:hidden;
	}
		#user_main #topic_path li{
			float:left;
			padding-right:10px;
		}
		
		#user_main #topic_path li.twitter{
			float:right;
			padding:0;
			margin:0;
		}
	
	#user_main #head,
	#user_main #foot{
		clear:both;
	}
	
	#user_main #left{
		width:620px;
		float:left;
	}
	
	#user_main #right{
		width:300px;
		float:right;
	}
	
.contents{
	border:1px #555 solid;
	padding:15px;
	margin-bottom:20px;
	box-shadow:3px 3px 4px #888;
}

h2{
	margin:-15px -15px 15px;
	font-weight:bold;
	color:#FFF;
	border-left: 7px #000 solid;
	line-height:30px;
	padding-left:8px;
	background:#555;
}
	h2.hotelname,
	h2.shopname{
		font-size:24px;
		line-height:42px;
	}
	
	h2.center{
		border:none;
		padding:0;
	}

.preflist{
}
	.preflist h3{
		width:90px;
		height:40px;
		line-height:40px;
		background:#777;
		color:#FFF;
		text-align:center;
		float:left;
		margin:0 10px 5px 0;
	}
		
	.preflist li{
		float:left;
		width:60px;
		line-height:40px;
		text-align:center;
	}
	
.arealist{
}
	.arealist li{
		float:left;
		width:144px;
		line-height:30px;
		height:30px;
		overflow:hidden;
		text-align:center;
		border:1px #DDD solid;
		margin:0 5px 5px 0;
		color:#999;
	}
	
.hotellist{
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:5px 0;
	margin-bottom:5px;
}
	.hotellist li{
		float:left;
		height:25px;
		line-height:25px;
		background:#EEE;
		border:1px #CCC solid;
		text-align:center;
	}
		.hotellist li.hotelname{
			width:241px;
			padding-left:5px;
			margin-right:2px;
			text-align:left;
		}
		
		.hotellist li.category{
			margin-right:2px;
			width:70px;
			font-size:10px;
		}
		
		.hotellist li.address{
			padding-left:5px;
			margin-right:2px;
			width:240px;
			font-size:12px;
			text-align:left;
		}
		
		.hotellist li.tel{
			margin-right:2px;
			width:80px;
			font-size:12px;
		}
		
		.hotellist li.price{
			margin-right:2px;
			width:50px;
			font-size:12px;
		}
		
		.hotellist li.total{
			padding:0 5px;
			text-align:left;
			float:right;
		}
			.hotellist li.total .yoberu{
				display:inline-block;
				width:60px;
				height:20px;
				line-height:20px;
				background:#39F;
				text-align:center;
				color:#FFF;
			}
			
			.hotellist li.total .yobenai{
				display:inline-block;
				width:60px;
				height:20px;
				line-height:20px;
				background:#F7C;
				text-align:center;
				color:#FFF;
				margin-left:5px;
			}
			
			.hotellist li.total .count{
				display:inline-block;
				width:30px;
				height:20px;
				line-height:20px;
				text-align:center;
				background:#FFF;
			}

.kuchikomilist{
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:5px 0;
	margin-bottom:5px;
}
	.kuchikomilist li{
		float:left;
		height:25px;
		line-height:25px;
		background:#DDD;
		border:1px #CCC solid;
		text-align:center;
	}
		.kuchikomilist li.pref{
			width:73px;
			margin-right:2px;
		}
		
		.kuchikomilist li.area{
			width:120px;
			margin-right:2px;
		}
		
		.kuchikomilist li.hotelname{
			width:300px;
			padding-left:5px;
			margin-right:2px;
			text-align:left;
		}
		
		.kuchikomilist li.date{
			padding:0 5px;
			margin-right:2px;
			width:80px;
		}
		
		.kuchikomilist li.judge{
			padding:0 5px;
			margin-right:2px;
			width:60px;
		}
		
		.kuchikomilist li.total{
			padding:0 5px;
			text-align:left;
			float:right;
		}
			.kuchikomilist li.total .now{
				display:inline-block;
			}
			
			.kuchikomilist li.total .yoberu{
				display:inline-block;
				width:60px;
				height:20px;
				line-height:20px;
				background:#39F;
				text-align:center;
				color:#FFF;
				margin-left:5px;
			}
			
			.kuchikomilist li.total .yobenai{
				display:inline-block;
				width:60px;
				height:20px;
				line-height:20px;
				background:#F7C;
				text-align:center;
				color:#FFF;
				margin-left:5px;
			}
			
			.kuchikomilist li.total .count{
				display:inline-block;
				width:30px;
				height:20px;
				line-height:20px;
				text-align:center;
				background:#FFF;
			}
			
#hotelheader{
	/*
	padding-bottom:20px;
	border-bottom:1px #999 dotted;
	margin-bottom:20px;
	*/
}
	
	#hotelheader #detail{
		width:340px;
		margin-right:12px;
		float:left;
	}
		#hotelheader #detail td{
			border-bottom:1px #EEE solid;
			line-height:25px;
		}
	
	#hotelheader #judge{
		float:left;
		margin-right:20px;
	}
		#hotelheader #judge th.yoberu{
			width:100px;
			background:#39F;
			color:#FFF;
			text-align:center;
			border:1px #DDD solid;
			font-size:16px;
		}
		#hotelheader #judge th.yobenai{
			width:100px;
			background:#F7C;
			color:#FFF;
			text-align:center;
			border:1px #DDD solid;
			font-size:16px;
		}

		#hotelheader #judge td.yoberu{
			border:1px #DDD solid;
			text-align:center;
			font-size:24px;
			font-weight:bold;
			color:#39F;
			height:36px;
		}
		
		#hotelheader #judge td.yobenai{
			border:1px #DDD solid;
			text-align:center;
			font-size:24px;
			font-weight:bold;
			color:#F7C;
			height:36px;
		}

	#hotelheader #sansen{
		float:right;
		width:280px;
	}
			#hotelheader #sansen th{
				width:278px;
				background:#EEE;
				text-align:center;
				font-weight:normal;
				font-size:12px;
				border:1px #DDD solid;
			}

			#hotelheader #sansen td{
				border:1px #DDD solid;
				padding:0 5px;
			}
				#hotelheader #sansen td .hotel{
					display:block;
					width:195px;
					height:25px;
					line-height:25px;
					font-size:12px;
					float:left;
					overflow:hidden;
				}
				
				#hotelheader #sansen td .point{
					width:70px;
					display:block;
					height:25px;
					line-height:25px;
					float:right;
					font-size:12px;
					text-align:right;
				}
			
			#hotelheader #sansen td.goto_hotel_view{
				text-align:right;
				font-size:12px;
				border:none;
				line-height:25px;
			}
			
.hoteldetail{
}
	.hoteldetail h3{
		margin:-15px -15px 25px;
		font-weight:bold;
		color:#333;
		border-bottom:1px #999 solid;
		line-height:30px;
		padding-left:15px;
		background:#DDD;
		background:linear-gradient(#FFF, #DDD);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));/* webkit */
		background:-moz-linear-gradient(top, #FFF, #DDD);/* mozilla */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD));/*IE6 IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD))";/* IE8 */
		zoom: 1;/* IE */
		text-align:center;
	}

	.hoteldetail ul.kuchikomidetail{
		margin-bottom:25px;
		background:#EEE;
		padding:5px;
		border:1px #DDD solid;
		box-shadow:0px 2px 2px #888;
		float:left; /*センタリングバージョン*/
		/*display:inline-block; /*センタリングバージョン*/
		margin-left:135px; /*width600pxバージョン*/
		word-break:break-all;
	}
	
		.hoteldetail ul.commentdetail{
			background:#EEE;
			margin-left:8px;
			/*margin-top:-31px;/*センタリングバージョン*/
		}
		
		.hoteldetail ul.kuchikomidetail li{
			text-align:center;
			padding:3px 5px;
			float:left;
		}
			.hoteldetail ul.kuchikomidetail li.yoberu{
				width:80px;
				background:#39F;
				color:#FFF;
				border:1px #DDD solid;
				font-weight:bold;
			}
			
			.hoteldetail ul.kuchikomidetail li.yobenai{
				width:80px;
				background:#F7C;
				color:#FFF;
				border:1px #DDD solid;
				font-weight:bold;
			}
			
			.hoteldetail ul.kuchikomidetail li.zatsudan{
				width:80px;
				background:#666;
				color:#FFF;
				border:1px #DDD solid;
				font-weight:bold;
			}
			
			.hoteldetail ul.kuchikomidetail li.date{
				border-top:1px #DDD solid;
				border-bottom:1px #DDD solid;
				border-left:1px #DDD solid;
				background:#FFF;
				width:130px;
			}			
			
			.hoteldetail ul.kuchikomidetail li.comment{
				text-align:left;
				/*max-width:615px; wirth100%バージョン */
				max-width:360px;
				border:1px #EEE solid;
				/*min-width:221px; /*センタリングバージョン*/
			}

	.hoteldetail .form{
		width:600px;
		margin:0 auto 30px;
		border:1px #DDD solid;
		box-shadow:0px 2px 2px #888;
		padding:15px;
	}

		.hoteldetail .form h4{
			font-weight:bold;
			color:#333;
			line-height:30px;
			background:#FFF;
			margin-bottom:10px;
			text-align:center;
		}
		
		.hoteldetail .form div.left{
			width:25%;
			float:left;
			background:#EEE;
			padding:5px;
			margin-bottom:5px;
			margin-right:3px;
			border:1px #DDD solid;
			text-align:center;
		}
		
		.hoteldetail .form div.right{
			float:left;
			background:#EEE;
			padding:5px;
			margin-bottom:10px;
			border:1px #DDD solid;
			width:70%;
			text-align:center;
		}
		
.shopdetail{
}

	.shopdetail h2.shopname a{
		display:block;
		float:right;
		font-size:12px;
		height:22px;
		margin:11px 33px 0 0;
		padding:0 10px;
		line-height:22px;
		color:#FFF;
		font-weight:normal;
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

		border-radius:3px 3px 3px 3px;
	}

	.shopdetail #left,
	.shopdetail #right{
		width:460px !important;
	}
		.shopdetail #left .contents,
		.shopdetail #right .contents{
			padding:0px !important;
			border:none;
		}
	
	.shopdetail .topbanner{
		width:750px;
		height:150px;
		text-align:center;
		margin:0 auto 20px;
		box-shadow:0px 2px 2px #888;
	}
		.shopdetail .topbanner img{
			width:750px;
			height:150px;
		}
		
		.shopdetail #left th,
		.shopdetail #left td,
		.shopdetail #right th,
		.shopdetail #right td{
			border:1px #999 solid;
		}
			.shopdetail #left th,
			.shopdetail #right th{
				width:120px;
				text-align:center;
				padding:3px 6px;
				font-weight:normal;
				background:#FFF;
			}
			
			.shopdetail #left td,
			.shopdetail #right td{
				width:320px;
				text-align:left;
				padding:6px 6px;
			}
			
			.shopdetail #left th.title,
			.shopdetail #right th.title{
				background:#EEE;
				font-weight:bold;
				color:#333;
			}
		
.shopheader{
}
	.shopheader .leftbox{
		width:445px;
		height:390px;
		margin-right:35px;
		float:left;
		text-align:center;
		padding-top:20px;
	}
		.shopheader .leftbox img{
			width:270px;
			height:360px;
		}
		
	.shopheader .rightbox{
		width:410px;
		float:left;
	}
		.shopheader .rightbox h2{
			border:none;
		}
		
		.shopheader .rightbox table{
			margin-bottom:20px;
		}
		
		.shopheader .rightbox th,
		.shopheader .rightbox td{
			padding:2px 5px;
		}
		
		.shopheader .rightbox th{
			width:135px;
			font-weight:normal;
			text-align:center;
			border:1px #DDD solid;
		}
		
		.shopheader .rightbox td{
			min-width:280px;
			font-weight:normal;
			border:1px #DDD solid;
		}
		
		.shopheader .rightbox .gotoshop{
			border:1px #DDD solid;
			padding:15px;
			margin-bottom:20px;
			text-align:center;
			box-shadow:0px 2px 2px #888;
			background:linear-gradient(#FFF, #DDD);
			background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));/* webkit */
			background:-moz-linear-gradient(top, #FFF, #DDD);/* mozilla */
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD));/*IE6 IE7 */
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD))";/* IE8 */
			zoom: 1;/* IE */
		}
			.shopheader .rightbox .gotoshop p.detail{
				font-size:24px;
				line-height:36px;
				font-weight:bold;
				margin-bottom:10px;
				color:#36F;
			}
			
			.shopheader .rightbox .gotoshop p.attention{
				font-weight:bold;
				color:#F22;
			}
			
			.shopheader .rightbox .gotoshop p.tel{
				font-size:36px;
				padding-top:15px;
				font-weight:bold;
				margin-top:10px;
				color:#000;
				background:#FFF;
				border:1px #DDD solid;
				box-shadow:-2px -2px 2px #888;
			}
				.shopheader .rightbox .gotoshop p.tel span.opentime{
					display:block;
					padding:10px 0 10px;
					font-size:14px;
					font-weight:normal;
				}

.shopbox{
	text-align:center;
}

	.shopbox .title{
		margin:-15px -15px 15px;
		font-weight:bold;
		color:#333;
		border-bottom:1px #999 solid;
		line-height:30px;
		background:#DDD;
		background:linear-gradient(#FFF, #DDD);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));/* webkit */
		background:-moz-linear-gradient(top, #FFF, #DDD);/* mozilla */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD));/*IE6 IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD))";/* IE8 */
		zoom: 1;/* IE */
	}
	
	.shopbox .box{
		display:inline-block;
		width:294px;
		text-align:center;
		margin:0 2px;
	}	
		.shopbox .box img{
			width:111px;
			height:148px;
		}
		
		.shopbox .box th,
		.shopbox .box td{
			border:1px #CCC solid;
			font-size:12px;
			line-height:16px;
		}
		
		.shopbox .box th{
			width:111px;
		}
		.shopbox .box td{
			padding-left:3px;
			width:184px;
			text-align:left;
		}
			.shopbox .box td.waribiki{
				min-height:30px;
			}

		
	.shopbox .more{
		clear:both;
		width:100%;
		text-align:center;
		padding-top:10px;
		font-size:12px;
	}
	
.shoplist .shopbox{
	text-align:left;
}
	.shoplist .shopbox .box{
		margin-bottom:20px;
	}
	
.orderdetail{
}
	.orderdetail h2{
		border:none;
		padding:0;
	}

#user_footer{
	width: 100%;
	min-width: 940px;
	position: absolute;
	bottom: 0px;
	height:80px;
	color:#FFF;
	box-shadow:0 -2px 4px #888;
	background:#000;
	background:linear-gradient(#333, #000);
	background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));/* webkit */
	background:-moz-linear-gradient(top, #333, #000);/* mozilla */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#333333, endcolorstr=#000000));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#333333, endcolorstr=#000000))";/* IE8 */
	zoom: 1;/* IE */
}
	#user_footer .wrap{
		width:940px;
		margin:0 auto;
		padding-top:10px;
		position:relative;
	}
		
		#user_footer .wrap ul{
			margin-bottom:10px;
		}
		
		#user_footer .wrap li{
			display:inline-block;
			margin:5px 0 5px 20px;
			padding:2px 10px;
			background:#37F;
			font-size:12px;
		}
		
		#user_footer .wrap address{
			font-size:12px;
		}
		
		#user_footer .wrap a{
			color:#FFF;
			text-decoration:none;
		}
			#user_footer .wrap a:hover{
				text-decoration:underline;
			}
			
		#user_footer .wrap #pagetop{
			position:absolute;
			top:-23px;
			left:838px;
		}
			#user_footer .wrap #pagetop a{
				display:block;
				width:100px;
				height:22px;
				font-size:12px;
				line-height:22px;
				border:1px #333 solid;
				background:#333;
				text-decoration:none;
				color:#FFF;
				box-shadow:1px -1px 1px #888;
				border-top-left-radius:4px;
				border-top-right-radius:4px;
				-webkit-border-top-left-radius:4px;
				-webkit-border-top-right-radius:4px;
				-moz-border-radius-topleft:4px;
				-moz-border-radius-topright:4px;
			}
				#user_footer .wrap #pagetop a:hover{
					text-decoration:none;
					background:#444;
				}

/*お気に入りホテル機能*/
	div.favhotel{
		display:block;
		margin-bottom:6px;
	}
		div.favhotel span.added{
			font-size:12px;
			background-color:#FFC;
			padding:2px;
			margin-bottom:10px;
		}
		div.favhotel input[type="button"] {
			font-size:12px;
		}