@charset "utf-8";
/* CSS Document */


ul#topmenu , ul#topsubmenu{
	margin: 0 auto;
	width: 100%;
	list-style-type: none;
	display:table;
}

#topmenu li{
margin-right:10px;
	display:table-cell;
}

#topsubmenu li{
	display:table-cell;
}
#topmenu li a{
line-height:100%;
}
#topmenu li a:hover,#topsubmenu li a:hover{
opacity:0.8;
}

#topmenu li a img{
	border:1px solid #ccc;
	box-shadow:1px 3px 3px #ccc;
	margin-top:1em;
}

.fluid-box{
 width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ddd;
    padding: 20px;
	background:url(../../images/top_bg.gif);

}
.fluid-box-inner{
 margin: 0 auto;
 padding: 0px;

width:1080px;
}

main #layout{
	padding-top:1em;
	padding-bottom:1em;
	background:url(../../images/top_bg.gif);
	width:100%;
	clear:both;
}
.sharebtn{
text-align:right;
}
/*****ARTICLE*****/
    .shareList {
    	list-style:none;
    	display: inline-flex;
    	flex-wrap:wrap;
    	width:200px;
    	margin:-5px 0 0 -5px;
    	padding:0;
    }
    .shareList__item {
height: 40px;
line-height: 40px;
width: 40px;
margin: 10px 0 10px 5px;
text-align: center;
    }
    .shareList__link {
    	display:block;
    	color:#ffffff;
    	text-decoration: none;
    	border-radius: 5px;
    }
    .shareList__link::before{
    	font-size:16px;
    	display:block;
    	transition: ease-in-out .2s;
    	border-radius: 5px;
    }
    .shareList__link:hover::before{
    	background:#ffffff;
    	transform: scale(1.2);
    	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
    }
     
    .shareList__link.icon-twitter{background:#55acee;}
    .shareList__link.icon-twitter:hover::before{color:#55acee;}
     
    .shareList__link.icon-facebook{background:#3B5998;}
    .shareList__link.icon-facebook:hover::before{color:#3B5998;}
     
    .shareList__link.icon-google-plus{background:#dd4b39;}
    .shareList__link.icon-google-plus:hover::before{color:#dd4b39;}
     
    .shareList__link.icon-hatebu{background:#008FDE;}
    .shareList__link.icon-hatebu:hover::before{color:#008FDE;}
     
    .shareList__link.icon-pocket{background:#EB4654;}
    .shareList__link.icon-pocket:hover::before{color:#EB4654;}
     
    .shareList__link.icon-rss{background:#ff9900;}
    .shareList__link.icon-rss:hover::before{color:#ff9900;}
     
    .shareList__link.icon-feedly{background:#6cc655;}
    .shareList__link.icon-feedly:hover::before{color:#6cc655;}
     
    .shareList__link.icon-pinterest{background:#cb2027;}
    .shareList__link.icon-pinterest:hover::before{color:#cb2027;}
     
    .shareList__link.icon-linkedin{background:#0e76a8;}
    .shareList__link.icon-linkedin:hover::before{color:#0e76a8;}
     
    .shareList__link.icon-line{background:#1dcd00;}
    .shareList__link.icon-line:hover::before{color:#1dcd00;}


#home .textarea{width:500px; float: left; }
#home .enquet a{
	font-weight: bold;
	color: white;
	background-color: #0162A7;
	margin-bottom: 1em;
	display: inline-block;
	padding:3px 50px;
}
#home .heldby{
    position: relative;
    top: -20px;
    right: 10px;
    text-align: right;
}
.clear {clear:both;}
.m150{
    position: relative;
    top: -480px;
    left: 10px;
    text-align: right;
    width: 100px;

}
.note p{ 
margin-bottom: 1em;
}