@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
   color:#333;
   font-size:14px;
   background:url(../img/back2.png);
}

br {
   letter-spacing:normal;
}

a {
   
   text-decoration:none;
}

a:hover {
   text-decoration:none;
}

img {
   border:0;
   margin:0;
}

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

p{padding:0;
  margin:5px;
}


.small{font-size:13px;}

.button {
	text-align:center;
}

.float
      {
      float: left;
      display:inline;
      margin:0px 5px 10px 0px;
      }

.float1
      {
      float: right;
      padding: 0px 0 0px 0;
}

.floatclear
      {
       clear: both;
}

.fuchi{
 border:1px solid #f3f3f3;
 padding:2px;
 background:#f7f8f8;
 }

.news {
margin:10px 0 0 0;
border-top:5px solid #f8b62d;
border-left:1px solid #dcdddd;
border-bottom:1px solid #dcdddd;
overflow-y:scroll;
width:680px;
height:160px;
}

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

#htop{background:url(../img/back.jpg) repeat-x;
    height:35px;
      }

#top {
   width:980px;
   margin:0 auto;
   position: relative;
}

#header {
   margin:0 auto;
   height:316px;
   background:url(../img/h-b.jpg) no-repeat;
   }

#menu {
   background:#d3edf9;
   height:60px;
   border:solid 1px #0071bc;
     
}

#contents {
   clear:both;
   width:980px;
   margin:0px 0 0 0;
   background:url(../img/back2.jpg);
}

#main {
   float:left;
   margin:10px 0px 10px 10px;
   width:700px;
}

#subr {
   margin:10px 10px 10px 10px;
   float:right;
   width:250px;
}
#subr img{
   margin:0 0 5px 0;
}

#footer {
   position:relative;
   clear:both;
   background:#fff;
   margin:0px 0 0 0;
   height:280px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
#top1{margin: 0 auto;
   width:980px;
}
#top1 h1 {
   font-size:12px;
   color:#333;
   line-height:20px;
   font-weight:bold;
}

/* ========HEADER CUSTOMIZE======== */
.logo {
   position: absolute;  
   top: 30px;  
   left: 0px;
}

.logo a:hover{
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";
}

#header h2{position: absolute;  
   top: 150px;  
   left:20px;
   font-size:18px;
   line-height:2.0;
   color:#ff69b4;
   border:solid 1px #ff69b4;
   background:#fff;
   padding:10px 50px;
   border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0 0 0 5px;
   padding:0;
   list-style:none;
   
   }

#menu li {
   overflow:hidden;
   float:left;
   margin:5px 0 0 30px;
   padding:0;
   border-bottom:none;
}

#menu li a {
   display:block;
   height:50px;
   line-height:52px;
   text-align:center;
   outline:none;
   color:#333;
   font-size:17px;
   font-weight:bold;
}

#menu li a:hover {
   display:inline-block;
   height:50px;
   line-height:52px;
   text-align:center;
   outline:none;
   color:#0071bc;
   font-size:17px;
   
}

#menu1 a {color:#2e3192 !important;
   font-size:19px !important;
}
#menu1 a:hover {color:#0071bc !important;
   font-size:19px !important;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */





.pr{margin:10px 0 15px 0px;
}
.pr1 a:hover{
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";
}

#main img{margin:0px 0 10px 0;}

#main .ps{
   margin:15px 0 15px 0;
   font-size:12px;
}

#main .r{
   color:#333;
   font-size:17px;
   font-weight:bold;
}

#main b{
   color:#0071bc;
}

#main h2{
   margin:0px 0px 5px 0;
   padding:0 0 0 10px;
   background:#3fa9f5;
   line-height:2.0;
   color:#fff;
   font-size:24px;
   clear:both;
   border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;
}

#main h5{
   margin:10px 0px 10px 0;
   padding:3px 0 3px 20px;
   background:#3fa9f5;
   line-height:1.0;
   color:#fff;
   font-size:20px;
   width:100px;
   clear:both;
   border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;
}





#main ul{margin:0 0 0 0;}




#main p{line-height:1.8}


#main li {
   background:url("../img/reten.png")  no-repeat;
   margin:0 0 10px 0px;
   padding:0px 0 0 30px;
   line-height:1.8;
   list-style:none;
   font-size:15px;
   font-weight:bold;
}

#main .kin{
   font-size:24px;
   font-weight:bold;
   color:#e60012;
}

#main .kyo{
   font-size:14px;
   font-weight:bold;
   color:#ff0000;
}


#main table {
   width:660px;
   border-collapse:collapse;
   border:solid 1px #2ea7e0;
   margin:0px 10px 10px 0;
}

#main table th {
   font-size:15px;
   text-align:center;
   width:130px;
   background:#d3edf9;
   color:#3fa9f5;
   border:solid 1px #ccc;
}

#main table td {
   font-size:14px;
   border:solid 1px #ccc;
   padding:5px 3px 5px 15px;
}

.ri{text-align:right;}

#main .sect{
   background:url("../img/m-back.jpg")  no-repeat;
   margin:0px 0px 5px 0;
   padding:10px;
   line-height:1.8;
}

#main .sect p{
   padding:10px 0 0 60px;
   font-weight:bold;
   font-size:15px;
   line-height:1.7;
}

