@charset "utf-8";

/* 
目次
01 CSSの初期化
02 wrap
03 上部大バナーエリア
04 ナビゲーションバーエリア
05 左欄部分
06 右欄部分
07 フッター
 */

/* 
更新履歴
更新日 071003
更新者 島袋 学
"左欄のh3の中でリンクが入ったら左マージンが出来るように設定"
#ContLeft h3 a{
	margin-left:5px;
}
 */

/* 
01 css初期化 */
*{
}

body {
 background-color:#FFFFFF;
 font-size:62.5%;
 _font-size:62.5%;
 font-style:normal;
 line-height:1.3;
 letter-spacing:normal;
 margin:0px;
}

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

h1,h2,h3,h4,h5,p,stron
g,span,div,ul,li,a,address{
 color:#333333;
 line-height:1.3;
 font-style:normal;
}

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

/*
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;
 border:none;
	margin:0px;
	padding:0px;
}
/*
04 ナビゲーションバーエリア */
#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;
}



/*
03 上部大バナーエリア */
#ContTop {
 margin-top:7px;
	margin-bottom:10px;
}

#ContTop td{
	text-align: center;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}

#ContTop .bigbnr {
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #999999;
}
#ContTop .bnr {
 border-width:1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 5px;
	padding-bottom: 3px;
}

#ContTop .bnrhead{
	background-image: url(../top_image2/top_bnr_head.gif);
	background-repeat: no-repeat;
	height: 16px;
	font-size: 12px;
	text-align: left;
	padding-top: 2px;
	padding-left: 30px;
}
#ContTop .bnrhead2{
	background-image: url(../top_image2/top_bnr_head2.gif);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
}

/* 
トップページ CM動画　*/
#ContTop td#CMarea {
	border:none;
	border-style: none;
	text-align:left;
	padding-right:3px;
}

#ContTop #CMarea #CMmovie {
 border-style:solid;
	border-width:1px;
	border-color:#999999;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
}

#ContTop #CMarea h2 {
 font-size:0.65em;
	font-weight:bold;
	font-style:normal;
	margin-top:3px;
}

#ContTop #CMarea h2 p{
 text-align:center;
}



/*
04 左欄部分 */
#ContLeft {
	text-align: left;
}
#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;
}
#ContLeft .box01 a{
	color: #0580B9;
	text-decoration: none;
}
#ContLeft .box01 a:link {
	color: #0580B9;
}
#ContLeft .box01 a:visited {
	color: #0580B9;
	text-decoration: none;
}
#ContLeft .box01 a:hover {
	color: #FF9900;
	text-decoration: underline;
}

#ContLeft h3{
	font-size: 1.3em;
	font-weight: bold;
}
#ContLeft h3 a{
	margin-left:5px;
}
#ContLeft h4{
	font-size: 1.2em;
	font-weight: bold;
	color: #0580B9;
}
#ContLeft td{
	text-align: left;
	vertical-align: top;

}
#ContLeft .detail{
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #999999;
}
#ContLeft .time{
	font-weight: bold;
	color: #335E91;

}
#ContLeft .box01{
	text-align: left;
	vertical-align: middle;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FF8600;
	padding-left: 10px;
}
#ContLeft .box02{
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
}

/*
05 右欄部分 */
#ContRight {
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#ContRight a{
	color: #495461;
	text-decoration: none;
}

#ContRight a img {
 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 {
	background-color: #ffffd9;
	border: 1px solid #e3e3e3;
}
#ContRight .area01 p{
	margin-bottom: 5px;

}
#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 {
	text-align: left;
}
#ContRight .international {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#ContRight .hogen {
	background-color: #FFFFFF;
	border: 2px solid #5AB443;
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ContRight .hogendate {
	text-align: left;
	font-size: 13px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #666600;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;

}
#ContRight .hogentext {
	text-align: left;
	font-size: 12px;
	background-color: #5AB443;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;

}
#ContRight .hogentime {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #F5EBB6;
	padding: 2px;
	background-color: #5AB443;
}
#ContRight .hogentext a{
	color: #FFFFB9;
	text-decoration: underline;
}
#ContRight .hogentext a:link {
	color: #FFFFB9;
	text-decoration: underline;
}
#ContRight .hogentext a:visited {
	text-decoration: underline;
	color: #FFFFB9;
}
#ContRight .hogentext a:hover {
	color: #FF9900;
	text-decoration: underline;
}


/*
06 フッター */
#footer {
	text-align: center;
	vertical-align: top;
	width: 720px;
	font-size: 0.9em;
}
#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;
}