@charset "Shift_JIS";

/* --------------------------
Copyright 2010  Venture Republic Inc
FileName: layout.css
---------------------------- */

/* |||||||||||| COMMON |||||||||||| */
/* FLOAT */
.fltL { float:left; }
.fltR { float:right; }

.Lbox{
	float:left;
	width:120px;
}

.TxtR { text-align:right; }

.pkg{
	overflow:hidden;
	margin-bottom:0;
}
.pkg:after{
    content: "";
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
}
/*\*/
* html .pkg{
    height:0;
    overflow:visible;
}
/**/

/* MARGIN */
.MrgT10 { margin-top:10px; }
.MrgB10 { margin-bottom:10px; }

/* TABLE */
#content table.boxMain {
	margin:10px 0;
	width:800px;
	border:1px #CCC solid;
}

#content table.boxMain th {
	padding:2px 5px;
	background:#BAA88E;
	width:150px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	border:1px #CCC solid;
}

#content table.boxMain td {
	padding:2px 5px;
	text-align:left;
	border:1px #CCC solid;
}

#content table.boxIn {
	margin:0 0 10px 0;
	border:1px #CCC solid;
}

#content table.boxIn th {
	padding:2px 5px;
	background:#E2CCAD;
	width:100px;
	color:#666;
	text-align:center;
	font-weight:bold;
	border:none;
}

#content table.boxIn td {
	padding:2px 5px;
	background:#EEE;
	text-align:left;
	border:none;
}


/* POINT */
#content .attention {
	margin:3px 0 0 1em;
	color:#666;
	font-size:85%;
	text-indent:-1em;
}


/* COLOR */
#content .red {
	color:red;
}

#content ul {
	margin-bottom:10px;
	list-style:inside;
	text-align:left;
}

/* |||||||||||| TITLE |||||||||||| */
h3.review {
	margin:20px 0 10px 0;
	padding:7px 0 0 75px;
	width:545px;
	height:29px;
	background:url(/dom/review/img/h3_back.jpg) no-repeat 0% 0%;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
}
h4.hotel {
	margin:20px 0 10px 0;
	padding:7px 0 0 75px;
	width:545px;
	height:29px;
	background:url(/dom/review/img/h4_hotel.jpg) no-repeat 0% 0%;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
}
h4.imile {
	margin:20px 0 10px 0;
	padding:7px 0 0 75px;
	width:545px;
	height:29px;
	background:url(/dom/review/img/h4_imile.jpg) no-repeat 0% 0%;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
}

.qtitle_module h2 {
	position:relative;
}
.qtitle_module h2 a {
	display:block;
	padding:3px 10px;
	background:#CCFFFF;
	border:1px #66CCFF solid;
	font-size:small;
	font-weight:400;
	position:absolute;
	top:0;
	right:0;
}

/* |||||||||||| MAP |||||||||||| */
#map{
	width:620px;
	height:320px;
}


/* |||||||||||| HOTEL |||||||||||| */
#hotelPickup {
	width:620px;
}

#hotelPickup .fltL, #hotelPickup .fltR {
	width:305px;
}

#hotelPickup .rateimg{
	float:left;
	width:70px;
	height:19px;
	background:url(http://hotel.jp/images/rating3.gif) no-repeat left top;
}
#hotelPickup .rateimg img{
	height:auto;
}
#hotelPickup .ratenum{
	float:left;
	margin:1px 0 0 7px;
	display:inline;
}
#hotelPickup .ratenum .rd01{
	color:#F00;
}
#hotelPickup .box {
	margin-top:10px;
	padding:8px 9px;
	width:285px;
}
#hotelPickup .box a.pict {
	display:block;
	width:114px;
	height:114px;
	border:3px #CCC solid;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
#hotelPickup .box a.pict img {
	margin:-50% 0 0 -50%;
}
#hotelPickup .box a.title {
	display:block;
	width:160px;
	float:right;
	color:#330000;
	font-size:120%;
	font-weight:bold;
}
#hotelPickup .box p.day {
	margin-top:2px;
	width:160px;
	font-size:90%;
	float:right;
}
#hotelPickup .box p.com {
	margin-top:2px;
	width:160px;
	background:url(/dom/review/img/com_back_mdl.jpg) repeat-y;
	float:right;
}
#hotelPickup .box p.com img {
	display:block;
}
#hotelPickup .box p.com span {
	display:block;
	margin:0 10px;
}
#hotelPickup .box a.name {
	display:block;
	width:160px;
	_width:150px;
	float:right;
	font-weight:bold;
}
#hotelPickup .box a.name img {
	margin-right:5px;
	vertical-align:middle;
}


/* |||||||||||| imile |||||||||||| */
#imileRanking {
	width:620px;
}

#imileRanking .fltL, #imileRanking .fltR {
	width:305px;
}

#imileRanking .box {
	margin-top:10px;
	padding:8px 9px;
	width:285px;
}
#imileRanking .box img.icon {
	display:block;
	margin-bottom:5px;
}
#imileRanking .box a.pict {
	display:block;
	width:114px;
	height:114px;
	border:3px #CCC solid;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
#imileRanking .box a.pict img {
	margin:-50% 0 0 -50%;
}
#imileRanking .box strong {
	display:block;
	width:160px;
	float:right;
	color:#FF3366;
	font-size:120%;
	font-weight:bold;
}
#imileRanking .box p.com {
	margin-top:2px;
	width:160px;
	background:url(/dom/review/img/com_back_mdl.jpg) repeat-y;
	float:right;
}
#imileRanking .box p.com span {
	display:block;
	margin:0 10px;
}
#imileRanking .box p.name {
	width:160px;
	_width:150px;
	float:right;
	color:#666;
	font-weight:bold;
}
#imileRanking .box p.name img {
	margin-right:5px;
	vertical-align:middle;
}

/* |||||||||||| MAINTENANCE |||||||||||| */
.mainte{
	margin:40px auto;
	text-align:center;
}

/* |||||||||||| POWERD |||||||||||| */
#powerdBy {
	padding-top:5px;
	width:248px;
	border:1px #3A4766 solid;
	color:#666;
	text-align:center;
}
#powerdBy .in {
	margin:0 5px;
	width:238px;
}
#powerdBy .site {
	margin:8px 0 0 5px;
	width:133px;
	text-align:left;
	font-weight:bold;
	float:left;
}
#powerdBy .text {
	margin-top:5px;
	text-align:left;
	font-size:90%;
}
#powerdBy .TxtR {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px #CCC dotted;
}