@charset "Shift_JIS";
/*===========================
  Book-Left CSS
===========================*/

body {
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-color: #ffffff;
 font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
 font-size: 90%;
}

#container {
 width: 770px;
 margin: 0px auto 0px auto;
 padding: 0px;
 line-height:1.3;
}

#header {
 width: 100%;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

#header-body {
 margin: 0px;
 padding: 0px;
 color: #333333;
 text-align: left;
}

#banner {
 width: 770px;
 margin: 0px;
}

#banner-body {
 margin: 0px;
 padding: 0px;
 color: #333333;
 text-align: center;
}

#main {
 float: left;
 width: 100%;
 margin: 15px 0px 40px 0px;
 padding: 0px;
}

#information #main {
 float: left;
 width: 100%;
 margin: 0px 0px 40px 0px;
 padding: 0px;
}

#main-body {
 margin: 0px;
 padding: 0px;
 text-align: left;
 font-size: 90%;
}

#wrapper {
 float: left;
 width: 770px;
 margin: 0px;
 padding: 0px;
}

#content {
 float: none;
 width: 760px;
 margin-left: 5px;
 padding: 0px;
}

#content-body {
 margin: 0px;
 padding: 0px;
 color: #333333;
}

#sidebar {
 display: none;
 float: left;
 width: 180px;
 margin: 0px;
 padding: 0px;
}

#sidebar-body {
 display: none;
 width: 100%;
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

#links {
 display: none;
 float: right;
 width: 180px;
 margin: 0px;
 padding: 0px;
}

#links-body {
 display: none;
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

#footer {
 clear: both;
 width: 100%;
 padding: 0px;
 border-top: 2px solid #004A8B;
}

#footer-body {
 margin: 0px;
 padding: 2px 0px 20px 0px;
 font-size: 90%;
 color: #004A8B;
}

/*---------------------------
  toppage style
---------------------------*/
.toppage-body #main {
 margin: 10px 0px 20px 0px;
}

.toppage-body #content {
 float: right;
 width: 548px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.toppage-body #content-body {
 margin: 0px 5px 0px 0px;
 padding: 0px;
}

.toppage-body #sidebar {
 display: block;
 float: left;
 width: 210px;
 margin: 0px;
 padding: 0px;
}

.toppage-body #sidebar-body {
 display: block;
 width: 100%;
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

.bn {
  margin-top: 50px;
}

.bn a {
  margin-right: 5px;
}

.submenu {
 margin-top: 3px;
}

.submenu a {
 margin-bottom: 3px;
 display: block;
}

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
 margin: 0px;
 padding: 0px;
}

.sidetitle-body {
 margin: 0px;
 padding: 0px;
}

.side {
 width: 198px;
 *width: 200px;
 margin-left: 6px;
 padding: 0px;
 border: 1px solid #C5C6C5;
 border-top: none;
 background-color: #F9FAF8;
}

.side-body {
 word-break: break-all;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #C5C6C5;
 color: #333333;
/* font-size: 90%; */
}

.list, .last-list {
 padding: 10px;
 background-color: #F9FAF8;
}

