/*menu*/

#mainmenu{
	width:960px;
	margin:0 auto 0px auto;
}


#mainmenu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainmenu li{
  width: 12.5%;
  height:70px;
  float: left;
  display: flex;
	justify-content: center;
	align-items: center;
box-sizing: border-box;
}


/* #mainmenu li{
  text-indent: -9999px; 
} */

#mainmenu a {
  text-decoration: none;
  /* background:url(../img/common/mainmenu.png) no-repeat left top; */
  display: block;
  width: 100%;
  text-align: center;
  height: 90%;
  line-height: 70px;
  color: inherit;
  border-right: dashed 1px #ddd;
  padding: 0 5px;
  box-sizing: border-box;
}
#mainmenu li:last-child a {
	border-right: solid 1px #ddd;
}
#mainmenu li:first-child a {
	border-left: solid 1px #ddd;
}
#mainmenu li.menu06 a {
	line-height: 20px;
	padding: 15px 5px;
}
#mainmenu a:hover {
	background-color: #e6f7ff;
  }



#mainmenu li.menu01 a { background-position: 0px 0px;}
#mainmenu li.menu02 a { background-position: -137px 0px ;}
#mainmenu li.menu03 a { background-position: -274px 0px ;}
#mainmenu li.menu04 a { background-position: -411px 0px ;}
#mainmenu li.menu05 a { background-position: -548px 0px ;}
#mainmenu li.menu06 a { background-position: -685px 0px ;}
#mainmenu li.menu07 a { background-position: -822px 0px ;width:138px;}

#mainmenu li.menu01 a:hover { background-position: 0px -70px ;}
#mainmenu li.menu02 a:hover { background-position: -137px -70px ;}
#mainmenu li.menu03 a:hover { background-position: -274px -70px ;}
#mainmenu li.menu04 a:hover { background-position: -411px -70px ;}
#mainmenu li.menu05 a:hover { background-position: -548px -70px ;}
#mainmenu li.menu06 a:hover { background-position: -685px -70px ;}
#mainmenu li.menu07 a:hover { background-position: -822px -70px ;}

/*sns*/
.button_google{
float: right;
width: 33px;
margin-right:10px;
}

.button_hatena{
float: right;
width: 50px;
margin-right:3px;
}

.twitter-share-button{
width: 90px !important;
vertical-align: top !important;
}

.fb-like{
float: right !important;
width:90px;
}


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

.section{
	width:960px;
	margin:0 auto 0 auto;
}


#header{
	background:#44A8D6;
	width:100%;
}

#header .section{
	background:url(../img/common/header-bg.jpg) no-repeat right top;
}

#header-left{
	width:310px;
	float:left;
	margin:15px 0 10px 10px;
}
#header-right{
	width:400px;
	float:right;
	text-align:right;
}
#header-right p{
	padding:10px 0 10px 10px;
}
#header-right img{
	margin-left:10px;
}




#contents-left{
	width:650px;
	float:left;
}

#contents-right{
	width:250px;
	float:right;
	margin-bottom:50px;
}


.link-next{
	background:url(../img/common/btn-icon01.png) no-repeat top 2px left 3px;
	padding:0 0 0 18px;
}


#side-contact{
	background:url(../img/common/side-bg.jpg) repeat-x left bottom;
	padding-bottom:15px;
}

#side-contact-in{
	width:230px;
	margin:0 auto 0 auto;
}
#side-contact-in h3{
	background:url(../img/common/btn-icon01.png) no-repeat left 3px;
	padding:0 0 0 18px;
	}
#side-contact-in hr{
	border:none;
	border-top:1px dotted #CCC;
	}
#side-contact-in p.info{
	background:url(../img/common/btn-icon02.png) no-repeat left 3px;
	padding:0 0 0 15px;
	font-size:90%;
	}

#side-bnrlist ul{
	margin:0;
	padding:0;
}
#side-bnrlist li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#side-bloglist{
	border:1px solid #CCC;
	padding:10px 0 10px 0;
}

#side-bloglist ul{
	width:230px;
	margin:0 0 0 10px;
	padding:0;
}
#side-bloglist li{
	margin:0 0 10px 0;
	padding:0 0 5px 10px;
	list-style:none;
	border-bottom:1px dotted #CCC;
	background:url(../img/common/btn-icon03.png) no-repeat left 5px;
}

#side-border{
	background:url(../img/common/blog-line.jpg) repeat-x;
	border:0;
	height:5px;
	margin:15px 0 15px;
}


#footer{
	background:url(../img/common/footer-bg.jpg) repeat-x left top;
	width:100%;
}

#footer01{
	padding:5px 0 5px;
}
#footer01 a{
	background:url(../img/common/btn-icon02.png) no-repeat left 3px;
	margin-right:15px;
	padding:0 0 0 15px;
}


#footer02-left{
	width:360px;
	float:left;
	font-size:80%;
}
#footer02-left p{
	padding:0 0 0 70px;
}
#footer02-right{
	width:560px;
	float:right;
}
.footer02-right-box{
	width:160px;
	float:left;
	margin-right:20px;
}

.footer02-right-box h3{
	background:url(../img/common/btn-icon01.png) no-repeat left 2px;
	padding:0 0 0 15px;
}
.footer02-right-box ul{
	margin:0 0 0 25px;
	padding:0;
}
.footer02-right-box li{
	margin:0;
	padding:0;
	font-size:85%;
}


#footer03{
	background:#44A8D6;
	width:100%;
	padding:15px 0 15px 0;
	color:#FFF;
	font-size:90%;
	text-align:center;
}




/*page*/

#page-shadow{
	background:url(../img/common/page-shadow.jpg) repeat-x;
	width:100%;
	height:10px;
	margin-bottom:25px;
}


.page-contin{
	width:630px;
	margin:0 auto 0 auto;
}

.page-maintitle{
	background:url(../img/page/page-titlebg01.jpg) no-repeat left top;
}
.page-maintitle h2{
	font-size:130%;
	padding:10px 0 10px 25px;
}

.page-hr{
	border:0;
	border-top:1px dotted #CCC;
	margin:30px 0 30px 0;
}


.page-subitle{
	background:url(../img/page/page-titlebg02.jpg) no-repeat left top;
	width:650px;
}
.page-subitle h3{
	font-size:120%;
	padding:7px 0 10px 30px;
}





.photo-2clm {
    display: flex;
	justify-content: space-between;
}
.photo-2clm img {
    width: 48%;
    height: auto;
}