@charset "utf-8"

/*
目次
1.フォントスタイルの設定
2.メインテーブルの設定
3.右スペース（更新情報などが入ってる右袖の左側部分のスペース）の設定
4.右袖のエリア設定
5.メイン広告エリア
6.右袖の更新情報エリア設定
7.右袖内の人気コンテンツエリア設定
8.テンプレート広告バナーに載せる文字のスタイル
*/

/* 
更新日 070618
更新者 島袋 学
 */


/* 
1.フォントスタイルの設定 */

/* 
フォントファミリの設定 */
a,font,strong,td,b,h1,h2,h3 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","sans-serif";
}

.new_top,
.new_top2,
.new_top3,
.new_big,
.new_top4,
.event_matsuri,
.news_font01 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","sans-serif";
}

/* 
フォントスタイル設定 */
.new_top {
font-size:12px;
font-style:normal;
line-height:123%;
letter-spacing:normal;
}

.new_top2 {
font-size:11px;
font-style:normal;
line-height:150%;
}

.new_top3 {
font-size: 14px;
font-style: normal;
line-height: 120%;
font-weight: bold;
}

.new_big {
font-size: 16px;
font-style: normal;
line-height: 120%;
font-weight: bold;
}

.new_top4 {
font-size:11px;
font-style:normal;line-height:115%;
font-weight: normal;
}

.event_matsuri {
font-size: 30px;font-style: normal;
line-height:120%;
font-weight: 900;
letter-spacing:5px;
text-indent:10px;
}

.news_font01 {
font-size:18px;
font-style:normal;
line-height:150%;
font-weight:600;
background-color:#FFFF33;
letter-spacing:10px;
}

h1 {
	margin-bottom:0px;
	margin-top:0px
}
h2 {
    font-weight: normal;
	margin-bottom:0px;
	margin-top:0px
}
h3 {
    font-weight: normal;
 	font-size: 10px;
	margin-bottom:0px;
	margin-top:0px
}
.style1 {font-size: 11px}

/*
1.
wrap、bodyの設定
*/
body {
 background-color:#FFFFFF;
	font-style:normal;
	line-height:1.3;
	letter-spacing:normal;
	margin:0px;
	text-align:center;
}

#wrap {
	width:720px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	margin-top:7px;
	padding:0px;
	text-align:left;
}


/*
2.ナビゲーションバーの設定 */

#nav {
 margin:0px;
}

#nav ul{
 margin-left:0px;
	margin-right:0px;
	margin-top:7px;
	margin-bottom:7px;
	list-style-type:none;
	width:720px;
	height:32px;
	border:none;
	list-style-position:inside;
}


html > body #nav,
html > body #nav ul li a { /* for Safari +3px */
    height: 35px;
}

#nav ul li,
#nav ul li a {
	list-style-position:inside;
 float:left;
 text-indent:-9999px;
	border-color:#FFFFFF;
 display:block;
 width:90px;
 height:32px;
	list-style-type:none;
	/* MacIE以外に使用 */
	/*\*/
 overflow: hidden;
 /**/
}

#nav ul li#navLink1 a{
background:url(../../top_image2/bnr_navi/top_off.gif) no-repeat left top;
}

#nav ul li#navLink1 a:hover,
#nav ul li#navLink1 a:focus{
background:url(../../top_image2/bnr_navi/top_on.gif) no-repeat left top;
}

#nav ul li#navLink2 a{
background:url(../../top_image2/bnr_navi/news_off.gif) no-repeat left top;
}

#nav ul li#navLink2 a:hover,
#nav ul li#navLink2 a:focus{
background:url(../../top_image2/bnr_navi/news_on.gif) no-repeat left top;
}

#nav ul li#navLink3 a{
background:url(../../top_image2/bnr_navi/travel_off.gif) no-repeat left top;
}

#nav ul li#navLink3 a:hover,
#nav ul li#navLink3 a:focus{
background:url(../../top_image2/bnr_navi/travel_on.gif) no-repeat left top;
}

#nav ul li#navLink4 a{
background:url(../../top_image2/bnr_navi/nature_off.gif) no-repeat left top;
}

#nav ul li#navLink4 a:hover,
#nav ul li#navLink4 a:focus{
background:url(../../top_image2/bnr_navi/nature_on.gif) no-repeat left top;
}

