@charset "UTF-8";

html {
    min-width: 780px;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    color: #000;
    text-align: center;
}

img {
    border: 0;
}

/* ----------------------------------------------------------------------*/
/* 領域                                                                  */
/* ----------------------------------------------------------------------*/

/* コンテナー */
#container {
    width: 780px;
    min-height: 800px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: #fff;
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    text-align: left;
}

/* ヘッダ領域 */
#header {
    width: 780px;
    height: 78px;
    margin: 10px 0;
    padding: 0 0;
    border :0;
}

/* ナビゲーション */
#navi {
    clear: both;
    margin: 10px 10px;
    text-align: center;
}

/* コンテンツ領域 */
#contents {
    clear: both;
    margin: 20px 10px 10px 10px;
}

/* フッタ領域 */
#footer {
    margin: 0px 10px 10px 10px;
    font-size: x-small;
    text-align: center;
}

/* ----------------------------------------------------------------------*/
/* ヘッダ領域                                                            */
/* ----------------------------------------------------------------------*/

div.logo {
    float: left;
    width: 238px;
    height: 78px;
    margin-right: 12px;
    background: url("../img/mantis_logo.gif") no-repeat;
}

.explain {
    float: left;
    margin: 10px;
    border: 0;
    width: 510px;
    height: 40px;
    font-size: x-small;
}

.alt {
    display: none;
}

/* ----------------------------------------------------------------------*/
/* ナビゲーション領域                                                    */
/* ----------------------------------------------------------------------*/

ul#menu {
    margin: 0 auto;
}

ul#menu li {
    display: inline;
    list-style-type: none;
    padding: 10px;
    font-size: small;
}

/* ----------------------------------------------------------------------*/
/* コンテンツ領域                                                        */
/* ----------------------------------------------------------------------*/

/* アーティクル */
.article {
    width: 760px;
    font-size: medium;
    line-height: 150%;
}

/* 段落 */
.article p {
    margin-top: 0;
    margin-bottom: 1em;
    text-indent: 1em;
}

/* 大見出し */
.article h1 {
    margin: 0 0 1em 0;
    border-bottom: #000 1px solid;
    font-weight: bold;
    font-size: x-large;
}

/* 中見出し */
.article h2 {
    margin: 0 0 1em 0;
    border-bottom: #000 1px solid;
    font-weight: bold;
    font-size: large;
}

/* 小見出し */
.article h3 {
    border-bottom: #000 1px dashed;
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: medium;
}

/* 箇条書き */
.article ul {
    list-style-type: square;
    list-style-position: outside;
    margin: 0 0 1em 0;
    padding-left: 2em;
    padding-right: 1em;
    line-height: 150%;
}

.article ol {
    list-style-position: outside;
    margin: 0 0 1em 0;
    padding-left: 2.5em;
    padding-right: 1em;
    line-height: 150%;
}

.article dl {
    margin: 0 0 1em 0;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 150%;
}

.article ul li {
    padding-left: 0.5em;
}

.article ol li {
}

/* テキストエリア */
.article textarea {
    width: 588px;
    margin: 0 0 1em 0;
    padding: 0;
    border: #000 1px solid;
    background: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: medium;
    font-weight: normal;
}

/* 画像 */
.article img {
    display: block;
    float: right;
    margin: 0.5em 0em 0.5em 0.5em;
}

/* ----------------------------------------------------------------------*/
/* フッタ領域                                                            */
/* ----------------------------------------------------------------------*/