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


.box-01 {
	padding:20px 0px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	width:640px;
	margin-bottom:30px;
	float:right;
	*zoom:1;
}
.box-01 h2{
	margin-left:20px;
}
.box-01 h3{
	margin-left:20px;
	margin-right:20px;
}

.box-01 h4{
}

.reformcontainer{
	margin:0;
	padding:10px 0 10px 20px;
	zoom:1;
}
.listbox01{
	margin:0;
	padding:0;
	width:206px;
	float:left;
}
.listbox01 dt{
	margin:0;
	padding:0;
	width:185px;
	height:185px;
	display:table-cell;
    text-align:center;
    vertical-align:middle;
    layout-grid-line:200px;
}
.listbox01 dt img{
	vertical-align:middle;
}
.listbox01 dd{
	margin:0;
	padding:10px 0;
	width:185px;
	height:45px;
	text-align:center;
}
.listbox01 dd a{
	color:#000000;
	text-decoration: none ;
}
.listbox01 dd a:hover{
	text-decoration: underline ;
}

.mainview{
	margin:0;
	padding: 20px;
	text-align:center;
}
.commentarea{
	margin:0;
	padding:0 40px 0 40px;
	text-align:left;
}
.commentarea p{
	color:#333333;
}
.commentarea p.attend{
	text-align:right;
	font-size:11px;
}
.thumbnailbox{
	margin:0;
	padding:20px 0 0 30px;
	*zoom:1;
}
.thumbbox{
	margin:0;
	padding:0 0 20px 0;
	width:120px;
	float:left;
}
.thumbbox dt{
	margin:0;
	padding:0 0 3px 0;
	width:100px;
	text-align:left;
	font-weight:bold;
}
.thumbbox dd{
	width:100px;
	height:100px;
}
.detailnav{
	margin:0;
	padding:20px 30px 20px 30px;
	zoom:1;
}
.detailnav .left{
	margin:0;
	float:left;
	width:130px;
}
.detailnav .right{
	margin:0;
	float:right;
	width:145px;
}
.detailnav .right .prevbtn{
	margin:0;
	padding:0;
	float:left;
	width:70px;
}
.detailnav .right .nextbtn{
	margin:0;
	padding:0;
	float:right;
	width:70px;
}
.contactbanner{
	margin:0;
	padding:10px 0 20px 0;
	text-align:center;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.col_2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}


.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}


.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}

.col_4 img {
border:1px solid #bfbfbf;
}

.col_2 img {
border:1px solid #bfbfbf;
}

.madori {
margin-top:10px;
}