@charset "utf-8";

/**

 * point1.css

 * (c) FOURDIGIT Inc.

 *

 */

/* import */

  @import "/common/2010/css/basepage.css";



/* mainArea */

  #mainArea .ctitle {

    margin-bottom: 15px;

  }

  #mainArea .main {

    margin-bottom: 18px;

  }

  #mainArea strong {

    font-weight: bold;

    color: #ec7500;

  }

/* section01 */
#section01 .list3 {}
#section01 .list3 li {
	float: left;
	width: 200px;
  margin-left: 30px;
}
#section01 .list3 li.first { margin-left: 0;}
#section01 .list3 li h4,
#section02 h4 {
  color: #3ba2b9;
  font-weight: bold;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 5px;
}
#section01 .list3 li p {
  font-size: 12px;
  margin-bottom: 5px;
}
#section01 .list3 li dl {
  width: 200px;
  margin-bottom: 15px;
}
#section01 .list3 li dl dt {
  float: left;
  width: 80px;
  margin-right: 10px;
}
#section01 .list3 li dl dd {
  font-size: 11px;
}
#section01 .list3 li dl dd .red { color: #ff0000;}


/* section02 */
#section02 .desc { margin-bottom: 20px;}
#section02 .desc img {
  float: left;
  margin-right: 15px;
}
#section02 .desc p {}
#section02 dl {
  background: url(../imgs/common/arrow2.gif) no-repeat 100px center;
  padding-bottom: 60px;
}
#section02 dl.type2 {
  background: url(../imgs/common/arrow.gif) no-repeat 100px 75px;
  padding-bottom: 60px;
}
#section02 dl.type3 {
  background: url(../imgs/common/arrow.gif) no-repeat 100px 110px;
  padding-bottom: 70px;
}
#section02 dl.finish { background: none;}
#section02 dl dt {
  float: left;
  width: 220px;
  margin-right: 15px;
}
#section02 dl dt img { margin-bottom: 10px;}
#section02 dl dd {}
#section02 dl dd div .img {
  float: left;
  width: 80px;
  margin-right: 10px;
}
#section02 dl dd div .notes {
  font-size: 10px;
  padding-left: 0;
}
#section02 dl.type2 dd div p {
	float: right;
	width: 330px;
}
#section02 dl.type3 dd div p {
	float: right;
	width: 240px;
}


  #section02 .cmnBox02 {

    width: 660px;

  }

  #section02 .cmnBox02 .wrap {

    padding: 30px 0 10px 20px;

  }

  #section02 .listArea {

    margin-top: 25px;

  }

  #section02 .list {

    clear: both;

    margin-top: 0;

    margin-bottom: 20px;

    width: 640px;

    zoom: 1;

  }

  #section02 .list:after { content : ''; display : block; clear : both; }

  #section02 .list li {

    float: left;

    margin-right: 20px;

    width: 300px;

  }

  #section02 .list dl {

    float: none;

    width: 300px;

  }

  #section02 .list dt {

    margin-bottom: 5px;

    font-weight: bold;

  }

  #section02 .list dd { zoom: 1; }

  #section02 .list dd:after { content : ''; display : block; clear : both; }

  #section02 .list .thumb {

    float: left;

    width: 100px;

  }

  #section02 .list .text {

    float: right;

    width: 185px;

  }

  #section02 .list .linkCmn01 {

    margin-top: 5px;

  }



/* section03 */

  #section03 .list {

    margin: 25px auto 20px;

    width: 630px;

  }

  #section03 .list li {

    margin-bottom: 10px;

  }

  #section03 .list .thumb {

    width: 300px;

  }

  #section03 .list dl {

    width: 320px;

  }