#nav ul li#navLink5 a{
background:url(../../top_image2/bnr_navi/culture_off.gif) no-repeat left top;
}

#nav ul li#navLink5 a:hover,
#nav ul li#navLink5 a:focus{
background:url(../../top_image2/bnr_navi/culture_on.gif) no-repeat left top;
}

#nav ul li#navLink6 a{
background:url(../../top_image2/bnr_navi/music_off.gif) no-repeat left top;
}

#nav ul li#navLink6 a:hover,
#nav ul li#navLink6 a:focus{
background:url(../../top_image2/bnr_navi/music_on.gif) no-repeat left top;
}

#nav ul li#navLink7 a{
background:url(../../top_image2/bnr_navi/diving_off.gif) no-repeat left top;
}

#nav ul li#navLink7 a:hover,
#nav ul li#navLink7 a:focus{
background:url(../../top_image2/bnr_navi/diving_on.gif) no-repeat left top;
}

#nav ul li#navLink8 a{
background:url(../../top_image2/bnr_navi/beach_off.gif) no-repeat left top;
}

#nav ul li#navLink8 a:hover,
#nav ul li#navLink8 a:focus{
background:url(../../top_image2/bnr_navi/beach_on.gif) no-repeat left top;
}


/*
2.メインテーブルの設定 */
#mainTable {
	width:720px;
	margin-top: 7px;
}


/* 
4.左欄部分 注意書き #attention */
p#attention {
 color:#FF0000;
 margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:7px;
	font-size:13px;
	line-height:1.4;
	width:350px;
	border-style:solid;
	border-width:2px;
	border-color:#FF9900;
}


/*
3.右スペース（更新情報などが入ってる右袖の左側部分のスペース）の設定 */
#rightSpace {
    width:3px;
	height:100%;
	margin:0px;
	padding:0px;
}


/*
05 右欄部分 */
#ContRight {
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width:140px;
}

#ContRight p {
 margin:0px;
}

#ContRight p a{
	color: #495461;
}

#ContRight p a img {
 border:none;
}

#ContRight .area01 p{
 margin-top:0px;
	margin-bottom: 5px;
}


#ContRight a:link {
	color: #495461;
}
#ContRight a:visited {
	color: #666666;
	text-decoration: none;
}
#ContRight a:hover {
	color: #FF9900;
	text-decoration: underline;
}
#ContRight .area01 {
 margin-top:10px;
	background-color: #ffffd9;
	border: 1px solid #e3e3e3;
	padding-bottom:30px;
	padding-top:15px;
}

#ContRight .area01 div#inq2{
	width: 117px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align:center;
	margin:0px 10px;
	padding:3px 0px 7px 0px;
}
#ContRight .area01 div#inq2 p{
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	margin:0px 0px 0px 2px;
	line-height:1.5;
	padding:0px 0px 0px 20px;
	background-image: url(../../top_image2/top_b_arrow2.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#ContRight #area02 {
 margin-top:18px;
}

#ContRight #area02 p{
 margin-top:5px;
	margin-bottom:5px;
}

#ContRight .international {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#ContRight p a img#inqBtn {
 margin-top:25px;
}


/*
5.メイン広告エリア */
#Signboard{
    width:598px;
	border-collapse:collapse;
	border-width:2px;
	border-color:#CCCCCC;
}


/*
7.右欄内の人気コンテンツエリア設定 */
#hitContent {
    width:120px;
}

#hitContent td {
    margin:0px;
	padding:0px;
}
.hitContentTitle1 {
    margin-top:5px;
	margin-bottom:5px;
	padding-left:3px;
	padding-right:3px;
    font-size:11px;
	font-style:normal;
}
.hitContentTitle2 {
    margin-left:5px;
	font-size:11px;
	font-style:normal;
}


/* 
8.テンプレート広告バナーに載せる文字のスタイル */
.templateBanaStyle {
    font-size:12px;
    font-style:normal;
	font-weight:normal;
	line-height:120%;
	text-align:center;
	margin-top:1px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
}


/*
フッター */
#footer {
	text-align: center;
	vertical-align: top;
	width: 720px;
	font-size: 12px;
}
#footer a{
	color: #495461;
	text-decoration: none;
}
#footer a:link {
	color: #495461;
}
#footer a:visited {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #FF9900;
	text-decoration: underline;
}