@charset "Shift_JIS";


/* ------------------------------------ 
 60years layout 
 ------------------------------------ */
ul {
	list-style:none;
	padding:0;
	margin:0;
}

.note {
	font-size:80%;
	color:#CC0000;
	line-height:140%;
}
.s_size {
	font-size:80%;
}
.blue {
	color:#2ea9f9;
}
.left {
	float:left;
}
.left img {
padding-right:10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

p#Lead img {
	margin-bottom:10px;
}

.caution {
	width:638px;
	border:#bcbbbb 1px solid;
	margin-left:11px;
	margin-top:50px;
	margin-bottom:10px;
	padding-bottom:20px;
}
.caution img {
	margin:1px;
}

.caution ul {
	margin:0 20px;
	margin-top:20px;
}
.caution ul li {
	margin-top:20px;
}
.caution ul ul {
	margin:0;
	margin-left:20px;
}

.caution ul ul li {
	margin:0;
	margin-top:5px;
}



/* - 00 index 
------------------------------------- */

h3#Support {
	margin-top:20px;
	margin-bottom:27px;
}

.img_60years {
	margin-top:20px;
}

.sup_box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sup_box {
	margin:0 11px 25px 11px;
	display: block;
	display:inline-block;
	line-height:150%;
}
/* Hides from IE-mac \*/

* html .sup_box {
	height: 1%;
}
.sup_box .text {
	float:left;
	width:378px;
}
.sup_box .image {
	float:right;
	width:238px;
	padding-left:20px;
}

.sup_box .text3 {
	float:left;
	width:451px;
	height:172px;
	padding-right:17px;
	background-image:url(../../../harmonate/images/bg_text3.jpg);
	text-align:right;
}
.sup_box .image3 {
	float:right;
	width:158px;
}

/* - 01 about famies
------------------------------------- */

.sup_box .text2 {
	float:left;
	width:378px;
	height:171px;
	position:relative;
}
.sup_box .text2 .bt {
	position:absolute;
	right:0;
	bottom:0;
}
.sup_box #System {
	margin-top:20px;
	margin-left:10px;
}
.sup_box #System h4 {
	height:22px;
	padding-top:5px;
	padding-left:10px;
	background-color:#2ea9f9;
	font-weight:bold;
	font-size:100%;
	color:#FFFFFF;
}
.sup_box #System ul {
	margin-top:20px;
}
.sup_box #System ul li {
	line-height:130%;
	font-weight:bold;
	color:#2ea9f9;
	font-size:18px;
}
.sup_box #System ul ul {
	margin-top:0;
}
.sup_box #System ul ul li {
	line-height:160%;
	font-weight:normal;
	color:#666666;
	font-size:12px;
}	
.system_img {
	margin-top:57px;
}
.system_img2 {
	margin-top:10px;
	margin-bottom:30px;
}
.sup_box h4 {
	margin-bottom:10px;
}
.img_aboutfami {
	margin:20px 0 35px;
}

h3 .sup60{
	margin-top:20px;
	margin-bottom:20px;
}


/* - 02 reform steps
------------------------------------- */

.step_box {
	margin:35px 11px 30px;
}
.step_box.first {
	background:url(../../../harmonate/images/img_reformstep01.gif) top right no-repeat;
	min-height:200px;
}
*html .step_box.first {
	height:200px;
}
.step_box h4 {
	margin-bottom:20px;
}
.step_box ul {
	margin-left:10px;
}
.step_box ul li {   
	height:26px;
	padding-top:6px;
	padding-left:35px;
	margin-bottom:5px;
}
.step_box ul li.no01{background:url(../../../harmonate/images/pt_01.gif) no-repeat;} 
.step_box ul li.no02{background:url(../../../harmonate/images/pt_02.gif) no-repeat;} 
.step_box ul li.no03{background:url(../../../harmonate/images/pt_03.gif) no-repeat;} 
.step_box ul li.no04{background:url(../../../harmonate/images/pt_04.gif) no-repeat;} 
.step_box ul li.no05{background:url(../../../harmonate/images/pt_05.gif) no-repeat;} 
.step_box dl {
	border:#CCCCCC 1px solid;
	padding-bottom:15px;
	margin-bottom:10px;
}
.step_box dt {
	padding-left:8px;
}
.step_box dd {
	padding:5px 20px 0 30px;
}
.step_box dl.last {
	background:url(../../../harmonate/images/img_reformstep02.gif) top right no-repeat;
	height:88px;
	min-height:88px;
}
.step_box dl.last dd {
	padding-right:125px;
}

#Add h3 {
	margin:5px 0 0 0;
	text-align: center;
}