@charset "utf-8"

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

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

/* 
0.css初期化 */
body {
 background-color:#FFFFFF;
	font-style:normal;
	line-height:1.3;
	letter-spacing:normal;
	margin:0px;
	text-align:center;
	font-size:100%;
}

head,html,body,h1,h2,h3,h4,h5,div,span,p,ol,ul,li,img,strong,a,address {
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","sans-serif";
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,p,strong,span,div,ul,li,a,address{
	line-height:1.2;
	font-style:normal;
	margin-top: 0px;
	padding-top: 0px;
}


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

.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
	font-size:85%;
}

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


/*
03 ヘッダエリア */
#Header {
}

#Header .headpr a {
	display:block;
	margin-left:12px;
 border-style:solid;
	border-color:#495461;
	border-width:1px;
	color: #495461;
	text-decoration: none;
}
#Header .headpr a img{
 border:none;
	text-decoration:none;
}
#Header .headpr a:link  {
	color: #495461;
	border-color:#495461;
}
#Header .headpr a:visited {
	color: #666666;
	border-color:#666666;
	text-decoration: none;
}
#Header .headpr a:hover {
	color: #FF9900;
	border-color:#FF9900;
	text-decoration: underline;
}

#Header #headtext {
 display:block;
	text-align:center;
}

#Header #headtext .headtext2 {
 display:inline;
	font-size:13px;
 border:none;
	margin:0px;
	padding:0px;
}

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

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

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

#nav ul li,
#nav ul li a {
 float:left;
 text-indent:-9999px;
	border-color:#FFFFFF;
 display:block;
 width:90px;
 height:32px;
	/* 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 {
	clear:both;
	margin-top:7px;
	width:720px;
	margin-bottom: 0px;
}

/* 
3.左欄部分 */

#ContLeft {
	vertical-align:top;
	margin-bottom:0px;
	margin-top:0px;
	color: #666666;
}

/* リンクを変化させる
#ContLeft a{
	color: #495461;
	text-decoration: none;
}

#ContLeft a:link {
	color: #495461;
}
#ContLeft a:visited {
	color: #666666;
	text-decoration: none;
}
#ContLeft a:hover {
	color: #FF9900;
	text-decoration: underline;
}
 */

/* 
左欄部分 .mainT */
#ContLeft .mainT {
 width:570px;
	margin-top:7px;
	margin-right:3px;
}

#ContLeft .mainT table{
	text-align:left;
}

/* 
左欄部分 #category */
#ContLeft #category {
 margin-top:0px;
 text-align:left;
}

#ContLeft div#category table {
 width:570px;
	border-width:2px;
	border-style:solid;
	border-color:#CCCCCC;
	padding:0px;
}

#ContLeft #category table td#caTleft{
 width:310px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#CCCCCC;
	border-collapse:collapse;
}
#ContLeft #category table td#caTleft h2 {
 font-size:13px;
	color:#666666;
}

#ContLeft #category table td#caTleft p#caLeftP {
 font-size:13px;
	color:#666666;
	margin-top:0px;
	margin-bottom:0px;
}

#ContLeft #category table td#caTright{
 width:268px;
	margin-right:0px;
	padding-top:7px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:7px;
	text-align:center;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#CCCCCC;
	border-collapse:collapse;
	vertical-align:middle;
}

#ContLeft #category table td#caTright embed{
 width:260px;
}

/*  
4.左欄部分 ページ中央ＰＲバナー #banatop */
#ContLeft #banatop {
 width:565px;
	text-align:center;
	margin-top:7px;
}

/* 
4.左欄部分 パンくず #path  */
#ContLeft #path {
 text-align:left;
	padding-left:8px;
	margin-top:7px;
	width:555px;
	font-size:87%;
}

#ContLeft #path {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#ContLeft #path li {
	display:inline;
	line-height:1.1;
	list-style-type:none;
}
#ContLeft #path li a {
	padding-right:15px;
	background:url(../../top_image2/pan_path.gif) no-repeat right center;
}

/* 
4.左欄部分 #mainBox */
#ContLeft #mainBox{
 text-align:center;
}

#ContLeft #mainBox table{
	margin-left:auto;
	margin-right:auto;
}


/* 
4.左欄部分 注意書き #attention */
#ContLeft 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;
}
h2#comment {
 font-size:23px;
}



/*
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;
	border:none;
}

#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 ul{
	width: 120px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
#ContRight .area01 li{
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../../top_image2/top_b_arrow2.gif);
	padding-left: 5px;
	vertical-align: middle;
	height: 20px;
	font-size: 12px;
}
#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;
}

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

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


/* 
9.右欄部分 お問合せ */
#inqBn {
 margin:20px 0px 0px 0px;
	padding:0px;
}

#inq {
	width: 120px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-left:0px;
	margin-top:0px;
	margin-left: 0px;
}

#inq li {
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../../top_image2/top_b_arrow2.gif);
	padding-left: 5px;
	vertical-align: middle;
	margin-left:0px;
	height: 20px;
	font-size: 12px;
}

/*
フッター */
#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;
}