/*ページの基本デザイン用CSS*/


/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;

  
}

body {
   margin: 0;
   padding: 10px 0 0 10px;
   letter-spacing: 1px;
   background: #ffffff;
   border-top: 3px solid #134D99;
}



br {
   letter-spacing: normal;
}

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

a:hover {
   color: #003399;
   text-decoration: underline;
}

img {
   border:0;
   vertical-align: bottom;
}

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





/* ========TEMPLATE LAYOUT======== */


div#top{
   width: 800px;       
   margin: 0 auto;
   padding: 0;
   background: #ffffe0;

}


div#pr {
   position: absolute;
   left: 0;
   top: 0;
}


div#gnavi {
   position: absolute;
   bottom: 0;
   right: 0;
}

div#t-logo{
   width: auto;

}


div#menu {
   float: left;
   width: 800px;
   height: 40px;
   margin-top: 0px;
   background-color: #ffffff;

}



div#contents{
   padding: 0;
   width: 800px;       
   margin: auto;
   text-align: center;
   background: #ffffe0;
   border: 1px solid #cccccc;

}


div#main {
   width: 750px;
   height: auto;
   padding: 10px 5px 0 0;
   margin: auto;
   margin-top: 50px;
   margin-bottom: 10px;

}


div#footMenu {
   float: left;
   width: 800px;
   margin-top: 10px;
   background: #F0E68C;
}

div#footer {
   clear: both;
   width: 800px;

}        


/* ========TOP CUSTOMIZE======== */

div#top h1{
   font-family:"HG正楷書体-PRO";
   font-size: 200%;
   font-weight: bold;
   text-align: left;
   color: #003399;
   padding-top: 2px;
   height: 30px;
   width: auto;
  

}

div#top h2{
    
   font-size: 80%;
   font-weight: normal;   
   text-align: right;
   color: #000000;
   height: 40px;
   width: auto;
   padding-right: 10px;


}


div#top h3{
   font-family:"ＭＳ　明朝";
   color: #cc0000;
   font-size: 80%;
   padding: 60px 0 5px 0;

}



/* ========MENU CUSTOMIZE======== */

div#menu ul {
   margin: 0;
   padding: 0;
   font-size: 75%;
   list-style: none;
   text-spacing: 2px;
}

div#menu li {
   letter-spacing: 2px;
   overflow: hidden;
   float: left;
   margin: 0;
   padding: 0;
   border: 1px solid #CECBCE;
   background: #F0E68C;
}


div#menu li a {
   display: block;
   width: 131px;
   height: 20px;
   padding: 10px 0;
   line-height: 20px;
   font-weight: bold;
   text-align: center;
   outline: none;
   color: #666666;

}

div#menu li a:hover {
   color: #fff;
   text-decoration: none;
   background: #B8860B;

}

div#menu li.home {
   width: 131px;
   margin-left: 0;
   border-left: 1px solid #CECBCE;
}

div#menu li.active a {
   color: #fff;
   background: #B8860B;
   text-decoration: none;

}



/* ========MAINCONTENTS CUSTOMIZE======== */


div#main a {
   color: #000;
}

div#main a:hover {
   color: #134D99;
   text-decoration: underline;
} 

div#main h2 {
   clear: both;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 50px;
   padding: 0;
   padding-left: 20px;
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 30px;
   color: #8B4513;
   /* background: #ffffff; */

}

div#main h3 {
   clear: both;
   margin: auto;
   margin-bottom: 2px;
   padding: 0;
   line-height: 1.8;
   font-size: 14px;
   letter-spacing: 3px;
   color: #8B4513;
   /* background: #ffffff; */

}

div#main h4 {
   margin: auto;
   margin-bottom: 2px;
   font-size: 75%;/* 12px相当 */
}

div#main h5 {
   margin-bottom: 2px;
   font-size: 75%;/* 12px相当 */
}

div#main h6 {
   margin-bottom: 2px;
   font-size: 75%;/* 12px相当 */
}

div#main p {
   letter-spacing: 3px;
   margin: auto;
   margin-bottom: 10px;
   font-size: 75%;/* 12px相当 */
   text-align: left;
   line-height: 1.5;
}

div#main ul,ol,dl {
   font-size: 75%;/* 12px相当 */
}

div#main dt {
   margin: auto;
   margin-bottom: 3px;
}

div#main dd {
   padding: 0;
   margin: auto;
   margin: 0 0 0.5em 1em;
   padding: 3px;
   background: #f1f1f1;
}


div#main table {
   font-size: 12px;
   /* font-size: 75%; */
   width: 600px;
   margin: auto;
   margin-bottom: 50px;
   padding: 20px 30px 30px 30px;
   background: #ffffff;
   /* border-collapse:collapse; */
   border:1px dotted #003399;
   border-spacing:0;
   line-height: 200%;

}

div#main table th {
   padding: 10px 0 0 5px;
   font-weight: bold;
   width: 250px;
   text-align: left;
   border-bottom:1px solid #eeeeee;
   
}

div#main table td {
   padding: 10px 0 0 5px;
   text-align: left;
   border-bottom:1px solid #eeeeee;
   width: 350px;
   font-size: 10px;

}

div#main table td ol{
margin: 0;
padding: 0 0 0 30px;
font-size: 100%;
}

div#main table td li{
margin: 0;
padding: 0;
}




/* ========TOTOP CUSTOMIZE========= */
div#totop {
   text-align: right;
   font-size: 70%; /* 11px相当 */


}

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

}



/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin: 5px 0;
   padding: 5px 0;
   text-align: center;
   border-top:  1px solid #ddd;
   border-bottom:  1px solid #ddd;
}

div#footMenu li {
   display: inline;
   margin: 0 0 0 30px;
   font-size: 75%;
   list-style: none;
}

div#footMenu li a:hover {
   color: #134D99;
   text-decoration: underline;
}



/* ========FOOTER CUSTOMIZE======== */
address {
   font-style: normal;
   font-size: 70%;
   text-align: center;
   color: #666666;
   line-height: 2.0;

}