@charset "utf-8";

/* Common
----------------------------------*/
#wrapper {
	border: none;
	width: 100%;
	max-width: 100%;
	padding: 0;
}


#header {
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px;
	padding: 5px 0;
	background: #FFF;
	border-top: 2px solid #ADF;
	border-bottom: 2px solid #ADF;
}
#header > h1 {
	padding: 30px 20px;

	background: linear-gradient( 150deg, #D5EDFF, #FFF, #D5EDFF );
}
#content {
	max-width: 800px;
	margin: 0 auto;
}
.post_box {
	padding: 0 30px;

}
.post_box p {
	padding-bottom: 1.0em;
	text-indent: 1.0em;
}

.info-box {
	margin: 50px 20px;
	padding: 20px;

	border-radius: 10px;
	border: 1px solid #EEE;
	box-shadow: 2px 3px 7px #C9DCE7;
	background: #FFF;
}


.post_box dl.over_flow {
	padding: 20px;
}
.post_box dl.over_flow dt {
	float: left;
}
.post_box dl.over_flow dd {
	overflow: hidden;
	padding-left: 2.0em;
}
@media only screen and (max-width: 720px){
  .post_box dl.over_flow dt {
	float: none;
  }
}

p.left_link {
	margin-top: 2.0em;
	margin-left: 1.0em;
	text-indent: 0;
}
p.left_link a {
	display: inline-block;
	padding: 15px 20px;
	color: #000;
	text-decoration: none;
	font-size: 90%;
	font-weight: 700;

	background: #F0F9FF;
	border-radius: 10px;
	border: 1px solid #DEF;
	box-shadow: 2px 3px 7px #C9DCE7;
}
p.left_link a:hover {
	background: #E9F3FF;
}


footer#footer {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
	border-top: 1px solid #CCC;
}
footer#footer p.copyrights {
	padding-top: 10px;
	font-size: 75%;
	color: #777;
}