@charset "utf-8";
/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		: general params
		: acronyms and abbreviations styles
	3: link setting

==========================================================
*/


/*
===== 1: universal reset =================================
*/

/*{
	margin:0;
	padding:0;
//}

/*
===== 2: body and base setting ===========================
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	line-height: 140%;
	color: #666666;
	background-image: url(../img/back_ground.gif);
	background-repeat: repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}


/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0px;
	display: block;
	margin: 0px;
}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*
===== 3: link setting ===========================
*/
a:link {
	color: #0D4BEE;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #0D4BEE;
}


a:hover {
	text-decoration: underline;
	color: #99CC33;
}

a:active {
	text-decoration: none;
}

#conteiner {
	background-image: url(../img/conteiner_back.gif);
	background-repeat: repeat-x;
	background-color: #EDF6FF;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}


.-----------------------HEADER{}

#header {
	background-image: url(../img/header-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header-top {
	padding: 0px;
}

#header-top-a {
	clear: left;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 12px;
	width: 420px;
	line-height: 0px;
	height: 24px;
}

#header-top-a h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 10px;
	padding-top: 5px;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
}

#header-top-b {
	float: left;
	font-size: 10px;
}

#font-navi {
	float: right;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
	line-height: 0px;
	font-size: 0px;
}

#header-root {
	font-size: 10px;
	line-height: 10px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 12px;
}

#header-navi {
	height: 56px;
	width: 948px;
	font-size: 80%;
	line-height: 80%;
	text-align: center;
	border: 1px solid #CCCCFF;
}


.menubar-----------------------{}

#menubar {
	background-image: url(../img/e-menubar.gif);
	height: 56px;
	width: 950px;
}

#menubar ul {
	padding: 0px;
}

#menubar li {
	display:inline;
	list-style-type:none;
}

#menubar li a {
	height:56px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/

#menubar li.menu01 a {
	background:url(../img/e-menubar.gif) no-repeat 0px 0px;
	width:73px;
}

#menubar li.menu02 a {
	background:url(../img/e-menubar.gif) no-repeat -73px 0px;
	width:162px;
}

#menubar li.menu03 a {
	background:url(../img/e-menubar.gif) no-repeat -235px 0px;
	width:64px;
}

#menubar li.menu04 a {
	background:url(../img/e-menubar.gif) no-repeat -299px 0px;
	width:85px;
}


#menubar li.menu05 a {
	background:url(../img/e-menubar.gif) no-repeat -384px 0px;
	width:144px;
}

#menubar li.menu06 a {
	background:url(../img/e-menubar.gif) no-repeat -528px 0px;
	width:143px;
}

#menubar li.menu07 a {
	background:url(../img/e-menubar.gif) no-repeat -671px 0px;
	width:140px;
}

#menubar li.menu08 a {
	background:url(../img/e-menubar.gif) no-repeat -0px 0px;
	width:0px;
}

/*------hover*/

#menubar li.menu01 a:hover {
	background:url(../img/e-menubar.gif) no-repeat 0px -56px;
	width:73px;
}

#menubar li.menu02 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -73px -56px;
	width:162px;
}

#menubar li.menu03 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -235px -56px;
	width:64px;
}

#menubar li.menu04 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -299px -56px;
	width:85px;
}

#menubar li.menu05 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -384px -56px;
	width:144px;
}

#menubar li.menu06 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -528px -56px;
	width:143px;
}

#menubar li.menu07 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -671px -56px;
	width:140px;
}

#menubar li.menu08 a:hover {
	background:url(../img/e-menubar.gif) no-repeat -0px -0px;
	width:0px;
}

/*------on*/

#menubar li.menu01_on a {
	background:url(../img/e-menubar.gif) no-repeat 0px -112px;
	width:73px;
}

#menubar li.menu02_on a {
	background:url(../img/e-menubar.gif) no-repeat -73px -112px;
	width:162px;
}

#menubar li.menu03_on a {
	background:url(../img/e-menubar.gif) no-repeat -235px -112px;
	width:64px;
}

#menubar li.menu04_on a {
	background:url(../img/e-menubar.gif) no-repeat -299px -112px;
	width:85px;
}

#menubar li.menu05_on a {
	background:url(../img/e-menubar.gif) no-repeat -384px -112px;
	width:144px;
}

#menubar li.menu06_on a {
	background:url(../img/e-menubar.gif) no-repeat -528px -112px;
	width:143px;
}

#menubar li.menu07_on a {
	background:url(../img/e-menubar.gif) no-repeat -671px -112px;
	width:140px;
}

#menubar li.menu08_on a {
	background:url(../img/e-menubar.gif) no-repeat -0px -0px;
	width:0px;
}

