@charset "utf-8";
/* CSS Document */

/*===========================================
	contentBase 
=============================================*/
#mainArea,.stepArea{
  margin-top:10px;
  padding:0 10px 30px;
  border-bottom:1px solid #d0d0d0;
  color:#333;
}
#mainArea h3,.stepArea h4{
  font-size:120%;
  font-weight:bold;
}
.stepArea h4{
  padding: 5px 0px 5px 45px;
}
.stepArea h5{
  margin-top:15px;
  font-weight:bold;
}

#mainArea .detailArea{
  margin-top:20px;
}
#mainArea .detailText{
  width:400px;
  float:left;
}
.detailArea .stepImage{
  width:300px;
  float:right;
  text-align:center;
}

.stepArea .detailText{
  width:355px;
  padding-left:45px;
  float:left;
}
.stepArea .detailText p{
  margin-top:15px;
}
.stepArea .stepImage{
  margin-top:15px;
}
.solicitation-buttons{
  margin-top:10px;
}

.copyText{
  margin-top:15px;
  padding-left:45px;
}
.numWrap{
  padding-left:1.5em;
}

#step1{
  background: url("../images/bar_no01.gif") no-repeat;
}
#step2{
  background: url("../images/bar_no02.gif") no-repeat;
}
#step3{
  background: url("../images/bar_no03.gif") no-repeat;
}
#step4{
  background: url("../images/bar_no04.gif") no-repeat;
}
#step5{
  background: url("../images/bar_no05.gif") no-repeat;
}

.stepArea .detailText .OnepointArea p{
  margin-top:10px;
}
.stepArea .detailText p.ico_Onepoint {
  margin-top:0;
	padding: 4px 0px 5px 32px;
	background:url(../images/ico_onepoint.gif) no-repeat;
	font-weight:bold;
	color:#4c96c8;
}

.stepArea .detailText .OnepointArea {
  width:auto;
  margin-top:20px;
	padding:15px;
  background:#f0fafa;
	border:#4c96c8 2px solid;
}
.stepArea .detailText .OnepointArea ul{
  padding-left:15px;
  list-style:disc;
}
.stepArea .detailText .OnepointArea ol{
  padding-left:20px;
}

.otherArea{
  margin:10px 10px 0;
  padding:15px;
  border:1px solid #d0d0d0;
  color:#333;
}
.otherWrap{
  margin-top:-20px;
}
.otherWrap dl{
  margin-top:20px;
}
.otherWrap dt{
  margin-bottom:10px;
  padding-left:15px;
  background:url(../images/ico_square.gif) 0 0.35em no-repeat;
  font-weight:bold;
}
.otherWrap dd{
  padding-left:15px;
}






@media (max-width: 640px) {
.stepArea h4{
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
#step1,#step2,#step3,#step4,#step5{
	background-size:20px auto;
}
#mainArea .detailText{
  width:100%;
  float:none;
}
.detailArea .stepImage{
  width:100%;
  margin-top:20px;
  float:none;
}
.stepArea .detailText{
  width:100%;
  padding-left:0;
  float:none;
}
.copyText{
  margin-top:15px;
  padding-left:0;
}
.numWrap{
  padding-left:1.5em;
}
.solicitation-buttons .mod-linkButton1{
	font-size:85%;
}
}