/*========================================================
	1: universal reset
	2: base setting
	3: top contents
========================================================*/


/* 1: universal reset
======================================*/
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; vertical-align:top;}



/* 2: base setting
======================================*/
body,table {font-size: small;}
body {text-align: center;}

h1,h2,h3,
h4,h5,h6 {font-size:100%; font-weight: lighter; margin: 0; padding: 0;}

.clear {
	clear: both;
}

/* 3: top contents
======================================*/
#wrapper {width: 780px; height: auto; text-align: left; margin: 0 auto;}

#container {
	width: 780px;
}

#maincontent {
	width: 540px;
	float: left;
}

#side {
	width: 220px;
	float: right;
}

/* «« maincontent «« */

/* title */
#title {height: 234px; margin-top: 14px;}

#title_c {width: 483px; float: left; margin-right: 5px;}

#logoList li {width: 24px; float: left; margin-right: 2px;}

#titleBox {width: 780px;}

#titleBoxL {
	float: left;
	width: 560px;
	height: 205px;
}

#titleBoxR {
	float: right;
	width: 220px;
	height: 205px;
}


/* rowprice */
#rowprice {width: 220px; height: 205px;}

#rowprice dl {
	height: 145px;
	background-color: #005A0B;
	padding: 7px 7px 8px;
}

#rowprice dt {
	float: left;
	width: 70px;
	height: 30px;
	margin-bottom: 6px;
}

#rowprice dd {
	color: #CC0000;
	font-weight: bold;
	font-family:"Times New Roman";
	font-style: italic;
	float: left;
	width: 136px;
	height: 30px;
	background-color: #fff;
	margin-bottom: 6px;
}

#rowprice dd a:link {font-size: 26px; color: #cc0000; text-decoration: none;}

#rowprice dd a:visited {font-size: 26px; color: #cc0000; text-decoration: none;}

#rowprice dd a:hover {font-size: 26px; color:#ff0000;}

.kakaku {
	font-size: 14px;
	font-style: normal;
	margin-left: 5px;
}
.kakaku2 {font-size: 14px; font-style: normal;}


/* search */
#search li {width: auto; float: left;}


/* condition */
#condition {margin-bottom: 8px;}

#condition dt {
	float: left;
	width: 100px;
	height: 20px;
	margin-right: 1px;
	background-color: #ddd;
	margin-bottom: 1px;
	font-size: 77%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}

#condition dd {
	float: left;
	width: 435px;
	height: 24px;
	background-color: #efefef;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 4px;
}

#condition {width: 540px;}

#serchBtn {
	width: 540px !important;
	height: 27px !important;
	background: url(/img/bg_03.gif) !important;
	text-align: center;
	padding-top: 7px;
	padding-left: 0 !important;
}


/* areaSearch */
#areaSearch {width: 265px; margin-right: 10px;}

#areaSearch_box {
	padding: 5px;
	border: 1px solid #C1D3FB;
	border-top: none;
	margin-bottom: 10px;
}

/* renCompany */
#renCompany {width: 265px;}

#renCompany_box {
	height: 320px;
	padding: 5px;
	border: 1px solid #C1D3FB;
	border-top: none;
	margin-bottom: 10px;
	line-height: 1em;
}

.companyList {
	width: 253px;
	height: 38px;
	margin-bottom: 5px;
	clear: both;
}

.companyList dt {
	float: left;
	width: 38px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.companyList dd {
	float: left;
	width: 205px;
	height: 38px;
}

.companyList dd h5 {
	width: 205px;
	margin-bottom: 2px;
	font-weight: bold;
}

.companyList2 {
	width: 253px;
	height: 14px;
	clear: both;
	margin-bottom: 5px;
}

.companyList2 dt {
	float: left;
	width: 123px;
	margin-bottom: 5px;
	font-size: 93%;
	font-weight: bold;
}

.companyList2 dd {width: auto; float: left; font-size: 93%;}


/* purpose */
#purpose {
	clear: both;
	width: 540px;
	height: 170px;
	text-align: center;
	margin-bottom: 8px;
}

#purposeList li {
	width: 175px;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
}


/* news */
#news {
	clear: both;
	width: 540px;
	height: 235px;
}