.-----------------------MAIN{}

#main {
	background-color: #FFFFFF;
	background-image: url(../img/page-base-back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 948px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B2CEE9;
	border-bottom-color: #B2CEE9;
	border-left-color: #B2CEE9;
	padding: 0px;
	height: auto;
}




#data_block {
	height: auto;
}

#data_right {
	clear: right;
	float: right;
	width: 360px;
}
#data_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	background-image: url(../img/page_midashi.gif);
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 17px;
	background-position: left center;
	padding-top: 15px;
}
#data_text {
	font-size: 90%;
}

#data_data {
	background-image: url(../img/page_data.gif);
	padding: 10px;
	background-repeat: repeat-x;
	font-size: 80%;
	line-height: 110%;
}



.line-height {
	vertical-align:middle;
	height:80px;
    width:1px;
}
.inner_image {
	vertical-align:middle;
	margin-left:-1px
}

#img-80-80 a:hover{
	background-color: #FFCC00;
}

#img-title {
	font-size: 60%;
	text-align: left;
	width: 88px;
	padding-top: 5px;
}

#pickup-left {
	clear: left;
	float: left;
	padding-top: 5px;
	line-height: 100%;
}

#pickup {
	float: left;
	padding-left: 8px;
	padding-top: 5px;
	line-height: 100%;
}

#title-new {
	background-image: url(../img/title-new.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.2em;
	width: 465px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 10px;
	background-position: center;
}

#title-info {
	background-image: url(../img/title-info.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.2em;
	width: 465px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 10px;
	background-position: center;
}

#title-event {
	background-image: url(../img/title-event.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.2em;
	width: 465px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 10px;
	background-position: center;
}

#title-more a {
	background-image: url(../img/title-more-a.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 58px;
	height: 14px;
}

#title-more a:hover {
	background-image: url(../img/title-more-a.gif);
}

#main-center-icon {
	float: left;
	padding: 5px;
	background-image: url(../img/icon-55-55.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 55px;
	width: 55px;
}

#main-center-text {
	float: right;
	padding: 5px;
	font-size: 80%;
	line-height: 120%;
	width: 390px;
}

#main-center-text h3 {
	font-size: 100%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: 0em;
	background-image: url(../img/link.gif);
	padding-left: 15px;
}

#main-center-eventlist ul {
	font-size: 80%;
	line-height: 140%;
	font-weight: bold;
	padding-bottom: 50px;
}

#main-center-eventlist li {
	background-image: url(../img/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.-----------------------LEFT{}

#main-left {
	clear: left;
	float: left;
	padding-top: 25px;
	padding-left: 17px;
	padding-bottom: 25px;
	padding-right: 17px;
	width: 180px;
}

#main-left ul {
	font-size: 80%;
	line-height: 100%;
}

#main-left li a {
	background-image: url(../img/btn-back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 15px;
	padding-bottom: 7px;
	padding-top: 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CDE4FE;
	border-bottom-color: #CDE4FE;
	border-left-color: #CDE4FE;
	background-color: #FFFFFF;
	padding-right: 15px;
	width: 148px;
	display: block;
}

#left-mobile {
	font-size: 10px;
	line-height: 14px;
	background-image: url(../img/mobile_bana.gif);
	background-repeat: no-repeat;
	padding-top: 53px;
	padding-left: 85px;
	padding-right: 10px;
	height: 100px;
	border: 1px solid #CCCCCC;
	width: 75px;
	background-color: #FFFFFF;
}

#main-left-bana {
	width: 170px;
	padding-bottom: 10px;
}

#btn_sight a {
	background-image: url(../img/b_01.gif);
	background-repeat: repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}

#btn_foods a {
	background-image: url(../img/b_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}

#btn_souvenirs a {
	background-image: url(../img/b_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}


#btn_festivals a {
	background-image: url(../img/b_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}

#btn_access a {
	background-image: url(../img/b_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}

#btn_basic a {
	background-image: url(../img/b_06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 138px;
	width: 180px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000px;
	display: block;
}


.-----------------------RIGHT{}

#bana {
	padding-bottom: 10px;
}


.-----------------------FOOTER{}

#footer {
	background-image: url(../img/footer-back.gif);
	background-repeat: repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B2CEE9;
	border-right-color: #B2CEE9;
	border-left-color: #B2CEE9;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
	height: 200px;
}

#footer-bana-left {
	clear: left;
	float: left;
	width: 650px;
}

#footer-bana-right {
	text-align: right;
	float: right;
	font-size: 80%;
}

#footer-add {
	float: left;
	width: 650px;
	font-size: 80%;
	line-height: 120%;
}

