@charset "UTF-8";
@import url("reset.css");

body {
background-image: url(common/bg.gif);
background-repeat: repeat;
margin: 0px ;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#header {
width: 850px ;
margin: 0px auto ;
}
#headerlogo {
float: left ;
padding: 0px 0px 20px 0px ;
margin: 0px ;
width: 195px ;
}
#header_rightupper {
float: right ;
padding: 40px 0px 15px;
width: 429px ;
}

ul.menu  {
   margin:0;
   padding:0;
}
li.menu1, li.menu2, li.menu3, li.menu4, li.menu5, li.menu6 {
   float:left;
   text-indent:-9999px;
   overflow:hidden;
   list-style:none;
}
li.menu1 a {
   display:block;
   width:49px;
   height:20px;
}
li.menu2 a {
   display:block;
   width:88px;
   height:20px;
}
li.menu3 a {
   display:block;
   width:73px;
   height:20px;
}
li.menu4 a {
   display:block;
   width:74px;
   height:20px;
}
li.menu5 a {
   display:block;
   width:73px;
   height:20px;
}
li.menu6 a {
   display:block;
   width:71px;
   height:20px;
}
li.menu1 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) 0 0 no-repeat;
}
li.menu1 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) 0 -20px no-repeat;
}
li.menu2 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -49px 0 no-repeat;
}
li.menu2 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -49px -20px no-repeat;
}
li.menu3 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -137px 0 no-repeat;
}
li.menu3 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -137px -20px no-repeat;
}
li.menu4 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -210px 0 no-repeat;
}
li.menu4 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -210px -20px no-repeat;
}
li.menu5 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -284px 0 no-repeat;
}
li.menu5 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -284px -20px no-repeat;
}
li.menu6 a {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -357px 0 no-repeat;
}
li.menu6 a:hover {
   background:url(http://www.jpn-okinawa.com/img/navi_upper.gif) -357px -20px no-repeat;
}


ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}

ul.menu {
   display:inline-block;
}

* html ul.menu {
   height:1px;
}
ul.menu {
   display:block;
}


#maintopline, #mainbottomline {
margin: 0px auto ;
text-align: center ;
clear: both ;
padding: 0px ;
}
#mainbottomline {
margin: 0px auto 0px ;
}
#main {
background-color: #fffeee ;
width: 850px ;
margin: 0px auto ;
padding: 0px ;
}

#flash {
height: 320px ;
width: 540px ;
float: left ;
margin: 25px 0px 20px 25px ;
padding: 5px 0px 0px 0px ;

 display: inline;


}


#news {
/*height: 335px ;*/
width: 253px ;
float: right ;
margin: 10px 25px 20px 0px ;

 display: inline;
}
#newsboxp {
height:290px ;
}


/**/

#blogtable {border: none ; margin: 0px ; padding: 0px ; width: 245px ; }
.upprtd {height: 78px ; width: 74px ; text-align: left ; margin: 0px ; padding: 10px 0px 0px 5px ; vertical-align: top ; }
.bttmtd {padding: 10px 0px 0px 5px ; font-size: .7em ; margin: 0px ; color: #EB6100 ; line-height: 1.3em ; vertical-align: top ; }
.uddatemark {margin: 0px 5px 0px 0px ; }
.blogcntnt {padding: 3px 0px 0px 0px ; color: #EB6100 ; }
.uddate {color: #666 ; font-size: .8em ; vertical-align: top ; }
#weathercntrline {height: 3px ; padding: 0px 0px 0px 5px ;}
#weathertable {border: none ; margin: 0px ; padding: 0px ; }
#whatsnew_line {height: 4px ; }
#weathertd1 {padding: 15px 0px 0px 5px ; }
#weathertd2 {padding: 15px 0px 0px 3px ; }
/**/

#categories {
height: 150px ;
width: 800px ;
text-align: center ;
margin: 0px auto 0px ;
padding: 10px auto 20px ;
clear: both ;
background-image: url(img/top_cat_bg.gif) ;
background-repeat: no-repeat ;
}
img.catpic {
margin: 15px 7px 0px ;
}
#catbox {
margin: 0px auto 0px ;
width: 770px ;
}
.cattitle {
text-align: center ;
width: 154px ;
margin: 0px ;
float: left ;
font-size: .7em ;
color: #666 ;
}

.clrlft {
clear: left ;
}

#footerline {
clear: left ;
margin: 20px 0px 5px 25px ;
}
#footer {
width: 850px ;
margin: 0px auto 0px ;
padding: 10px 0px 0px 0px ;
font-size: .7em ;

