@import "font.css";
@import "layout.css";


/* @group head */
#head {
	position: relative;
	z-index: 2;
}

#top h1 {
	position: absolute;
	top: 0;
	top: -49px;
	margin-left: 21px;
	width: 170px;
	height: 120px;
	font-size: 0;
	line-height: 0;
}

#top #head {
	background: url(../images/top/pht_top.jpg) no-repeat;
	height: 289px;
	margin-bottom: 20px;
}

#top #head p#link-jp img {
	position: absolute;
	right: 24px;
	top: 8px;
	z-index: 2;
}

#top #head #txt-headlead {
	position: absolute;
	left: 219px;
	top: 47px;
	z-index: 1;
}

#head #mainFlash {
	position: absolute;
	left: 651px;
	top: 27px;
}

/*言語選択*/
/*
*html .lang-menu {
	float: none;
	position: relative;
	width: 910px;
	height: 289px;
}
*/

div.lang-menu ul {
	position: absolute;
	bottom: 0;
	right: 23px;
	width: 236px;
	height: 19px;
}

* html div.lang-menu ul {
	bottom: -1px;
}

div.lang-menu li {
	position: absolute;
	top: 0;
	width: 58px;
	height: 19px;
}

div.lang-menu li a {
	display: block;
	overflow: hidden;
	width: 58px;
	height: 19px;
}

div.lang-menu li a:hover {
	text-indent: -9999px;
}

div.lang-menu .nav1 {
	left: 0px;
	background: url(../images/top/lang_english_on.gif) no-repeat 0px 0px;
}

div.lang-menu .nav2 {
	left: 59px;
	background: url(../images/top/lang_kantai_on.gif) no-repeat 0px 0px;
}

div.lang-menu .nav3 {
	left: 118px;
	background: url(../images/top/lang_hantai_on.gif) no-repeat 0px 0px;
}
div.lang-menu .nav4 {
	left: 177px;
	background: url(../images/top/lang_hangul_on.gif) no-repeat 0px 0px;
}

/* @end */

#top h3 {
	/*color: #663300;*/
	/*font-weight: normal;*/
	/*font-size: 1.1em;*/
	/*font-family: "Gill Sans MT";*/
	/*letter-spacing: 1pt;*/
	/*margin-bottom: 5px;*/
}

#top #areaA {
	width: 626px;
	padding-right: 20px;
	float: left;
}

#top #areaA-top-contents {
	position: relative;
	width: 626px;
	height: 206px;
	background: url(../images/top/bg_top_slide.jpg) no-repeat;
	z-index: 1;
}

#top #areaA-top-contents h3 {
	position: absolute;
	left: 100px;
	top: 16px;
}

#top #areaA-top-contents h3 img {
	display: block;
	margin: 0;
	padding: 0;
}

#top #areaA-top-contents ul li.specialties {
	position: absolute;
	left: 36px;
	top: 63px;
}

#top #areaA-top-contents ul li.specialties p img {
	position: absolute;
	left: -10px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
}

#top #areaA-top-contents ul li.event {
	position: absolute;
	left: 187px;
	top: 63px;
}

#top #areaA-top-contents ul li.event p img {
	position: absolute;
	left: 33px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
}

#top #areaA-top-contents ul li.food {
	position: absolute;
	left: 337px;
	top: 63px;
}

#top #areaA-top-contents ul li.food p img {
	position: absolute;
	left: 35px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
}

#top #areaA-top-contents ul li.heritage {
	position: absolute;
	left: 484px;
	top: 63px;
}

#top #areaA-top-contents ul li.heritage p img {
	position: absolute;
	left: -6px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
}


#block-sub-contents {
	padding-top: 20px;
}
/*
#block-sub-contents .box-sub {
	background: #ffffff;
}
*/
#block-sub-contents .box-sub#sub-A {
	float: left;
	width: 181px;
	height: 170px;
	padding-top: 19px;
}