#footer-navi {
	text-align: right;
	float: right;
	font-size: 80%;
}


.-----------------------foods{}

#main-foods {
	float: right;
	width: 683px;
	padding-top: 50px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_foods.jpg);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
}
#foods_top_text {
	clear: left;
	float: left;
	width: 290px;
}
#foods_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-bottom: 17px;
	color: #FFFFFF;
}

#foods_img {
	background-image: url(../img/img_foods_waku.gif);
	background-repeat: no-repeat;
	padding: 5px;
	height: 214px;
	width: 285px;
	clear: left;
	float: left;
}


.-----------------------sightseeing{}

#main-sightseeing {
	float: right;
	width: 683px;
	padding-top: 200px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_site.jpg);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}

#page_sightseeing_img {
	background-image: url(../img/img_sightseeing_waku.gif);
	background-repeat: no-repeat;
	padding: 5px;
	height: 214px;
	width: 285px;
	clear: left;
	float: left;
}

#page_sightseeing_img_02 {
	background-image: url(../img/img__sightseeing_02.gif);
	background-repeat: no-repeat;
	height: 354px;
	width: 285px;
	clear: left;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.-----------------------souvenirs{}

#main-souvenirs {
	float: right;
	width: 683px;
	padding-top: 50px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_souvenirs.jpg);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}
#souvenirs_top_text {
	clear: left;
	float: left;
	width: 290px;
}
#souvenirs_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-bottom: 17px;
	color: #FFFFFF;
}

#souvenirs_img {
	clear: left;
	float: left;
}

.-----------------------festivals{}

#main-festivals {
	float: right;
	width: 683px;
	padding-top: 200px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_festivals.jpg);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}


#festivals_img {
	background-image: url(../img/img_festivals_waku.gif);
	background-repeat: no-repeat;
	padding: 5px;
	height: 214px;
	width: 285px;
	clear: left;
	float: left;
}



.-----------------------access{}

#main-access {
	float: right;
	width: 683px;
	padding-top: 200px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_access.jpg);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}

#page-title-access h2 {
	background-image: url(../img/page-title-access.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 95px;
	padding-left: 30px;
	height: 45px;
	width: 703px;
	font-size: 100%;
	color: #073D67;
	line-height: 100%;
	font-weight: normal;
}

#access-img {
	background-image: url(../img/img-access.jpg);
	height: 145px;
	width: 215px;
}
#access-map {
	background-color: #EEEFF0;
	border: 1px solid #EEFAFF;
}



.-----------------------BASIC-INFORMATION{}

#main-basicinfo {
	float: right;
	width: 683px;
	padding-top: 140px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/back_ground_basicinfo.gif);
	background-repeat: no-repeat;
	clear: right;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}



.-----------------------PARTS{}
#btn_up a {
	background-image: url(../img/up_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	height: 25px;
	display: block;
	width: 45px;
	text-align: left;
}



#sen-a {
	background-image: url(../img/sen-a.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 11px;
}

#sen-b {
	background-image: url(../img/sen-b.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 10px;
	clear: both;
}

#sen-c {
	background-image: url(../img/sen-a.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 21px;
}

#sen-d {
	background-image: url(../img/sen-a.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 16px;
	clear: both;
}

#sen-e {
	background-image: url(../img/sen-e.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 20px;
	clear: both;
}


#sen-f {
	background-image: url(../img/sen-b.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 25px;
	clear: both;
	text-align: right;
}

#space_5 {
	height: 5px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#space_10 {
	height: 10px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#space_15 {
	height: 15px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#space_20 {
	height: 20px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#space_25 {
	height: 25px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#space_30 {
	height: 30px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.form-180 {
		width: 180px;
}

.table-border {
	clear:both;
	background-color: #CCCCCC;
}

.table-back-b{
	background-color: #F6F6F6;
	vertical-align: top;
	text-align: center;
}

.table-back-a{
	background-color: #FAFAFA;
	vertical-align: top;
	text-align: center;
}

.table-td-blue {
	background-color: #CFF2FF;
	text-align: center;
}

.table-td-green {
	text-align: center;
	background-color: #D5FFA2;
}

.table-td-yellow {
	text-align: center;
	background-color: #FFCC00;
}

.-----------------------FONT{}


#link {
	background-image: url(../img/link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

.fsize-s {
	font-size: 80%;
	line-height: 140%;
}
.fsize-m {
	font-size: 100%;
	line-height: 140%;
}
.fsize-l {
	font-size: 140%;
	line-height: 200%;
}

.green {color: #128E01}
.red {color: #FF0000}
.orange {color: #FF6600}
.blue {color: #0000FF}
.navy {color: #000066}



.-----------------------HIGHSLIDE{}

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}