@charset "utf-8";
/* CSS Document */

@media print {
body {
zoom: 90%; 
}
}

body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:90%;
line-height:1.5;
color:#333333;
margin: 0;
padding: 0;
background-color:#FFFFFF;
background-image:url(image/body_bg.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}

body > #wrapper {
        height: auto;
}

.red{
color:#FF0000;
font-weight: bold;
}

.red1{
color:#FF0000;
font-weight: bold;
font-size:130%;
}

.gl{
color:#666666;
font-size: 90%;
}




.b{
font-weight:bold;
}



html{
height: 100%;
}

h1,h2,h3,h4,area,p,img{
margin: 0;
padding: 0;
}


h4{
margin-bottom: 10px;
}

#header{
background-image:url(image/header_img1.jpg);
background-repeat: no-repeat;
width: 760px;
height: 80px;
position: relative;
}


h1{
text-align: left;
float: left;
padding-top: 10px;
}

#header ul{
float:right;
    margin:0px;
    padding:0px;
}

#header ul li{
    float:left;
    list-style:none;
    width:140px;
    margin:0px;
    padding:20px 10px 0 0;	
}


h2{
margin-bottom: 10px;
}

h3{
margin: 0;
}

a{
color:#3399FF;
text-decoration:none;
}

a:hover{
color:#FF6600;
text-decoration:underline;
}

a:visited{
color:#663399;
}

img{
border-width: 0px;
}

p{
line-height: 1.7;
letter-spacing: 1px;
}



#wrapper{
margin: 0 auto;
padding: 0;
width: 760px;
background-color:#FFFFFF;
border:#CCCCCC 1px solid;
border-top: none;
text-align: center;
}

.fsize{
font-size: small;
}



#header{
border-bottom: #CCCCCC 1px solid;
}

.h3pad{
margin: 10px 0;
}


/*サブ・メインdiv*/
#contents{
background-color:#FFF;
height: 100%;
}

/*コンテンツdiv*/

#main-contents{
float: right;
width: 557px;
}

.block{
width: 540px;
margin:0 10px 5px 10px;
}

/*流れ詳細*/

#nagare{
float: right;
width: 560px;
height: auto;
background-color:#FFFFFF;

}

/*選べる紹介トップページ*/

.era{
margin: 5px 0;
}

.step{
line-height: 1.5;
border:#CCCCCC solid 1px;
width: 545px;
}

.ran{

}

.ranking{
margin: 5px 0 0 0;
}

/*５万円割引*/
.ranking1{
margin: 10px;
border-right:#208ed5 1px solid;
}

.ranking1 th{
padding: 5px 0;
}


.ranking1 th{
border-left:#f208ed5 1px solid;
border-bottom:#208ed5 1px solid;
background-color:#208ed5;
color:#FFFFFF;
text-align: center;
}

.fontw{
font-size: 110%;
font-weight: bold;
}

.fontw1{
font-size: 110%;
font-weight: bold;
background-color:#ffffcc;
}

.rborder{
border-left:#FFFFFF 1px solid;
}

.fontwvip{
font-size: 130%;
font-weight: bold;
background-color:#FFFF66;
color:#FF0000;
}

.ranking1 td{
border-left:#208ed5 1px solid;
border-bottom:#208ed5 1px solid;
text-align: center;
line-height: 1.7;
vertical-align: middle;

}
.btb{
background-color:#eef9ff;
}

.btb1{
text-align: left;
background-color:#eef9ff;
height: 30px;
}


/*５万円割引ここまで*/


/*3万円割引*/
.ranking2{
margin: 10px;
border-right:#208ed5 1px solid;

}


.ranking2 th{
border-left:#208ed5 1px solid;
border-bottom:#208ed5 1px solid;
background-color:#208ed5;
color:#FFFFFF;
text-align: center;
}

.fontw{
font-size: 110%;
font-weight: bold;
}

