@charset "UTF-8";
/* index

	- body
	- wrapper
	- header
	- content
	- footer
	- line
	- assist
	- font
	- map

----------------------------------------------- */


/* body
----------------------------------------------- */
body {
margin:0;
padding:0;
background-color:#fff;
text-align:center;
}


/* wrapper
----------------------------------------------- */
#wrapper {
width:800px;
margin:0 auto;
padding:0;
background-color:#fff;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
text-align:left;
}


/* header
----------------------------------------------- */
#header {
float:left;
width:800px;
margin:0;
padding:0 0 10px;
background-color:#fff;
border-bottom:3px double #eaeaea;
font-size:12px;
line-height:150%;
}

#header #headerTop {
float:left;
width:780px;
margin:0 0 10px;
padding:0 10px;
background-color:#eaeaea;
}
#header #headerTop p#catch {
float:left;
line-height:20px;
}
#header #headerTop ul.bookmark {
float:right;
margin:0;
padding:0;
}
#header #headerTop ul.bookmark li {
float:left;
margin-right:5px;
list-style-type:none;
list-style-position: outside;
}

#header #headerLeft {
float:left;
width:200px;
margin:0;
padding: 0 0 0 10px;
}
#header #headerLeft p.logo {
margin:0;
padding:0;
width:200px;
height:64px;
}
#header #headerLeft p#date {margin-top: 5px;}

#header #headerRight {
float:right;
width:570px;
margin:0;
padding:0 10px 0 0;
}
#header #headerRight #qr {
float:right;
width:220px;
margin:0 0 0 10px;
padding:10px;
border:5px solid #eaeaea;
}
#header #headerRight #qr img {float:right;}
#header #headerRight #qr p {}
#header #headerRight #qr span {color:#DD5D0F;}
#header #headerRight dl#news {
float: right;
width:273px;
margin:0;
padding:10px 10px 5px;
border:1px solid #eaeaea;
}
#header #headerRight dl#news dt {
clear:both;
float:left;
margin-bottom:5px;
padding-bottom:5px;
width:5em;
}
#header #headerRight dl#news dd {
margin-left:4em;
margin-bottom:5px;
padding-bottom:5px;
}


/* content
----------------------------------------------- */
#content {
float:left;
width:780px;
margin:0;
padding:10px;
background-color:#fff;
border-bottom:3px double #eaeaea;
font-size:12px;
line-height:150%;
}

#content #result,
#content #detail {
float:left;
width:760px;
margin:0 0 10px;
padding:10px;
}
#content #detail h2 {display:none;}

#content .box01 {
float:left;
width:750px;
margin:0 0 10px;
padding:5px;
}

#content .box02 {
float:right;
width:540px;
margin:0 0 10px;
padding:0;
}
#content .box02 dl {
margin:0;
padding:0;
}
#content .box02 dt {
clear:both;
float:left;
margin-bottom:5px;
padding-bottom:5px;
width:12em;
font-weight:bold;
}
#content .box02 dd {
margin-left:12em;
margin-bottom:5px;
padding-bottom:5px;
}

#content .box03 {
float:left;
width:533px;
margin:0;
padding:5px 0 5px 5px;
border:1px solid #eaeaea;
}
#content .box03 .item {
float:left;
width:172px;
margin:0 5px 0 0; 
padding:0; 
}
#content .box03 .item img {
float:left;
margin-right:5px;
}

