@charset "utf-8";
@import url("main.css"); /* menu stylesheet */

.sidelist {
	margin:0 0 10px 0;
	font-size:1.2em;
	}
	
.sidelist_title {
	background: url(../images/care/care_icon1.gif) no-repeat;
	background-position: 0 4px;
	margin:0 0 0 10px;
	padding:0 0 0 13px;
	color:#239A10;
	}

.sidelist_stitle {
	background: url(../images/care/care_icon2.gif) no-repeat;
	background-position: 0 center;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	>padding:0 0 0 13px;
	}

.sidelist_stitle.now {
	background: url(../images/care/care_icon2_2.gif) no-repeat;
	background-position: 0 center;
	color:#239A10;
	}

.list_area {
	margin:0 0 20px 0;
	padding:0;
	list-style-type: none;
	line-height: 1.4;
	}
	
.list_area li{
	margin:0;
	padding:0 0 0 42px;
	background: url(../images/care/care_icon3.gif) no-repeat;
	background-position: 30px 4px;
	}
	
.list_area li a {
	text-decoration:none;
	}
	
.list_area li.now {
	background: url(../images/care/side_icon.gif) no-repeat;
	background-position: 30px 4px;
	background-color: #E9EEC8;
	}
	
.list_area li.now a {
	color:#239A10;
	}
	
.about_archives {
	margin:0;
	padding:0;
	list-style-type: none;
	}	
	
.about_archives_title {
	background: url(../images/care/care_icon2.gif) no-repeat;
	background-position: 0 3px;
	margin:0 0 0 10px;
	padding:0 0 0 13px;
	color:#B058AC;
	font-size:1.2em;
	}
	
.about_archives li {
	margin:0 0 5px 0;
	padding:3px 0 1px 0;
	}

.about_archives li.now {
	background:#E9EEC8;
	}

.about_archives li a {
	margin:0;
	padding:0 0 0 25px;
	color:#333;
	background: url(../images/care/care_icon2.gif) no-repeat;
	background-position: 15px 3px;
	>background-position: 15px 5px;
	display: block;
	text-decoration: none;
	line-height:1.4;
	}

.about_archives li p {
	margin:0;
	padding:0 0 0 25px;
	color:#239A10;
	background: url(../images/care/care_icon2.gif) no-repeat;
	background-position: 15px 3px;
	>background-position: 15px 5px;
	}
	
/*  ============== about ==================
----------------------------------------------- */
.about_stitle {
	background: url(../images/about/about_maintitle.jpg) no-repeat;
	margin: 0 0 17px 0;
	padding: 54px 0 0 0;
	width: 800px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:54px;/* for ie5.x */
}

.about_stitle2 {
	background: url(../images/about/about_maintitle.jpg) no-repeat;
	margin: 0;
	padding: 54px 0 0 0;
	width: 800px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:54px;/* for ie5.x */
}

.sp_text {
	margin:0;
	padding:2px 0 0 185px;
	height:15px;
	width:350px;
	}
	
.sp_text a {
	background: url(../images/about/metaboo0430.gif) no-repeat;
	margin: 0;
	padding: 15px 0 0 0;
	width: 350px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:15px;/* for ie5.x */
	}
	
.sp_text a:hover {
	background-position: 0 -15px;
	}

