html,body,div,
dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,hr,
th {
margin:0;
padding:0;
}
body{
background:url(images/back.gif);
font-family: arial; 
font-size:13px;
}
p{
margin-top:0;
padding:0;
line-height:1.5;
}
img {
border: 0px;
}
a{
color:#008CFF;
text-decoration: none;
}
a:hover{
color:#C800FF;
text-decoration: none;
}
h1{
width:580px;
height:345px;
font-size:1px;
line-height:0.1;
text-indent:-999999em;
background:url(images/top_photo.jpg) no-repeat center top;}
h2{
margin:15px 0 8px 0;
padding-left:1.5em;
font-size:16px;
font-weight:bold;
line-height:30px;
}
.bar-red{
background:url(images/bar_r.gif) no-repeat;
}
.bar-yellow{
background:url(images/bar_y.gif) no-repeat;
}
h3{
margin:15px 0 8px 0;
padding-left:0.5em;
font-size:20px;
font-weight:normal;
line-height:35px;
}
.bar-green{
background:url(images/bar_g.gif) no-repeat;
}
.bar-orange{
background:url(images/bar_o.gif) no-repeat;
}
.bar-blue{
background:url(images/bar_b.gif) no-repeat;
}
h4{
margin:20px 0 3px 0;
padding-left:1em;
font-size:14px;
font-weight:bold;
line-height:22px;
background:#F0F0F0 url(images/bar_h4.gif) no-repeat;
border:#D2D2D2 solid 1px;
}
h5{
margin-bottom:6px;
padding-left:1em;
font-size:13px;
font-weight:bold;
line-height:20px;
background:url(images/bar_h5.gif) no-repeat;
}

#container{
width:996px;
background:url(/images/shadow.png) repeat-y;}
#container-inner {
width:980px;
margin:0 8px 0 8px;
background-color:#FFF;
}
#header{
height:130px;
background:url(images/header.gif) no-repeat center top;}
#logo{
padding:6px 0 0 9px;
float:left;
}
.header-image{
text-align:right;
padding:10px;
}
#alpha {
margin-left:2px;
width:203px;
text-align:center;
float:left;
}
#beta {
margin-left:6px;
text-align:left;
/*width:580px;*/
float:left;
}
#gamma {
float:left;
padding-left:6px;
/*width:160px;*/
}
#contents{
margin-top:30px;
}
#contents-end{
clear:both;
margin:0;
padding:0 0 20px 0;
}
#footer{
text-align:center;
border-bottom:#AA2828 solid 5px;
}
#footer-inner{
line-height:1.7;
margin:18px 0 24px 0;
}
.home-link{
font-size:11px;
font-weight:bold;
border-left:#000 solid 1px;
border-right:#000 solid 1px;
}
#copyright{
color:#666;
font-size:10px;
letter-spacing: 0.05em; 
}
/* menu */
#main-menu{
width:203px;
background:url(images/menu_box_middle.gif) repeat-y center;}
#menu-top{
height:16px;
background:url(images/menu_box_top.gif) no-repeat center top;}
#menu-bottom{
height:16px;
background:url(images/menu_box_bottom.gif) no-repeat center bottom;}
#menu-inner{
padding:0 10px 0 14px;
font-size:13px;
font-weight:bold;
text-align:left;
}
#menu-inner ul{
margin:0 0 1em 0;
padding:0;
list-style-type: none;
}
#menu-inner li{
margin:0 0 4px 0.75em;
padding:0;
list-style-type: none;
}
#menu-inner dt{
width:12px;
float:left;
text-align:center;
}
#menu-inner dd{
margin-left:12px;
}

/* banner */
.banner{
margin-left:8px;
margin-bottom:10px;
}
/* contents */
#dir{
font-size:11px;
font-weight:bold;
text-align:left;
}
#dir a{
color:#C800FF;
text-decoration: none;
}
#dir a:hover{
color:#C800FF;
text-decoration: underline;
}
.title{
margin:15px 0 8px 0;
}
.img-right{
float:right;
margin:0 0 8px 8px}
.img-left{
float:left;
margin:0 8px 8px 0}
.line-box{
margin-top:8px;
padding:8px;
line-height: 1.4;
border:#D2D2D2 solid 1px;
}
.line-box a,.line-box a:hover{
font-weight:bold;
}

