/*  
Theme Name: あいんTemplate
Author: ダブル＋社
*/

@import "reset.css";

/* header
------------------------------------------------------------ */
#header {
	width: 810px;
	height: 110px;
	margin: 0px auto;
}
#header h1 {
	float: left;
	display: inline;
}
#header div {
	padding-top: 40px;
	float: right;
	display: inline;
}
#menu {
	background: #613E00;
	width: 100%;
	height: 30px;
	clear: both;
}
#menu ul {
	width: 810px;
	margin: 0px auto;
}
#menu ul li {
	font-weight: bold;
	line-height: 30px;
	padding-left: 45px;
	float: left;
	display: inline;
}

/* contents
------------------------------------------------------------ */
#contents {
	background: url(img/common/box_end.jpg) no-repeat center bottom;
	width: 810px;
	margin: 0px auto;
	padding: 0px 0px 10px;
	overflow: hidden;
}
#contents h2 {
	background: url(img/common/box_title.jpg) no-repeat;
	font-size: 18px;
	text-align: left;
	text-indent: 80px;
	width: 810px;
	height: 45px;
	padding-top: 70px;
}
#contents #inner {
	background: url(img/common/box_inner.jpg) repeat-y;
	text-align: left;
	padding-bottom: 30px;
	overflow: hidden;
}

/* main
------------------------------------------------------------ */
#main {
	width: 530px;
	padding-top: 15px;
	padding-left: 30px;
}
#main h3 {
	font-size: 20px;
	font-weight: bold;
	background: url(img/common/line.gif) repeat-x center bottom;
	padding: 20px 0px 15px;
	text-indent: 20px;
	margin-bottom: 10px;
}

/* side
------------------------------------------------------------ */
#side {
	width: 226px;
	padding-top: 15px;
	float: right;
	display: inline;
}
#side .sbox {
	background: url(img/common/sbox_end.jpg) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#side .sbox .inner {
	background: url(img/common/sbox_inner.jpg) repeat-y;
	text-align: left;
	padding: 10px 15px 5px;
}
#side .sbox h3 {
	background: url(img/common/sbox_title.jpg) no-repeat;
	font-size: 14px;
	line-height: 30px;
	text-indent: 30px;
	height: 30px;
	width: 212px;
}

/* pagetop
------------------------------------------------------------ */
.pagetop {
	text-align: right;
	width: 780px;
	margin: 30px auto 20px;
	clear: both;
}

/* copy
------------------------------------------------------------ */
#copy {
	background: #613E00;
	color: #FFF;
	line-height: 30px;
	width: 100%;
	height: 30px;
	clear: both;
}


/* top
------------------------------------------------------------ */
#top {
	width: 810px;
	margin: 0px auto;
}

/* main
------------------------------------------------------------ */
#top #main {
	width: 550px;
	padding: 0px;
	float: left;
	display: inline;
}

/* side
------------------------------------------------------------ */
#top #side {
	width: 250px;
	padding: 0px;
	float: right;
	display: inline;
}

/* new */
#top #main #new {
	background: url(img/top/box_end.jpg) no-repeat left bottom;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
#top #main h3 {
	background: none;
	padding: 0px;
	text-indent: 0px;
	margin-bottom: 0px;
}
#top #main #new .inner {
	background: url(img/top/box_inner.jpg) repeat-y;
	text-align: left;
	padding: 15px;
}
#top #main #new .inner ul {
	height: 275px;
	overflow: auto;
}
#top #main #new .inner ul li {
	background: url(img/common/line.gif) no-repeat left bottom;
	padding: 10px 30px 20px;
	clear: both;
	overflow: hidden;
}
#top #main #new .inner ul li div {
	margin: 5px 10px 10px 0px;
	float: left;
	clear: both;
}
#top #main #new .inner ul li p {
	padding: 5px 0px 0px;
	font-size: 11px;
}
#top #main #new .inner ul li p span {
	font-size: 11px;
}

/* info */
#top #side #info {
	background: url(img/top/sbox_end.jpg) no-repeat left bottom;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
#top #side #info .inner {
	background: url(img/top/sbox_inner.jpg) repeat-y;
	text-align: left;
	padding: 15px;
}
#top #side #info .inner p {
	height: 90px;
	padding: 15px;
}
#top #side #info .inner p em {
	font-size: 13px;
}

/* 追加20.8.27 */
.flex{
display: flex;
flex-wrap: wrap;
}
.flex li{
width: 14.5%;
margin: 1%;
}