/*========================================================
	1: universal reset
	2: base setting
	3: base contents
	4: area layout
	5: clearfix
	6: text
========================================================*/


/* 1: universal reset
======================================*/
* html body{font-size:small !important;}
* html h4{font-size:14px;}
* html p{ font-size:13px !important;}
body,div,dl, dt, dd,ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,form, fieldset, input,
textarea,p, blockquote,
th, td {margin: 0; padding: 0;}

ul,ol,li {list-style: none;}

img {margin:0; border:0; padding:0;}


/* 2: base setting
======================================*/
body,table {font-size: 13px; color: #333; * font-size: small; * font: x-small;}
body {text-align: center;}

h1,h2,h3,
h4,h5,h6 {font-size:100%; font-weight: lighter; margin: 0; padding: 0;}


/* 3: base contents
======================================*/
#wrapper {width: 780px; height: auto; text-align: left; margin: 0 auto;}
#wrapper h1{color:#969696; height: 18px; font-size: 92%; background: url(/inc/img/bg_head.gif); text-align: right; padding-top: 2px; margin: 5px 0 15px;}
#wrapper h1 a{color:#969696; text-decoration: none;}

#container {}

#content {width: 472px; margin-right: 10px; float: left;}
#side {width: 298px; float: left; /*margin-top: -17px;*/}

h1#headtext {
	height: 18px; 
	background: url(/inc/img/bg_head.gif) no-repeat;
	text-align: right; 
	padding-top: 2px; 
	margin: 5px 0 15px;
	}

h1#headtext a{
	color:#969696; 
	text-decoration: none;
	}

.light { 
	font-weight: lighter;
	}

#header { 
	width: 780px; 
	height: 112px; 
	background: url(/inc/img/head-bg.gif) bottom no-repeat;
	margin-bottom: 1em;
	}
	
#headLogo {
	width: 400px; 
	float: left; 
	padding-top: 3px;
	}
	
#headR { 
	width: 272px; 
	float: left;
	padding-right: 108px;
	text-align:right;
	}
	
div#headR p{
	margin: 8px 0 0 0;
	font-size:x-small;
	}
	
#sitemap {
	background: url(/inc/img/icon_sitemap.gif) no-repeat; 
	padding: 0 0 2px 20px; 
	margin-bottom:2px;
	}
	
#book {
	background: url(/inc/img/icon_maybook.gif) no-repeat; 
	padding: 0 0 2px 20px; 
	margin-bottom:2px;
	height:17px;
	}
	
.gnavi {
	margin-left: 3px; 
	clear: both;
	}
	
.gnavi li{
	width: auto;
	float: left; 
	margin: 8px 2px 0 0; 
	}
	
.gnavi li a{
	text-decoration: none;
	font-weight:bold;
	}
	
.gnavi2 {
	margin-left: 3px; 
	clear: both;
	}
	
.gnavi2 li{
	width: auto;
	float: left; 
	margin: 10px 2px 0 0; 
	}
	
.gnavi2 li a{
	text-decoration: none;
	font-weight:bold;
	}


#anchor {
	clear: both;
	width: 780px;
	text-align: right;
	margin-top: 1em;
}

#localNavi {
	margin-left: 175px;
	margin-top: 2em;
}

#localNavi ul {
	margin: 0 auto;
}

#localNavi li {
	width: auto;
	float: left;
}

#footer {
	width: 780px;
	line-height: 1.7em;
	margin-top: 20px;
	color: #969696;
}

#footer h4 {
	clear: both;
	font-weight: bold;
	font-size: 77%;
}

#footer ul {
	width: 780px;
}

#footer li {
	width: auto;
	float: left;
	font-size: 77%;
}

#footer img {
	clear: both;
}

#footer2 {
	text-align: center;
	margin-bottom: 15px;
	color: #969696;
}

#footer a {text-decoration: none; color: #969696;}

#logoList li{float: left; margin-left: 2px; margin-top: 3px;}
* html #logoList li{
	margin:0;
	padding:0;
	float:left;
	display:inline;
}