#news dt{
	float: left;
	width: 80px;
	vertical-align: middle;
	margin-top: 0.6em;
	margin-bottom: 10px;
	background: url(/img/yajirushi_3.gif) 62px no-repeat;
}

#news dd{
	float: left;
	width: 460px;
	margin-bottom: 10px;
}


/* drive */
#drive {width: 540px; height: 370px;}

#drive01 {
	clear: both;
	width: 530px;
	height: 100px;
	padding: 5px;
	background: url(/img/base_4.gif);
	margin-bottom: 10px;
}

#drive02 {
	clear: both;
	width: 530px;
	height: 90px;
	padding: 5px;
	margin-bottom: 5px;
}

#drive03 {
	width: 255px;
	height: 95px;
	float: left;
	padding: 5px;
	padding-bottom: 0;
}

#drive04 {
	width: 255px;
	height: 95px;
	float: left;
	padding: 5px;
	padding-bottom: 0;
}

.drive_boxL {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.drive_boxR {float: left; width: 400px;}

.drive_boxR h4 {margin-bottom: 3px; font-weight: bold;}

.drive_details p {
	float: left;
	width: 230px;
	margin-right: 10px;
}

.drive_details ul {
	float: left;
	width: 160px;
	margin-top: 3px;
}

.drive_details li {
	font-size: 92%;
	background: url(/img/yajirushi_3.gif) no-repeat;
	padding-left: 13px;
	margin-bottom: 5px;
}

.drive_boxL2 {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.drive_boxR2 {float: left; width: 125px;}

.drive_boxR2 h4 {font-weight: bold; margin-bottom: 3px;}


/* ««@side@«« */

.sideBox {
	border: 1px solid #ccc;
	padding: 5px;
	padding-bottom: 2px;
}

.sideBox li {background: url(/img/icon_arrow_02.gif) no-repeat; padding-left: 16px;}


/* bnr */
#bnr {clear: both; margin-bottom: 10px;}

#mobile {margin-bottom: 5px;}

#bnr02 {margin-bottom: 5px;}


/* renInfo */
#renInfo dt {
	width: 206px;
	height: 17px;
	background-color: #E0E0E0;
	padding-top: 3px;
	padding-left: 2px;
	margin-bottom: 4px;
}

#renInfo dd {
	width: 208px;
	line-height: 1.2em;
	margin-bottom: 7px;
}

#renInfo dd ul {margin-top: 3px;}

.infoSmall {
	font-size: 83%;
	line-height: 1.2em;
	margin-bottom: 2px;
}


/* option */
#option {margin-bottom: 10px;}

#option li {margin-bottom: 5px;}

#option li p {font-size: 83%;}

.text_s {font-size: 83%;}

.no_list {
	padding: 0 !important;
	background: none !important;
	font-size: 83%;
}

.no_border {border: none !important;}

.text_r {color: #FF0000;}


/* hotel */
#hotel {margin-bottom: 10px;}

#hotel li {margin-bottom: 5px;}


/* tour */
#tour {margin-bottom: 10px;}

#tour h4 {margin-bottom: 5px;}

#tour p {margin-bottom: 8px;}

#tour li p {margin-bottom: 5px; margin-top: 3px;}

#tour li {border-bottom: dashed 1px #ccc; margin-bottom: 7px;}

.list_b {
	font-size: 114%;
	background: url(/img/icon_arrow_pink02.gif) 0px 3px no-repeat !important;
	padding-bottom: 6px;
}


/* tabinchu */
#tabinchu h4 {margin-bottom: 4px;}

#tabinchu li {
	margin-bottom: 10px;
	background: none !important;
	padding-left: 0 !important;
}


/* limit */
#limit {margin-bottom: 10px;}

#limit h4 {margin: 0 0 4px 2px;}

#limit h5 {margin: 0 0 5px 2px;}

#limit li {margin-bottom: 5px;}




.sidemenu {
border-left:1px solid #67966E;
border-right:1px solid #67966E;
border-bottom:1px solid #67966E;
padding:5px;
margin:0px;
}

#headnews {text-align:center;margin:0 0 5px 0;}
#headnews ul li {display:block;float:left;margin:0 0 10px 15px;
		background: url(/img/headnews.gif) 0px 3px no-repeat;
		padding:0 0 0 12px;}

/* bnr */
#bnr {clear: both; margin-bottom: 10px;}
