BODY {
    background: url(/~birdman/old/temp/bg.jpg);
    background-color: #1166AA;
    background-repeat: repeat;
    background-width: 100%;
    /*
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}

a:link {
    color: #4488DD;
    text-decoration: underline;
}

/*未訪問のリンク*/
a:visited {
    color: #000000;
    text-decoration: underline;
}

/*訪問後のリンク*/
a:hover {
    color: #77BBEE;
    text-decoration: underline;
}

/*マウスオーバー時*/
a:active {
    color: #BBE0FF;
    text-decoration: none;
}

/*クリック中*/

.box_top {
    border: 1px solid #77BBEE;
    border-bottom: 0;
    background-color: #DDEEFD;
    color: #404040;
    font-weight: bold;
    line-height: 1.7em;
    width: 500px;
    padding: 0 5px;
}

.box {
    border: 1px solid #77BBEE;
    background-color: #FFFFFF;
    color: #000000;
    width: 500px;
    padding: 5px;
}

p.h {
    font-weight: bold;
}

#main table:not(.table-css) {
    border: 2px solid #77BBEE;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: hide;
    background: #FFFFFF;
}


/* 隣接する線を重ねて表示 */
.table-css {
    border-collapse: collapse;
}

.table-css img {
    max-height: 200px;
    width: auto;

    max-width: 200px;
    height: auto;
}

/* 上部と左側の線のみ非表示。下部と右側は残っている */
.td-blank {
    border: 1px solid #4488DD;
    border-top-style: none;
    border-left-style: none;
}

.td-css {
    border: 1px solid #4488DD;
    width: 350px;
    padding: 5px;
}

.td-h {
    border: 1px solid #4488DD;
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background: #DDEEFD;
}

#main td:not(.td-css11) {
    border: 1px solid #4488DD;
}

#main p:not(.tate) {
    line-height: 1.2;
    padding-left: 30px;
}

#main ul {
    list-style-type: none;
}

#main ul li {
    line-height: 1.5;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#main ul li a {
    font-weight: bold;
}

.small {
    font-size: 13px;
}

img {
    border-style: none;
}

img.titleimg { /* 各ページのトップ画像 */
    width: 660px;
    height: 300px;
    position: relative;
    top: -20px;
    left: -20px;
}

h1 {
    color: #445566;
}

h2 {
    color: #445566;
    border-color: #6495ED;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    margin: 0px;
    width: 100%;
}

h3 {
    border-color: #6495ED;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    margin: 0px;
    width: 60%;
}

.clear {
    clear: both;
}

/*floatのクリア用*/

#centering { /*サイト全体のセンタリング*/
    width: 902px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
}

#main:not(#main-wo-side) {
    float: left;
    overflow: hidden;
    align: left;
    width: 640px;
    background-color: #FFFFFF;
    color: #404040;
    padding: 20px;
    margin-left: 206px;
    line-height: 1.3;
}

#main-wo-side {
    float: left;
    overflow: hidden;
    align: left;
    width: 830px;
    background-color: #FFFFFF;
    color: #404040;
    padding: 20px;
    margin-left: 0px;
    line-height: 1.3;
}

.kitai {
    margin-left: 40px;
    font-size: 15px;
}

.kitai img {
    max-width: 290px;
    height: auto;
}

.rocket {
    margin-left: 40px;
    font-size: 15px;
}

.rocket img {
    max-height: 300px;
    width: auto;

    max-width: 290px;
    height: auto;
}

p.tate {
    writing-mode: tb-rl;
}

/*--------------------------------------ヘッダー?フッター-------------------------------------------*/
#header {
    background-image: url(/~birdman/old/temp/header.jpg);
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    padding: 0;
    margin: 0;
    height: 90px;
}

#header a:link {
    color: #000000;
    text-decoration: none;
}

/*未訪問のリンク*/
#header a:visited {
    color: #000000;
    text-decoration: none;
}

/*訪問後のリンク*/
#header a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/*マウスオーバー時*/
#header a:active {
    color: #77BBEE;
    text-decoration: none;
}

/*クリック中*/

#footer {
    background-color: #77BBFF;
    line-height: 200%;
    margin-top: 5px;
}

#footer a:link {
    color: #FFFFFF;
    text-decoration: underline;
}

/*未訪問のリンク*/
#footer a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

/*訪問後のリンク*/
#footer a:hover {
    color: #BBE0FF;
    text-decoration: underline;
}

/*マウスオーバー時*/
#footer a:active {
    color: #77BBEE;
    text-decoration: none;
}

/*クリック中*/

/*--------------------------------------/ヘッダー?フッター-------------------------------------------*/
/*--------------------------------------サイドメニュー-------------------------------------------*/
#side {
    top: 200px;
    position: fixed;
    z-index: 5;
    float: left;
    width: 190px;
    margin-top: -40px;
    margin-left: 8px;
    margin-bottom: 10px;
    text-align: center;
}