/*為替レート*/
#block-sub-contents .box-sub#sub-A h3.exratetitle {
	width: 181px;
	height: 23px;
}

#block-exchangerate-contents {
	display: block;
	float: left;
	width: 181px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #663300;
	border-bottom: 1px solid #c4baa9;
}

#block-exchangerate-contents li {
	float: left;
	width: 165px;
	padding: 7px 8px 5px 8px;
	line-height: 1.3;
	background: url(../images/top/bg_exchangerate.gif) no-repeat left top;
}

* html #block-exchangerate-contents li {
	padding: 9px 8px 0px 8px;
	line-height: 1.0;
}

#block-exchangerate-contents li span.exchange {
	width: 125px;
	float: left;
	display: block;
	text-align: left;
}

#block-exchangerate-contents li span.rate {
	width: 40px;
	float: right;
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 105%;
}

/*天気*/
#block-sub-contents .box-sub#sub-A h3.weathertitle {
	width: 181px;
	height: 34px;
	padding-top: 20px;
}

#block-weather-contents {
	display: block;
	float: left;
	width: 181px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #663300;
	border-bottom: 1px solid #c4baa9;
}

#block-weather-contents li {
	float: left;
	width: 165px;
	padding: 3px 8px 2px 8px;
	line-height: 1.3;
	background: url(../images/top/bg_exchangerate.gif) no-repeat left top;
}

* html #block-weather-contents li {
	padding: 3px 8px 0px 8px;
	line-height: 1.0;
}

#block-weather-contents li span.prefecture {
	width: 106px;
	float: left;
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 108%;
	padding-top: 6px;
}

* html #block-weather-contents li span.prefecture {
	padding-top: 7px;
}

#block-weather-contents li span.weather {
	float: left;
	display: block;
	text-align: right;
}

#block-weather-contents li span.temperature {
	width: 30px;
	float: right;
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 105%;
	color: #ada084;
	padding-top: 6px;
}

* html #block-weather-contents li span.temperature {
	padding-top: 7px;
}

#block-sub-contents .box-sub#sub-B {
	float: right;
	width: 425px;
	height: 399px;
}


#top #areaB {
	width: 245px;
	float: left;
}

#top #areaB #block-japanese-view {
	width: 243px;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
	margin-bottom: 10px;
}

#top #areaB #block-japanese-view .block-youtube {
	margin: 9px 9px 4px 9px;
}

#top #areaB #block-japanese-view .block-youtube {
	margin: 9px 9px 6px 9px;
}

#top #areaB #block-twitter {
	width: 245px;
	height: 239px;
	margin-bottom: 90px;
}

* html #top #areaB #block-twitter {
	margin-bottom: 10px;
}

#top #areaB #block-banner {
	width: 245px;
}

#top #areaB #block-banner ul li {
	float: left;
}

#top #areaB #block-banner ul li.banner-left {
	margin-right: 3px;
}


#block-schedule {
	clear: both;
	width: 900px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 6px 0 5px 8px;
}

#block-schedule p {
	float: left;
	padding: 20px 11px 22px 0;
}

#block-schedule ul {
	text-align: center;
}

#block-schedule ul li {
	display: inline;
	padding-right: 10px;
}

#block-schedule ul.second {
	text-align:  right;
	padding-top: 4px;
}

#block-schedule ul.second li {
	display: inline;
	padding-right: 10px;
}

#block-schedule ul.third {
	text-align: right;
	padding-top: 4px;

}

#block-schedule ul.third li {
	display: inline;
	padding-right: 10px;
}

.cruise-bn2011 {
	text-align:right;
	}

.sch-title-img01 {
	float:left;
	width:185px;
	margin:38px 0px 10px 0px;
	}

#block-contents {
	width: 891px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 9px;
}

#block-contents .clear {
	font-size: 0px;
	line-height: 0px;
}


/*新年度バナーBOX*/
.banner-box-ls {
	width:182px;
	margin:0px 0px 7px 0px;
	}