@charset "shift_jis";

/*----------------------------------------
  ベースになる設定
----------------------------------------*/
body {font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-size: 12px;
line-height: 1.5em;
color: #333333;
background-color:#0E2954;
width:100%;
margin:0px auto;
padding: 0px;
}

.base{width:100%;
}

.main{width:940px;
height:100%;
background-color:#FFFFFF;
margin:0px auto;}

a:focus { outline:none;} 
img {border-style: none;}

/*----------------------------------------
  SEO部分
----------------------------------------*/
.seo{padding: 0px 0px 0px 0px;
height:20px;}

h1{color:#FFFFFF;
font-size:12px;
padding-left:10px;
margin:0px;
float: left;
} 

.sitemap a {color:#FFFFFF;
float: right;
padding-right:10px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

/*----------------------------------------
  ヘッダ部分（メイン部分にインクルード）
----------------------------------------*/
.header{background-color:#FFFFFF;
height:300px;
padding:10px 0 0 10px;
}
.header_left{float:left;}
.header_right{float:left;
margin-left:20px;}

.header2{background-color:#FFFFFF;
height:150px;
padding:10px 0 0 10px;
}
.header_left2{float:left;}
.header_right2{float:left;
margin-left:20px;}


.header_un{height:20px;}
.header_un h2{font-size:12px;
float:right;
margin-top:2px;
padding-right:10px;
}
/*----------------------------------------
  レフト部分（メイン部分にインクルード）
----------------------------------------*/
.left {
width:210px;
height:100%;
background-color:#FFFFFF;
float:left;
text-align:left;
margin:0px 0 0px 0px;
padding:0 10px 10px 10px;
}

.left h2 {color:#FFFFFF;
padding-top:8px;
padding-bottom:5px;
font-size: 14px;
text-align: center;
margin: 0;
}

.l-menu {background-color:#0E2954;
padding-bottom:2px;
margin-bottom:10px;
}
.l-menu a {background:url(../img/menu_a.jpg) no-repeat;
display:block;
width:172px;
height:28px;
margin:0 4px 4px 4px;
color:#000000;
text-decoration:none;
font-weight:bold;
font-size:17px;
padding-left:30px;
padding-top:12px;
}
.l-menu a:hover {background:url(../img/menu_ahover.jpg);
color:#333333;}

.l-mobi{background-color:#0E2954;
padding:0 4px 5px 4px;
margin-bottom:10px;}
.l-mobi_qr{background:#FFFFFF url(../img/qrcode.gif) no-repeat center;
padding-top:140px;
font-size:9px;
text-align:center;
}

.l-contact{width:202px;
background-color:#0E2954;
padding:0 4px 5px 4px;
}
.l-contact_comment{background:#FFFFFF;
font-size:11px;
padding:5px 0 3px 5px;
line-height:1.2em;}
.l-contact_comment img{float:left;
margin-right:3px;}
.l-contact_sita{margin-bottom:10px;}
/*----------------------------------------
  ライト部分（メイン部分にインクルード）
----------------------------------------*/
.right {background-color:#FFFFFF;
width:710px;
height:100%;
float:left;
text-align:left;
margin:-10px 0 0px 0px;
padding:0;
}
.right h2{color:#FFFFFF;
background:url(../img/right_h2.jpg) no-repeat;
width:678px;
height:28px;
font-size:20px;
padding:17px 0 0 12px;
margin:0px 10px 0 10px;}

.topnews{background-color:#FFFFFF;
width:700px;
float:left;
}
.news_content{padding:10px 10px 10px 20px;
float:left;}
.blog_link{text-align:right;
padding-right:20px;}

.captain_com{float:left;
margin-top:30px;
background:url(../img/captain_com.jpg) no-repeat;
font-size:13px;
line-height:1.5em;
padding:100px 230px 0 30px;}
.captain_link{text-align:right;
padding:10px 30px 10px 0;}

/* テーブル */
.AeTable {
  width:100%;
  border-collapse: collapse;
  text-align:center;

}
.AeTable strong {
  line-height: 120%;
  padding-left: 5px;
  margin-left: 3px;
  margin-right: 3px;
}
.AeTable p li {
  line-height: 120%;
  padding-left: 5px;
  margin-top: 0px;
  margin-left: 3px;
  margin-right: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.AeTable h2 {
  width: 98%;
  margin-bottom: 5px;
}
.AeTable h3 {text-align:left;
margin:0px;
}
.AeTable h4 {
  width: 98%;
  margin-bottom: 5px;
}
/* テーブルここまで */

.SSIdetail {
  text-align:right;
  margin: 0px 5px 10px 0px; 
}
.KijiArea {
  line-height: 1.5em;
  margin:5px 10px 0px 20px; 
  padding: 5px;
}
.KijiArea table {
  margin: 10px 5px 5px 5px; 
}
.KijiArea td {
  line-height: 120%;
  padding: 5px;
}
.f14{
font-size: 14px;
font-weight:bold;
}
.f16{
font-size: 16px;
font-weight:bold;
}

h3{padding-left:20px;}
/*****************************************************/
/** カレンダー**/
/*****************************************************/
/* テーブルの形状 */
.AeCalTable {
  margin:18px;
  width: 95%;
  border-collapse: collapse;
}
.AeCalTable th {
  padding: 5px;
  line-height: 120%;
  background-color: #EEEEEE;
  border: 1px #999999 solid; 
}
.AeCalTable td {
  padding: 3px;
  line-height: 120%;
  border: 1px #999999 solid; 
}
/* ポップアップボックス */
.AeBoxDisplayShow {
  position:absolute;
  border: 1px #999999 solid; 
  background-color:#FFFFFF; 
  padding:5px;
  width:150px;
  height:120px;
  overflow: auto;
}
.AePopupBox {
  background-color:#EEEEEE;
  margin:0px;
  padding:0px;
}
div.AeBoxDisplayHide {
  display:none;
}
/*****************************************************/
/** メールフォーム **/
/*****************************************************/
.form {
  margin-left: 10px;
  width: 95%;
}
.form th {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 120%;
  background-color: #DDDDDD;
  padding: 5px;
}
.form td {
  line-height: 120%;
  padding: 5px;
}



/*----------------------------------------
  フッター
----------------------------------------*/
.footer{width:100%;
clear:both;
color:#FFFFFF;
background:#0E2954;}

.foot_img{width:930px;
margin:0px auto;
background:url(../img/foot2.jpg) no-repeat;
width:930px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:right;
padding:140px 0 2px 0;
}

.footer a{color:#FFFFFF;}