.list {
 background-image: url(../image/brokenline.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}

.more {
 text-align: right;
}

/*---------------------------
  HTML tag style
---------------------------*/

h1 {
 margin: 0px;
 padding: 0px;
 font-family: verdana;
 font-weight: bold;
 font-size: 175%;
}

h1 a {
 color: #3366CC;
 font-weight: bolder;
 text-decoration: none;
}

h1 a:hover {
 color: #999900;
 text-decoration: none;
}

h2 {
 margin: 0px 0px 15px 0px;
 padding: 0px;
 color: #275FA4;
 font-size: 100%;
 font-family: verdana;
 text-align: left;
}

h3 {
 margin: 0px;
 padding: 0px;
 color: #3366cc;
 font-weight: normal;
 font-size: 120%;
 font-family: verdana;
}

a {
 color: #187FC4;
 text-decoration: none;
}

a:hover {
 color: #187FC4;
 text-decoration: none;
}

div {
 border: none;
}

img {
 margin: 0px;
 padding: 0px;
 border: none;
}

form {
 margin: 0px;
}


/*---------------------------
  回り込み style
---------------------------*/
.left{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}
.left-02{
 float:left;
 margin-bottom:10px;
}
.left-03{
 float:left;
 width:435px;
}
.left-04{
 float:left;
 width:171px;
 margin-right:10px;
 margin-bottom:10px;
}
.left-05{
 float:left;
 width:395px;
 margin-bottom:10px;
}
.left-06{
 float:left;
 width:700px;
 margin-left:10px;
 margin-bottom:10px;
}
.right{
 float:right;
 margin-bottom:10px;
 margin-left:10px;
}
.right-02{
 float:right;
 margin-left:20px;
 text-align: left;
 width: 569px;
 margin-bottom:10px;
}
.right-03{
 float:right;
 width:298px;
}
.right-04{
 float:right;
 margin-left:20px;
 text-align: left;
 width: 243px;
 margin-bottom:10px;
}
.right-05{
 float:right;
 margin-left:10px;
 text-align: left;
 width: 191px;
 margin-bottom:10px;
}
.clear{
 clear:both;
}


/*---------------------------
  フライト情報 style
---------------------------*/
.flight {
 margin-bottom: 20px;
 padding: 0px 0px 20px 0px;
 background-color: #F6F6F6;
}

.flight table {
 width: 720px;
 margin: 15px 20px 0px 20px;

}

.flight td {
 border-bottom: 1px solid #727172;
 color: #727172;
 font-size: 80%;


 padding: 3px;
}

* html .flight td {
 font-size:80%;
}


td.noboder {
 border-bottom: none;
 padding: 0px;
}

/*---------------------------
  バス時刻表 style
---------------------------*/
table.bus {
 width: 370px;
}

table.bus-02 {
 width: 760px;
}

table.bus, .bus tr, .bus td, table.bus-02 {
 border-collapse: collapse;
}

.tr-01 {
 background-color: #666699;
 color: #FFFFFF;
 text-align: center;
 font-size: 80%;
}

.tr-02 {
 background-color: #9999CC;
 color: #FFFFFF;
 font-size: 80%;
}

.tr-03 {
 background-color: #E6F6F9;
 font-size: 80%;
}

.tr-04 {
 background-color: #C4E9F2;
 font-size: 80%;
}

.tr-02 td, .tr-03 td, .tr-04 td {
 width: 70px;
 padding: 3px 0px 3px 20px;
}

.bus-02 .tr-02 td, .bus-02 .tr-03 td, .bus-02 .tr-04 td {
 width: 69px;
 padding: 3px 5px;
}

.tr-01 td {
 padding: 3px 0px;
}

.tr-02 td.td-01, .tr-03 td.td-01, .tr-04 td.td-01 {
 width: 30px;
 text-align: center;
}

.tr-02 td.td-02, .tr-03 td.td-02, .tr-04 td.td-02 {
 width: 20px;
 padding: 3px 0px 3px 0px;
}
/*---------------------------
  news style
---------------------------*/
table.news-list {
 width: 100%;
 font-size: 100%;
}

.news-list th {
 font-weight: normal;
 border-bottom: 1px solid #727172;
}

.news-list td {
 border-bottom: 1px solid #727172;
 color: #727172;
 vertical-align: top;
 line-height: 1.4;
}

.text4 {
font-size: 13pt;
line-height: 16pt;
}

.back {
 text-align: center;
}

.back a {
 display: block;
 width: 80px;
 margin: 0px auto;
 border: 1px solid #999;
 text-align: center;
}

/*---------------------------
  新着情報一覧 style
---------------------------*/
.info-frame {
 background-image: url(../image/tl-shinchakuichiran_re.jpg);
 background-repeat: repeat-y;
 background-position: left top;

}

.info-frame-body {
 border-bottom: 1px dotted #ADADAA;
 width: 758px;
}
.info-frame-body-02 {
 background-image: url(../image/tl-shinchakuichiran_bottom.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}
.info-frame-body-03 {
 padding: 10px 15px;
}
/*---------------------------
  color style
---------------------------*/
.cl-01 {
 color: #ff0000;
}
.cl-02 {
 color: #66CC33;
}
.cl-03 {
 color: #339933;
}
.cl-04 {
 color: #003366;
}
/*---------------------------
  sub title style
---------------------------*/
.subtitle-01 {
 background-color: #66CC33;
 margin: 15px 0px;
}
.subtitle-02 {
 background-color: #FF9900;
 margin: 0px 0px 15px 0px;
}
.subtitle-03 {
 background-color: #333399;
 margin: 0px 0px 15px 0px;
}
.subtitle-04 {
 background-color: #666699;
 margin: 0px 0px 15px 0px;
/*---
 background-image: url(../image/ic_restaurant.gif);
 background-repeat: no-repeat;
 background-position: left center;
---*/
}
.subtitle-05 {
 background-color: #666699;
 margin: 0px 0px 15px 0px;
 background-image: url(../image/ic_title.gif);
 background-repeat: no-repeat;
 background-position: 5px center;
}
.subtitle-06 {
 background-color: #333399;
 margin: 0px 0px 10px 0px;
}
.subtitle-body {
 font-size: 120%;
 font-weight: bold;
 color: #ffffff;
 padding: 5px 10px;
}
.subtitle-body-02 {
 font-size: 120%;
 font-weight: bold;
 color: #ffffff;
 padding: 5px 20px;
}
/*---------------------------
  sub menu style
---------------------------*/
.sub-menu {
 margin: 0px 0px 15px 0px;
 padding: 0px;
}
/*---------------------------
  line style
---------------------------*/
.line {
 border: 1px solid #999999;
 margin-bottom: 10px;
}
.line-02 {
 border: 1px solid #666699;
 margin-bottom: 10px;
}
/*---------------------------
  mark style
---------------------------*/
.mark-01 {
 background-image: url(../image/ic_restaurant.gif);
 background-repeat: no-repeat;
 background-position: left center;
 font-size: 120%;
 padding: 0px 0px 0px 20px;
 margin: 0px;
 font-weight: bold;
}
.mark-02 {
 background-image: url(../image/ic-link.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 12px;
 margin: 0px;
 font-weight: bold;
 color: #000000;
}
.mark-03 {
 background-image: url(../image/ic-anchorlink.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 12px;
 margin: 0px;
 font-weight: bold;
 color: #ff0000;
}
.mark-04 {
 background-image: url(../image/ic_shop.gif);
 background-repeat: no-repeat;
 background-position: left center;
 font-size: 120%;
 padding: 0px 0px 0px 20px;
 margin: 0px;
 font-weight: bold;
}
.mark-05 {
 background-image: url(../image/ic_miyage.gif);
 background-repeat: no-repeat;
 background-position: left center;
 font-size: 120%;
 padding: 0px 0px 0px 20px;
 margin: 0px;
 font-weight: bold;
}
.mark-06 {
 background-image: url(../image/ic_service.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 12px;
 margin: 0px;
}
.mark-07 {
 background-image: url(../image/ic-link2.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 12px;
 margin: 0px;
}
.mark-08 {
 background-image: url(../image/ic_shisetu.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 12px;
 margin: 0px;
}

/*---------------------------
  spacer style
---------------------------*/
.spacer-01 {
 margin-top: 10px;
 }
.spacer-02 {
 margin-top: 20px;
 }
.spacer-03 {
 margin-bottom: 10px;
 }
/*---------------------------
/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
* html .clearfix {
 height: 1%; 
}
.clearfix {
 display: block; 
}