@charset "UTF-8";

/* ページ構造に関するCSS*/

/* ページ全体に関する指定*/
#wrap {
    width: 960px;
    /*全体の幅を指定する */
    margin: 0 auto;
    /*マージン全体を中央揃えにする*/
    text-align: left;
    /*全体を左揃えにする */
}

/* ボディに関するCSS*/
body {
    width: 100%;
    /*ページ全体の幅は100%と指定する*/
    text-align: center;
    /*ページ全体を中央揃えにする*/
    font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    color: #666;
    /*フォント種類を指定するCSS*/
    font-size: 80%;
    /*フォントサイズ*/
    line-height: 160%;
    /*文字サイズ+文字上下の余白*/
    background-image: url(../img/bgimg.png);
    /*背景画像を指定*/
}

/* ヘッダー部に関する指定*/
#header {
    width: auto;
    /*ヘッダーの幅を指定する*/
    float: left;
    /*配置は左寄せとする*/
    margin-left: 10px;
    /*左端のマージン幅を指定する*/
}

/* ナビゲーションに関するCSS */
/* ナビリスト部に関するcss */
#nav {
    line-height: 25px;
    /*メニュー行の高さを指定する */
    padding: 0px;
    /*パディング幅を指定する */
    list-style: none;
    /*リストスタイルプロパティの一括指定 */
    float: left;
    /*配置は左寄せとする*/
    font-weight: bold;
    font-size: 130%
}

/*ナビリストアイテムの配置位置&背景色&マージン&境界を設定&行の揃え位置&サイズ*/
#nav li {
    float: left;
    /*配置は左寄せとする*/
    background-color: rgb(216, 223, 255);
    /*背景色*/
    border: 1px solid #000;
    /*枠線の設定単線に黒色*/
    text-align: center;
    /*ブロックコンテナ内の行の揃え位置・均等割付を指定*/
    width: 160px;
    /*幅*/
    height: 25px;
    /*高さ*/
    margin-right: 5px;
    /*ブロック右側マージン幅*/
}

/* ナビリンク部に関するcss */
#nav a {
    /*navの文字色&背景色&サイズ*/
    color: #000;
    /*文字色*/
    display: block;
    /*ブロックボックスを生成する*/
    width: 160px;
    /*幅*/
    height: 25px;
    /*高さ*/
}

/*ナビホバー時文字色&背景色&リンクテキストの下線*/
#nav a:hover {
    color: #FFF;
    /*文字色*/
    background-color: rgb(227, 170, 246);
    /*背景色*/
    text-decoration: none;
    /*テキスト装飾に関する指定*/
}

/*メインコンテンツ部に関するCSS*/
#content {
    /*flortプロパティの解除&サイズ&ボーダー（枠線）スタイル&背景色&パディング（枠線と中身の間隔）&マージン（枠線と外側の余白）*/
    clear: left;
    /*flortプロパティ（左寄せ）の解除*/
    width: 960px;
    /*幅*/
    border: 1px solid #999;
    /*枠線の設定*/
    background-color: rgb(216, 223, 255);
    /*背景色*/
    padding: 20px;
    /*パディング幅*/
    margin-left: 10px;
    /*左端のマージン幅を指定する*/
    margin-top: 5px;
    /*上部のマージン幅を指定する*/
}

/*ホームページの紹介部*/
#col1 {
    /*サイズ&マージン&配置位置*/
    width: 960px;
    /*幅*/
    margin-right: 0px;
    *右端のマージン幅を指定する*/ float: left;
    /*配置は左寄せとする*/
}

/*イメージ画像部*/
#imgme {
    margin: 15px;
    float: left;
}

/*What's New部 */
#sidebar {
    width: 960px;
    padding: 7px 0px 15px;
    background-color: #FFF;
    float: left;
    /*配置は左寄せとする*/
}

/* ヘッダーに関するCSS
--------------------------------------------------------------------------------*/
h1 {
    padding: 0px;
    margin: 0px;
}


/* contentに関するCSS 
--------------------------------------------------------------------------------*/

img.topkey {
    margin-bottom: 15px;
}

/* col1に関するCSS 
--------------------------------------------------------------------------------*/
h2 {
    margin: 0px;
}

h3 {
    color: #000;
    font-size: 130%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    padding-bottom: 3px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    padding-top: 5px;
    text-indent: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
}

p {
    margin-top: 0px;
}

img.thumb {
    float: left;
    margin-right: 10px;
}

/* sidebar--新着情報に関するCSS */
h4 {
    margin-bottom: 3px;
    color: #000;
    font-size: 150%;
}

table {
    width: 920px;
    margin-left: 20px;
    background-color: #e4fafa
}

#update {
    table-layout:fixed;
    width:120px;
    background-color: #d1e6f8;
    font-weight: bold;
    color: crimson
}

#newhead {
    background-color: #d1e6f8;
    font-weight: bold;
    font-size: 120%;
    color: blue;
}

#Detail {
    color: blue;
    font-size: 130%;

}

/* フッターに関するCSS　*/
#credit {
    clear: both;
    margin-top: 5px;
}

.mail {
    clear: both;
    text-align: right;
}

.copr {
    clear: both;
    text-align: right;
    font-size: 100%;
}

/* リンクに関するCSS*/

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: brown;

}




#mem {
    float: left;
}

#eolink {
    color: green;
    background-color: yellow
}
#update {
text-align:center;
font-size: 130%;
}