/*ページの基本デザイン用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;

}


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;
   /* border: 1px solid #ececec; */
   background: url("d_img/bg_renga_w10.gif");
   /* background-color: #fefefe; */

}


div#main {
   width: 500px;
   height: auto;
   padding: 10px 5px 0 0;
   margin: auto;
   margin-bottom: 30px;
   /* background-color: #ffff00; */

}


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

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;
   background: #ffffff;
   height: 30px;
   width: auto;
   border: 1px solid #cccccc;
   border-bottom: none;

}

div#top h2{
    
   font-size: 80%;
   font-weight: normal;   
   background-color: #ffffff;
   text-align: right;
   color: #000000;
   height: 40px;
   width: auto;
   padding-right: 10px;
   border: 1px solid #cccccc;
   border-top: none;

}

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

}


div#top h4 {
   font-family:"ＭＳ　明朝";
   color: #cc0000;
   font-size: 90%;
   padding: 5px 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;
   border-bottom: none;
   background: #fff url("d_img/bg_menu.gif") -40px 0 repeat-x;
}


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

div#menu li a:hover {
   color: #fff;
   text-decoration: none;
   background: #fff url("d_img/bg_menu.gif") 100% 100% repeat-x;


}

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

div#menu li.active a {
   color: #fff;
   background: #fff url("d_img/bg_menu.gif") 100% 100% repeat-x;
   text-decoration: none;

}



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


div#main a {
   color: #0033ff;
}

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

div#main h2 {
   clear: both;
   margin: auto;
   margin-bottom: 8px;
   padding-left: 100px;
   line-height: 2.2;
   color: #ffffff;
   font-size: 100%;
   font-weight: bold;
   letter-spacing: 100px;
   /* background: url("d_img/bg_aqua_wave.gif") 100% 100% repeat-x; */
   background: #006600;

}

div#main h3 {
   margin: auto;
   margin-bottom: 8px;
   line-height: 1.8;
   font-size: 88%;/* 14px相当 */
   color: #134D99;
   border-bottom: 3px solid #005DD8;
}

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

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: 2px;
   margin: 5px 10px 0 10px;
   font-size: 75%;/* 12px相当 */
   text-align: left;


}

div#main ul {
   font-size: 94%

}

div#main li {
   margin: 0;
   padding: 0;
   padding-left: 10px;
   text-align: left;
   width: 450px;
   line-height: 200%;
   /* border-bottom: 1px dotted #99cc99; */
   list-style: url("d_img/ic_home12_2.gif");

}


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

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

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


/* TOPNAVI CUSTOMIZE */
div#main div.topNavi {
   overflow: hidden;
   position: relative;
   margin: auto;
   margin-bottom: 30px;

}



div#main div.topNavi h2.topNaviImg {
   margin: auto;
   padding: 0 10px 0 0;
   background: none;

}



div#main table {
   margin: auto;
   font-size:75%;/* 12px相当 */

}

table {
   width:500px;
   margin: auto;
   margin-bottom:20px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
}

table th {
   padding: 5px;
   border:1px solid #999;
   border-width: 0 0 1px 1px;
   background: #EFEBEF;
   font-weight: bold;
   line-height: 120%;
   text-align: left;
}

table td {
   padding: 5px;
   border: 1px solid #999;
   border-width: 0 0 1px 1px;
   text-align: left;
}

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

table td li{
margin: 0;
padding: 0;
}






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

}

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

}



/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin: 5px 0;
   padding: 10px 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;

}