.ranking2 td{
border-left:#208ed5 1px solid;
border-bottom:#208ed5 1px solid;
text-align: center;
line-height: 1.7;
vertical-align: middle;

}


/*3万円割引ここまで*/

.ranking_table{
text-align: center;
border:#CCCCCC 1px solid;
}

.ranking_table th{
background-color:#FF6600;
height: 25px;
padding:3px;
font-weight: bold;
color:#FFFFFF;
}

.era1{
line-height: 1.5;
border:#f331b8 solid 1px;
width: 540px;
text-align: center;
}

.era1 th{
color:#FFFFFF;
background-color:#f331b8;
}

.era2{
line-height: 1.5;
border:#208ed5 solid 1px;
width: 540px;
text-align: center;
}

.era2 th{
color:#FFFFFF;
background-color:#208ed5;
}


.era3{
line-height: 1.5;
border:#2ca4de solid 1px;
width: 540px;
text-align: center;
}

.era3 th{
color:#FFFFFF;
background-color:#2ca4de;
}

.eratable{
margin-left: 15px;
margin-right: 20px;
}


.step-1{
line-height: 1.5;
border:#00CC00 solid 1px;
width: 530px;
margin-left: 10px;
margin-bottom: 20px;
margin-top: 10px;
}

.step-s{
line-height: 1.5;
border:#00CC00 solid 1px;
width: 530px;
margin-left:16px;
margin-bottom: 50px;
margin-top: 10px;
}

.step-title{
font-weight: bold;
color:#FFFFFF;
background-color:#00CC00;
padding: 5px 5px 5px 10px;
text-align: left;
margin-right: 0;
}

.steptop{
line-height: 1.5;
border:#00CC00 solid 1px;
width: 545px;
margin: 20px 0;
text-align: left;
}

.step-shosai{
line-height: 1.5;
border:#CCCCCC solid 1px;
tex-align: left;
}



.step-co{

border-top:#CCCCCC dotted 1px;
border-bottom:#CCCCCC dotted 1px;
}


.step-co1{
text-align: right;
}

.step-co2{

border-top:#CCCCCC dotted 1px;
border-bottom:#CCCCCC dotted 1px;
}

.step-co4{

border-top:#CCCCCC dotted 1px;
}


.step-co3{
border-left: #CCCCCC 1px solid;
border-top:#CCCCCC dotted 1px;
border-bottom:#CCCCCC dotted 1px;
}




.t-left{
color:#FF0000;
text-align: left;
}


.txt14 img{
padding-right: 5px;
padding-bottom: 5px;
}

/*サブナビゲーション*/

#suv-navi{
float: left;
width: 200px;
margin: 0;
padding: 0;
background:url(image/suv-navi_bg.jpg) no-repeat;
}


#suv-navi ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#suv-navi li{
display: inline;
margin: 0;
padding: 0;
line-height: 0; 
vertical-align: bottom;
}

#suv-navi li img{
vertical-align:top;
}


#kaiin-side ul{
margin: 0;
padding: 0;
}

#kaiin-side li{
font-size: 94%;
display: block;
text-align: left;
margin:5px 0 5px 0;
line-height: 1.3;
}

#kaiin-side img{
padding-right: 5px;
padding-left: 5px;
}

.shousai-yohaku{
margin-top: 5px;
}
/*キャンペーン*/

#cam{
margin: 15px 0;

}



#cam img{
border:#99CC00 solid 1px;

}

#cam_con1{
padding: 5px;
margin: 5px;
text-align: left;
}

.cam_con1{
width: 545px;
padding: 0 0 5px 5px;
text-align: left;
}

#cam_con2{
padding: 5px;
margin: 5px;
text-align: right;
}


#cam_con3{
padding: 5px;
margin: 5px;
text-align: left;
}


#cam_con4{
padding: 5px;
margin: 5px 5px 5px 35px;
text-align: left;
}

.pre{
width: 550px;
border:#00CC00 1px solid;
margin: 10px 0 0 3px;
background-color:#FFFFFF;
}

