@charset "shift_jis";

/*--------------------------------------------

●title_box━menu_box
●left_box━left_white_box━intoro_box(top.html)
						  ┗perform_box(top.html)
		  				  ┗step_box(method.html.html)
		  				  ┗question_box(question.html.html)
		  				  ┗contact_box(question.html.html)
●right_box#info_box
●attention

--------------------------------------------*/

/*--------------------------------------------
other
--------------------------------------------*/
#title_box{/* 共通*/
  padding-bottom:17px;
  width: 720px;
  margin: 0 auto;
  background-image:url(../images/title.jpg);
  background-repeat:no-repeat;
}

#contain_box{/* 共通*/
  width: 720px;
  padding:0 14px 0 14px;
  margin: 0 auto;
  background-image:url(../images/bg.gif);
  font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height:1.5em;
  letter-spacing:0.025em;
}

.bg_part{
  width:748px;
  margin: 0 auto;
}

#contain_box hr.line{/* 共通*/
  width:100%;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #ccc; /* 線色 */
   height: 1px; /* 高さ */
  
}

/*--------------------------------------------
menu
--------------------------------------------*/
#menu_box{/* 共通*/
  width: 720px;
  padding-top: 170px;
  padding-bottom: 4px;
}

#menu_box li{
  float:left;
}


/*------------------------------------------------------------------------------------------------------------------------------------
left box
------------------------------------------------------------------------------------------------------------------------------------*/
#left_box{/* 共通*/
  width:480px;
  padding-right:10px;
  float:left;
}

.left_white_box{/* 共通*/
  background-color:#FFF;
  width:468px;
  padding: 0 5px 0 5px;
  *padding: 0 4px 0 4px;
}


.left_white_box p{
  padding-right:10px;
}


.left_white_box h2{
  padding-top:0px;
  padding-bottom: 5px;
}

.pa_t15{
  padding-top: 15px;
}

/*--------------------------------------------
★★★top page★★★
--------------------------------------------*/
#intoro_box{/* エリア別*/
  width:450px;
  padding: 15px 5px 0px 10px;
}

#intoro_box div{
  padding: 20px 0 20px ;
}

#perform_box{/* エリア別*/
  width:450px;
  padding: 15px 5px 0px 10px;
}

#perform_box dt{
  padding-bottom: 5px;
}


/*--------------------------------------------
★★★method page★★★
--------------------------------------------*/

#step_box{/* エリア別*/
  width:450px;
  padding: 15px 5px 0px 10px;
}


#step_box .left_white_IN_box{
  width:450px;
}


#step_box p{
  float:left;
  width:300px;
 padding-left:10px;
}

#step_box .image{
  float:right;
  padding-right: 0px;
}


#step_box .step_text{
 padding-left:10px;
}


/*--------------------------------------------
★★★question page★★★
--------------------------------------------*/
#question_box{/* エリア別*/
  width:455px;
  padding: 15px 5px 0px 10px;
}

#question_box dt{
  font-weight:bold;
  color:#b758a4;
}

#question_box dt span{
  font-weight:bold;
  font-size:18px;
}

#question_box dd span{
  font-weight:bold;
  font-size:18px;
  color:#615BDD;
}

#question_box img{
  padding-right: 10px;
}

#question_box dt{
  padding-top: 10px;
}

#question_box dd{
  padding-top: 10px;
  padding-bottom: 5px;
}

#contactbox{
  width:455px;
  padding: 15px 5px 0px 10px;
}



/*------------------------------------------------------------------------------------------------------------------------------------
right box
------------------------------------------------------------------------------------------------------------------------------------*/
#right_box{/* 共通*/
  float:left;
}


#info_box{
    width:208px;
    background-color:#fff;
    padding: 10px 10px 0px 10px;
}

#info_box dt{
  background-image:url(../images/info_dot.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left: 10px;
}


#right_box li{
  padding-top: 15px;
}

/*------------------------------------------------------------------------------------------------------------------------------------
attention
------------------------------------------------------------------------------------------------------------------------------------*/
#attention{/* 共通*/
  font-size: 10px;
  padding-top: 10px;
  width: 748px;
  margin: 0 auto;
  color: #666666;
}

#attention li{
  padding-top:3px;
}

/*------------------------------------------------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
  width:771px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 10px;
}