#content #search {
clear:both;
width:760px;
margin:0 0 10px;
padding:10px 7px;
border:3px solid #DD5D0F;
}
#content #search li span.select {
font-weight:bold;
background-color:#eaeaea;
}
#content #search dl {
margin:0;
padding:0;
}
#content #search dt {
float:left;
margin-bottom:5px;
padding:0 5px;
width:15em;
background-color:#DD5D0F;
text-align:center;
line-height:20px;
color:#fff;
font-weight:bold;
}
#content #search dd {
margin-left:17em;
margin-bottom:5px;
padding:0 5px 5px;
}
#content #search dd.inner dt {
width:10em;
padding:0;
background-color:#fff;
text-align:left;
line-height:normal;
color:#000;
}
#content #search dd.inner dd {
margin-left:10em;
}
#content #search dd.inner ul {
margin:0;
padding:0;
}
#content #search dd.inner li {
float:left;
padding-bottom:5px;
list-style-type:none;
list-style-position: outside;
}
* html #content #search dd.inner li {/* for IE6 */
float:none;
display:inline;
}
*:first-child+html #content #search dd.inner li {/* for IE7 */
float:none;
display:inline;
}
#content #search .searchSpread {
width: auto;
margin:0 0 20px;
padding:5px;
background-color:#eaeaea;
position:relative;
}
#content #search .searchSpread span.close {
color: #727272;
position:absolute;  
top:5px; 
right:5px;
}
#content #search .searchSpread span.close a:link,
#content #search .searchSpread span.close a:visited {
color:#727272;
text-decoration:none;
}
#content #search .searchSpread span.close a:hover,
#content #search .searchSpread span.close a:active {
color:#000;
text-decoration:none;
}
#content #search .searchSpread dt {
float:none !important;
width:auto !important;
background-color:#eaeaea !important;
font-weight:bold !important;
}
#content #search .searchSpread dd {
margin-left:0 !important;
background-color:#eaeaea !important;
}
#content #search .searchSpread dd dt {
float:left !important;
width:5em !important;
font-weight:normal !important;
line-height:normal !important;
}
#content #search .searchSpread dd dd {
margin-left:5em !important;
}
#content #search .keyword {
margin:5px 0 0 !important;
padding:5px 5px 0 !important;
border:2px solid #eaeaea;
}
#content #search .keyword dt {
width:14em !important;
}
#content #search .keyword dd {
margin-left:14em !important;
}
/*clearfix*/
#content #search dl,
#content #search ul {zoom: 100%;}/* for IE */
#content #search dl:after,
#content #search ul:after {
content: "";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#content #pickup {
clear:both;
float:left;
margin:0 0 10px;
padding:10px;
width:760px;
}
#content #pickup ul {
margin:0 5px;
padding:0;
}
#content #pickup li {
float:left;
padding-bottom:5px;
list-style-type:none;
list-style-position: outside;
}
* html #content #pickup li {/* for IE6 */
float:none;
display:inline;
}
*:first-child+html #content #pickup li {/* for IE7 */
float:none;
display:inline;
}

#content .pankuzu {
display:block;/*test*/
width:770px;
margin:0;
padding:0 5px;
line-height:20px;
}
#content .criteria{
float:left;
width:738px;
margin:0 0 10px;
padding:10px;
border:1px solid #eaeaea;
}
#content .criteria p {
text-align:right;
}
#content .criteria ul {
margin:0;
padding:0;
}
#content .criteria li {
float:left;
padding-bottom:5px;
list-style-type:none;
list-style-position: outside;
}
* html #content .criteria li {/* for IE6 */
float:none;
display:inline;
}
*:first-child+html #content .criteria li {/* for IE7 */
float:none;
display:inline;
}

#content p.switch {
padding-right:10px;
text-align:right;
}
#content p.switch span.select {
font-weight:bold;
}
#content #detail p.switch {
margin-top:-19px;
}


/* footer
----------------------------------------------- */
#footer {
clear:both;
margin:0;
padding:0;
width:800px;
text-align:center;
font-size:12px;
line-height:150%;
}
#footer #area,
#footer #link {
float:left;
margin:0;
padding:10px;
width:780px;
border-bottom:3px double #eaeaea;
}
#footer #information {
clear:both;
margin:0;
padding:10px;
width:780px;
}

#footer #area ul,
#footer #link ul,
#footer #information ul {
display:inline;
margin:0;
padding:0;
}
#footer #area li,
#footer #link li,
#footer #information li {
display:inline;
list-style-type:none;
list-style-position: outside;
}
#footer #information p#copyright {
margin:5px 0;
padding:0;
}


/* assist
----------------------------------------------- */
.al-left {text-align: left !important;}
.al-center {text-align: center !important;}
.al-right {text-align: right !important;}

.clearing {
margin:0;
padding:0;
clear:both;
}

img {
border:0; 
vertical-align:middle;
}

form {
display:inline;
margin:0;
padding:0;
}

table {
margin:0 0 10px;
border-collapse:collapse;
}
td {
padding:5px 10px;
border:1px #e3e3e3 solid;
vertical-align: top;
}
th {
padding:5px 10px;
border:1px #eaeaea solid;
vertical-align:top;
font-weight:normal;
text-align:left;
}


