/*========================================================
	1: universal reset
	2: base setting
	3: base contents
	4: area layout
	5: clearfix
	6: text
========================================================*/


/* 1: universal reset
======================================*/
* {
	margin: 0px;
	padding: 0px;
}

html {overflow-y:scroll;/* For Mozilla's bug */}

body {
	margin:0px;
	padding:0px;
	color: #333333;
	text-align:center;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",'Lucida Grande', Arial, serif;
}


/* 2: base setting
======================================*/
h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, dl, dt, dd, table, th, td, input, legend, div, form, hr, address {
	margin:0;
	padding:0;
	list-style:none;
	font-weight: normal;
	font-style: normal;
	font-size: small;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, div, pre, blockquote, input {
	word-break:break-all;
}

img {border: none; vertical-align: bottom;}

a {
/*\*/
   overflow: hidden;
/**/
}

div,ul,dl,dt,dd {
	zoom:100%;
}


/* 3: base contents
======================================*/
#wrapper {width: 780px; height: auto; text-align: left; margin: 0 auto;}
#wrapper h1{font-size: 92%; color:#969696; text-align: left; padding-top: 2px; margin-top: 5px;}
/*#wrapper h1{font-size: 92%; color:#969696; height: 18px; background: url(/inc/img/bg_head.gif); text-align: right; padding-top: 2px; margin-top: 5px;}
#wrapper h1 a{color:#969696; text-decoration: none;}*/

#content {width: 472px; margin-right: 10px; float: left; margin-top: 15px;}
#side {width: 298px; float: right; text-align: left; margin-bottom: 1em;}

/*#header {width: 780px; height: 126px; color:#969696; background: url(/inc/img/head-bg.gif) bottom no-repeat; margin-bottom: 2px;}
#headLogo {float: left; margin-top: 20px; * margin-top: 18px;}
#headR {float: right; text-align: right; padding-right: 120px; margin-top: 18px;}
#headR p {margin-top: 5px; font-size: x-small; line-height: 1.2em;}
#gnavi {float: left; margin-left: 3px; clear: both;}
#gnavi li{float: left; margin: 6px 2px 0 0; * margin: 8px 2px 0 0;}
#lnavi {font-weight: bold; margin-left: 13px; margin-top: 107px;}
#lnavi li {font-size: 92%; float: left;}
#lnavi li a {text-decoration:none; color: #0066cc; font-weight: bold;}

#anchor {width: 780px; text-align: right; margin-top: 1em auto; clear: both;}
#info {width: 780px; color:#969696; text-align: center; margin: 2em auto 1em;}

#foot {line-height: 1.4em; margin-top: 20px; text-align: left; clear: both;}
#foot h3,#foot h4 {font-weight: bold; clear: both; font-size: 11px;}
#foot img,#foot ul {clear: both;}
#foot li {float: left; font-size: 10px;}
#foot a {text-decoration: none; color: #969696;}
#foot,#foot2 {width: 780px; color: #969696; margin: 0 auto;}
#foot2 {text-align: center; margin-bottom: 10px;}*/


/* 4: base contents
======================================*/
#pankuzu {margin-bottom: 5px;}

#areaTitle {width: 698px; height: 26px; color: #ffffee; font-size: 81%; background: url(/fukuoka/img/area-fukuoka.jpg); padding: 49px 0 0 82px; margin-bottom: 8px;}

#areaTitle2 {width: 472px; height: 111px;}

#renArea-bg {width: 472px; height: 202px; background-color: #f5f5f5;}
#renArea h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px; margin-top: 17px; line-height: 1.0em;}
#renArea img {float: left;}
#areaLeft {float: left;}
#areaRight {float: left;}

#areaBar {width: 216px; height: 21px; font-size: 82%; color: #444; background: url(/img/ninki-area.gif); padding: 9px 0 0 18px; margin-bottom: 4px;}

#renArea li {width: 213px; height: 21px; background: url(/img/icon_arrow_02.gif) no-repeat 4px 8px; padding: 7px 0 0 21px; margin-bottom: 1px;}

#renSearch h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px; line-height: 1.0em;}
#renSearch dt {width: 104px; height: 19px; font-size: 81%; background: url(/img/area-search-bg.png); text-align: center; float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding-top: 9px;}
#renSearch dd {width: 363px; height: 24px; background-color: #EFE2CD; float: left; border-bottom: 1px solid #fff; padding: 4px 0 0 4px;}
#searchBtn {width: 472px; height: 29px; background-color: #F5EDDF; text-align: center; clear: both; padding: 7px 0 0 0;}

#renCompany h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px; line-height: 1.0em;}
#renCompany li {width: 456px; height: 65px; background-color: #efefef; padding: 8px; margin-bottom: 1px;}
#renCompany h3 {font-weight: bold; margin-bottom: 6px;}
#renCompany a {font-weight: bold;}

.companyL {float: left; margin-right: 8px;}
.companyR {width: 360px; float: left; margin-top: 2px;}

#renArea,
#renSearch,
#renCompany {margin-bottom: 13px;}

#renArea h2,
#renSearch h2,
#renCompany h2 {clear: both; margin-bottom: 5px; line-height: 1.0em;}

#areaLink {margin-bottom: 70px;}
#areaLink h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px; line-height: 1.0em;}
#areaLink ul {margin-top: 8px; line-height: 1.0em;}
#areaLink li {background: url(/img/icon_arrow_02.gif) no-repeat; float: left; padding-left: 15px; padding-right:13px; margin-bottom:5px;line-height: 1.0em;}

#renPrice {margin-bottom: 11px;}
#renPrice h3 {font-size: 92%; width: 288px; height: 23px; color: #fff; background: url(/img/area-price.png); padding: 56px 0 0 10px; margin-bottom: 2px;}
#renPrice p {font-size: 92%; margin-bottom: 2px;}
#renPrice li {width: 295px; height: 85px; clear: both; border-right: 1px solid #777; border-bottom: 1px solid #777; margin-bottom: 1px; padding: 2px; padding-left: 0;}
.priceL {width: 81px; float: left; margin-right: 8px;}
.priceR {float: left; margin-top: 2px;}
.price {font-size: 32px; font-weight: bold; color: #cc0000; margin: 2px auto 10px; font-family:Tahoma,verdana;}
.price a:link {font-size: 30px; color: #cc0000; text-decoration: none;}
.price a:visited {font-size: 30px; color: #cc0000; text-decoration: none;}
.price a:hover	 {font-size: 30px; color:#ff0000;}
.price-sp {margin-bottom: 3px;}

.price-small {font-family: none; font-size: 16px; font-weight: bold; color:#cc0000;}

#mainBnr {margin-bottom: 13px; display: block;}
#bnrL {float: left; margin-right: 4px;}
#bnrR {float: right;}

#yoyaku h3 {font-weight: bold; background: url(/img/side_yoyaku02.gif); width: 289px; height: 15px; padding: 6px 0 0 9px;}
#yoyaku-box {border:5px solid #FFC63C; padding: 6px;}
#yoyaku-box p {font-size: 92%; line-height: 1.3em; margin-bottom: 5px;}
#yoyaku-box li {width: 248px; height: 22px; background: url(/img/list-box02.gif); padding: 8px 0 0 27px; margin-bottom: 5px;}

#areaAccess {padding: 12px 0 5px 15px; margin-bottom: 10px; border: 1px solid #bababa;}
#areaAccess h4 {font-weight: bold; margin-bottom: 8px;}
#areaAccess dt {color: #cc4915; margin-bottom: 2px;}
#areaAccess dd {margin-bottom: 11px;}
#textInter {color: #8c0000; font-size: 85%; font-weight: lighter;}

#ren-title {float: left; vertical-align: middle;}
#ren-logo2 { height: 25px; margin-top: 4px; margin-bottom: 2px;}
#ren-logo2 ul{float: right;}
#ren-logo2 li {float: left; margin-left: 4px;}

#tour_link {border: 5px solid #F7F3ED; margin-top: 10px; padding: 6px; padding-top: 1px;}
#tour_link p {margin: 3px auto 4px;}
#tour_link img {}
#tour_link dl{padding-top: 3px;}
#tour_link dt{margin-bottom: 6px; font-weight: bold;}
#tour_link dt a {text-decoration: underline;}

#content img{
	margin-top:2px;
}

/* 5: clearfix
======================================*/
#gnavi:after,
#inavi:after,
#header:after,
#container:after,
#renArea:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}

#gnavi,
#inavi,
#header,
#container,
#renArea {display: inline-block;}

/* MacIE \*/ 
#gnavi,
#inavi,
#header,
#container,
#renArea, {display: block;}
/* */

.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* 6: text
======================================*/
.head {font-size: 16px; margin-bottom: 0px;}
.title{font-size: 14px; font-weight: bold; margin-bottom: 0px;}
.title-nonbold {font-size: 14px; margin-bottom: 0px;}
.reg-24 {font-size: 12px; line-height: 24px; margin-bottom: 0px;}
.small {font-size: 10px; line-height: normal; margin-bottom: 0px;}
.mini {font-size: 9px; margin-bottom: 0px;}
.reg {font-size: 12px;}
.spacing {font-size: 8px; margin-bottom: 0px;}

a:link {color:#384682; text-decoration: none;}
a:visited {color:#6495ed; text-decoration: none;}
a:hover	 {color:#5088ED; text-decoration: underline;}

.text01 {font-size: 122%;}
.text02 {font-size: 114%;}
.text03 {font-size: 107%;}
.text04 {font-size: 100%;}
.text05 {font-size: 92%;}
.text06 {font-size: 85%;}
.text07 {font-size: 77%;}
.textRed {color: #990000;}

.text_tokuten {font-weight: bold; font-size: 100%; color:#384682;}
.text_blue_bold {font-weight: bold; font-size: 92%; color:#384682;}
.text_bluetitle {font-weight: bold; font-size: 85%; color:#384682;}
.text_price {font-weight: bold; font-size: 114%; color:#990000; font-family:Arial-black,Arial,Helvetica,sans-serif;}
.text_enn {font-weight: bold; font-size: 85%; color:#990000;}
.text_white_mini {font-weight: bold; font-size: 85%; color:#FFFFFF;}
.text_white_bold {font-weight: bold; color:#FFFFFF;}
.text_red_mini {font-size: 85%; color:#990000;}
.text_red_bold {font-weight: bold; color:#FF0000;}
.text_alerts {font-weight: bold; font-size: 92%; color:#990000;}
.text_tpics01 {font-weight: bold; font-size: 85%; color:#4C3B1A;}
.text_tpics02 {font-weight: bold; font-size: 100%;}
.text_arrow2 {padding:0 0 0 15px;background:url(/img/link-icon.gif) no-repeat;} 
.text_pink-arrow {padding:0 0 0 15px;background:url(/img/icon_arrow_pink02.gif) no-repeat;} 
.text_tpics03 {font-weight: bold; font-size:small;padding:0 0 0 20px;}
.text_red {color: #CC0000;}
.text-red2 {color: #990000; margin-left: 8px; }

.light {font-weight: lighter;}

.m1{margin-bottom: 1em;}

/*ƒTƒCƒh@ŠÏŒõƒGƒŠƒAƒŠƒ“ƒNƒXƒy[ƒX*/ 
#area_station h3 {background-color: #B6B6B6; width:290px; height: 20px; text-align:left;}
#area_station{width: 293px; height:105px; margin-top: 10px;border: solid #B6B6B6 2px; }
#area_station ul {padding: 0px 10px 10px 5px; margin-top: 8px; line-height: 1.0em;}
#area_station li {background: url(/img/icon_arrow_02.gif) no-repeat; float: left; padding-left: 15px; padding-right:40px; margin-bottom:5px;line-height: 1.0em;}


/* ‰EƒJƒ‰ƒ€PR˜g */

#special {
	margin-bottom:10px;
	border:2px solid #cc4915;
}

#special h3 {
	padding:6px 12px;
	background-color:#cc4915;
	overflow:hidden;
	margin-bottom:12px;
	color:#ffffff;
	font-weight:bold;
}

#special h3 span {
	display:block;
	float:right;
}

.pr_area {
	margin:0 4px 10px;
	overflow:hidden;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:1px dashed #d1d1d1;
}

.thumb {
	width:60px;
	float:left;
	margin-right:18px;
}

.titleLink {
	float:left;
	font-size:120%;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:6px;
	width:360px;
}

.summary {
	float:left;
	line-height:1.4;
	width:360px;
}

#breadcrumb_area{
	width:980px;
	position:relative;
	margin:45px auto 0;
	text-align:left;
}

/*-----20140714’Ç‰Á-----*/
#tour_toplink {
	width:273px;
	margin-top:10px;
	padding:5px 8px 8px 8px;
    border: 5px solid #F7F3ED;
}

#tour_toplink h4 {
	margin-bottom:3px;
}

#rent_toplink {
	margin-top:10px;
}

#tour_toplink a:hover{
    opacity: 0.8;
    filter: alpha(opacity=70); /*ie6A7‚Ì“§–¾“xŽw’è*/
    }