/*------------------------------------------------------------------
  		トップページ
    	作成 2007/01/28 
        改訂 2012/06/22
  ----------------------------------------------------------------- */

/*------------------------------------------------------------------
				BODY
----------------------------------------------------------------- */
/* - ボディー共通 - */
/* 画面中央800pxで表示。文字は少し小さめで */

body {
    background-image: url(wallpaper.png);
    width: 800px;
    margin: 0 auto;
    font-size: 0.8em;
    line-height: 150%;
}
/*------------------------------------------------------------------
				DIV
----------------------------------------------------------------- */
/* - ボディボックス - */
header {
    border-bottom-style: solid;
    border-bottom-color: #BBBBBB;
    border-bottom-width: 2px;
    height: 200px; /*指定してあげないとFirefoxで下に余白ができてしまう。*/
}
/*
    nav
    主要なナビゲーションとなるセクションのみ
    http://www.htmq.com/html5/nav.shtml
    よく、ウェブページの下部に、利用規約ページ、著作権ページ、トップページへ戻る、などのリンクが配置されることがありますが、このような場合には<nav>を使用せず、<footer>のみで十分です。
*/
nav {
    color: #000000;
    background-color: #F0FFF0;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 5px;
    width: 140px;
    float: left;
    line-height: 150%;
}

article {
    color: #000000;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 55px;
    padding-right: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 10px;
    width: 480px;
    float: right;
}

footer {
    color: #FFFFFF;
    background-color: #BBBBBB;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: right;
    clear: both;
}

section {
    padding: 0;
    margin: 0;
}

div.nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.copyright {
    margin-top: 0px;
    margin-bottom: 0px;
}

address {
    display: inline-block;
    _display: inline;
}

/*------------------------------------------------------------------
			HEADER
----------------------------------------------------------------- */
/* - ページ全体の見出し - */
h1 {
    padding: 0px;
    margin: 0px;
    vertical-align: text-bottom; /* これがないとFirefoxで下に隙間ができてしまうことがあるらしい(本当の解決策はheaderのサイズ指定だけど)。*/
}

h2 {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    h2.contents {
        font-size: 1.5em;
        font-weight: bold;
        margin-left: -0.5em;
    }

    h2.menu {
        font-size: 1.2em;
        font-weight: bold;
        margin-left: -0.5em;
    }

h3 {
    padding: 0px;
    margin: 0px;
}

    h3.contents {
        font-size: 1.0em;
        font-weight: bold;
        margin-left: -0.2em;
    }

p {
    text-indent: 1em;
}

li {
    margin-left: -1em;
}
/*------------------------------------------------------------------
			LINK
----------------------------------------------------------------- */
/* - リンクの処理 - */
a {
    text-decoration: none;
}

    a:hover {
        color: #ff0000;
    }
/*------------------------------------------------------------------
			ETC
----------------------------------------------------------------- */
/* - イメージ - */
img {
    border-style: none;
}