/* -----------------------------------------------

	ALL

//  Styling for layout sections like the header, nav, index body, and footer.

----------------------------------------------- */

body {
	background-image: url(../images/in_bg.png);
}

header {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 375px;
	width: 100%;
	background-repeat: no-repeat;
}
header h1 {
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
}

.headercontents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
/* 

// -------------------------------------------------------------------------

// NAVI

// -------------------------------------------------------------------------

*/

nav {
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
}
nav li {
	float: left;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}

/* 

// -------------------------------------------------------------------------

// CONTENTS

// -------------------------------------------------------------------------

*/
#contents {
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1246px;
	background-image: url(../images/bg_top.png);
	background-repeat: no-repeat;
    background-position: center;
	text-align: center;
}

#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
}

.illnav1 {
	text-align: right;
	position: relative;
	left: 0px;
}
.illnav2 {
	text-align: left;
	position: relative;	
	left: 0px;
}
.illnav3 {
	text-align: right;
	left: -100px;
	position: relative;
}
.illnav4 {
	text-align: right;
	top: 30px;
	left: -150px;
	position: relative;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
.sns_wp{
	clear:both;
	position:relative;
	width:510px;
	left: 80px;
	top:180px;
}
#bn_contents {
	text-align: left;
	float:left;
	width: 515px;
}
#bn_contents figure{
	display:inline-block;
	text-align: left;
	/*float:left;*/
	width: 248px;
	padding-left:5px;
}
#bn_contents img:first-child{
	margin-bottom: 5px;
}
#facebook_contents{
	width:250px;
	height:275px;
	float:left;
}

/* 

// -------------------------------------------------------------------------

//   FOOTER

// -------------------------------------------------------------------------

*/

footer {
	background-image: url(../images/bg_footer.png);
	background-repeat: repeat-x;
	text-align: center;
	clear: both;
	width: 100%;
	height: 305px;
}
.footerContents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	color: #FFFFFF;
	bottom: 50px;
}
footer .left {
	float: left;
	width: 860px;
}
footer .name {
	font-size: 1.2em;
	padding-top: 10px;
}
footer .add {
	padding-left: 0px;
	clear: both;
}
footer dt {
	font-weight: bolder;
}
footer dl {
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 20px;
}
footer .right {
	float: right;
	height: 60px;
	width: 125px;
}
footer .pagetop {
	float: right;
	height: 60px;
	width: 125px;
	padding-top: 20px;
}
footer .copy {
	color: #FFFFFF;
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#footer_contents .name {
	font-size: 1.6em;
	color: #0C0;
}
footer nav{
	float: left;
	padding-top: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	height: auto;
}
footer nav ul{
	clear: both;
}
footer nav li{
	font-size: 1em;
	float: left;
	color: #FFF;
}
footer nav li a{
	color: #FFFFFF;
}

.sns_wp .news {
	width: 500px;
    height: 115px;
    color: #382318;
	background: rgba(255,255,255,0.8);
/*  background: url("../images/news/news_bg.png") no-repeat;*/
	box-shadow: -4px 7px 4px rgba(0,0,0,0.2);
	border-radius: 8px;
    padding: 15px 0 5px 30px;
    display: flex;
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.sns_wp .news h3{
    font-size: 1rem;
    color: #37bb66;
    line-height: 1.5;
    margin: 0px 20px 18px 0px;
    padding: 20px 20px 10px 0;
    border-right: solid #382318 1px;
	text-decoration-line: none;
}
.up_ymd {
	font-size:11px;
	padding-right: 10px;
}

#newsfeed {
	width:75%;
	height:100px;
	/*overflow-y: auto;*/
}
#newsfeed li{
	text-align: left;
	font-size:12px;
	padding-bottom: 0px;
	border-bottom: 1px dashed rgba(104,68,77,0.5);
}
.news{
	position: relative;
}
.news .kanrisha{
	position: absolute;
	bottom:3px;
	right:38px;
	font-size:11px; 
	text-align: right;
	color:rgba(106,78,85,0.7);
}
.news .php{
	position: absolute;
	bottom:-12px;
	right:40%;
	font-size:11px; 
	text-align: right;
	color:rgba(49,51,54,0.70);
}