@charset "UTF-8";
/* 
toppage.css
*/

/* --------------------------------
content
-------------------------------- */
#content {
	padding-top: 25px;
}

/* --------------------------------
layout
-------------------------------- */
#areaMain {
	float: left;
	width: 435px;
}
#areaSub{
	float: right;
	width: 435px;
}

/* --------------------------------
#mainPanel
-------------------------------- */
#mainPanel {
	border: none;
}
#substitute {
	background: #FFF url(../img/substitutebg.gif) no-repeat 0 0;
	height: 178px;
	position: relative;
}
#substitute p,
#substitute h2 {
	position: absolute;
	padding:0;
}
#substitute h2 { top: 84px; left: 154px; }
#substitute .read { top: 84px; left: 475px; }


/* --------------------------------
#wrap
-------------------------------- */
#wrap {
		background:url(../img/wrapbg.gif) bottom;
}

/* --------------------------------
clearfix
-------------------------------- */
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrap { display: inline-block; }

/* \*/
* html #wrap { height: 1%; }
#wrap { display: block; }
/* */

/* --------------------------------
.areaW .area
-------------------------------- */
.areaW {
	border:none;
	background: none;
}

.area h2 {
	padding-top: 10px;
}

/* --------------------------------
font-size
-------------------------------- */
.area p {
	font-size: 14px;
	padding: 0;
}

.area li {
	font-size: 14px;
}

/* --------------------------------
td margin padding
-------------------------------- */
td {
	padding: 0;
	margin: 0;
}

/* --------------------------------
ol padding
-------------------------------- */
.area ol {
	padding-left: 41px;
	_padding-left: 43px;
}

/* --------------------------------
footer
-------------------------------- */
#footer {
	padding-top: 23px;
}

#footer .pagetop {
	line-height:1;
	margin:0;
	padding:0;
}