/* 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.4); margin-bottom:30px;height:130px;
            }

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

.menu{
    width:800px;
    height:60px;
    position:relative;
    top:-10px;
    left:0px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.item{
    position:relative;
    background-color:#f0f0f0;
    float:right;
    width:52px;
    margin:0px 5px;
    height:52px;
    border:2px solid #ddd;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}
.icon_home{
    background:transparent url(images/home.png) no-repeat top left;
}
.icon_logout{
    background:transparent url(images/logout.png) no-repeat top left;
}
.icon_mail{
    background:transparent url(images/mail.png) no-repeat top left;
}
.icon_kaiin{
    background:transparent url(images/kaiin.png) no-repeat top left;
}
.item_content{
    position:absolute;
    height:52px;
    width:100px;
    overflow:hidden;
    left:56px;
    top:7px;
    background:transparent;
    display:none;
}
.item_content h2{
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
    background-color:transparent;
    font-size:20px;
}
.item_content a{
    background-color:transparent;
    float:left;
    margin-right:4px;
    margin-top:7px;
    color:#000;
    text-shadow: 1px 1px 1px #fff;
    text-decoration:none;
    font-size:13px;
}
.item_content a:hover{
    color:#D00003;
}
.item_content p {
    background-color:transparent;
    display:none;
}
.item_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:50px;
    float:left;
    margin-right:5px;
}
	 	 

/* ------------------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: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.4); 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:6px 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 2px; 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;}}