@charset "utf-8";

/* ****************************************************
  base styles
***************************************************** */




/* CSS for common setting
=========================================*/
body {
	background-color: #ffffff;
}
img {
	vertical-align: bottom;
}
hr {
	clear: both;
	height: 1px;
	margin: 2.14em 0 0 0;/* 30px → 2.14m */
	border: none;
	border-top: solid 1px #cccccc;
}
em {
	font-style: oblique;
}
strong {
	font-weight: bold;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
sub {
	vertical-align: baseline;
}
sup {
	vertical-align: top;
}

html {   
	overflow-y:scroll;   
}


/* last
=========================================*/
#contents-area .first {
	margin-top: 0 !important;
}




/* margin top
=========================================*/
#contents-area .mt10 {
	margin-top: 0.72em !important;/* 10px → 0.72em */
}
#contents-area .mt20 {
	margin-top: 1.43em !important;/* 20px → 1.43em */
}
#contents-area .mt30 {
	margin-top: 2.14em !important;/* 30px → 2.14em */
}
#contents-area .mt40 {
	margin-top: 2.86em !important;/* 40px → 2.86em */
}
#contents-area .mt50 {
	margin-top: 3.57em !important;/* 50px → 3.57em */
}
#contents-area .mt0 {
	margin-top: 0 !important;
}




/* Clear fix
=========================================*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {/* for IE6 */
	height: 1px;
}

*:first-child+html .clearfix {/* for IE7 */
	zoom: 1;
}