@charset "Shift_JIS";

h1{
	color:#9A9A9A;
}
h2, h4 {
	color: #666666;
}
h3, h5, h6 {
	color: #666666;
}
a {
  color: #FF3300;
}

img {
     border:0px;
    }





body{
    font-family:"���C���I",Verdana,Arial,"Osaka","MS P Gothic",sans-serif;
	background:url(../img/background.gif) top center repeat-y #ffffff ;
	width:100%;
	margin: 0 auto;
    padding: 0 auto;
	line-height:18px;
	}
	



#frame1{
     width:900px;
     margin: 0 auto;
     padding: 0 auto;
	 background:#FFFFFF;
	 }
	 
#header{
     width:900px;
     margin: 0 auto;
     padding: 0 auto;
	 }

#logo{
	background-image:url(../img/free_mail.gif);
     width:900px;
	 height:45px;
     margin: 0 auto;
     padding: 0 auto;
	 }

#logo img{
     width:163px;
	 height:34px;
     margin-left:720px;
	 _margin-left:720px;
	 margin-top:5px;
     padding: 0 auto;
	 }
	 
#head_img{
     background-image:url(../img/header_img.jpg);
	 width:900px;
	 height:600px;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#head_img img{
     width:277px;
	 height:277px;
     margin-top:280px;
	margin-left:554px;
	_margin-left:554px;
	 }	 

#point{
     background-image:url(../img/point_contents.gif);
	 width:900px;
	 height:370px;
     margin: 0 auto;
     padding: 0 auto;
	 float:left;
	 }

#point ul{
      width:600px;
	 height:90px;
     margin-top:225px;
	 margin-left:230px;
	 padding: 0 auto;
	 float:left;
	 }
	 
*html body #point ul{

     width:600px;
	 height:90px;
     margin-top:225px;
	 margin-left:135px;
	 padding: 0 auto;
	 float:left;
	 }

*+html body #point ul{

     width:600px;
	 height:90px;
     margin-top:225px;
	 margin-left:260px;
	 padding: 0 auto;
	 float:left;
	 }

#point ul li{
	float:left;
	list-style:none;
	margin-right:20px;
	_margin-right:20px;
	}

.title{
     width:900px;
	 margin: 0 auto;
     padding: 0 auto;
	 float:left;
	 }	

#price{
     width:900px;
	 margin: 0 auto;
     padding: 0 auto;
	 float:left;
	 }	
	 
#netlife{
     background-image:url(../img/service.gif);
	 width:900px;
	 height:515px;
     margin: 0 auto;
     padding: 0 auto;
	 float:left;
	 }	
	 
#netlife p{
     width:800px;
	 margin: 60px 40px 0px 20px;
	 _margin: 60px 20px 0px 10px;
     padding: 0 auto;
	 float:left;
	 font-size:13px;
	 color:#333333;
	 }	





.online{
     width:900px;
	 height:90px;
     margin: 15px auto;
     padding: 0 auto;
	 float:left;}
	 
	 
	 
	 
#service{
     background-image:url(../img/flow_step.jpg);
	 width:900px;
	 height:410px;
     margin: 0 auto;
     padding: 0 auto;
	 float:left;
	 }	
	 
#service p{
     width:800px;
	 margin: 5px 0px 0px 36px;
	 _margin: 5px 0px 0px 18px;
     padding: 0 auto;
	 float:left;
	 font-size:13px;
	 color:#333333;
	 }	



/* type1 */

table.type1 td.center {
	text-align:center;
	color: #ffffff;
	font-size:13px;
	height:30px;
	background-color:#004488;
	bordercolor:#999999;
}


table.type1 td.center1 {
	text-align:center;
	font-size:13px;
	height:30px;
	background-color:#D6EFEF;
	bordercolor:#999999;
}

table.type1 td.center2 {
	text-align:center;
	font-size:13px;
	height:30px;
	background-color: #99CCFF;
	bordercolor:#999999;
}



table.type1 td.kakaku {
	text-align:center;
	font-size:13px;
	height:30px;
	background-color: #D6EFEF;
}


table.type1 tr {
	margin:0; padding: 0; 
    color: #000066; 
	height:30px;
	background-color: #ffffff;
	bordercolor:#999999;
}




	 
.plan{
     width:900px;
	 padding: 0 auto;
	 float:left;
	 font-size:13px;
	 }	
	 
#plan{
     width:400px;
	 margin:20px 20px 10px 40px;
	 _margin:20px 10px 10px 20px;
     padding: 0 auto;
	 float:left;
	 }
	 
#plan2{
     width:380px;
	 margin:20px 20px 10px 20px;
	 _margin:20px 10px 10px 20px;
     padding: 0 auto;
	 float:left;
	 }
	 
#plan2 p{
	 font-size:15px;
	 line-height:20px;
     width:380px;
	 margin:40px 0 10px 10px;
	 _margin:40px 0 10px 5px;
	 padding: 0 auto;
	 float:left;
	 }
	 	 



/* type2 */

table.type2 {
	width:800px;
	font-size:12px;
	background-color: #99CCFF;
	bordercolor:#999999;
	margin-left:10px;
	_margin-left:5px;
}

table.type2 tr {
	width:800px;
	margin:0; 
	padding: 0; 
    color: #000066; 
	background-color: #ffffff;
	bordercolor:#999999;
}


table.type2 td.center2 {
	text-align:center;
	font-size:12px;
	background-color: #99CCFF;
	bordercolor:#999999;
}


table.type1 td.dt3l {
	background-color: #ffffff; 
	font-size:12px;
	}

table.type1 td.dt3l img{
	float:left;
	margin:6px 6px;
	_margin:6px 3px;
	}

#pay{
     width:400px;
	 margin:10px 20px 10px 40px;
	 _margin:10px 10px 10px 20px;
     padding: 0 auto;
	 clear:both;
	 }
	 
#comment{
     width:800px;
	 margin:20px 20px 10px 10px;
	 _margin:20px 10px 10px 5px;
     padding: 0 auto;
	 float:left;
	 }
	 
#comment p{
	 font-size:13px;
     width:800px;
	 padding: 0 auto;
	 float:left;
	 }




#control{
     width:900px;
	 margin:15px 0;
	 padding: 0 auto;
	 float:left;
	 }
	 
#control p{
	 font-size:13px;
     width:560px;
	 padding: 0 auto;
	 float:left;
	 margin-left:38px;
	 _margin-left:19px;}

#control img{
	 width:260px;
	 height:70px;
	 margin-left:8px;
	 _margin-left:4px;
	 float:left;
	 }



/* footer */

#footer{
     width:900px;
	 height:43px;
	 background-image:url(../img/footer.gif);
	 background-repeat:no-repeat;
	 margin:0 auto;
	 padding: 0 auto;
	 float:left;
	 }
	 
#footer ul li{
	 font-size:12px;
	 color:#666666;
     margin-left:30px;
	 
	 padding: 0 auto;
	 float:left;
	 list-style:none;
	 line-height:18px;
	 }

*html body #footer ul li{
	 font-size:12px;
	 color:#666666;
     margin:10px 30px 0px 10px;
	 padding: 0 auto;
	 float:left;
	 list-style:none;
	 line-height:18px;
	 }
	 
*+html body #footer ul li{
	 font-size:12px;
	 color:#666666;
     margin:10px 30px 0px 10px;
	 padding: 0 auto;
	 float:left;
	 list-style:none;
	 line-height:18px;
	 }