/* CSS Document */
@charset "utf-8";

* html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}


/***********************************************/
/* Top Layout Divs                             */
/***********************************************/
.topBody {
width:802px;
margin:0px auto;
background:#FFF;
text-align:left;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.topContent {
width:800px;
margin:0px auto;
padding:0px auto;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
.topMain {
width:800px;
margin:0px auto;
background:#FFF;
text-align:left;
}
#topFlash {
width:800px;
float:left;
}
/***********************************************/
/* MENU                                        */
/***********************************************/
.menu {
position: relative;
margin: 0px auto;
width: 800px;
height: 93px;
text-align: left;
z-index: 0;
}
.menu ul{
position: relative;
width: 800px;
height: 93px;
background: url(../images/top/btn_bg.jpg) no-repeat;
background-position: 0px 0px;
z-index: 1;
}
.menu ul li{
position: absolute;
height: 70px;
width: 215px;
z-index: 2;
}
.menu ul li.btn01{
top: 5px;
left: 40px;
}
.menu ul li.btn02{
top: 5px;
left: 296px;
}
.menu ul li.btn03{
top: 5px;
left: 552px;
}
.menu li a:hover,
.menu li.active a {
background-position: 0px -70px !important;
}
.menu li a {
background-position: 0px 0px;
height: 70px;
text-indent: -999px;
overflow: hidden;
display: block;
}
.menu ul li.btn01 a{
background: url(../images/top/01_btn.jpg) no-repeat;
}
.menu ul li.btn02 a{
background: url(../images/top/02_btn.jpg) no-repeat;
}
.menu ul li.btn03 a{
background: url(../images/top/03_btn.jpg) no-repeat;
}

/***********************************************/
/* NEWS                            */
/***********************************************/
#topNews {
margin:10px 0px 0px 0px;
width:524px;
float:left;
border-top:3px solid #003366;
}
/***********************************************/
/* LINK                                        */
/***********************************************/
#topLink {
position: relative;
margin:10px 0px 0px 0px;
width:273px;
height: 135px;
float:right;
text-align: left;
z-index: 0;
border-top:3px solid #003366;
margin:10px 0px 0px 0px;
}
#topLink .bestwestern ul{
position: relative;
width:273px;
height: 135px;
background:url("../images/top/bestwestern.gif") no-repeat 13px 10px;
z-index: 1;
margin:0px 0px 0px 0px;
}
#topLink .bestwestern ul li{
position: absolute;
width: 60px;
height: 70px;
z-index: 2;
}
#topLink .bestwestern ul li.nagasaki{
top: 65px;
left: 5px;
}
#topLink .bestwestern ul li.takayama{
top: 65px;
left: 70px;
}
#topLink .bestwestern ul li.hirosaki{
top: 65px;
left: 135px;
}
#topLink .bestwestern ul li.development{
top: 65px;
left: 200px;
background:url("../images/top/development.png") no-repeat;
text-indent: -999px;
overflow: hidden;
display: block;
}
#topLink .bestwestern li a:hover,
#topLink .bestwestern li.active a {
background-position: 0px -70px !important;
}
#topLink .bestwestern li a {
background-position: 0px 0px;
height: 70px;
text-indent: -999px;
overflow: hidden;
display: block;
}
#topLink .bestwestern ul li.nagasaki a{
background:url("../images/top/nagasaki.png") no-repeat;
}
#topLink .bestwestern ul li.takayama a{
background:url("../images/top/takayama.png") no-repeat;
}
#topLink .bestwestern ul li.hirosaki a{
background:url("../images/top/hirosaki.png") no-repeat;
}

#topLink .besttext ul{
position: relative;
width:273px;
height: 110px;
z-index: 1;
margin:8px 0px 0px 0px;
}
#topLink .besttext ul li.addtext01{
position: absolute;
top: 0px;
left: 5px;
width: 268;
height: 25px;
z-index: 2;
}
#topLink .besttext ul li.addtext02{
position: absolute;
top: 30px;
left: 5px;
width: 268;
height: 18px;
z-index: 2;
}
#topLink .besttext ul li.addtext03{
position: absolute;
top: 85px;
left: 5px;
width: 268;
height: 12px;
z-index: 2;
}
.besttext span.f08{
font-size:9px;
line-height:120%;
}
.besttext span.f10{
font-size:10px;
line-height:160%;
}
/***********************************************/
/* NEWS LINK                                   */
/***********************************************/
#topNews h1,
#topLink h1 {
margin:0px 0px 10px 0px;
padding:4px 6px;
font-size:13px;
font-weight:bold;
background:url("../images/common/h2bg.png") no-repeat 0px -4px;
}
#topNews ul {
margin:0px 0px 25px 20px;
padding:0px;
list-style-type:none;
font-size:13px;
line-height:130%;
}
#topNews ul li.news{
width:90%;
margin-bottom:10px;
padding-left:8px;
background:url("../images/common/arr.png") no-repeat 0px 4px;
}
#topNews ul li a {
color:#003366;
text-decoration:none;
}
#topNews ul li a:hover {
text-decoration:underline;
}