@charset "Shift_JIS";
/*Hides from IE5-mac\*/
*html #wrap{ height: 1%;}
/*End hide from IE5-mac*/


/* CSS Document */

body{
 margin: 0 auto;
 padding: 0;
 border: 0;
 font-family: "Verdana";
 font-size: 12px;
 color: #000000; 
 background-image: url(../img/bg.gif);
 background-repeat: repeat-x;
 background-position: top center;
 text-align: center;
 background-color: #F5F5EE;
 }
 

a{
 color: #333333;
 text-decoration: none;
}
a:hover{
 text-decoration: underline; 
}

p{
 line-height: 20px;
 text-align: left;
 }

img{
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: bottom;
 }
 
.wrap{
 margin: 0 auto;
 padding: 0;
 width: 964px;
 }
 
 
 
/*　　　ヘッダー　↓　*/
.header{
 float: left;
 margin: 0;
 padding: 0;
 background-image: url(../img/header/bg.png);
 background-repeat: no-repeat;
 width: 964px; height:94px;
 }
 
.header h1{
 float: left;
 margin: 0;
 padding: 0 0 5px 40px;
 font-size: 10px;
 text-align: left;
 line-height: 20px;
 font-weight: normal;
 width: 900px;
 }
 
.logo{
 float: left;
 margin: 0 0 0 38px;
 display: inline;
 padding: 0;
 }
 
.header div{
 float: right;
 margin: 0;
 padding: 20px 0 0 0;
 width: 500px;
 }
 
.header div img{
 float: left;
 margin: 0 30px 0 0;
 padding: 0;
 }



/*　　　ヘッダー　↑　*/


/*    追加     */

.btn_r {
  float: right;
}



/*　　　  スタイル　　　↓　*/
.top{
 float: left;
 margin: 0;
 padding: 0 0 0 32px;
 }
 
.bn{
 float: left;
 margin: 0;
 padding: 0;
 }
 
.main{
 float: left;
 margin: 0;
 padding: 0;
 background-image: url(../img/bg.png);
 background-repeat: repeat-y;
 width: 964px;
 }
 
.main02{
 float: left;
 margin: 0;
 padding: 0 7px;
 /*background-image: url(../img/bg_btm.png);*/
 background-repeat: no-repeat;
 background-position: bottom; 
 width: 950px;
 }
 
form{
 float: left;
 margin: 0;
 padding: 0;
 }
 
.form_box{
  float:left;
  margin: 0 0 20px 11px;
  display: inline;
  padding: 20px 0 0 0;
  background-image: url(../img/form_bg.gif);
  background-repeat: repeat-y;
  width: 930px;
 }
 
.form_box02{
  background-image: url(../img/form_bg_btm.gif);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  width: 930px;
  padding-top: 0;
  padding-right: 7px;
  padding-bottom: 18;
  padding-left: 7px;
  margin: 0;
  height: 130px;
 }
 
/* IE7でpadding指定 */
*:first-child+html .form_box02 {
padding-left: 1px;

}
/* IE6以下でpadding指定 */

.form_box02 {
padding-left: 1px;
}

 
.with{
  margin: 0;
  width: 355px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  clear: left;
  float: left;
 }
.form_l {
  float: left;
  width: 375px;
  padding-top: 5px;
  padding-left: 15px;
}

.btn_r {
  float: left;
  width: 500px;
}

 
.f_txt{
  margin: 0;
  padding: 0;
  width: 119px;
  font-weight: bold;
  float: left;
  height: 21px;
 }
 
.f_txt02{
  margin: 0;
  padding: 0;
  float: left;
 }
 
.f_txt02 span{
 font-size: 10px;
 }
 
.roll{
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
 }
 
.roll a{
  margin: 0;
  padding: 0;
  background-image: url(../img/roll.gif);
  background-repeat: no-repeat;
  width: 500px;
  height: 98px;
  text-decoration: none;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
 }
 
.roll a:hover{
  margin: 0;
  padding:0;
  background-position: 0 -98px;
 }
 
.cm_img{
 float: left;
 margin: 0;
 padding: 0 0 0 20px;
 }
 
