@charset "UTF-8";

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

  

}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:15px;
   color:#5f4e44;
   /*background:#EFEFEF;*/
/* background-color: #fff;
 position:fixed
 opacity: 0.8;*/
   background-image: url(../kabe.jpg);
   background-attachment: fixed;
   background-repeat: repeat;




}




h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:normal;
}

p {
   margin:0 0 1em 0;
   padding:0;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
   margin:10px,0;
}

a {
   color:#5f4e44;
   text-decoration:none;
}

a:hover {
   color:#64b72f;
   border-bottom:1px solid #64b72f;
}

dl,ol,ul {
   margin:0 0 1em 0;
   padding:0;
}




li {
   margin:0 0 0 40px;
   padding:0;
}

em {
   font-style:normal;
   background:#ff0;
}





/* ========TEMPLATE WIREFRAME======== */
#top {
   width:800px;
   margin:20px auto;
   padding:10px;
/*   background:#fff;*/
   background-color:rgba(255,255,255,0.6);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}

#header {
   width:800px;
   position:relative;
   /*background:#313431;*/
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#333;
   border-bottom:none;
}

#pos{
position: absolute; 
top:35px;
left:10px;
}

#navi {
   position:absolute;
   top:20px;
   right:0;
}

#icatch {
   margin:10px 0px;
}

#menu {
   float:left;
   width:800px;
   margin:0 0 20px 0;
   background:#200000;
   
 /*
background: -moz-linear-gradient(rgb(110, 207, 196) 0%, rgb(255, 255, 255) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(110, 207, 196)), color-stop(100%, rgb(255, 255, 255)));

	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#6ECFC4 , endcolorstr=#FFFFFF )";
	zoom: 1;
*/
}

#menu:hover {
/*
 background: -moz-linear-gradient(rgb(110, 207, 196) 0%, rgb(255, 255, 255) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(110, 207, 196)), color-stop(100%, rgb(255, 255, 255)));
*/
}


col0{
padding:10px;
}


#col1{

/*padding-left:20px;*/
margin-left:10px;
margin-right:30px;
	width:350px;
	float:left;

}

#m-scroll{
overflow: scroll; 
height: 400px;
 background-color:rgba(180,197,106,0.1);

}

#col2{

/*padding-left:20px;*/
	/*left:500px;*/
	width:350px;
	float:right;

}


#abst{
 background-color:rgba(180,197,106,0.1);

padding:10px;

border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 1px #5f4e44 solid;     /* 枠線の装飾 */
   /*background-color: #ccffcc;*/   /* 背景色 */
}


#contents {
   width:800px;
   clear:both;
   float:left;
}

#main {
   float:left;
   width:500px;
}

#sub {
   width:780px;
   padding:5px;
 
}
#totop {
   clear:both;
}

#footer {
   width:800px;
   clear:both;
   padding:10px 0;
}



/* ========HEADER CUSTOMIZE======== */
#header h1 {
   padding:20px 10px 0 20px;
   font-weight:bold;
   font-size:26px;
   color:#fff;
}

#header p {
   margin:0;
   padding:0 10px 10px 20px;
   color:#333;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   list-style:none;
   margin:0;
   padding:0;
}
#menu li {
   float:left;
   margin:0;
   padding:0;
  /* border-right:1px solid #fff;*/
}
#menu li a {
   display:block;
   padding:8px 20px;
   color:#fff;
   
}

#menu li a:hover {
   color:#fff;
  /*background:#393939;*/
 
  background: -moz-linear-gradient(rgb(32, 0, 0) 0%, rgb(95, 78, 68) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(32, 0, 0)), color-stop(100%, rgb(95, 78, 68)));

	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#200000 , endcolorstr=#5f4e44 )";
	zoom: 1;

   border:none;
}

#menu .current {
/*background:#393939;*/


   background: -moz-linear-gradient(rgb(32, 0, 0) 0%, rgb(95, 78, 68) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(32, 0, 0)), color-stop(100%, rgb(95, 78, 68)));
   color:#fff;
   
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#200000 , endcolorstr=#5f4e44 )";
	zoom: 1;

}


/* ========MAIN CUSTOMIZE======== */
#main h2 {
   margin-bottom:10px;
   padding:10px 0;
   font-weight:bold;
   font-size:16px;
   border-bottom:2px solid #ddd;
  
}

#main h3 {
   margin-bottom:2px;
   padding:2px 0 2px 10px;
   font-weight:bold;
   font-size:17px;
   line-height:1.2;
   /*border-left:5px solid #333;*/
}

#main h4 {
   margin-bottom:2px;
   font-weight:bold;
   font-size:15px;
   
}

#main h5 {
   margin-bottom:2px;
   padding:2px 5px;
   font-weight:bold;
   font-size:13px;
   background:#ececec;
}

#main h6 {
   font-weight:bold;
   font-size:13px;
}

#main dl {
   margin:0;
   padding:0;
}

#main dt {
   text-decoration:underline;
}

#main dd {
   margin:0 0 1em 1em;
}

/*

 table {
   width:100%;
   border-collapse: collapse;
 }

 table th {
   padding:5px;
   font-size:14px;
   text-align:left;
   border:1px solid #5f4e44;
background-color:rgba(180,197,106,0.1);

}

 table td {
   padding:5px;
   font-size:14px;
   text-align:left;
   border:1px solid #5f4e44;
}

*/




#mytable table {
    /*width:780px;*/
    margin:0 0 0 1px; padding:0;
   border:1px double #c1dad7;
 /*   border-spacing:0;
    border-collapse:collapse;*/
}


#mytable th {
    font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color:#4f6b72;
    border:1px solid #c1dad7;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:left;
    padding:6px 6px 6px 12px;
   /* background:#cae8ea url("img/css/bg_header.jpg") no-repeat;*/
   background-color:#efffef;
    width:90px;
}


#mytable td {
    border:1px solid #c1dad7;
    background:#fff;
    padding:6px 6px 6px 12px;
    color:#4f6b72;
    width:100px;
}






/* ========SUB CUSTOMIZE======== */
#sub h2 {
/*   padding:2px 5px;*/
   font-size:17px;
   
   color:#300000;
   
   border-bottom : 2px solid #5f4e44;
  border-left:6px solid #5f4e44;

padding-left:10px;
  
  /* #64b72f;*/
/*   background:#AFEEEE;*/
   
	}

    
#heading3 span{border-left:5px #3cf solid;padding-left:10px;
	

}

#sub ul {
   margin:5px 0 0 10px;
   padding:0;
/*   list-style:none;*/
}

#sub li {
   margin:0 0 0 5px;
   padding-left:10px;
   border-bottom:1px solid #fff;
   line-height:2;
  /* background:url(../images/bg_list.gif) 0 50% no-repeat;*/
}


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

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}


#pamphlet-top{
text-align:right;
}

#pamphlet a{
color:#64b72f;
text-decoration: underline
}

#pamphlet a:hover{
color:#64b72f;
text-decoration:none;
}



#footMenu {
   position: relative;
   overflow: hidden;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 30px 0 0;
   padding:0;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   text-align:center;
   font-size:11px;
   padding:20px 0;
}