#main .sect1{
   border:solid 1px #2ea7e0;
   background:url("../img/m-back1.jpg")  no-repeat #f7f8f8;
   margin:5px 0px 0px 0;
   padding:10px 10px 0 20px;
   line-height:2.1;
}

#main .sect1 h2{
   margin:5px 0px 5px 0;
   background:url("../img/h2.png") no-repeat;
   color:#333;
   padding:3px 0 0 40px;
   font-size:24px;
   clear:both;
}

#main .sect1 a{
   color:#333;
}

#main .sect1 a:hover{
   color:#2ea7e0;
}

#main .sect1 p{
   line-height:2.0;
   margin:5px 0 15px 0;
}

#main .im1{
    text-align:right;
    padding:0px 13px 0px 0;
}

#main .ansin{
    font-size:18px;
    font-weight:bold;
    margin:0 0 20px 20px;
}


.sect2{
   border:solid 1px #2ea7e0;
   background:#eafaff;
   margin:10px 10px 10px 10px;
   padding:10px 10px 10px 20px;
   line-height:2.1;
}

.sect2 p{
   line-height:2.5;
   margin:5px 0 20px 0;
}

.sect2 img{
   margin:10px 10px 0px 0px;
}

.st {
   color:#fff;
   padding:2px 10px;
   font-size:16px;
   font-weight:bold;
   background:#ff69b4;
   border-radius: 5px;       
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.sankaku{
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #0000ff;
	margin:0 auto;
	margin-bottom:-20px;
}

/* ========MAIN1 CUSTOMIZE======== */
#main1 h2 {
   margin:0px 0 0 0;
   padding:2px 2px 2px 0px;
   font-size:32px;
   font-weight:bold;
   color:#172a88;
}


#main1 h3 {
   margin:5px 0 0;
   padding:2px 2px 2px 12px;
   font-size:32px;
   font-weight:bold;
   color:#f8b62d;
   background:url("../img/h3.jpg")  no-repeat;
}


#main1 table {
   width:690px;
   border-collapse:collapse;
   margin:0px 10px 10px 0;
}

#main1 table th {
   font-size:13px;
   text-align:left;
   padding:7px 0 7px 10px;
   width:240px;
   background:#eaefff;
   color:#2ea7e0;
   border: 1px solid #fff;
}

#main1 table td {
   padding:7px 0 7px 10px;
   font-size:13px;
   background:#f7f8f8;
   border: 1px solid #fff;
}



/* ========subL CONTENTS CUSTOMIZE======== */
#subr .sect{
   border:solid 1px #0071bc;
   background:#fff;
   padding:5px;
   margin:0 0 10px 0;
}

#subr p {font-size:13px;
         line-height:2.2;
         font-weight:bold;
         margin:10px 0 0 10px;
}

#subr h2{
   color:#fff;
   background:#3fa9f5;
   margin:2px 2px 5px 2px;
   font-size:18px;
   text-align:center;
}

#subr h3{
   color:#333;
   padding:0px 0 0 0;
   font-size:21px;
}

#subr li{
   line-height:1.6;
   background:#f0a682;
   list-style:none;
   margin:0 0 2px 0;
   text-align:center;
   font-weight:bold;
   color:#fff;
   border-radius: 5px;       
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#subr li a{
   color:#fff;
   display:block;
   font-size:12px;
   }


#subr li a:hover{
   color:#fff;
   background:#3fa9f5;
   border-radius: 5px;       
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


  
 /*topics*/
.topi {
       height: 250px; 
       padding:10px;
       border:solid 1px #2ea7e0;
       background:#fff;
       overflow-y:scroll;
}

.topi dd{border-bottom:dotted 1px;
       margin:8px 0 5px 0px;
       padding:0 0 3px 0;
}

.topi a{
       color:#2ea7e0;
       line-height:2.0;
}

.topi a:hover{
       opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";

}

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   text-align:right;
   margin:-40px 0 10px 0;
}

/* ========FOOTER CUSTOMIZE======== */

.foot {
   width:980px;
   margin:0 auto;
   position: relative;
   padding:10px 0 0 0;
   text-align:center;
}

.foot a{
  font-size:13px;
  color:#333;
  margin:0px 10px 0 5px;
  text-align:center;
}

.foot a:hover{
  color:#2ea7e0;
  
}

.foot ul{margin:30px 0 0 5px;}

.foot li{
  font-weight:bold;
  line-height:1.4;
  float:left;
  list-style:none;
  }

.foot1{
  border:solid 1px #2ea7e0;
  padding:10px;
  margin:20px 50px;
}

.foot1 a{
  font-size:14px;
  color:#fff;
  margin:0px 10px 0 5px;
  background:#3fa9f5;
  border-radius: 5px;       
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding:2px 8px;
}

.foot1 a:hover{
  color:#fff;
   background:#f0a682;
}


.foot1 li{
  font-weight:bold;
  line-height:1.4;
  float:left;
  list-style:none;
  }

.copyright {
   margin:50px 0 0 0;
   padding:0px 0 0 0;
   text-align:center;
   font-style:normal;
   font-size:12px;
   font-weight:bold;
   color:#333;
}

   
br { letter-spacing:0; }
*:first-child+html #contents {margin:-45px 0 0 0;}
*:first-child+html #footer {margin:60px 0 0 0;}