@charset "utf-8"; 

@import url("common.css");


/* ============================================================ contents */
#img-area {
	height: 189px;
	background: url(/images/bg_all2.png) repeat-x;
}
#img-area .img-area-wrap {
	height: 179px;
	width: 1046px;
	margin: 0 auto;
}
#contents p.pankuzu {
	margin-top: 10px;
	padding-bottom: 8px;
	font-size: 10px;
}
#contents p.pankuzu a {
	color: #029999;
}
#contents h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents .inside-01 p {
	margin: 0 2px 20px 2px;
}
#contents .inside-01 .inside-01wrap {
	border: 1px dotted #d6d6d6;
	background: #f7f7f7;
}
#contents .inside-01 .inside-01wrap h4 {
	margin-bottom: 10px;
	margin-left: 27px;
}
#contents .inside-01 .inside-01wrap ul {
	margin-left: 27px;
}
#contents .inside-01 .inside-01wrap p {
	margin-left: 27px;
	margin-bottom: 0;
	width: 628px;
}
#contents .inside-01 .inside-01wrap p.img {
	margin-top: 16px;
	padding-bottom: 20px;
}

#contents .inside-02 {
	margin-top: 40px;
}
#contents .inside-02 h4 {
	margin: 20px;
}
#contents .inside-02 .inside-02wrap1 {
	background: url(/images/voluntary_02_img.png) no-repeat;
	width: 680px;
	height: 305px;
	position: relative;
}
#contents .inside-02 .inside-02wrap1 ul {
	top: 60px;
	left: 20px;
	position: absolute;
}
#contents .inside-02 .inside-02wrap1 ul li {
	font-size: 14px;
	margin-top: 9px;
	margin-bottom: 4px;
	line-height: 20px;
	vertical-align: middle;
	padding-top: 1px;
	background: url(/images/icon_circle.png) no-repeat;
	padding-left: 30px;
	font-weight: bold;
}
#contents .inside-02 .inside-02wrap1 ul li span {
	font-size: 12px;
	font-weight: normal;
}
#contents .inside-02 .inside-02wrap2 {
	border: 1px solid #d6d6d6;
	margin-top: 20px;
}
#contents .inside-02 .inside-02wrap2 dl {
	margin-left: 20px;
	width: 630px;
}
#contents .inside-02 .inside-02wrap2 dt {
	font-size: 14px;
	margin-bottom: 4px;
	line-height: 20px;
	vertical-align: middle;
	padding-top: 1px;
	background: url(/images/icon_circle2.png) no-repeat;
	padding-left: 30px;
	font-weight: bold;
}
#contents .inside-02 .inside-02wrap2 dd {
	margin-left: 28px;
	margin-bottom: 20px;
}

#contents .inside-03 {
	margin-top: 40px;
}
#contents .inside-03 p {
	margin-bottom: 10px;
	font-weight: bold;
}
#contents .inside-03 dl.step1,
#contents .inside-03 dl.step2,
#contents .inside-03 dl.step3,
#contents .inside-03 dl.step4,
#contents .inside-03 dl.step5 {
	padding-left: 80px;
}
#contents .inside-03 dl.step2,
#contents .inside-03 dl.step3,
#contents .inside-03 dl.step4 {
	margin-top: 4px;
}
#contents .inside-03 dl.step1 {
	margin-top: 12px;
	background: url(/images/voluntary_03_step1.png) no-repeat;
}
#contents .inside-03 dl.step2 {
	background: url(/images/voluntary_03_step2.png) no-repeat;
}
#contents .inside-03 dl.step3 {
	background: url(/images/voluntary_03_step3.png) no-repeat;
}
#contents .inside-03 dl.step4 {
	background: url(/images/voluntary_03_step4.png) no-repeat;
}
#contents .inside-03 dl.step5 {
	margin-top: 4px;
	background: url(/images/voluntary_03_step5.png) no-repeat;
}
#contents .inside-03 dl dt {
	font-weight: bold;
	color: #029999;
	font-weight: bold;
	font-size: 14px;
	background: url(/images/caimofover_03_line.png) no-repeat bottom left;
}
#contents .inside-03 dl dd {
	margin-top: 4px;
}


#contents em {
	color: #cc3333;
	font-style: normal;
}
@media screen and (min-width:781px){
#contents .inside-03 dl.step2,
#contents .inside-03 dl.step3,
#contents .inside-03 dl.step4 {
	height: 79px;
}
#contents .inside-03 dl.step1 {
	height: 99px;
}
#contents .inside-03 dl.step5 {
	height: 44px;
}

}

@media screen and (max-width:780px){
	h3{
		width:100%;
		overflow:hidden;	
	}
	
	h4{
		margin-left:0 !important;
		width:100%;
		overflow:hidden;	
	}
	.inside-01 img{
		width:100%;
	}
	.inside-02 img{
		width:100%;
	}
	
	.inside-01 .center img{
		width:10%;
	}
	#contents .inside-01 .inside-01wrap p {
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 0;
		width: 94%;
	}
	#contents .inside-02 .inside-02wrap1 {
		width: 100%;
	}
	#contents .inside-02 .inside-02wrap2 dl {
		margin-left:5%;
		width: 95%;
	}
	#contents .inside-02 .inside-02wrap2 {
		overflow:hidden;
	}

	#contents .inside-03 dl.step2,
	#contents .inside-03 dl.step3,
	#contents .inside-03 dl.step4 {
		min-height: 79px;
	}
	#contents .inside-03 dl.step1 {
		min-height: 99px;
	}
	#contents .inside-03 dl.step5 {
		min-height: 44px;
	}

}