.pre1{
width: 25%;
background-color:#009900;
color:#FFFFFF;
text-align: center;
border-right:#009900 1px solid;
border-bottom:#009900 1px solid; 

}


/*利用するには*/
.riyou{
width: 540px;
text-align: left;
margin:0 0 10px 10px;
border-bottom:#CCCCCC 1px dotted;
}

.riyou1{
width: 540px;
text-align: left;
margin:0 0 5px 10px;
}

.riyou2{
width: 540px;
text-align: left;
margin:0 10px 10px 10px;
}

.riyou p{
margin: 0 15px 15px 15px;
}

.riyou1 p{
margin: 0 15px 15px 15px;
}
/*トピックス*/

#topic{
font-size: 90%;
width: 550px;
margin-top: 10px;
}

.t_img{
margin-bottom: 10px;
}

.t_l{
text-align: left;
vertical-align: top;
}

.ten{
border-bottom: #006600 1px dotted;

}

/*よくある質問集*/

.qat{
margin-bottom: 10px;
line-height: 1.5;

}

.qat td{
vertical-align: top;
}

.txt14b{
color:#006600;
font-weight: bold;
border-bottom:#999999 1px dotted;
background-color:#eefced;
}




/*エントリー*/
ul.entrybottan{
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.entrybottan li{
	margin: 0;
	padding: 0 10px 0 0;
	width: 170px;
	display:inline;
}


.qakugiri{
margin-top: 5px;
margin-bottom: 15px;
}


/*会社概要*/

.glay{
background-color:#E7E7E7;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
text-align:center;
}

.gaiyou-t{
border:#E7E7E7 1px solid;
}

/*VIP*/

.step1{
line-height: 1.5;
border:#053859 solid 1px;
width: 540px;
text-align: center;
}

.step-title1{
font-weight: bold;
color:#FFFFFF;
background-color:#053859;
padding: 5px 5px 5px 10px;
text-align: left;
margin-right: 0;
}


.step1 th{
color:#FFFFFF;
background-color:#053859;
}


.vipb{
border-left: #CCCCCC 1px solid;
}

.vipb1{
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dotted;
}

.gazousita{
margin-bottom: 10px;
}
/*フッター*/

#footer-link{
font-size: 90%;
width: 700px;
line-height: 1.5;
padding: 20px auto;
margin:10px auto 10px;
text-align: center;
clear: both;
}


#footer-link1{
display:block;
clear: both;
font-size: 90%;
width: 600px;
line-height: 1.5;
padding-top: 30px;
margin-top: 30px;
padding-right: auto;
padding-left: auto;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
overflow:auto;
}

.modoru{
clear: both;
text-align: right;
font-size: 80%;
margin:10px 5px;
vertical-align: middle;
}

#footer{
clear: both;
margin-bottom: 0;
padding-bottom: 0;
background-image:url(image/footer_bg.gif);
background-repeat:no-repeat;
background-position:top center;
}


address{
color:#999999;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
border-top: #CCCCCC 1px solid;
font-style:normal;
font-size: 80%;
clear: both;
margin: 0;
padding: 30px 0;
}

.renkyu{
color:#FF0000;
font-weight: bold;
text-align: left;
padding: 10px;
margin:0 10px 10px 10px;
border: 2px dotted;
background-color:#FFFFCC;
}

/*年末年始のお知らせ*/
.oshirase{
width: 530px;
color:#FF3300;
font-size: 100%;
font-weight: bold;
background-color:#FFFFCC;
border:#FF3300 dotted 1px;
margin:0 5px 5px 5px;
padding: 5px;
}

.oshirase1{
color:#000000;
font-weight: normal;
text-align:left;
padding: 10px;
}


.oshirase2{
font-size: 130%;
color:#000000;
}

.riyou2{
width: 540px;
text-align: left;
margin:0 0 5px 10px;
border:#CCCCCC 1px solid;
}

