@charset \"UTF-8\";
/*
-----------------------------------------------
	Base Style
	Version: 4 FEB 2011
----------------------------------------------- */
html { background: #FFF;}
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family:\"ＭＳ Ｐゴシック\", \"MS PGothic\", \"メイリオ\", \"Meiryo\", verdana, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"Osaka\", Sans-Serif;
	line-height: 1.4;
}
/* IE6 base font */
* html body {
	font-family: \"ＭＳ Ｐゴシック\", \"MS PGothic\", Sans-Serif;
}
a:link		{ color: #333333; text-decoration: underline; border:none;}
a:visited	{ color: #333333; text-decoration: underline;}
a:hover		{ color: #006cb8; text-decoration: none;}
a:active	{ color: #333333; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container				{ width: 100%; background: url(../img/common/common_bg.gif) repeat-y center top;}
.container-inner		{}
.container-inner-inner	{ width: 100%; background: url(../img/common/header_bg.gif) repeat-x center top;}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width: 960px;
	height: 120px;
	margin: 0 auto;
	background: url(../img/common/header2.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
}

/* Logo */
.logo {
	width: 460px;
	height: 0px;
	padding: 100px 0 0 0;
	color: #333;
	font-size: 24px;
	text-decoration: none;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #333; text-decoration: none;}


/* Language nav */
.langnav {
	position: absolute;
	right: 25px;
	top: 5px;
	overflow: hidden;
}
.langnav div {
	padding-right: 5px;
	padding-left: 13px;
	background: url(../img/common/arrow.gif) no-repeat left center;
	font-size: 90%;
	line-height: 1.32;
	display: inline;
}
.langnav a { color: #333333; text-decoration: underline;}
.langnav a:hover { color: #333333; text-decoration: none;}


/* cnav */
.cnav				{}
.cnav ul			{ position: absolute; right:5px; top: 60px;}
.cnav ul li			{ margin-right:10px; float:left;}
.cnav ul li a		{ text-decoration: none;}
.cnav ul li a img	{ vertical-align: bottom;}


/* Font resize */
#fontresize {
	width: 100%;
	height: 22px;
	margin: 0 auto 10px;
	padding: 10px 0;
}
#fontresize-hd {
	width: 115px;
	height: 0;
	padding: 20px 0 0 0;
	background: url(../img/common/fontresize_hd.gif) no-repeat 0 0;
	float: left;
	overflow: hidden;
}
#fontresize ol {
	width: 100px;
	float: left;
	overflow: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
	width: 20px;
	height: 0;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
#fontresize-small	{ background-image: url(../img/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(../img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(../img/common/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span{ background-position: 0 20px;}


/*
-----------------------------------------------
	Nav
----------------------------------------------- */
.nav {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.nav ul {
	width: 961px;
	height: 55px;
	margin: 0 auto;
	padding: 0 5px;
	background: url(../img/common/nav.gif) no-repeat center top;
	font-size: 93%;
	line-height: 1.32;
}
.nav ul li {
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
}
.nav ul li a {
	width: 120px;
	height: 0;
	margin:0;
	padding: 55px 0 0 0;
	background: url(../img/common/nav3.png) no-repeat 0 0;
	color: #2a4461;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 55px;
	vertical-align: middle;
	display: block;
	overflow: hidden;
}

/* Nav default */
.nav .nav01 a { background-position:   -5px 0px;}
.nav .nav02 a { background-position: -125px 0px;}
.nav .nav03 a { background-position: -245px 0px;}
.nav .nav04 a { background-position: -365px 0px;}
.nav .nav05 a { background-position: -485px 0px;}
.nav .nav06 a { background-position: -605px 0px;}
.nav .nav07 a { background-position: -725px 0px;}
.nav .nav08 a { background-position: -845px 0px;}

/* Nav hover */
.nav .nav01 a:hover { background-position:   -5px -55px;}
.nav .nav02 a:hover { background-position: -125px -55px;}
.nav .nav03 a:hover { background-position: -245px -55px;}
.nav .nav04 a:hover { background-position: -365px -55px;}
.nav .nav05 a:hover { background-position: -485px -55px;}
.nav .nav06 a:hover { background-position: -605px -55px;}
.nav .nav07 a:hover { background-position: -725px -55px;}
.nav .nav08 a:hover { background-position: -845px -55px;}

/* Nav active */
#page-home		 .nav .nav01 a { background-position:   -5px -55px; cursor: default;}
#page-contents01 .nav .nav02 a { background-position: -125px -55px; cursor: default;}
#page-contents02 .nav .nav03 a { background-position: -245px -55px; cursor: default;}
#page-contents03 .nav .nav04 a { background-position: -365px -55px; cursor: default;}
#page-contents04 .nav .nav05 a { background-position: -485px -55px; cursor: default;}
#page-contents05 .nav .nav06 a { background-position: -605px -55px; cursor: default;}
#page-contents06 .nav .nav07 a { background-position: -725px -55px; cursor: default;}
#page-access	 .nav .nav08 a { background-position: -845px -55px; cursor: default;}

/*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
.main-photo { width: 100%; height: 320px; margin: 0 auto; text-align: center; overflow: hidden;}
.main-photo img { width: 960px; margin: 0 auto;}
.main-photo .show { width: 960px; height: 320px; margin: 0 auto; overflow: hidden;}

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs { width: 100%; margin: 0 auto 10px; overflow: hidden;}
.breadcrumbs ul { color: #888f7a; font-size: 93%; line-height: 1.32;}
.breadcrumbs ul li { display: inline;}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content { width: 930px; margin: 0 auto; padding: 10px 10px 0;}
.content-inner {}

.content h2 {
	height: 40px;
	padding:10px 0 0 5px;
	background: url(../img/common/hd.gif) no-repeat 0 0;
	color: #333333;
	font-size: 107%;
	font-weight: bold;
	line-height: 1.572;
}


/* Contents 3cols left-left/right */
.c-smx          {}
.c-smx .subcol  { width: 220px; float: left;  overflow: hidden; display:inline;}
.c-smx .wrapper { width: 700px; float: right; overflow: hidden;}
.c-smx .maincol { width: 460px; float: left;  overflow: hidden; margin-top: 10px; display: inline;}
.c-smx .xcol    { width: 220px; float: right; overflow: hidden; margin-top: 10px; display: inline;}

/* Contents 3cols right-left/right */
.c-xms          {}
.c-xms .subcol  { width: 220px; float: right; overflow: hidden;}
.c-xms .wrapper { width: 700px; float: left;  overflow: hidden;}
.c-xms .maincol { width: 460px; float: right; overflow: hidden; margin-top: 10px;}
.c-xms .xcol    { width: 220px; float: left;  overflow: hidden; margin-top: 10px;}

/* Contents 3cols left-left */
.c-sxm          {}
.c-sxm .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-sxm .wrapper { width: 700px; float: right; overflow: hidden;}
.c-sxm .maincol { width: 460px; float: right; overflow: hidden; margin-top: 10px;}
.c-sxm .xcol    { width: 220px; float: left;  overflow: hidden; margin-top: 10px;}

/* Contents 3cols right-right */
.c-mxs          {}
.c-mxs .subcol  { width: 220px; float: right; overflow: hidden;}
.c-mxs .wrapper { width: 700px; float: left;  overflow: hidden;}
.c-mxs .maincol { width: 460px; float: left;  overflow: hidden; margin-top: 10px;}
.c-mxs .xcol    { width: 220px; float: right; overflow: hidden; margin-top: 10px;}

/* Contents 2cols left */
.c-sm           {}
.c-sm .subcol   { width: 220px; float: left;  overflow: hidden;}
.c-sm .wrapper  { width: 700px; float: right; overflow: hidden;}
.c-sm .maincol  { width: 700px;  overflow: hidden; margin-top: 10px;}
.c-sm .xcol     { display: none; overflow: hidden; margin-top: 10px;}

/* Contents 2cols right */
.c-ms           {}
.c-ms .subcol   { width: 220px; float: right; overflow: hidden;}
.c-ms .wrapper  { width: 700px; float: left;  overflow: hidden;}
.c-ms .maincol  { width: 700px;  overflow: hidden; margin-top: 10px;}
.c-ms .xcol     { display: none; overflow: hidden; margin-top: 10px;}

/* Contents 1col */
.c-m            {}
.c-m .subcol    { display: none;}
.c-m .wrapper   { width: 940px; overflow: hidden;}
.c-m .maincol   { width: 940px;  overflow: hidden; margin-top: 10px;}
.c-m .xcol      { display: none; overflow: hidden; margin-top: 10px;}


.column { width: 98%; margin:0; padding: 0 0 10px; clear: both;}
.column-inner { margin: 0; padding: 0;}
.column-inner h3 { color: #1c579d; font-size: 107%; font-weight: bold; line-height: 1.572;}
.column-inner p  { margin:0; padding:0; line-height:1.572;}
.column-inner span { margin: 0 0 15px; padding: 0; line-height: 1.572;}

.column-inner table {
	width:88%;
	margin-bottom: 10px;
	font-size: 93%;
	line-height: 1.42;
	border: solid #99c0e6;
	border-width: 1px 0 0 1px;
	border-collapse: separate;
	border-spacing: 0;
}
.column-inner table th,
.column-inner table td {
	padding: 4px 8px;
	border: solid #99c0e6;
	border-width: 0 1px 1px 0;
}
.column-inner table th {
	background:  #e7f3ff;
	color: #333;
	font-weight: bold;
}


/* Photos */
.photos {}
.photos-left { margin-right: 15px; float: left;}
.photos-right { margin-left: 15px; float: right;}
.photos-center { width: 100%;  text-align: center; margin-bottom: 5px;}

.photos-conformity  { margin: 0 auto;}
.photos-conformity-left  { margin: 0;}
.photos-conformity-right  { margin: 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { margin: 0 1px 0 0; padding: 0; float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; padding: 2px;}

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps { font-size: 77%; line-height: 1.32; padding-top: 2px; display: block;}


/* List */
.column-inner ul { margin: 0 0 0 2em; padding: 0;}
.column-inner ol { margin: 0 0 0 2em; padding: 0;}

.column-inner ul li { margin: 0; padding: 0; list-style: disc;}
.column-inner ol li { margin: 0; padding: 0; list-style: decimal;}

.squares,
.decimals,
.discs,
.circles { margin-left: 30px;}
.squares li  { list-style: square;}
.decimals li { list-style: decimal;}
.discs li    { list-style: disc;}
.circles li  { list-style: circle;}

/* Detail */
.plandetail  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity     { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-right { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

/* Arrow */
a.arrow { padding-left: 16px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}
a.arrow-external { padding-left: 16px; background: url(../img/common/arrow_external.gif) no-repeat 0 1px;}

/* Move */
.move { width: 100%; margin: 0 auto 20px; clear: both;}
.move ul { font-size: 85%; line-height: 1.32; text-align: right;}
.move ul li { display: inline;}
.move ul li a {
	color: #aaa;
	text-decoration: none;
	padding-left: 16px;
	background: url(../img/common/arrow_totop.gif) no-repeat left center;
	}
.move ul li a:hover { color: #5a604d; text-decoration: underline;}


/* Box end */
.clear { clear: both; overflow: hidden;}


/*
--------------------------------------------------
	Side Menu
-------------------------------------------------- */
#submenu { width: 100%; margin: 0 auto 15px; padding: 0;}
#submenu ul li.submenu-title { padding: 5px; background: #4b74a2; color: #FFF; font-size: 110%; font-weight: bold; text-align: center;}

#submenu ul		  { width: 100%;}
#submenu ul li		  { margin: 0; padding: 0; border: 1px solid #2b4663; border-bottom: none; background: #e7f2ff; color: #2a4461;}
#submenu ul li:last-child { border-bottom: 1px solid #2b4663;}
#submenu ul li a	  { margin: 0; padding: 5px 5px 5px 15px; text-decoration: none; color: #2a4461; display: block;}
#submenu ul li a:hover	  { color: #df9219; background: #FFF;}

#submenu ul li ul.sub	  { width: 100%;}
#submenu ul li ul.sub li  { margin: 0; padding: 0; border: none; background: #FFF; color: #2a4461;}
#submenu ul li ul.sub li a { margin: 0; padding: 5px 5px 5px 25px; text-decoration: none; color: #2a4461; display: block;}
#submenu ul li ul.sub li a:hover { color: #df9219; background: #FFF;}


/*
--------------------------------------------------
	Home
-------------------------------------------------- */
/* Recommend */
#recommends { padding-bottom: 20px;}
#recommends .column-inner { padding: 5px; border-bottom: 1px dotted #DDD; overflow: hidden;}
#recommends .column-inner h3 { margin-bottom: 5px; line-height: 1.42;}
#recommends .column-inner p  { margin-bottom: 5px; line-height: 1.42;}
#recommends hr { height:0px; border: 1px dotted #DDD;}
#recommends .mealtime		{ margin-bottom: 5px; padding: 3px 5px; color: #FFF; font-size: 80%; background-color: #006cb8; display: inline-block;}
#recommends .mealtime:after	{ clear: both;}

/* Restaurant */
#restaurant     { padding-bottom: 20px;}
#restaurant .column-inner    { padding: 5px; border-bottom: 1px dotted #DDD; overflow: hidden;}
#restaurant .column-inner h3 { margin-bottom: 5px; line-height: 1.42;}
#restaurant .column-inner p  { margin-bottom: 5px; line-height: 1.42;}
#restaurant hr     { height: 0px; border: 1px dotted #DDD;}
#restaurant .mealtime{ margin-bottom: 5px; padding: 3px 5px; color: #FFF; font-size: 80%; background-color: #006cb8; display: inline-block;}
#restaurant .mealtime:after{ clear: both;}

/* News */
#news { padding-bottom: 20px;}
#news .column-inner { padding: 5px; border-bottom: 1px dotted #DDD; overflow: hidden;}
#news .column-inner h3 { margin-bottom: 5px; line-height: 1.42;}
#news .column-inner p { margin-bottom: 5px; line-height: 1.42;}
#news hr { height:0px; border: 1px dotted #DDD;}

.more{ width: 100%; margin: 10px auto; font-size: 85%; line-height: 1.32; text-align: right; clear: both;}
.more a{ color: #aaaaaa; text-decoration: none; padding-left: 16px; background: url(../img/common/arrow2.gif) no-repeat left center;}
.more a:hover{ color: #5a604d; text-decoration: underline;}


/*
--------------------------------------------------
	Entries
-------------------------------------------------- */
#entries {}
#entries div.column{}

/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width: 100%;
	height: 40px;
	padding-bottom:15px;
	background: url(../img/home/tab_bg.gif) repeat-x 0 0;
	overflow: hidden;
}
ul.ui-tabs-nav li { float: left;}
ul.ui-tabs-nav li a {
	width: 150px;
	height: 0;
	padding-top: 40px;
	display: block;
	float: left;
	overflow: hidden;
	outline: none;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a{ background: url(../img/home/tab_recommend.gif) no-repeat 0 0;}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { background-position: 0 -40px;}
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a { background-position: 0 -80px;}

ul.ui-tabs-nav li#entries-tab-restaurant a{ background: url(../img/home/tab_restaurant.gif) no-repeat 0 0;}
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { background-position: 0 -40px;}
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a { background-position: 0 -80px;}

ul.ui-tabs-nav li#entries-tab-news a{ background: url(../img/home/tab_news.gif) no-repeat 0 0;}
ul.ui-tabs-nav li#entries-tab-news a:hover { background-position: 0 -40px;}
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a { background-position: 0 -80px;}


/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */
#sitemap {}
#sitemap .column-inner { padding: 15px 0 10px; border: none;}
#sitemap .column-inner ul { margin-left: 20px;}
#sitemap .column-inner ul li { padding-left: 15px; background: url(../img/common/arrow.gif) no-repeat 0 2px; list-style: none;}
#sitemap .column-inner ul li span { color: #aaa;}
#sitemap .column-inner ul li ul { font-size: 100%; margin-top: 10px;}
#sitemap .column-inner ul li ul li { margin-bottom: 3px;}


/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Online service
-------------------------------------------------- */
.onlineservice { width: 220px; margin: 0 0 15px 0; padding: 0 0 15px 0; background:url(../img/common/search_bg_footer.gif) no-repeat 0 bottom; line-height:1.75;}
.onlineservice-inner{ width: 220px; padding-top: 10px; background: url(../img/common/search_bg.gif) repeat-y center top;}

.onlineservice h3#hd_search{ height: 55px; background:url(../img/common/hd_search.gif) no-repeat 0 0; text-indent: -9999px;}
.onlineservice h3#hd_search_rest{ height: 55px; background:url(../img/common/hd_search_rest.gif) no-repeat 0 0; text-indent: -9999px;}
.onlineservice h4#shd_search{ height: 25px; background:url(../img/common/shd_search.gif) no-repeat 9px 0; text-indent: -9999px;}

.booking-search{ width: 180px; margin: 0 auto 10px;}
.booking-search .btns{ width: 100%; margin: 5px auto; text-align: center;}
.booking-search .button { width: 100%;}
.booking-search input,
.booking-search select{ margin: 0 0 5px;}
.booking-search select.selectbox{ margin-left: 5px;}

.booking-search .sept{ float: right;}

.booking-buttons ul,
.booking-links ul{ margin-left: 20px; margin-top: 10px; clear: both;}

.booking-buttons ul li{}
.booking-buttons ul li a{ width: 180px; height: 40px; margin-bottom: 5px; overflow: hidden; display: block; text-indent: -9999px;}

.booking-links ul li a{ padding-left: 15px; background: url(../img/common/arrow.gif) no-repeat left center;}

#booking_btn_plan { background:url(../img/common/btn_search01.gif) no-repeat 0 0;}
#booking_btn_available { background:url(../img/common/btn_search02.gif) no-repeat 0 0;}

/* 横長ver */
.onlineserviceY { width: 940px; margin: 5px auto; padding: 0 0 10px; background:url(../img/common/searchY_bg_footer.gif) no-repeat 0 bottom; color: #333; line-height:1.75;}
.onlineserviceY-inner { width: 940px; background: url(../img/common/searchY_bg.gif) repeat-y 0 0; padding: 10px 0;}

.onlineserviceY h3#hd_search { width:940px; height: 25px; background:url(../img/common/hd_searchY.gif) no-repeat 0 0; text-indent: -9999px;}
.onlineserviceY h3#hd_search_rest {  width:940px; height: 25px; background:url(../img/common/hd_searchY_rest.gif) no-repeat 0 0; text-indent: -9999px;}

.booking-searchY { width: 900px; margin: 0 auto 5px;}
.booking-searchY .btns { margin: 5px auto; text-align: center;}
.booking-searchY .button { width: 170px;}
.booking-searchY input,
.booking-searchY select { margin-right: 5px;}
.booking-searchY select.selectbox { margin-left: 5px;}


/*	Bestrate
-------------------------------------------------- */
.bestrate { width: 220px; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.bestrate p { text-align: center; padding-bottom: 10px;}
.bestrate ul { text-align: center;}
.bestrate ul li { padding-bottom: 5px;}
.bestrate img { vertical-align: bottom;}
.bestrate span { padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Banner
-------------------------------------------------- */
.banner { width: 220; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.banner p { text-align: center; padding-bottom: 10px;}
.banner ul { text-align: center;}
.banner ul li { padding-bottom: 5px;}
.banner img { vertical-align: bottom;}
.banner span { padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Mobile
-------------------------------------------------- */
#mobile { width: 220px; margin: 0 auto 10px; overflow: hidden;}
#mobile-inner { padding: 5px 5px 0; border: 1px solid #c6c6c6; background: #f2f2f2;}
#mobile p { margin: 0 0 10px; font-size: 85%; line-height: 1.32;}
#mobile p#qrcode { text-align: center;}


/*
--------------------------------------------------
	Form
-------------------------------------------------- */
form {}
select { font-size: 13px; cursor: pointer;}
input[type=\"text\"] {
	height: 16px;
	padding: 2px;
	color: #333;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	border: 1px solid #aaa;
}
input[type=\"text\"]:focus { border: 1px solid #cc6600;}
input[type=\"button\"] { cursor: pointer;}
input[type=\"submit\"] { cursor: pointer;}
textarea {
	width: 98%;
	padding: 2px;
	color: #333;
	font-size: 13px;
	border: 1px solid #aaa;
	overflow: auto;
}
textarea:focus { border: 1px solid #cc6600;}
.inquiry-form .caps { margin: 10px 3px 0 3px; color: #FF0000; font-size: 0.8em; display: block;}


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer { width:100%; margin:0; padding:0; background: #2a4461 url(../img/common/footer_bg.gif) repeat-x 0 0; color:#ceced4; font-size:0.85em; text-align:center; clear: both;}
.footer-inner {}

/* Information */
.information    { width: 940px; margin: 0 auto; padding: 20px 40px 0; background:url(../img/common/footermain_bg.gif) no-repeat 0 0; color:#ceced4; text-align:left; overflow: hidden;}
.information h3 { margin-bottom: 5px; font-weight: bold; line-height: 1.572;}
.information h4 { margin-bottom: 5px; font-weight: bold; line-height: 1.32;}
.information p  { line-height: 1.42;}
.information ul { line-height: 1.42;}
.information ul li {
	margin-bottom: 1px;
	padding-left: 13px;
	background: url(../img/common/arrow.gif) no-repeat left center;
}
.information div.information-photo    { padding: 10px; float: left;}
.information div.information-access   { padding: 10px; float: left;}
.information div.information-access p { margin-bottom: 5px;}
.information div.information-read   { padding: 10px; overflow: hidden;}
.information div.information-read p { margin-bottom: 5px;}

/* fnav */
.fnav { width: 100%; background: #2a4461;}
.fnav-inner   { width: 960px; margin: 0 auto; padding:10px 0 15px;}
.fnav ul      { padding: 5px 0 0 0;}
.fnav ul li   { padding: 0 10px; border-right: 1px solid #ceced4; display: inline;}
.fnav ul li a { color: #ceced4;}
.fnav ul li a:hover { color: #ceced4;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child{ border: none;}

/* Copyright */
.copyright   { width: 100%; background: #1f2024;}
.copyright p { width: 960px; margin: 0 auto; padding:10px 0;}
.copyright a { color: #ceced4;}
.copyright a:hover { color: #ceced4;}


/*
--------------------------------------------------
	Gallery
-------------------------------------------------- */
.column-inner { padding: 15px 0 5px; border: none;}
ul.galleries { width: 721px; font-size: 73%; line-height: 1.32; overflow: hidden;}
ul.galleries li { width: 120px; float: left; overflow: hidden; list-style: none;}
ul.galleries li a { outline: none;}
ul.galleries li img { display: block;}
ul.galleries li span.caps {
	width: 110px;
	font-size: 100%;
	text-align: center;
	padding: 0 5px;
	display: block;
}


/*
--------------------------------------------------
	Image Surfing Style
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall { width:164px; height:auto; text-align:center; overflow: hidden;}
.imagesurfingsmall ul { width:160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left;}
.imagesurfingsmall ul li a {
	width: 40px;
	height: 30px;
	border:none;
	border-bottom: 4px solid #eee;
	display: block;
	float: left;
	outline: none;
	overflow: hidden;
}
.imagesurfingsmall img { width:auto; height:120px; text-align:center; vertical-align: bottom;}
.imagesurfingsmall ul li img { width:39px; height:29px; margin:0; padding:0; background:#FFF; border-right:1px solid #FFF;}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom: 4px solid #E76200;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin: 0 !important;
	padding: 3px 0;
	font-size: 10px;
	line-height: 1.2;
}


/* Normal-220px */
.imagesurfingnormal { width:224px; height:auto; text-align:center; overflow: hidden;}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width: 55px;
	height: 42px;
	border:none;
	border-bottom: 4px solid #eee;
	display: block;
	float: left;
	outline: none;
	overflow: hidden;
}
.imagesurfingnormal img { width:auto; height:165px; text-align:center; vertical-align: bottom;}
.imagesurfingnormal ul li img { width:54px; height:41px; margin:0; padding:0; background:#FFF; border-right:1px solid #FFF;}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom: 4px solid #E76200;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin: 0 !important;
	padding: 3px 0;
	font-size: 10px;
	line-height: 1.2;
}


/* Large-280px */
.imagesurfinglarge { width:284px; height:auto; text-align:center; overflow: hidden;}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width: 70px;
	height: 53px;
	border:none;
	border-bottom: 4px solid #eee;
	display: block;
	float: left;
	outline: none;
	overflow: hidden;
}
.imagesurfinglarge img { width:auto; height:210px; text-align:center; vertical-align: bottom;}
.imagesurfinglarge ul li img { width:69px; height:52px; margin:0; padding:0; background:#FFF; border-right:1px solid #FFF;}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom: 4px solid #E76200;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin: 0 !important;
	padding: 3px 0;
	font-size: 10px;
	line-height: 1.2;
}


/*
--------------------------------------------------
	Hacks...
	We hope that we don\'t have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body .subcol,
	html>/**/body .wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
}

/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	.entry p { _margin-bottom: 0; _padding-bottom: 10px;}
	.information { _margin-bottom: 10px;}
}