<style type="text/css">
@charset "utf-8";
/*======================
全般的なスタイル
=======================*/
* {
    margin:0; padding:0;
    line-height:1.5;
    color: #ffffff;

}
body {
    background: #000097;
    text-align: left;
    font-family: Meiryo;
    font-size: 18pt;
    color: white;
}
div#pagebody {
    width:796px; margin:0 auto;
    text-align:left;
    background-image:url("images/sagari.gif");
    background-repeat:repeat-y;
    background-color:#ffffff;
}

/*============================================
ヘッダ
============================================*/
div#header {
    height:77px;/*背景画像のサイズに合わせてボックスの高さを指定*/
    background-image:url("images/bg_header.jpg");/*ヘッダ部分の背景画像*/
    background-repeat:no-repeat;/*背景画像を繰り返さない*/
    background-color:#cccccc;/*ヘッダ部分の背景色*/
}
h1 {
    padding:20px 0px 0px 30px;/*見出し内容の位置調整*/
    font-family:Arial, Helvetica, sans-serif;/*フォントの種類*/
}
h1 a {text-decoration:none;} /*リンクの下線を無くす*/


/*============================================
メインメニュー
============================================*/
ul#menu {
    height:42px; background-color:#eeeeee; font-weight:bold;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
    float:left;/*リスト項目を横に並べる*/
    display:inline;/*リスト項目をインライン表示にする*/
    list-style-type:none;/*リストマーカー無しにする*/
    background-repeat:no-repeat; /*背景画像を繰り返さない*/
}

/*ボタン01～05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
    width:164px; height:42px;/*背景画像に合わせたサイズ指定*/
    background-image:url("images/bg_menu01.jpg");/*背景画像*/
}
li#menu02 {
    width:156px; height:42px;/*背景画像に合わせたサイズ指定*/
    background-image:url("images/bg_menu02.jpg");/*背景画像*/
}
li#menu03 {
    width:156px; height:42px;/*背景画像に合わせたサイズ指定*/
    background-image:url("images/bg_menu03.jpg");/*背景画像*/
}
li#menu04 {
    width:156px; height:42px;/*背景画像に合わせたサイズ指定*/
    background-image:url("images/bg_menu04.jpg");/*背景画像*/
}
li#menu05 {
    width:164px; height:42px;/*背景画像に合わせたサイズ指定*/
    background-image:url("images/bg_menu05.jpg");/*背景画像*/
}
ul#menu a {
    display:block;/*リンクをブロック表示にする*/
    height:42px; padding-top:4px; text-align:center;
    text-decoration:none; /*リンクの下線を無くす*/
    font-family:Arial, Helvetica, sans-serif;/*フォントの種類*/
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
    width:160px;/*幅の指定*/
    margin:10px 10px 10px 25px;/*位置調整（IE6のバグに注意）*/
    display:inline;/*IE6のマージン算出のバグ対策*/
    float:left;/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
    height:26px; padding:4px 0px 0px 0px;
    background-image:url("images/bg_submenu_header.gif");
    background-repeat:no-repeat; background-position:top;
    background-color:#cccccc;
    font-size:90%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
    padding-bottom:6px;
    background-image:url("images/bg_submenu_footer.gif");
    background-repeat:no-repeat; background-position:bottom;
    background-color:#cccccc;
}
ul#submenu_body li {
    font-size:90%;/*文字サイズを90%にする*/
    list-style-type:none;/*リストマーカー無しにする*/
    display:inline;/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
    display:block;/*リンクをブロック表示にする*/
    margin:0px 4px 0px 4px;/*サブメニュー項目のマージン*/
    padding:2px 0px 2px 20px;/*サブメニュー項目のパディング*/
    background-color:#eeeeee;/*サブメニュー項目の背景色*/
    text-decoration:none;/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
    background-color:#ffffff;/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
    width:560px; margin:10px 20px 10px 0px;/*幅の指定と位置調整*/
    float:right;/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/
div#news {
    width:390px; margin-right:5px; padding-top:10px; /*幅の指定と位置調整*/
    float:left;/*カラムを左寄せにする*/
    background-image:url("images/bar_news.gif");/*中央カラムの背景画像*/
    background-repeat:no-repeat;/*背景画像を繰り返さない*/
}
/*見出し・段落・水平線のスタイル指定*/
h2 {
    font-size:100%; margin-bottom:10px; padding-left:25px;
    font-size:95%; border-bottom:solid 1px #cccccc;
    background-image:url("images/icon.gif");
    background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:90%; margin-left:5px;}
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}

/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
    width:150px; padding-top:10px; /*幅の指定と位置調整*/
    float:right;/*カラムを右寄せにする*/
    background-image:url("images/bar_pickup.gif");/*右カラムの背景画像*/
    background-repeat:no-repeat; /*背景画像を繰り返さない*/
}
div#pickup ul {
    margin-left:10px; /*左マージンを10px空ける*/
    font-size:90%;/*フォントサイズを90%にする*/
}
div#pickup li {
    list-style-type:none; /*リストマーカー無しにする*/
    line-height:1.8;/*行の高さを1.8倍にする*/
}

/*============================================
フッタ
============================================*/
div#footer {
    height:42px; text-align:center;
    clear:both;/*回り込みを解除する*/
    background-image:url("images/soflatec.gif");/*フッタ部分の背景画像*/
    background-repeat:no-repeat;/*背景画像を繰り返さない*/
    background-color:#cccccc;/*フッタ部分の背景色*/
}
address {
    font-style:normal; /*フォントスタイルを標準にする*/
    font-size:small; /*フォントサイズを小さくする*/
    padding:5px 0px 5px 0px; /*要素内容の位置調整*/
    color: black;
}

/*==========================*/
body td {
  font-size         : 11pt;
}


table {
  border-collapse   : collapse;
}

img {
  border            : none;
  margin:2 4 2 2}

ul {
  line-height       : 1.6em;
}

.maintitle1 {
  font-size         : 12pt;
  font-weight       : bold;
  color             : #00008f;
  background        : #556de7;
  padding           : 5px 5px 5px 5px;
  border-bottom     : 1px solid #ffffff;
}

.maintitle2 {
  background        : #000099;
  border-bottom     : 1px solid #ffffff;
  text-align        : right;
}

.pagetitle {
  font-size         : 16pt;
  background-color        : #00cccc;
  padding           : 10px 3px 10px 20px;   /*上、右、下、左*/
}

.tohomelink {
  font-size         : 20pt;
  text-align        : right;
  background-color  : #00cc08;
  padding-right     : 10px;
}

.maincontents {
  font-size         : 11pt;
  padding           : 0 18px 0 18px;
}

.maincontents img {
  margin            : 6px;
}

.photolist th {
  font-size         : 11pt;
  background        : #aaeeaa;
  border            : 1px solid #666666;
  padding           : 4px;
}

.photolist td {
  font-size         : 11pt;
  border            : 1px solid #666666;
  padding           : 4px;
  vertical-align    : top;
}

.pagenavi {
  margin-top        : 10px;
  margin-bottom     : 10px;
  margin-left       : 300px;
}

.formtable {
  margin-left       : 50px;
}

.formtable th {
  font-size         : 11pt;
  background        : #ffffdd;
  border            : 1px solid #666666;
  padding           : 3px;
}

.formtable td {
  font-size         : 11pt;
  border            : 1px solid #666666;
  padding           : 3px;
}

.midfont {
  font-size         : 8pt;
  font-weight       : normal;
}

.smallfont {
  font-size         : 7pt;
  font-weight       : normal;
}


</style>
