@charset "utf-8";
@import "sub_menu.css";

/* お手入れトップページ[care/index.html]を記述しています */

/* 全体のレイアウトを記述しています */

#main {
	display: block;
	width: 960px;
	height: auto;
	padding: 0px 0px 17px 0px;
	background-image: url(../../common/img/sub_menu_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#main #sub_menu {
	display: block;
	width: 162px;
	height: auto;
	margin-top: 82px;
	background-image: url(../img/care_sub_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

#main #contents {
	display: block;
	width: 798px;
	height: auto;
	_margin-left: -10px;
	float: right;
}

/* メインレイアウトを記述しています */

#container {
	display: block;
	width: 698px;
	height: auto;
	padding: 62px 50px 0px 50px;
}

.container2 {
	display: block;
	width: 738px;
	height: auto;
	padding: 0px 30px;
}

.container3 {
	display: block;
	width: 698px;
	height: auto;
	padding: 0px 50px 0px 50px;
}

.container4 {
	display: block;
	width: 671px;
	height: auto;
	padding: 0px 77px 0px 50px;
}

.container4_left {
	display: block;
	width: 465px;
	_width: 415px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

.container4_right {
	display: block;
	width: 186px;
	height: auto;
	margin-bottom: 30px;
	float: right;
}

.container5 {
	display: block;
	width: 657px;
	height: auto;
	padding: 0px 76px 0px 65px;
}

.container6 {
	display: block;
	width: 690px;
	height: auto;
	padding: 0px 43px 0px 65px;
}

.container6_left {
	display: block;
	width: 458px;
	_width: 418px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

.container6_right {
	display: block;
	width: 212px;
	height: auto;
	margin-bottom: 30px;
	float: right;
}

p.txt {
	padding: 0px 50px 0px 2px;
}

p.txt2 {
	padding: 0px 0px 0px 20px;
}

/* ページタイトル・リード文 */

h2#main_ttl {
	display: block;
	width: 67px;
	height: 17px;
	margin-bottom: 39px;
	background-image: url(../img/care_ttl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

p#main_read {
	display: block;
	width: 635px;
	height: 16px;
	margin-bottom: 36px;
	background-image: url(../img/care_read.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h3#care_ttl01, h3#care_ttl02, h3#care_ttl03, 
h3#care_ttl04, h3#care_ttl05, h3#care_ttl06 {
	display: block;
	width: 738px;
	height: 21px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h3#care_ttl01 { background-image: url(../img/care_ttl01.gif); }
h3#care_ttl02 { background-image: url(../img/care_ttl02.gif); }
h3#care_ttl03 { background-image: url(../img/care_ttl03.gif); }
h3#care_ttl04 { background-image: url(../img/care_ttl04.gif); }
h3#care_ttl05 { background-image: url(../img/care_ttl05.gif); }
h3#care_ttl06 { background-image: url(../img/care_ttl06.gif); }

h4#care_section01_ttl01 {
	display: block;
	width: 50px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section01_ttl01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section01_ttl02 {
	display: block;
	width: 50px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section01_ttl02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section01_ttl03 {
	display: block;
	width: 98px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section01_ttl03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section01_ttl04 {
	display: block;
	width: 98px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section01_ttl04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section02_ttl01 {
	display: block;
	width: 98px;
	height: 18px;
	background-image: url(../img/care_section02_ttl01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section03_ttl01 {
	display: block;
	width: 179px;
	height: 18px;
	background-image: url(../img/care_section03_ttl01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section03_ttl02 {
	display: block;
	width: 226px;
	height: 18px;
	background-image: url(../img/care_section03_ttl02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section04_ttl01 {
	display: block;
	width: 175px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section04_ttl01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4#care_section04_ttl02 {
	display: block;
	width: 97px;
	height: 18px;
	margin-bottom: 15px;
	background-image: url(../img/care_section04_ttl02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h5#care_section04_ttl03 {
	display: block;
	width: 82px;
	height: 25px;
	margin-bottom: 15px;
	margin-left: 18px;
	background-image: url(../img/care_section04_ttl03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h5#care_section05_ttl01 {
	display: block;
	width: 82px;
	height: 25px;
	margin-bottom: 15px;
	margin-left: 18px;
	background-image: url(../img/care_section05_ttl01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* PAGE TOP LINK */

p.pagetop_btn2 {
	display: block;
	width: 86px;
	height: 11px;
	margin-right: 37px;
	margin-bottom: 10px;
	background-image: url(../../common/img/pagetop_btn_off.gif);
}

p.pagetop_btn2 a {
	display: block;
	width: 86px;
	height: 11px;
}

p.pagetop_btn2 a:hover {
	display: block;
	width: 86px;
	height: 11px;
	background-image: url(../../common/img/pagetop_btn_on.gif);
}

p.pagetop_btn {
	margin-right: 37px;
}