.cm{
 float: left;
 margin: 0 0 0 20px;
 display: inline;
 padding: 100px 0 0 0;
 background-image: url(../img/cm_bg.gif);
 background-repeat: repeat;
 background-position:left top;
 width: 323px;
 }
 
.cm02{
 float: left;
 margin: 0;
 padding: 0 0 18px 0;
 background-image: url(../img/cm_bg_btm.gif);
 background-repeat: no-repeat;
 background-position: bottom;
 width: 323px;
 }
 
.h3_bn{
 float: left;
 margin: 0;
 padding: 0 0 20px 0;
 background-image: url(../img/bn01.gif);
 background-repeat: no-repeat;
 width: 950px; height:42px;
 }
 
h3 span{
 display: none;
 }
 
.step01{
 float: left;
 margin: 0;
 padding: 0 0 20px 20px;
 width: 291px;
 }
 
.step01 img{
 float: left;
 margin: 0;
 padding: 0 0 3px 0;
 }
 
.st_txt{
 float: left;
 margin: 0 -3px 0 0;
 padding: 5px 0 0 5px;
 width: 180px;
 line-height: 17px;
 }
 
.step02{
 float: left;
 margin: 0;
 padding: 0 0 0 0px;
 width: 312px;
 }
 
.step_img01{
 float: left;
 margin: 0;
 padding: 0 0 3px 24px;
 }

.step_img02{
 float: left;
 margin: 0;
 padding: 0 0 0 30px;
 }

.step03{
 float: left;
 margin: 0;
 padding: 0;
 width: 312px;
 }
 
.cooperation{
 clear:both;
 text-align: left;
 margin: 0 0 0 20px;
 padding: 10px 10px 10px 10px;
 /*width: 770px;*/
 }
 
.cooperation a{
 margin: 0 20px 0 20px;
 }


.st_txt02{
 float: left;
 margin: 0 -3px 0 0;
 padding: 5px 0 0 5px;
 width: 155px;
 line-height: 17px;
 }
 
.h3_bn02{
 float: left;
 margin: 0;
 padding: 0 0 20px 0;
 background-image: url(../img/bn02.gif);
 background-repeat: no-repeat;
 width: 950px; height:42px;
 }
 
.gyo{
 float: left;
 margin: 0 0 15px 40px;
 padding: 0;
 border: 1px solid #CCCCCC;
 }
 
.list{
 float: right;
 margin: 10px 20px 10px 0;
 padding: 0;
 }
 
 
 
/*　　　　スタイル　　　↑　*/







/*　　　フット　↓　*/
.foot{
 float: left;
 margin: 0;
 padding: 0;
 background-image: url(../img/bg_btn.png);
 background-repeat: no-repeat;
 width: 964px; 
 }
 
.foot img{
 float: left;
 margin: 0;
 padding: 30px 0 20px 15px;
 }



/*  追加  */
.input_txt{
  width:60px;
}


.form_area {
  background-image: url(../img/form_bg.gif);
  background-repeat: repeat-y;
  background-position: left top;
  width: 930px;
  margin-left: 12px;
}
.form_abottom {
  background-image: url(../img/form_bg_btm.gif);
  background-position: left top;
  margin: 0px;
  padding: 0px;
  height: 18px;
  width: 930px;
}

/*  追加2  */
.cooperation2 {
  margin-bottom: 10px;
}
.cooperation2 .s_table{
  margin-left: 25px;
}

.cooperation2 .s_table td{
  width: 118px;
  font-size: 9px;
  height: 60px;
  text-align: center;
  }

.cooperation2 .s_table p{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

.cooperation2 .cooperation .s_table img{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-right: auto;
  margin-left: auto;
  width: 73px;
}
.c_banner {
 padding: 0 0 10px;
}

.half_comment {
  font-size: 10px;
  line-height: 1.5em;
  color: #666;
  margin-left: 20px;
  text-align: left;
}

.tel{
  width:100%;
  height:110px;
  padding-bottom:20px;
  text-align: right;
  background:url('../img/tel_image.gif') center top no-repeat;
}

.tel div {
  padding-top: 88px;
}

.tel img{
  margin:75px 0 0 320px;
}
.tel a.tel-faq{
  padding-right: 170px;
}
a.tel-faq {
  color: #3366ff;
}

.tel a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}