﻿/* 全体の設定 */
*{
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}
/* 基本設定 */
body{
    padding:0px;
}

h1 {
   font-family:Trebuchet MS;
   font-size:x-small;
   color:#deccb6;
   text-align:left;
   padding-left:10px;
}

h2 {
   font-family:Trebuchet MS;
   color:#D2B48C;
   margin:15px 0px;
   text-align:center
}

h3 {
   width:80%;
   font-family:Trebuchet MS;
   color:#A0A0A0;
   margin-top:15px;
   margin-left:20px;
   margin-bottom:20px;
   padding:3px 5px;
   text-align:center;
}

h4 {
   width:100%;
   font-family:Trebuchet MS;
   font-size:18px;
   color:#B0C4DE;
   border-bottom:#deccb6 1px solid;  
}

/* 画像関係 */
img{
    border:0px;
}

/* リンク関係 */
a:link {
    color:#B0C4DE;
    text-decoration:none;
}
a:visited {
    color:#B0C4DE;
    text-decoration:none;
}
a:hover {
    color:#ff0000;
    text-decoration:none;
}
a:active {
    color:#ffffff;
    text-decoration:underline;
}

/****** ページ ******/
#page{
    position:relative;
    width:1024px;
    margin:0px auto;
}
    
/* ヘッダーの設定 */
#head{
    position:relative;
    width:1024px;
    height:300px;
}

/* ナビゲーションの設定　*/
div#nav {
    width:1024px;
    padding:5px;
    text-align:left;
    border:0px;
}
ul#menu {
   width:100%;
   list-style:none;
}
ul#menu li {
   list-style:none;
   float:left;
}

ul#menu a {
   display:block;
   height:30px;
   width:200px;
   margin-left:4px;
   font-family:Trebuchet MS;
   font-size:20px;
   color:#A0A0A0;
   text-align:center;
   padding-top:5px;
   background-image:url(./img/nav.png);
}

ul#menu a:hover {
   background-position:0px -25px;
   color:#B0C4DE;
}

/* メインの設定 */
div#main {
   position:relative;
   width:1024px;
   padding-top:5px;
   clear:both;
}

div#left {
   position:relative;
   float:left;
   width:204px;
   margin-bottom:10px;
}

div#middle {
   position:relative;
   float:left;
   width:510px;
   margin-left:2px;
   margin-bottom:10px;
}

ul#middle {
   width:80%;
   padding-left:50px;
   text-align:left;
   line-height:1.4em;
   letter-spacing:0.1em;
   font-family:century gothic;
   font-size:small;
   color:#808080;
}

ul#middle li{
   list-style:upper-roman;
   font-weight:bold;
   font-style:italic;
   color:#000000;
   padding-left:-10px;
   margin-top:5px;
}

ul#table {
   width:90%;
   padding-left:20px;
   font-family:century gothic;
   font-size:small;
   color:#808080;
}

ul#contact {
   width:95%;
   padding:5px;
   font-family:century gothic;
   font-size:small;
   color:#808080;
}

table.contact {
    width:500px;
    border-top:1px solid #deccb6;
    border-left:1px solid #deccb6;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
th.contact {
    width:150px;
    height:25px
    border-right:1px solid #deccb6;
    border-bottom:1px solid #deccb6;
    color:#B0C4DE;
    background-color:#deccb6;
    background-image:url(./img/table_back.gif);
    background-position:left top;
    padding:0.1em 0em;
    font-size:medium;
    text-align:center!important;
}

.contact th{
    text-align:right;
    width:150px;
    color:#B0C4DE;
    border-right:1px solid #deccb6;
    border-bottom:1px solid #deccb6;
    padding:0.3em 1em;
}

.contact td{
    width:350px;
    border-right:1px solid #deccb6;
    border-bottom:1px solid #deccb6;
    padding:0.3em 1em;
}

td.td1 {
   width:150px;
   text-align:right;
   vertical-align:top;
   padding-top:10px;
}

td.td2 {
   width:270px;
   text-align:left;
   vertical-align:middle;
   padding-top:10px;
   line-height:1.5em;
   padding-left:15px;
}

div#right {
   position:relative;
   float:left;
   width:306px;
   margin-left:2px;
   margin-bottom:10px;
}

ul#right {
   width:90%;
   text-align:left;
   line-height:1.2em;
   letter-spacing:0.1em;
   font-family:century gothic;
   font-size:small;
   color:#808080;
   padding-left:10%;
   margin-top:5px;
}

a.anime {
   display:block;
   padding-left:15px;
   background:no-repeat left;
   background-image:url(./img/arrow_t.gif);
}

a:hover.anime{
   background-image:url(./img/arrow_a1.gif);
   padding-left:38px;
}

/* フッターの設定 */
div#footer{
    position:relative;
    width:1024px;
    height:20px;
    background-color:#FFFFFF;
    border-width:0px;
    border-top-width:3px;
    border-style:double;
    border-color:#deccb6;
    color:#A0A0A0;
    font-size:middle;
    text-align:center;
    clear:both;
}

