#wrap{
	text-align:center;
	width:100%;
}

h2 {padding:70px 0 20px;}

h2 img{ 
	width:auto;
	height:43px;
}

p.st {font-family: 'Open Sans', sans-serif; padding-bottom:40px;}

#contents{
	width:700px;
	height: auto;
	margin:0 auto 100px;
	text-align:left;
	overflow:hidden;
	padding:20px 50px 70px;
	background-color: #fff;
	/* box-shadow */
box-shadow:-8px 8px 7px 3px #dddddd;
-moz-box-shadow:-8px 8px 7px 3px #dddddd;
-webkit-box-shadow:-8px 8px 7px 3px #dddddd;
	font-size: 14px;
	line-height: 150%;
}

dt,dd
{
	padding: 4px 0 ;
}


dt:hover
{
	cursor: pointer ;
	color: #777 ;
}

dt
{
margin-top: 30px;
	border-bottom: #eee solid 1px;
}

dd
{
	display: none ;
	padding: 10px 0 0 3em ;
	text-indent:-1.2em;
}

p.tt{
	font-size: 16px;
	padding-top: 50px;
	font-weight: bold;
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {

h2 {padding:40px 0 20px; margin:0 auto;}

h2 img{ 
	width:auto;
	height:40px;
}

p.st {font-family: 'Open Sans', sans-serif; padding-bottom:30px;}

	
#contents{
width:86%;
height: auto;
margin:0 auto 40px;
text-align:center;
overflow:hidden;
padding:0 0 30px;
background-color: #fff;
	/* box-shadow */
box-shadow:-8px 8px 7px 3px #dddddd;
-moz-box-shadow:-8px 8px 7px 3px #dddddd;
-webkit-box-shadow:-8px 8px 7px 3px #dddddd;
}

dl {
	width: 90%;
	margin: 0 auto;
	text-align:left;
}
	
dt,dd
{
	padding: 4px 0 ;
	padding-left:1.5em;
text-indent:-1.2em;
}

dt:hover
{
	cursor: pointer ;
	color: #777 ;
}

dt
{
margin-top: 20px;
	border-bottom: #eee solid 1px;
}

dd
{
	display: none ;
	padding: 10px 0 0 1.5em ;
}

	p.tt{
	font-size: 16px;
	padding-top: 30px;
	font-weight: bold;
}

}
/* /screens smaller than 768 */