@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;
 }



/*　　　ヘッダー　↑　*/








/*　　　  スタイル　　　↓　*/
.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: 577px;
 }
 
.form_box02{
 float: left;
 margin: 0;
 padding: 0 7px;
 background-image: url(../img/form_bg_btm.gif);
 background-repeat: no-repeat;
 background-position: bottom;
 width: 563px;
 }
 
.with{
 float: left;
 margin: 0;
 padding: 0 0 10px 35px;
 width: 500px;
 }
 
.f_txt{
 float: left;
 margin: 0;
 padding: 0;
 width: 135px;
 font-weight: bold;
 }
 
.f_txt02{
 float: left;
 margin: 0;
 padding: 0;
 width: 365px;
 }
 
.f_txt02 span{
 font-size: 10px;
 }
 
.roll{
 float: left;
 margin: 0;
 padding: 0 0 20px 17px;
 width: 527px;
 }
 
.roll a{
 margin: 0;
 padding: 0;
 background-image: url(../img/roll.gif);
 background-repeat: no-repeat;
 width: 527px; height: 103px;
 text-decoration: none;
 text-indent: -9999px;
 overflow: hidden;
 display: block;
 }
 
.roll a:hover{
 margin: 0;
 padding:0; 
 background-position: 0 -103px;
 }
 
.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: 0 0 0 5px;
 width: 180px;
 line-height: 17px;
 }
 
.step02{
 float: left;
 margin: 0;
 padding: 0 0 0 10px;
 width: 312px;
 }
 
.step_img01{
 float: left;
 margin: 0;
 padding: 0 0 3px 24px;
 }

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

.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: 0 0 0 5px;
 width: 170px;
 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;
 }







/*　　　フット　↑　*/