.about_title1 {
	background: url(../images/about/about_title1.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title2 {
	background: url(../images/about/about_title2.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title3 {
	background: url(../images/about/about_title3.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title4 {
	background: url(../images/about/about_title4.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title5 {
	background: url(../images/about/about_title5.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title6 {
	background: url(../images/about/about_title6.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_title7 {
	background: url(../images/about/about_title7.jpg) no-repeat;
	margin: 8px 0 10px 0;
	padding: 31px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
}

.about_subtitle {
	margin:0 0 0 15px;
	padding:0 0 0 11px;
	background: url(../images/about/about_icon.gif) no-repeat;
	background-position: 0 center;
	font-size:1.4em;
	color:#249A10;
	}
	
.about_ex {
	margin:0 0 20px 15px;
	font-size:1.4em;
	}

.about_ex span {
	margin:0;
	font-size:0.9em;
	}
	
.about_ex b {
	color:#249A10;
	font-weight: normal;
	}
	
.about_ex b a {
	color:#249A10;
	}
	
.about_ex a {
	border-bottom:1px solid #249A10;
	font-weight:bold;
	}

.about_ex2 {
	margin:0 0 0 15px;
	font-size:1.4em;
	}

.dot_line610 {
	margin:0;
	padding:0;
	background:url(../images/common/line_dot610.gif) no-repeat;
	}
	
.dot_line610l {
	margin:10px 0 0 0;
	padding:0;
	background:url(../images/common/line_dot610.gif) no-repeat;
	}

.about_link_area {
	margin:0 3px 10px 0;
	}
	
.about_link {
	margin:0;
	padding:9px 0 0 16px;
	width:100px;
	background-color: red;
	display:block;
	float:right;
	font-size: 1.1em;
	text-decoration: none;
	color:#FFF;
	}

.about_link.type_s {
	width:135px;
	height:24px;
	background: url(../images/about/about_link_s.jpg) no-repeat;
	}

.about_link.type_m {
	width:154px;
	height:24px;
	background: url(../images/about/about_link_m.jpg) no-repeat;
	}
	
.about_link.type_l {
	width:180px;
	height:24px;
	background: url(../images/about/about_link_l.jpg) no-repeat;
	}
	
.about_link.type_w {
	padding:7px 0 0 20px;
	>padding:9px 0 0 20px;
	width:160px;
	height:33px;
	>height:31px;
	background: url(../images/about/about_link_w.jpg) no-repeat;
	font-size:1.6em;
	font-weight: bold;
	}
	
.about_link.type_wl {
	padding:7px 0 0 20px;
	>padding:9px 0 0 20px;
	width:190px;
	height:33px;
	>height:31px;
	background: url(../images/about/about_link_wl.jpg) no-repeat;
	font-size:1.6em;
	font-weight: bold;
	}
	
.about_metaboo_1 {
	margin:0 0 10px 0;
	background:url(../images/about/about_metaboo1.jpg) no-repeat;
	background-position: 0 0;
	width:610px;
	height:107px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	position: relative;
	}

.about_metaboo_1 span {
	position: absolute;
	top:7px;
	left:260px;
	width:335px;
	}

.about_metaboo_2 {
	margin:0 0 10px 0;
	background:url(../images/about/about_metaboo2.jpg) no-repeat;
	background-position: 0 0;
	width:610px;
	height:69px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	position: relative;
	}

.about_metaboo_2 span {
	position: absolute;
	top:15px;
	left:295px;
	width:195px;
	line-height: 1.5;
	}
	
.about_metaboo_3 {
	margin:0 0 10px 0;
	background:url(../images/about/about_metaboo3.jpg) no-repeat;
	background-position: 0 0;
	width:610px;
	height:69px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	position: relative;
	}

.about_metaboo_3 span {
	position: absolute;
	top:22px;
	left:210px;
	width:385px;
	}
	
.about_metaboo_4 {
	margin:0 0 10px 0;
	background:url(../images/about/about_metaboo4.jpg) no-repeat;
	background-position: 0 0;
	width:610px;
	height:69px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	position: relative;
	}

.about_metaboo_4 span {
	position: absolute;
	top:22px;
	left:285px;
	width:225px;
	}

.about_area1 {
	margin:0 0 15px 0;
	}
	
.about_area_l {
	margin:0 0 0 15px;
	background:url(../images/about/about_base_image1.jpg) no-repeat;
	float:left;
	width:286px;
	height:270px;
	display: inline;
	position: relative;
	}

.about_area_r {
	margin:0 5px 0 0;
	background:url(../images/about/about_base_image2.jpg) no-repeat;
	float:right;
	width:286px;
	height:270px;
	display: inline;
	position: relative;
	}

.about_area_ex {
	position: absolute;
	top:225px;
	left:5px;
	font-size:1.4em;
	}

.about_footnavi {

	}
	
.about_footnavi .foot_navi4 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.about_footnavi .foot_navi4 li {
	margin: 0 3px 0 0;
	padding: 0;
	float:left;
	width:150px;
	height:84px;
	position: relative;
	}	
	
.about_footnavi .foot_navi4 li.foot_navi4-4 {
	margin: 0;
	}

.about_footnavi .foot_navi4 li a {
	background:url(../images/about/about_navi.jpg) no-repeat;
	background-position: 0 0;
	width:150px;
	height:84px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	}
	
.about_footnavi .foot_navi4 li a:hover {
	background-position: 0  -84px;
	}

.about_footnavi .foot_navi4 li span {
	background:url(../images/about/about_navi.jpg) no-repeat;
	background-position: 0 -84px;
	width:150px;
	height:84px;
	display: block;
	text-decoration: none;
	font-size:1.2em;
	}

.about_footnavi .foot_navi4_title {
	top:9px;
	left:15px;
	position: absolute;
	color:#FFF;
	font-size:0.9em; 
	}

.about_footnavi .foot_navi4_ex {
	top:30px;
	left:10px;
	position: absolute;
	line-height:1.4;
	}



/*  ============== about ==================
----------------------------------------------- */

.care_image {
	margin:0 0 20px 15px;
	display:inline;
	}
	
.what_area1_title {
	background: url(../images/about/what_image1.jpg) no-repeat;
	margin: 0 0 10px 15px;
	padding: 28px 0 0 0;
	width: 591px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:28px;/* for ie5.x */
	}
	
.what_area1 {
	margin:0 0 10px 15px;
	width:591px;
	border-left: 1px solid #606060;
	border-top: 1px solid #606060;
	}

.what_area1 th {
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	}

.what_area1 td {
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	padding:5px 10px 5px 10px;
	font-size:1.4em;
	line-height:1.5;
	}

.what_area {
	margin:0 0 0 15px;
	font-size:1.2em;
	line-height:1.3;
	}
	
.what_area .w_area1 {
	padding:52px 10px 10px 10px;
	background: url(/images/about/what_image2.jpg) no-repeat;
	width:171px;
	height:123px;
	float:left;
	}
	
.what_area .w_area2 {
	padding:52px 15px 10px 10px;
	background: url(/images/about/what_image3.jpg) no-repeat;
	width:164px;
	height:123px;
	float:left;
	}
	
.what_area .w_area3 {
	padding:52px 35px 10px 10px;
	background: url(/images/about/what_image4.jpg) no-repeat;
	width:165px;
	height:123px;
	float:left;
	}

.what_metaboo {
	margin:0 0 50px 0;
	padding:18px 30px 0 215px;
	font-size:1.4em;
	background: url(/images/about/what_image5.gif) no-repeat;
	background-position: 15px 0;
	width:345px;
	height:52px;
	}

.what_area span {
	font-weight:bold;
	color:#239A10;
	display: block;
	}

.what_table {
	margin:0 0 5px 15px;
	border-top:1px solid #606060;
	border-left:1px solid #606060;
	}
	
.what_table th {
	text-align: center;
	color:#FFF;
	background-color: #6BC5B9;
	padding:4px 0 3px 0;
	font-size:1.4em;
	border-right:1px solid #606060;
	border-bottom:1px solid #606060;
	}
	
.what_table td {
	border-right:1px solid #606060;
	border-bottom:1px solid #606060;
	padding:3px 5px 3px 8px;
	font-size:1.4em;
	}

.what_table td a {
	border-bottom:1px solid #239A10;
	}
	
.ce {
	text-align: center;
	}
	
.strong {
	margin:0;
	padding:0;
	font-weight:bold;
	display:block;
	}
	
.step {
	margin:0 0 0 15px;
	padding:20px 0 0 171px;
	width:418px;
	height:39px;
	font-size:1.4em;
	font-weight:normal;
	}
	
.step span {
	color:#C00;
	font-weight: bold;
	}
	
.step.step1 {
	background: url(/images/about/step1.jpg) no-repeat;
	}
	
.step.step2 {
	background: url(/images/about/step2.jpg) no-repeat;
	}
	
.step.step3 {
	background: url(/images/about/step3.jpg) no-repeat;
	}
	
.step.step4 {
	background: url(/images/about/step4.jpg) no-repeat;
	}
	
.step_area {
	margin:0 0 15px 15px;
	padding:10px 0 10px 10px;
	width:579px;
	background-color: #B5E3DB;
	font-size:1.4em;
	}
	
.step_area span {
	color:#C00;
	}
	
.step_area b {
	font-weight: bold;
	}
	
	
	
.care_navi {
	margin:0;
	width:612px;
	}
	
.care_navi a {
	width:204px;
	height:213px;
	display:block;
	float:left;
	position:relative;
	text-decoration: none;
	color:#333;
	}
	
.care_navi1 {
	background: url(../images/care/care_navi1on.jpg) no-repeat;
	background-position: 0 0;
	}
	
.care_navi2 {
	background: url(../images/care/care_navi2on.jpg) no-repeat;
	background-position: 0 0;
	}
	
.care_navi3 {
	background: url(../images/care/care_navi3on.jpg) no-repeat;
	background-position: 0 0;
	}
	
.care_navi a:hover {
	background-position: 0 -213px;
	}
	
.care_navi a .ntitle {
	position: absolute;
	top:10px;
	left:20px;
	color:#FFF;
	font-size: 1.2em;
	font-weight:bold;
	}
	
.care_navi a .n_ex {
	position: absolute;
	top:30px;
	left:10px;
	font-size:1.4em;
	}
	
.care_navi .or {
	color:#EA7C00;
	font-weight:bold;
	}
	
.care_navi .bl {
	color:#00A0C6;
	font-weight:bold;
	}
	
.care_navi .pk {
	color:#D7779B;
	font-weight:bold;
	}