.box-tl,.box-t,.box-tr,.box-bl,.box-b,.box-br{
line-height:1;
}
.box-tl{
width:16px;
height:16px;
background:url(images/box_tl.gif) no-repeat;
}
.box-t{
height:16px;
background:url(images/box_t.gif) repeat-x;
}
.box-tr{
width:16px;
height:16px;
background:url(images/box_tr.gif) no-repeat;
}
.box-bl{
width:16px;
height:16px;
background:url(images/box_bl.gif) no-repeat;
}
.box-b{
height:16px;
background:url(images/box_b.gif) repeat-x;
}
.box-br{
width:16px;
height:16px;
background:url(images/box_br.gif) no-repeat;
}
.box-l{
width:16px;
background:url(images/box_l.gif) repeat-y;
}
.box-inner{
font-size:13px;
text-align:center;
line-height: 1.8;
}
.box-r{
width:16px;
background:url(images/box_r.gif) repeat-y;
}
.orange-box{
width:160px;
padding:0 4px 0 8px;
font-size:11px;
border-left:#F7A73F solid 1px;
border-right:#F7A73F solid 1px;
}
.jb-photo td{
text-align:center;
font-size:11px;
line-height: 1.8;
}
.jb-photo table{
border:#D2D2D2 solid 1px;
}
.gmap{
width: 580px;
height: 450px;
margin-top:12px
}
#jb-map{
position:relative;
width:580px;
height:613px;
background:url(images/beauty_map.gif) no-repeat center top;
}
.tokyo, .fuji, .okinawa, .kazo, .osaka{
position:absolute;
width:86px;
height:32px;
cursor: pointer;
}
.tokyo{
left: 410px;
top: 392px;
background: transparent url(../images/map_tokyo_over.png) no-repeat left top;
}
a .tokyo {
background: transparent url(../images/map_tokyo.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_tokyo.png");
}
a:hover .tokyo {
background: transparent url(../images/map_tokyo_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_tokyo_over.png");
}
.fuji{
left: 286px;
top: 409px;
background: transparent url(../images/map_fuji_over.png) no-repeat left top;
}
a .fuji{
background: transparent url(../images/map_fuji.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_fuji.png");
}
a:hover .fuji{
background: transparent url(../images/map_fuji_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_fuji_over.png");
}
.okinawa{
left: 10px;
top: 312px;
background: transparent url(../images/map_okinawa_over.png) no-repeat left top;
}
a .okinawa {
background: transparent url(../images/map_okinawa.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_okinawa.png");
}
a:hover .okinawa {
background: transparent url(../images/map_okinawa_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_okinawa_over.png");
}
.kazo{
left: 402px;
top: 365px;
background: transparent url(../images/map_kazo_over.png) no-repeat left top;
}
a .kazo {
background: transparent url(../images/map_kazo.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_kazo.png");
}
a:hover .kazo {
background: transparent url(../images/map_kazo_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_kazo_over.png");
}

.osaka{
left: 178px;
top: 435px;
background: transparent url(../images/map_osaka_over.png) no-repeat left top;
}
a .osaka {
background: transparent url(../images/map_osaka.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_osaka.png");
}
a:hover .osaka {
background: transparent url(../images/map_osaka_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_osaka_over.png");
}


.yanagawa, .nagatoro, .shiretoko, .fukuoka, .kanazawa, .sapporo{
position:absolute;
width:100px;
height:32px;
cursor: pointer;
}
.yanagawa{
left: 101px;
top: 495px;
background: transparent url(../images/map_yanagawa_over.png) no-repeat left top;
}
a .yanagawa {
background: transparent url(../images/map_yanagawa.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_yanagawa.png");
}
a:hover .yanagawa {
background: transparent url(../images/map_yanagawa_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_yanagawa_over.png");
}

.nagatoro{
left: 282px;
top: 380px;
background: transparent url(../images/map_nagatoro_over.png) no-repeat left top;
}
a .nagatoro {
background: transparent url(../images/map_nagatoro.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_nagatoro.png");
}
a:hover .nagatoro {
background: transparent url(../images/map_nagatoro_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_nagatoro_over.png");
}

.shiretoko{
left: 445px;
top: 30px;
background: transparent url(../images/map_shiretoko_over.png) no-repeat left top;
}
a .shiretoko {
background: transparent url(../images/map_shiretoko.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_shiretoko.png");
}
a:hover .shiretoko {
background: transparent url(../images/map_shiretoko_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_shiretoko_over.png");
}

.fukuoka{
left: 10px;
top: 456px;
background: transparent url(../images/map_fukuoka_over.png) no-repeat left top;
}
a .fukuoka {
background: transparent url(../images/map_fukuoka.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_fukuoka.png");
}
a:hover .fukuoka {
background: transparent url(../images/map_fukuoka_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_fukuoka_over.png");
}

.kanazawa{
left: 203px;
top: 350px;
background: transparent url(../images/map_kanazawa_over.png) no-repeat left top;
}
a .kanazawa {
background: transparent url(../images/map_kanazawa.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_kanazawa.png");
}
a:hover .kanazawa {
background: transparent url(../images/map_kanazawa_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_kanazawa_over.png");
}

.sapporo{
left: 338px;
top: 95px;
background: transparent url(../images/map_sapporo_over.png) no-repeat left top;
}
a .sapporo {
background: transparent url(../images/map_sapporo.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_sapporo.png");
}
a:hover .sapporo {
background: transparent url(../images/map_sapporo_over.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/map_sapporo_over.png");
}


/************/
.form-style{
text-align:center;
}
.form-style td{
font-size:11px;
}