/* -------------------------------------------------- */
/* New Design */
/* -------------------------------------------------- */

/* Basic
----------------------------------------------------- */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.resident div.main-content .left { float: left;}
.resident div.main-content .right { float: right;}

.resident div.main-content p {
	margin: 0 4px 6px 2px;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
}
.resident div.main-content p.asterisk { 
	font-size: 10px;
	margin: 10px 0 0 0;
}

.resident div.main-content ol {
	margin: 0 4px 10px 2px;
	padding: 0 0 0 23px;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	list-style: decimal;
}
.resident div.main-content ul {
	margin: 0 4px 10px 2px;
	padding: 0 0 0 14px;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
}

.shadow-navi {
	position: absolute;
	left: -9999px;
	top: -9999px;
}


/* Heading
----------------------------------------------------- */
.resident h2.contents-title {
	width: 550px;
	height: 30px;
	display: block;
	background: url("../images/index_h2.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h2.contents-flow {
	width: 550px;
	height: 30px;
	display: block;
	margin: 30px 0 10px 0;
	background: url("../images/index_h2_flow.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h2.contents-flow2 {
	width: 550px;
	height: 30px;
	display: block;
	margin: 30px 0 10px 0;
	background: url("../images/index_h2_flow2.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h2.contents-flow3 {
	width: 550px;
	height: 30px;
	display: block;
	margin: 30px 0 10px 0;
	background: url("../images/index_h2_flow3.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h2.contents-flow4 {
	width: 550px;
	height: 30px;
	display: block;
	margin: 30px 0 10px 0;
	background: url("../images/index_h2_flow4.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h2.contents-document {
	width: 550px;
	height: 30px;
	display: block;
	margin: 30px 0 10px 0;
	background: url("../images/index_h2_document.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h3.theme {
	width: 550px;
	height: 48px;
	display: block;
	margin: 20px 0 11px 0;
	background: url("../images/index_h3_theme.gif") no-repeat left top;
	text-indent: -9999px;
}
.resident h3.theme2 {
	width: 550px;
	height: 20px;
	display: block;
	margin: 20px 0 11px 0;
	background: url("../images/index_h3_theme2.gif") no-repeat left top;
	text-indent: -9999px;
}
.resident h3.step {
	width: 550px;
	height: 21px;
	display: block;
	margin: 20px 0 11px 0;
	background: url("../images/index_h3_step.gif") no-repeat left top;
	text-indent: -9999px;
}

.resident h4 {
	font-size: 13px;
	font-weight: bold;
	color: #0749a9;
	line-height: 100%;
	margin: 15px 0 6px 2px;
	padding: 5px 0 5px 16px;
	background: url("../../images/h4_square.gif") no-repeat left center;
	border-bottom: 1px dotted #cccccc;
}


/* Button */
.resident div.button {
	text-align: right;
	}
	.resident div.button  a.admin {
		text-align: left;
		width : 140px;
		height: 30px;
		display: block;
		margin: 10px 0 0 auto;
		background: url("../images/btn_admin.gif") no-repeat left top;
		text-indent: -9999px;
		}
	.resident div.button  a:hover { background-position: left bottom;}


/* Guarantee */
.resident div.guarantee { margin: 0 0 10px 0; }


/* Layout
----------------------------------------------------- */
.resident div.guarantee div.left { width: 270px;}
.resident div.guarantee div.left ol { margin: 16px 0 6px 0;}


/* Over Navi
----------------------------------------------------- */
.resident dl.step-flow dt{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow:h idden;
	left: -9999px;
	top: -9999px;
	}
	.resident dl.step-flow dd {
		margin: 2px;
		text-decoration: none;
		border: 1px solid #ffffff;
		outline: none;
		}
	.resident dl.step-flow dd div {
		display: block;
		padding: 5px 5px 5px 155px;
		border: 2px solid #ffffff;
		}
	
	.resident dl.step-flow dd.step1 div { background: url("../images/index_dt_step01.jpg") no-repeat left top;}
	.resident dl.step-flow dd.step2 div { background: url("../images/index_dt_step02.jpg") no-repeat left top;}
	.resident dl.step-flow dd.step3 div { background: url("../images/index_dt_step03.jpg") no-repeat left top;}

	.resident dl.step-flow dd:hover { border: 1px dotted #cccccc;}
	.resident dl.step-flow dd:hover p { color: #ffffff;}
	.resident dl.step-flow dd.step1:hover div { background: #78b8fa url("../images/index_dt_step01_on.jpg") no-repeat left top;}
	.resident dl.step-flow dd.step2:hover div { background: #56d9e4 url("../images/index_dt_step02_on.jpg") no-repeat left top;}
	.resident dl.step-flow dd.step3:hover div { background: #86e07c url("../images/index_dt_step03_on.jpg") no-repeat left top;}
	
	.resident dl.step-flow dd p { margin: 0;}


/* Table */
.resident table.resident-doc {
	width: 100%;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	background: #cccccc;
	margin: 0 0 10px 0;
	}
	.resident table.resident-doc th {
		width: 132px;
		vertical-align: top;
		text-align: center;
		padding: 6px;
		background: #a4c8f3 url("../images/table_bg.gif");
		border: 1px solid #ffffff;
		}
	.resident table.resident-doc td {
		padding: 6px;
		background: #ffffff;
		border: 1px solid #ffffff;
		}
	.resident table.resident-doc td ul {
		margin: 0 0 0 0;
		}
	.resident table.resident-doc td div.notes {
		margin: 10px 0 0 0;
		padding: 10px;
		background: #e3e3e3;
		border: 1px dotted #cccccc;
		}
	.resident table.resident-doc td div.notes dl dd {
		margin: 0 0 0 10px;
		}

/* -------------------------------------------------- */
/* Old Design */
/* -------------------------------------------------- */

#index{
	width:548px;
	margin:0px;
}

#index h3{
	font-size: 12px;
	line-height: 1.5em;
}

#index .title01 {
	background-image: url(../images/index_h3_01.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 265px;
	margin-bottom: 20px;
}

#index .title02 {
	background-image: url(../images/index_h3_02.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 265px;
	margin-bottom: 20px;
}

#index .title03 {
	background-image: url(../images/index_h3_03.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 265px;
	margin-bottom: 20px;
}

#index .title04 {
	background-image: url(../images/index_h3_04.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 265px;
	margin-bottom: 20px;
}

#index h3 a {
	text-decoration: none;
	display: block;
	width:245px;
	height: 55px;
	padding:40px 5px 5px 15px;
	color: #666666;
}

#index a:hover {
	color: #999999;
}


.payment-box {
	width: 550px;
	background-color: #f2f2f2;
}
.payment-box-wrap {
	margin: 10px;
	width: 530px;
	background-color: #f2f2f2;
}
.payment-box-L {
	float: left;
	width: 280px;
}
.payment-box-R {
	float: right;
	width: 240px;
}
.payment-box-R a {
	text-indent: -9999px;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/payment-btn.gif);
	background-repeat:none;
	
}

.line {
	margin: 0 0 20px 0;
	height: 2px;
	border: 2px dotted #cccccc;
}