background-color: #fffeee ;
/*background-color: #696 ;*/
}
#footerimgbox {
margin: 0px ;
/*padding: 0px 0px 15px 15px ;
width: 30% ;*/
font-size: .7em ;
float: left ;
background-color: #fffeee ;

padding: 0px 0px 15px 25px ;
width: 46% ;
}

/*20150316*/
#footerimgbox2 {
margin: 0px ;
font-size: .7em ;
float: left ;
background-color: #fffeee ;
padding: 0px 0px 15px 25px ;
width: 52% ;
}
#footerimgbox2 img {
margin: 0 7px 0 0;
}
#footer p {
width: 380px ;
font-size: 0.9em ;
color: #666464;
margin: 0px ;
float: left ;
}

/* under ID for website Before 20150401 */
#footer p img {
margin-top: 9px;
}

#bottom_logo {
z-index : 3;
top: -90px;
left: 342px;
position: relative ;
margin: 0px auto ;
width: 207px ;
}

/*20150316*/
#bottom_logo2 {
z-index : 3;
top: -90px;
left: 342px;
position: relative ;
margin: 0px auto ;
width: 211px ;
}


.titlescat {
text-align: center ;
width: 141px ;
margin: 0px ;
font-size: .7em ;
color: #666 ;
}
#fivecategories {
margin: 0 auto ;
padding: 0px ;
text-align: center ;

clear: both ;
}
#fivecategories img {
margin: 0px ;
padding: 0px ;
border: none ;
}
#ttltbl {
background-image: url(img/tblbg13.jpg) ;
background-repeat: no-repeat ;
}
#ttltbl td {
margin: 0px ;
padding: 5px 0px 10px ;
}
#ttltbl img {
margin: 0px ;
padding: 0px ;
}





#seethelist {margin: 0px ; padding: 0px ; list-style-type: none ; }
#seethelist li {text-indent: -9999px ; width: 98px ; height: 48px ; margin: 0px ; padding: 0px ; overflow: hidden; }
#seethelist a {border: none ; margin: 0 0 0 1px; padding: 0px ;
text-decoration: none ; display: block ; width: 98px ; height: 41px ;
background: url(http://www.jpn-okinawa.com/img/more_list3.gif) no-repeat 0 0 ; }

.entttltop {color: #EB6100 ; font-size: 1em ; padding: 2px ; }
.entttltop a {color: #EB6100 ; text-decoration: none ; padding: 2px ; }
.entttltop a:hover {color: #fff ; background-color: #f5ac60 ; text-decoration: underline ; }


.picthumb {height: 78px ; text-align: left ; margin: 0px ; padding: 10px 0px 0px 4px ; vertical-align: top ; }

.picthum { border: solid 2px #fffdff ; }
.picthumb a img { border: solid 2px #fffdff ; }
.picthumb a:hover img { border: solid 2px #F29600 ; }


/* for TOP page 20150316 */
h2.officetitle {
background-image: url("img/officeline.png");
background-repeat: no-repeat;
background-position: center;
text-align: center;
line-height: 0.5em;
margin: 1.5em 0;
}
h2.officetitle span{
font-size: 0.8em;
background-color: #E60012;
color: #ffffff;
padding: 0.1em 1em;
}
div.office {
width: 754px;
margin: 0 auto;
}
div.office dt {
font-size: 0.8em;
color: #666464;
}
div.office dd {
font-size: 0.7em;
color: #666464;
margin-left: 0em;
margin-bottom: 0.5em;
line-height: 1.4em;
}
dl.leftcol  {
float: left;
width: 375px;
margin: 0;
}
dl.rightcol  {
float: left;
width: 330px;
margin: 0 0 0 40px;
}

/* for header 20150316 */
#headerlogo2015 {
width: 215px;
float: left;
margin: 5px ;
padding: 5px 0;
}