@charset "shift_jis";

*{
  margin:0;
  padding:0;
}

/* ===========要素============ */

/* リンク関係 */
a{
  text-decoration : none;
}
a:link{
  color : #00a;
  background : transparent;
  text-decoration : underline;
}
a:visited{
  color : #506;
  background : transparent;
  text-decoration : underline;
}
a:hover{
  color : #d00;
  background : #fff;
  text-decoration : none;
}
a:active{
  color : #d00;
  background : #fff;
  text-decoration : none;
}
body{
  color:#000;
  background:#eafafa url(../img/keyboard1.jpg) no-repeat fixed;
    padding:0;
}

/* 見出し */

h1{
  font-size:180%;
    padding-right:210px;
    color:#006;
    background:#7aa url(../img/logo.jpg) repeat-y right top;
    height:40px;
    border-bottom:8px #0c6 solid;
    padding:5px 210px 0 5px;
  margin-top:0;
}

h2{
  font-size:130%;
  color:#055;
  background:#fff url(../img/keyboard2.jpg) repeat-y fixed;
  margin:1.5em 3em 1em 0px;
  padding:1em 12px 3px 12px;
  border-top:1px #7aa solid;
  border-right:10px #7aa solid;
  border-bottom:1px #7aa solid;
  text-align:right
}

h3{
  font-size:130%;
  color:#477;
  background:transparent;
  margin:1.5em 0 1em 2em;
  padding:3px 12px;
  border-top:1px #588 solid;
  border-left:1px #588 solid;
}

h4{
  font-size:120%;
  margin:1.5em 0 1em 3em;
  padding:2px 1em 2px 0.3em;
  color:#477;
  background:#fff;
  border-left:15px #fc0 solid;
}

h5{
  font-size:110%;
  margin:1em 0 1em 4em;
  padding:2px 1em 2px 0.3em;
  color:#477;
  background:#fff;
  border-left:12px #0c6 solid;
}

h6{
  font-size:105%;
  margin:1em 0 1em 5em;
  padding:2px 1em 2px 0.3em;
  color:#477;
  background:#fff;
  border-left:10px #eed solid;
}

p{
  margin:0.5em 1em 0.5em 2em;
  line-height:140%;
  text-indent:1em;
}

/* リスト */
ul,ol{
  margin:1em 1em 1em 3.5em;
  line-height:140%;
}
ul{
  list-style-image:url(../img/listmark.gif);
}
ol{
  list-style-image:none;
}
li{
  line-height:140%;
  border-bottom:1px #9cc dashed;
}

dl{
  margin:1em 1em 1em 2em;
  border-left:1px #9cc solid;
}
dd{
  margin:1px 0 1px 2em;
  line-height:140%;
}
dt{
  margin:3px 0 1px 0;
  padding:2px 0.5em;
  border-width:1px;
  border-color:#9cc;
  border-style:solid solid solid none;
  font-size:105%;
}

/* フォーム */

form{
  margin:1em 1em 1em 2em;
  padding:1em;
  color:#000;
  background:#fff url(../img/keyboard2.jpg) no-repeat;
  border:1px #eee outset;
}
form p{
  text-indent:0;
}
fieldset{
  border-style:none;
  padding:0.5em 0;
}
legend{
  color:#b00;
  background:transparent;
  font-size:105%;
  font-weight:bold;
}
label{
  color:#b00;
  background:transparent;
}
textarea{
  color:#000;
  background:#fff;
  padding:3px;
  border:1px #ddd inset;
}
input{
  color:#000;
  background:#ddd;
  padding:1px;
  border:1px #ddd outset;
  font-family:"ＭＳ ゴシック","Osaka−等幅",monospace;
}
/* テーブル */

table{
  margin : 10px 1em 1em 2em;
  color : #000;
  background : #fff;
  border-spacing : 0;
  border-collapse : collapse;
  border : 1px solid #588;
}
td{
  color : #000;
  background : #fff;
}
th{
  color : #000;
  background : #eed;
  font-weight : normal;
  font-size : 105%;
  text-align:center;
}
td,th{
  border-collapse : collapse;
  padding : 3px 5px;
  border : 1px solid #588;
}

/* その他 */

address{
    clear:both;
    color:#fff;
    background:#588 url(../img/address-back.jpg) repeat-y right top;
    border-top:8px #0c6 solid;
    font-style:normal;
    padding:10px 170px 10px 1em;
}

address a:link, address a:visited{
	background:transparent;
	color:#CCFFFF;
}

pre{
  margin-left:1.5em;
}

blockquote{
  margin:1em 1em 1em 3em;
  padding : 15px 15px 5px 0;
  border : 2px #9cc dotted;
  color : #000;
  background : #eafafa url("../img/blockquote.gif") repeat-y;
}

/* インライン要素 */
img,a img{
  border-style:none;
}
strong{
  font-weight:bold;
  color:#b00;
  background:transparent;
}

em{
  font-weight:normal;
  color:#b00;
  background:transparent;
  font-style:normal;
}

cite{
  font-style : normal;
}
cite:before{
  content : "[by ";
}
cite:after{
  content : "]";
}

q{
  color : #000;
  background : #eafafa;
  padding : 1px 0.5em;
}

/* ============= class と id ============= */

/* 本文を囲む */
.content{
  color:#000;
  background:#dbeded url(../img/body-back.gif) repeat-y right top;
  background-color:#dbeded;
  border-left:1px #7aa solid;
  margin:0 0 0 11em;
    padding:0 7px 1em 0;
}
/* ナビゲーションなどへのスキップ */
.hidden{
  position:absolute;
  top:-200px;
  left:0;
}

/* 画像ボックス */
.photo{
  margin:1em 1em 1em 2em;
  text-align:center;
}
/* ナビゲーション */
#navi{
  color:#000;
  background:transparent url(../img/keyboard2.jpg) no-repeat fixed;
  padding:2em 1em;
  margin:0;
  list-style-type:none;
  list-style-image:none;
  position:absolute;
/*  top:13%;*/
  top:0;
  left:0;
/*  left:1em;*/
  border-style:solid;
  border-width:1px;
  border-color:#fff #9bb #9bb #fff;
}
#navi li{
  border-left:10px #588 solid;
  border-bottom:1px  #588 solid;
  padding:5px;
  margin:0;
}

/* table の col 内などを右寄せ */
.suuti{
  text-align:right;
}

#page-summary{
  font-size:x-small;
  text-align:right;
  color:#b00;
  background:transparent;
}