﻿@charset "utf-8";

/* HOME CARE =============== */

#contents {font-size: 14px;}

#topbox {
	height: 445px;
	padding-right: 267px;
	background: url(../img/img_topbox.jpg) right top no-repeat;}

.right {
	text-align: right;
	padding-top: 18px;}

.leftbox {
	float: left;
	width: 451px;}

.rightbox {
	float: right;
	width: 451px;
	background-color: #ede6e2;}

.bgbox01,.bgbox02 {padding: 10px 3px 25px 170px;}
.box03 {padding: 10px 3px 25px 3px;}

.bgbox01 {background: url(../img/img02.jpg) left 18px no-repeat;}
.bgbox02 {background: url(../img/img03.jpg) left 18px no-repeat;}

#userlist li {
	margin: 7px 0;
	padding-left: 28px;}

.num01  {background: url(../img/num01.gif) left top no-repeat;}
.num02  {background: url(../img/num02.gif) left top no-repeat;}
.num03  {background: url(../img/num03.gif) left top no-repeat;}
.num04  {background: url(../img/num04.gif) left top no-repeat;}

#flow {margin: 18px;}

#flow li {
	margin-bottom: 15px;
	padding-left: 62px;}

*:first-child+html #flow li dl { margin-top: -27px; } 
* html #flow li dl { height: 1%;margin-top: -25px; } 

#flow li dl dt {padding: 12px 0 8px 0;}

.bdr dl dd {
	padding-bottom: 15px;
	border-bottom: 1px solid #a60809;}

.flow01 {background: url(../img/flow_num01.gif) left top no-repeat;}
.flow02 {background: url(../img/flow_num02.gif) left top no-repeat;}
.flow03 {background: url(../img/flow_num03.gif) left top no-repeat;}
.flow04 {background: url(../img/flow_num04.gif) left top no-repeat;}

.flow01 dl dd img {margin-top: 8px;}
.flow01 a {text-decoration: underline;}

.clear {line-height: 1em;}
