/* Author URI: http://www.af5.jp/ */
/* ------------------style--------------------- */
body{
	background: url(images/haikei.jpg) no-repeat top center fixed;
	color: #fff;
	font: 14px/26px "Verdana","Arial","Helvetica","Jun 201","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";,"メイリオ","Meiryo,Osaka","ＭＳ Ｐゴシック","sans-serif";
}

a{color:#fff;text-decoration: underline; }
a:hover{color:#0000ff; text-decoration: none;}


/* ------------------Header style-------------------- */
header {background: rgba(0, 0, 0, 0.5); margin-bottom:30px;height:160px;
            }


header #logotxt a{ color: #fff;font-size: 40px;text-decoration: none;
}
	 
	
/* ------------------Navigation---------------- */
nav {}
nav .wrap-nav{position:absolute; top:110px; right:120px; height: 20px;}


.nav a{
    text-decoration:none;
    color:#fff;
}

.nav li{
    display:inline-block;
    margin-left:0px;
    padding:0px;
    background:transparent;
}

.nav span{
    background:#fff;
    height:3px;
    display:block;
    position:relative;
    width:86px;
    left:95px;
}
	 	
	 	 

/* ------------------main-content style--------------------- */

#main-content article h2{padding: 10px 0 5px 36px!important; background: url(images/list.png) left center no-repeat;
	font-size:22px;color: #fff; line-height:25px; border-bottom:3px solid #fff; padding-top:10px;padding-bottom:10px;}
	
#main-content article p2{font-size:14px;color: #fff;}
#main-content .content h3{padding: 10px 0 5px 36px!important; background: url(images/list2.png) left center no-repeat;font-size:font-size:18px; line-height:25px; font-weight: bold; margin-top: 0px;margin-bottom:30px; padding-top: 30px;padding-left: 10px; border-bottom:1px solid #fff;}

#main-content .content ul{color: #fff;list-style-type:square; margin-left:20px;}
#main-content .content ul li{color: #fff;padding:5px;}

#main-content .content ol{color: #fff;list-style-type:decimal; margin-left:20px;}
#main-content .content ol li{color: #fff;padding:5px;}

#content .wrap-content{
	background: rgba(0, 0, 0, 0.5); margin-top: 30px;border-style: none;
}


/* ------------------sidebar style--------------------- */

#sidebar .heading{text-decoration: none;}
#sidebar .heading h2{ color: #fff;text-decoration: none;}
#sidebar .heading p4{ color: #fff;text-decoration: none;}
#sidebar .box{text-decoration: none;}
#sidebar a{color:#fff;text-decoration: none; }

#sidebar .contents p5{ color: #fff;padding:10px 5px;}
#sidebar .contents a p5{ color: #fff;}

#sidebar .content p3{ color: #fff;padding:10px 5px;}
#sidebar .content ul{font-size:12px; list-style-type:circle; margin-left:20px;}

#sidebar .content ul li{border-bottom:1px solid #fff; padding:3px; display:block; line-height:35px; vertical-align: middle;}
#sidebar  .content ul li a:hover{color:#0000ff; text-decoration: none;}

#sidebar .content ul li.topic{list-style-type:none;margin-left:-20px;font-weight:bold;}

#sidebar .content ol{font-size:12px; list-style-type:decimal-leading-zero; margin-left:20px;}
#sidebar .content ol li{padding:5px;}

img.imgeye {width:32px; height:32px; padding:2px; margin:2px 2px 2px -20px; display:inline-block; vertical-align:middle;}


/* ------------------page-top--------------------- */

#page-top{
  width:150px;
  height:50px;
  position:fixed;
  right:16px;
  bottom:16px;
  display:none;
}

 
#page-top p{
  margin:0;
  padding:0;
  text-align:center;
  background:#3b3b3b;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
 
#page-top p:hover{
  background:#8b8b8b;
}
 
#page-top p a{
  color:#fff;
  line-height:50px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}




/* ------------------footer style--------------------- */
footer {background:transparent;margin-top:30px;}

.copyright{text-align:center; margin-top:20px; background:transparent; padding:10px 0px;color:#fff;}

.copyright a{color:#fff;}
/*-media----------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {.wrap-nav{display: none;}}