@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",verdana,sans-serif;
   color:#333333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:#ffffff;
}

p {
   margin:0 0 1em 0;
   padding:0;
   color:#000000;
   font-size:82%;
}

br {
   letter-spacing:normal;
}

a {
   color:#00000;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:940px;
   margin:0 auto;
   background:#ffffff;
}

div#header {
   width:940px;
   background:#ffffff;
}

div#nav {
    width:940px;
    height:53px;
    background-image:url(images/menubg01.png);
    background-position:left top;
    background-repeat:repeat-x;
}

div#contents {
   clear:both;
   width:940px;
   /* background:url(images/bg_contents.gif) 720px 0 repeat-y; 上下線 */
   border-top:2px solid #ff9900;
   /*border-bottom:1px solid #ff9900;*/
   border-bottom:1px solid #535D57;
}

div#headImage {
   width:940px;
}

div#main {
   float:left;
   width:720px;
   margin-top:10px;
}

.container {
    display: flex;
    flex-wrap: wrap; /* 複数行に対応 */
    gap: 4px; /* ボックス間の隙間 */
    flex-direction: row;
    justify-content: space-between; /* 中央揃え */
    padding: 16px;
}

div#tabel {  
   float:left;
   width:660px;
   margin-top:10px;
}

div#sub {
   float:right;
   width:200px;
   margin-top:10px;
   padding:5px;
   background:#f4f0ca;
}

div#totop {
}

div#footer {
   position:relative;
   clear:both;
   width:940px;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
div#header h5 {
   margin:0;
   padding:10px 10px 5px 20px;
   font-size:75%;/* 12px相当 */
   color:#808080;
}

div#header h1 {
   margin:0;
   padding:10px 10px 10px 20px;
   font-size:200%;/* 32px相当 */
   color:#000000;
   line-height:60px;
}

div#header h1 a {
   color:#ff9900;
}

div#header h1 a:hover {
   color:#B1816D;
}


/* ========NAV CUSTOMIZE======== */
div#nav ul {
   width:940px;
   margin:0 auto;
   padding:0;
   list-style-type:none;
   overflow: hidden;
   background-image :url(images/menubg01.png);
   background-position:top left;
   * background-repeat:repeat-x;
   text-align:center;
}

div#nav li {
   display: block;
   width: 116px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #ffffff;
   float: left;
   height: 40px;
   overflow: hidden;
}

div#nav li a {
   display:block;
   height:40px;
}

div#nav li span.en {
   display:block;
   line-height:12px;
   padding-top:7px;
   font-size:10px;
   font-family:century, serif;
   text-transform:uppercase;
   color:#7d3331;
}

div#nav li span.ja {
   display:block;
   line-height:12px;
   font-size:12px;
   padding-top:5px;
   font-weight bold;
   color:#7d3331;
}

div#nav a:link {
   color:#B1816D;
   text-decoration:none;
   background-image:url(images/menubg01.png);
   background-position:top left;
   background-repeat:repeat-x;
}

div#nav a:visited {
   color: #B1816D;
   text-decoration:none;
   background-image:url(images/menubg01.png);
   background-position:top left;
   background-repeat:repeat-x;
}

div#nav a:hover {
   background-image:url(images/menuon01.png);
   background-position:top left;
   background-repeat:repeat-x;
}

div#nav a:hover span.en {
   color:#ffffff;
   text-decoration:none;
}

div#nav a:hover span.ja {
   color:#ffffff;
   text-decoration:none;
}

div#nav a:active {
   color:#ffffff;
   text-decoration:none;
   background-image:url(images/menuon01.png);
   background-position:top left;
   background-repeat:repeat-x;
}

/* 回り込み解除 */
div#nav ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#31001D;
}

div#main a:hover {
   color:#31001D;
   border:0;
   border-bottom:1px solid #31001D;
}

div#main h1 {
   margin-bottom:8px;
   padding:2px 2px 2px 5px;
   color:#31001D;
   font-size:100%;/* 16px相当 */
   font-weight:bold;
   border-bottom:3px double #ffb62f;
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 5px;
   color:#31001D;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   border-bottom:2px solid #ffb62f;
}

div#main h3 {
   margin-bottom:3px;
   padding:3px 5px 0px 5px;
   font-size:88%;/* 14px相当 */
}

div#main h4 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}
div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}
div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main p {
   margin:0 10px 2em 20px;
   font-size:82%;/* 13px相当 */
}


.box {
    width: 290px;/*660px*/
    margin: 0 0 20px 0;
    background: #fdfdea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box .box-title {
    font-size: 16px;
    background: #ff9900;
    padding: 4px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box p {
    padding: 0 15px 0 20px;
    margin: 0;
}
.box ol{
    font-size: 13px;
    padding: 5px 15px 0 30px;
    margin: 0;
    list-style-type: decimal;
}

image{
    width: 40px;
    hight: 310;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .box {
        width: calc(50% - 16px); /* 2列レイアウト */
    }
}

@media (max-width: 480px) {
    .box {
        width: 100%; /* 1列レイアウト */
    }
}

table {
    width:660px;
    margin-top:20px;
    margin-right:auto;
    margin-bottom:30px;
    margin-left:30px;
    text-align:center;
    border-collapse:collapse;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#666666;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#666666;
}

table th {
   width:29%;/*327*/
   height:50px;
   text-align:center;
   vertical-align:middle;
   background-color:#fffeee;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#666666;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#666666;
   font-size:88%;/* 14px相当 */
   font-weight:bold;
   color:#4e3e2c;
}

table td {
   width:69%;/*327px*/
   height:50px;
   padding:2px 2px 2px 5px;
   text-align:left;
   vertical-align:middle;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#666666;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#666666;
   font-size:88%;/* 14px相当 */
   color:#000000;
   background:#ffffff;/*#EBE9EB;*/
}

/* --- 新着リスト --- */
div.update dl {
   width: 680px; /* 新着リストの幅 */
   height: 250px; /* 新着リストの高さ */
   overflow: auto;
   margin: 5px 15px 15px 15px;
   background-color: #f9f9f9; /* 新着リストの背景色 */
   border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
   border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
   width: 6.7em; /* 日付エリアの幅 */
   float: left;
   padding: 7px 0 6px 10px; /* 日付エリアのパディング（上右下左） */
   line-height: 120%;
   font-size:88%;/* 14px相当 */
}

/* --- 本文エリア --- */
div.update dd {
   width: 560px; /* 本文エリア */
   margin: 0;
   padding: 7px 3px 6px 8.0em; /* 本文エリアのパディング（上右下左） */
   border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
   line-height: 120%;
   font-size:88%;/* 14px相当 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*.clearFix {
min-height: 1px;
}*/


/* ========SUB CONTENTS CUSTOMIZE======== */
div#sub h2 {
   padding:3px 5px 0 5px;
   font-size:88%;/* 14px相当 */
   font-weight:bold;
   color:#ffffff;
   background:#dd5522;
}

div#sub p {
   margin:2px 2px 0.5em 0;
   padding:3px 5px 0 5px;
   font-size:82%;/* 13px相当 */
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a {
   padding:0 0 0 12px;
   background:url(images/bg_totop.gif) 0 50% no-repeat;
}

div#totop a:hover {
   border-bottom:1px solid #31001D;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   padding:10px 0;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#333;
   text-align:center;
}