@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */

* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }
a:link { color: #002b55; }
a:visited { color: #002b55; }
a:hover { color: #fff; }
a:active { color: #002b55; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */

.clear { clear:both; }  
.clear hr { display:none; }  


body {
  font-size: 85%;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  padding: 0;
  margin:  10px 0px 10px 0px;
  background: url(img/bg-wrapper.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right top;
  background-size:cover;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 950px;
  margin: 0 auto;
  border-left: 1px solid #002b55;
  border-right: 1px solid #002b55;
  border-top: 1px solid #002b55;
}

/*-- ヘッダー部分 --*/
#header {
  width: 100%;
  height: 200px;
  position: relative;

}

/*-- コンテンツ部分 900px --*/
#contents {
  padding: 25px 25px; 
}

/*-- フッター部分 --*/
#footer {
  width: 952px;
  margin: 0 auto;
  padding: 2em 0 0.5em;
  background-color: #002b55;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

h1 {
  font-size: 100%;
  font-weight: normal;
  text-align: right;
  position: absolute;
  top: 10px;
  left: 30px;
  color: #fff;
}

/* サイトタイトル */
.logo {

  font-family : 'Monotype Corsiva','Arial Black',sans-serif ;
  font-size: 50px;
  color: #002b55;
  position: absolute;
  top: 30px;
  left: 30px;
}

/* 概要 */
.description {
  line-height: 1.5em;
  position: absolute;
  bottom: 45px;
  left: 30px;
  color: #000;
}

/* アクセルカウンター */
.access {
  position: absolute;
  bottom: 80px;
  right: 30px;
}

/* ツイッター */
.tw {
  position: absolute;
  top: 30px;
  right: 30px;
}


/*---------------------------------------グローバルナビ部分*/
#globalnavi {
  font-size: 95%;
  list-style-type: none;
  width: 950px;
  height: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#globalnavi li {
  width: 95px;
  float: left;
}

#globalnavi li a {
  text-align: center;
  text-decoration: none;
  width: 95px;
  height: 25px;
  display: block;
  padding-top: 12px;
  background-color: #002b55;
  color: #fff;
}

#globalnavi li a:hover {
  text-decoration: none;
  background-color: #333;
  color: #a7d0fa;
}


/*--サブメニュー部分--*/

#globalnavi ul {
  font-size: 95%;
  list-style-type: none;
  width: 85px;
  height: auto;
  position: static;
}

#globalnavi ul li {
  width: 85px;
  float: none;
}

#globalnavi ul li a {
  text-align: left;
  text-decoration: none;
  width: 85px;
  height: auto;
  display: block;
  padding: 4px;
  border: 1px outset #a7d0fa;
  background-color: #a7d0fa;
  color: #000;
}

#globalnavi ul li a:hover {
  text-decoration: none;
  border: 1px outset #666;
  background-color: #666;
  color: #fff;
}

#globalnavi .menu ul { display: none; }

#globalnavi .menuOn ul { display: block; }

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* 見出し */
h2,
h3,
h4,
h5{
  font-size: 110%;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  border-top: 2px solid #002b55;
  border-bottom: 1px solid #ccc;
}

/* 見出し2 */

h6 {
  font-size: 110%;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  border-top: 2px solid #002b55;
  border-bottom: 1px solid #ccc;
}

/* 文字 */
#contents p {
  line-height: 1.3em;
  margin-bottom: 1em;
  padding: 2px
}

/* リストブロック */

.list01 {	
	width: 285px;
	margin: 0;
	line-height:2;
	font-size: 14px;
}	
	
.list01 li{	
	list-style: none outside;
	text-align: center;
	margin-bottom: 1px;
}	
.list01 li a {	
	text-decoration: none;
	width: 100%;
	display: block;
	color: #FFF;
	border: 1px solid #002b55;
}	
.list01 li a:link {	
	color: #FFF;
}	
.list01 li a:hover {	
	color: #FFF;
	background: #002b55;
	border: 1px solid #FFF;
}	
.list01 li a:visited {	
	color: #FFF;
}	
.list01 li a:active {	
	color: #FFF;
}



/* -------------------------------------------------------------
   [4] コンテンツブロック */

/* ボックス1 */
#box1{
    float:left;
    padding: 5px;
    width: 400px;
    color: #002b55;
}

/* ボックス2 */
#box2{
    float:right;
    padding: 5px;
    width: 460px;
    color: #002b55;
}

/* ボックス3 */
#box3{
    float:left;
    padding: 5px;
    width: 570px;
    color: #002b55;
}

/* ボックス4 */
#box4{
    float:right;
    padding: 5px;
    width: 290px;
    color: #002b55;
}

/* ボックス5 */
#box5{
    padding: 15px;
    width: 870px;
    color: #002b55;

}

/* ボックス6 */
#box6{
    padding: 15px 75px 15px 75px;
    width: 750px;
    color: #002b55;

}

/* -------------------表------------------------- */


tr.color1 {
    background-color: #d2e7fb; /* 行の背景色 */
} 

tr.t-color1 {
   color: #ff0000;
}

tr.t-color2 {
   color: #000099;
}

/* 表１ */

table#table-01 {
    border: 1px #002b55 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table-01 th {
    padding: 3px;
    border: #002b55 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 3px;
    border: 1px #002b55 solid;
    border-width: 0 0 1px 1px;
}



/* 表２ */

table#table-02 {
    border: 1px #002b55 solid;
    border-collapse: collapse;
    border-spacing: 0;

}

table#table-02 th {
    border: #002b55 solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    line-height: 120%;

}
table#table-02 td {
    border: 1px #002b55 solid;
    border-width: 0 0 1px 1px;

}

/* 表３ */

table.table-03 {
    border: 1px #002b55 solid;
    border-collapse: collapse;
    border-spacing: 0;

}

table.table-03 th {
    padding: 3px;
    border: #002b55 solid;
    border-width: 0 0 1px 1px;
    background-color: #d2e7fb;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-03 td {
    padding: 1px 10px;
    border: 1px #002b55 solid;
    border-width: 0 0 1px 1px;
}


/* --- マウスオーバー時 --- */
table.table-03 tr:hover {
    background-color: #d0e8e8; /* 行の背景色 */
}



/*-------------テキストエリアボックス-----------------*/


#t-box {
width:98%;/*横幅*/
margin: 2px 0;
padding: 2px;
overflow: auto;
height: 140px;/*縦のサイズ*/
border: 1px solid #002b55;/*枠の色*/
}

#t-box p {
margin: 0;
padding: 1px;
font-size: 90%;
}




/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer p {
  font-size: 85%;
  text-align: center;
  color: #fff;
}