@charset "utf-8";
/*
==================================================

    CSS File Name - about.css
    Last-updated: 2010-05-14

==================================================
*/
div#header {
	margin-bottom:20px;
}
div#mainBody div.mainContent {
	max-width:738px;
}
h2 {
	padding-bottom:42px;
}
/* div.box */
div.box {
	max-width:659px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	margin-bottom:43px;
	background:url(../images/group/box_bg.jpg) repeat-y left top;
}
div.box p.tit {
	text-align:center;
	padding-bottom:41px;
}
div.box div.cont {
	max-width:612px;
	clear:both;
	overflow:hidden;
	padding-bottom:50px;
	margin:0 auto;
}
div.box div.cont.last {
	padding-bottom:0px;
}
div.box div.cont div.inner {
	max-width:295px;
	float:left;
}
div.box div.cont div.inner.oth {
	float:right;
}
div.box div.cont div.inner p.tit2 {
	padding-bottom:9px;
}
div.box div.cont div.inner p.txt {
	font-weight:bold;
	line-height:1.3;
	color:#000;
}
div.box div.cont div.inner dl {
	max-width:295px;
	clear:both;
	overflow:hidden;
	font-size:10px;
	line-height:1.2;
	color:#595757;
}
div.box div.cont div.inner dl dt {
	float:left;
	max-width:50px;
}
div.box div.cont div.inner dl dd {
	max-width:245px;
	float:left;
}

/* div.box2 */
div.box2 {
	max-width:668px;
	height:252px;
	position:relative;
	clear:both;
	margin:0 auto;
	background:url(../images/group/box2_bg.jpg) no-repeat left top;
}
div.box2 p.tit {
	font-family: "Sawarabi Mincho", serif;
	font-size: 24px;
	margin-bottom: 5px;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
div.box2 p.txt {
	position:absolute;
	top:90px;
	left:0;
	right: 0;
	margin: auto;
	text-align:center;
	font-size:14px;
	color:#231916;
	line-height:2.1;
	font-weight:bold;
}

/* div.box3 */
div.box3 {
	max-width:659px;
	overflow:hidden;
	clear:both;
	margin:0 auto 27px auto;
	background:url(../images/group/box3_bg.jpg) repeat-y left top;
}
div.box3 table {
	max-width:500px;
	margin:0 auto;
	line-height:2.7;
}
div.box3 table th {
	max-width:108px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	padding-left:50px;
	font-size:13px;
}
div.box3 table th.bot {
	border-bottom:none;
}
div.box3 table td {
	border-bottom:1px solid #ccc;
	font-size:13px;
}
div.box3 table td.bot {
	border-bottom:none;
}
div.box3 table td.bot img{
	padding-top:10px;
	
}
ul.goto {
	max-width:335px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
ul.goto li {
	display:inline;
}

@media screen and (max-width: 620px) {
	div.box div.cont {
		max-width: 100%;
		padding: 0 2%;
	}
	div.box div.cont div.inner {
		max-width: 100%;
		padding-bottom: 20px;
		float: none;
	}
	div.box div.cont div.inner.oth {
		float: none;
		margin: auto;
	}
	div.box2 {
		height: auto;
		padding: 20px 5%;
		background: #efe8de;
    border: 2px solid #d8cbb8;
    margin-bottom: 20px;
    border-radius: 10px;
	}
	div.box2 p.tit {
		position: static;
		font-size: 20px;
	}
	div.box2 p.tit,
	div.box2 p.txt {
		position: static;
	}
	div.box2 p.txt {
		text-align: left;
	}
	div.box3 table th {
		padding-left: 0;
	}
	div.box3 table {
		max-width: none;
		padding: 0;
		display: block;
	}
	div.box3 table tbody {
		display: block;
	}
	.box3 > p {
		display: none;
	}
	div.box3 table tr {
		display: block;
	}
	div.box3 table th,
	div.box3 table td {
		max-width: 100%;
		display: block;
		padding: 5px;
	}
	div.box3 table th {
		background: #f2f2f2;
	}
	
}