/* font
----------------------------------------------- */
h1 {
float:left;
font-size:12px;
line-height:20px;
font-weight:normal;
margin:0;
padding:0;
}

h2 {
clear:both;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background-color:#eaeaea;
}
h2.type2 {
/*color:#fff;
background-color:#ffcc00;*/
}
h2 span {
font-size:10px;
color:#727272;
margin-left:5px;
}

h3 {
clear:both;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background:url(/travel/img/bg_ttl.gif) repeat-x;
}

h4 {
clear:both;
font-size:12px;
line-height:20px;
color:#000;
margin:0;
padding:0 5px;
background:url(/travel/img/bg_ttl.gif) repeat-x;
}

p {
font-size:12px;
line-height:150%;
color:#000;
font-weight:normal;
margin:0;
padding:0;
}

a:link, a:visited {
color:#000;
text-decoration:underline;
}
a:hover, a:active {
color:#727272;
text-decoration:underline;
}


/* map
----------------------------------------------- */
#map {
width:620px;
height:auto;
margin:0 auto;
padding:0;
background-color:#fff;
text-align:left;
}
#map h1 {
clear:both;
float:none;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background-color:#eaeaea;
}
#map h2 {
clear:both;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background:url(/travel/img/bg_ttl.gif) repeat-x;
}
#map #detail {
width:600px;
margin:0;
padding:10px;
font-size:12px;
line-height:150%;
}
#map .box01 {
width:600px;
margin:0;
padding:0;
}
#map .box02 {
width:600px;
margin:10px 0;
padding:0;
}
#map .box02 dl {
margin:0;
padding:0;
}
#map .box02 dt {
clear:both;
float:left;
margin-bottom:5px;
padding:0;
width:12em;
font-weight:bold;
}
#map .box02 dd {
margin-left:12em;
margin-bottom:5px;
}
#map p#copyright {
margin:5px 0;
padding:0;
text-align:center;
}

/* gurume_dialog
----------------------------------------------- */
#gurume_dialog {
width:620px;
height:auto;
margin:0 auto;
padding:0;
background-color:#fff;
text-align:left;
}
#gurume_dialog h1 {
clear:both;
float:none;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background-color:#eaeaea;
}
#gurume_dialog h2 {
clear:both;
font-size:12px;
line-height:24px;
color:#000;
margin:0 0 10px;
padding:0 5px;
background:url(/travel/img/bg_ttl.gif) repeat-x;
}
#gurume_dialog {
width:600px;
margin:0;
padding:10px;
font-size:12px;
line-height:150%;
}
#gurume_dialog .box01 {
width:600px;
margin:0;
padding:0;
}
#gurume_dialog .box02 {
width:600px;
margin:10px 0;
padding:0;
}
#gurume_dialog .box02 dl {
margin:0;
padding:0;
}
#gurume_dialog .box02 dt {
clear:both;
float:left;
margin-bottom:5px;
padding:0;
width:12em;
font-weight:bold;
}
#gurume_dialog .box02 dd {
margin-left:12em;
margin-bottom:5px;
}
#gurume_dialog p#copyright {
margin:5px 0;
padding:0;
text-align:center;
}

#pager a, #pager a:visited {
font-size:100%;
text-align:center;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFEDA7 none repeat scroll 0 0;
border:1px solid #FFCD06;
color:#000000;
padding:0 4px;
text-decoration:none;
}

#pager b {
border:1px solid #FFCD06;
color:#000000;
padding:0 4px;
}

#indexPager a, #indexPager a:visited {
font-size:100%;
text-align:center;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#000000;
padding:0 4px;
text-decoration:underline;
}

#indexPager b {
color:#000000;
padding:0 4px;
}

#gurume_pager a, #gurume_pager a:visited {
font-size:100%;
text-align:center;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFEDA7 none repeat scroll 0 0;
border:1px solid #FFCD06;
color:#000000;
padding:0 4px;
text-decoration:none;
}

#gurume_pager b {
border:1px solid #FFCD06;
color:#000000;
padding:0 4px;
}

a {
cursor:pointer;
text-decoration:underline;
}

a:hover {
color:#DD5D0F;
}