.sidemenu_top {
    border: 1px solid #77BBEE;
    border-bottom: 0;
    background-color: #DDEEFD;
    color: #404040;
    font-weight: bold;
    line-height: 1.7em;
    width: 180px;
}

.sidemenu_low {
    border: 1px solid #77BBEE;
    background-color: #FFFFFF;
    color: #4488DD;
    text-align: left;
    line-height: 1.2em;
    width: 180px;
    margin-left: 0px;
}

.sidemenu_low li {
    margin-bottom: 10px;
}

/*
.sidemenu_low img{
	border: 1px solid #BBBBBB;
}
table.sidemenu{
	width: 100%;
	border: 1px solid #77BBEE;
	margin: auto;
}
#side table tr:first-child{
	height: 1.7em;
	background-color:#77BBEE;
}

.sidemenu_top{
	border: 1px solid #77BBEE;
	background-color: #77BBEE;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.7em;
	width: 180px;
}
.sidemenu_top a:link{	color: #606060; text-decoration:underline;}	/*未訪問のリンク*/
.sidemenu_top a:visited {
    color: #404040;
    text-decoration: underline;
}

/*訪問後のリンク*/
.sidemenu_top a:hover {
    color: #4488DD;
    text-decoration: underline;
}

/*マウスオーバー時*/
.sidemenu_top a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/*クリック中*/
*

/

/*--------------------------------------/サイドメニュー-------------------------------------------*/
/*--------------------------------------index用設定-------------------------------------------*/

#main_index {
    float: left;
    overflow: hidden;
    align: left;
    width: 670px;
    background: #FFFFFF;
    color: #404040;
    padding: 0px;
    margin: 0px;
    line-height: 1.3;
}

#side_index {
    float: right;
    width: 219px;
    margin: 3px;
}

#update {
    overflow: auto;
    height: 150px;
    width: 530px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-top: 5px;
    padding: 10px;
    line-height: 1.3;
}

/*--------------------------------------/index用設定-------------------------------------------*/
/*--------------------------------------ドロップメニュー-------------------------------------------*/

#dropmenu { /* メニュー領域の定義 */
    list-style-type: none;
    width: 902px;
    height: 38px;
    top: 0px;
    margin: 0;
    padding: 0;
    background: #77BBEE;
    position: relative;
    z-index: 100; /* 最前面に表示 */
}

#dropmenu li { /* ボタンのスタイル（デフォルト） */
    position: relative;
    width: 178px;
    height: 34px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

#dropmenu > li { /* dropmenu直下、すなわち常に表示される一番上のボタン（>は直下階層を表す） */
    border-top: 2px solid #FFFFFF; /* 上下、左のボーダーを表示 */
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}

#dropmenu > li:first-child { /* 一番上のボタンのうち一番左(first)のボタン */
    border-left: 2px solid #77BBEE; /* 左のボーダーをボタン内部と同じ色にする */
}

#dropmenu > li:last-child { /* 一番上のボタンのうち一番右(last)のボタン */
    border-right: 2px solid #77BBEE; /* 右のボーダーをボタン内部と同じ色にする */
}

#dropmenu > li:hover, first-child { /* マウスオーバー中、上記に同じ */
    border-left: 2px solid #FFFFFF; /* 左のボーダーを表示 */
}

#dropmenu li a { /* リンク文字のスタイル */
    display: block;
    margin: 0;
    padding: 7px 0 7px;
    color: #FFFFFF;
    font-face: "メイリオ";
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none; /* 下線を表示しない */
}

#dropmenu li ul { /* 下に出てくるメニューのスタイル */
    list-style: none;
    position: absolute;
    top: 100%; /* 何だろうこれ */
    left: -2px;
    margin: 0;
    padding: 0;
}

#dropmenu li ul li { /* 下に出るメニューボタン */
    overflow: hidden; /* デフォルトでは領域からはみ出した部分は表示しない */
    width: 178px;
    height: 0; /* デフォルトでは高さ０ */
    color: #fff;
    -moz-transition: height .2s; /* ここから */
    -webkit-transition: height .2s; /*    ↑    */
    -o-transition: height .2s; /* heightの増減速度 */ /* ブラウザによって記述が違う */
    -ms-transition: height .2s; /*    ↓    */
    transition: height .2s; /* ここまで */
}

#dropmenu li ul li a { /* 下に出るボタンの文字 */
    padding: 9px 0 9px;
    background: #77BBEE;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#dropmenu li:hover > a { /* 全てのボタンのマウスオーバー時の背景と文字色 */
    background: #9FCFF3;
    color: #FFFFFF;
    /*
      background: #FFFFFF;
      color: #77BBEE;
    */
}

#dropmenu li:hover ul li { /* マウスオーバー時、下に出るボタンの挙動 */
    overflow: visible; /* 隠していた部分を表示 */
    height: 34px; /* 高さ０から３４へ */
    border-top: 0px solid #000000;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

/*
#dropmenu > li.here a{							/*現在位置*/
background: #FFFFFF

;
color: #77BBEE

;
}
*

/
/*--------------------------------------/ドロップメニュー-------------------------------------------*/