/* 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; margin-top: 17px;}

#renArea-bg {width: 472px; height: 230px; 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;}
#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;}

* html #areaBar{font-size:12px !important;
	line-height:21px;
}

#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;}
#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: #E1EBF4; float: left; border-bottom: 1px solid #fff; padding: 4px 0 0 4px;}
#searchBtn {width: 425px; height: 29px; background-color: #EEF3F9; text-align: right; clear: both; padding: 7px 47px 0 0;}

#renCompany h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px;}
#renCompany li {width: 456px; background-color: #E1EBF4; padding: 8px; margin-bottom: 1px; overflow:hidden;}
#renCompany h3 {font-weight: bold; margin-bottom: 6px;}
#renCompany a {font-weight: bold;}

#ren_kg h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px;}
#ren_kg dl {width: 472px; clear:both; padding:10px 0; border-bottom:1px dotted #333; overflow:hidden;}
#ren_kg dt {width: 130px; float:left;}
#ren_kg dd {width: 315px; padding: 5px; float:right; background-color:#e1ebf4; border:1px solid #aabed0;}
#ren_kg dd h3 {font-weight:bold;}
#ren_kg dd p {font-size: 12px;line-height: 1.3; margin-top:2px;}

.companyL {float: left; margin-right: 8px;}
.companyR {width: 360px; float: left; margin-top: 2px;}

.companyR p {margin-bottom:8px;}

#renArea,
#renSearch,
#renCompany {margin-bottom: 13px;}

#renArea h2,
#renSearch h2,
#renCompany h2 {clear: both; margin-bottom: 5px;}

#areaLink {margin-bottom: 40px;}
#areaLink h2 {width: 455px; height: 17px; font-weight: bold; color: #fff; background:url(/img/area-bar01.png); padding: 4px 0 0 17px;}
#areaLink ul {margin-top: 15px;}
#areaLink li {background: url(/img/icon_arrow_02.gif) no-repeat; float: left; padding-left: 15px; padding-right: 13px;}

#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: 83%; 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;}
#renPrice02 {margin-bottom: 0;}
#renPrice02 h3 {font-size: 92%; width: 288px; height: 23px; color: #fff; background: url(/img/area-price.png); padding: 56px 0 0 10px; margin-bottom: 2px;}
#renPrice02 p {font-size: 83%; margin-bottom: 2px;}
#renPrice02 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;}

#passionBnr {margin-bottom: 13px; display: block;}
#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; margin-bottom:10px;}
#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;}

#hayawariBnr {margin: 10px 0 10px 0 ;}


/* 5: clearfix
======================================*/
#container:after,
#renArea:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
#container,
#renArea {display: inline-block;}

/* MacIE \*/ 
#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;}



/* drive �C�³*/

#drive h2{
	clear: both;
    margin-bottom: 5px;
	background:url("/img/area-bar01.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
    font-weight: bold;
    height: 17px;
    padding: 4px 0 0 17px;
    width: 455px;
}



#drive {width: 456px;
		height: 370px;
		margin-bottom:100px;
		}

#drive01 {
	clear: both;
	width: 460px;
	height: 100px;
	padding: 5px;
	background: url(/img/base_4.gif);
	margin-bottom: 10px;
}

#drive02 {
	clear: both;
	width: 460px;
	height: 90px;
	padding: 5px;
	margin-bottom: 10px;
	padding: 5px 5px 15px;
}

#drive03 {
	width: 460px;
	height: 95px;
	float: left;
	padding: 5px 5px 10px;
}

#drive04 {
	width: 460px;
	height: 95px;
	padding: 5px 5px 10px;
	margin-bottom:10px;
}

.drive_boxL {
	float: left;
	width: 120px;
	margin-right: 10px;
}



.drive_boxR {float: left; width: 320px; }
* html .drive_boxR { width: 300px }



.drive_boxR h4 {margin-bottom: 3px; font-weight: bold; font-size:12px;}

}
* html .drive_details p {
	width:310px;
}

.drive_details ul {
	width: 320px;
	margin-top: 5px;
	display:inline-block;
	float:left;
}
* html .drive_details ul {
	width: 300px;
}


.drive_details li {
	font-size: 11px;
	background: url(/img/yajirushi_3.gif) 0px -2px no-repeat;
	margin-right: 5px;
	padding-left:10px;
	float:left;
}

.drive_boxL2 {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.drive_boxR2 {float: left; width: 125px;}

.drive_boxR2 h4 {font-weight: bold; margin-bottom: 3px;}




#catch_title {
	border-left: 5px solid #12539D;
    color: #12539D;
    float: left;
    font-family: 'ƒqƒ‰ƒMƒmŠpƒS ProN W3','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    margin-right: 5px;
    text-indent: 5px;
    width: 430px;
}


/*ƒTƒCƒh�@ƒGƒŠƒA•ÊƒŒƒ“ƒ^ƒJ�[ŒŸ�õ */ 
#search-area{width: 295px; height:125px; margin-top: 10px; border: solid #B6B6B6 2px;}
#search-area h3 {color:#FFFFFF; font-weight: bold; padding: 2px 0 0 3px; background-color: #B6B6B6; width:292px; height: 20px; text-align:left;}
#serch-area-left{width: 155px; float:left;}
#serch-area-right{width: 100px; margin-right:40px; float:right;}
#search-area ul {padding: 0px 10px 10px 4px; margin-top: 8px; line-height: 1.0em;}
#search-area li {background: url(/img/icon_arrow_02.gif) no-repeat; float: left; padding: 0 10px 0 14px; margin-bottom:5px; line-height: 1.4em;}

/*�¶ƒTƒCƒh�@ƒoƒi�[ */
.bnr {
	margin-bottom:10px;
}

/*ƒpƒ“‚­‚¸ƒŠƒXƒg*/
#breadcrumb {margin:6px 0 10px 0;}

/* ‰EƒJƒ‰ƒ€PR˜g */

#special {
	margin-bottom:10px;
	border:2px solid #1460ba;
}

#special h3 {
	padding:6px 12px;
	background-color:#1460ba;
	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;
}