@charset "utf-8";

/*-------------------------------------------------
BASIC ELEMENT
-------------------------------------------------*/

body{
	margin:0 auto;
	padding:0;
	font-size:12px;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3" , "Hiragino Kaku Ghothic Pro W3","MS PGothic",sans-serif;
	color:#555;
	background:url(images/body_bg.gif) top repeat-x;
	}

h1,h2,h3,h4,h5,p,div,ul,ol,li{padding:0;margin:0;}
li{list-style:none;}

a:link{color:#2b75bf;text-decoration:none;}
a:visited{color:#2b75bf;text-decoration:none;}
a:hover{color:#2b75bf;text-decoration:underline;}
a:active{color:#2b75bf;text-decoration:underline;}

#wrapper{
	width:792px;
	margin:0 auto; 
	padding:0;
	}

#container{
	width:792px;
	margin:34px 0 0 0;
	padding:0;
	background:url(images/container_bg.gif)  top no-repeat;
	}

#container h2{
}

* html #mainCol{
	margin-left:15px;
	}
* html #footer{
	margin-left:10px;
	}
	
#mainCol{
	width:733px; 
	height:auto; 
	margin:0 auto; 
	padding:20px 23px 20px;
	}

#mainCol p{
	font-size:12px;
	color:#555;
	text-align:left;
	line-height:18px; 
	margin-bottom:10px;
	padding:0 10px;
	}

#mainCol p.large{
	font-size:16px;
	font-weight:bold;
	color:#555;
	text-align:left;
	margin:15px 0 10px;
	padding:0 25px;
	}

#mainCol p.medium{
	font-size:14px;
	color:#555;
	text-align:left;
	margin-bottom:10px;
	padding:0 25px;
	}

#mainCol p.img{
	text-align:center;
	}

#mainCol p.img_pack{
	text-align:center;
	margin:20px 0 0;
	}


#mainCol p.btn{
	margin:18px 0 40px 0;
	text-align:right;
	}

#mainCol p.prev{
	display:inline;
	margin:0 0 15px 0;
	float:left;
	}

#mainCol p.next{
	display:inline;
	margin:0 0 15px 0;
	float:right;
	}

#mainCol p.note{
	border:3px solid #74b7ef;
	padding:18px;
	}

#mainCol p.usage{
	border:3px solid #d9d9d9;
	background:#e5f1f6;
	padding:13px;
	}


#mainCol p.micro{
	width:688px;
	margin:0 auto;
	margin-top:40px;
	border:1px dotted #c0c0c0;
	background:#f8f8f8;
	padding:13px;
	}

#mainCol p.line{
	width:710px;
	height:1px;
	padding:20px 0 0;
	margin:0 auto;
	border-bottom:1px dotted #a3c8d9;
	clear:both;
}


#mainCol p.space{
	height:20px;
	clear:both;
	}

#mainCol p.space02{
	height:40px;
	clear:both;
	}

#mainCol h2{
	width:733px;
	height:75px;
	padding:0;
	margin-bottom:20px;
	}
	
#mainCol h2.package{
	margin-bottom:5px;
	}
	
#mainCol h2.usage{
	margin-bottom:10px;
	}

#mainCol h3{
	width:714px;
	height:42px;
	margin:0 auto;
	padding:0 0 20px 0;
	}

#mainCol h3.package{
	width:347px;
	height:42px;
	margin:0 auto;
	padding:0 0 20px 0;
	}

#mainCol h3.about{
	width:711px;
	height:74px;
	margin:0 auto;
	padding:0 0 15px 0;
	}

 .clear{
	clear:both;
	}


table.difference{
	width:339px;
}

table.difference p.sub{
	margin-top:15px;
}

table.difference td.first{
	/*height:130px;*/
	vertical-align:top;
	padding:15px 10px 5px;
}

table.difference td.first p.left{
	font-size:14px; 
	line-height:20px; 
	float:left;
}

table.difference td.first p.right{
	float:right;
	margin-right:10px;
}

table.difference td.second{
	height:130px;
	vertical-align:top;
	padding:8px 5px 5px 10px;
	background:url(difference/images/stitle_bg.gif) no-repeat top;
}

table.difference td.second p.right{
	float:right;
	margin-top:15px;
}

table.difference td.third{
	height:150px;
	vertical-align:top;
	padding:8px 5px 5px 10px;
	background:url(difference/images/stitle_bg.gif) no-repeat top;
}

table.difference td.third p.right{
	float:right;
	margin-top:15px;
}

table.difference td.fourth{
	height:200px;
	vertical-align:top;
	padding:8px 10px;
	background:url(difference/images/stitle_bg.gif) no-repeat top;
}

table.difference td.fourth img{
	float:right;
	margin-right:5px;
}

table.difference td.fifth{
	height:90px;
	vertical-align:top;
	padding:8px 10px;
	background:url(difference/images/stitle_bg.gif) no-repeat top;
}

table.difference td p span{
	font-weight:bold;
	color:#25a0d8;
}

table.package ul{
	}

table.package ul li{
	list-style:square;
	line-height:18px;
	margin:0 10px 10px 20px;
	}

table.package ul li.end{
	list-style:square;
	margin:0 10px 0 20px;
	}

table.package ul li.end02{
	list-style:none;
	margin:0 10px 0 20px;
	}


ul.usage{
	}

ul.usage li{
	list-style:square;
	margin:0 10px 5px 20px;
	}

ul.usage li.end{
	list-style:square;
	margin:0 5px 15px 20px;
	}

table.package{
	clear:both;
	width:714px;
	margin:0 auto;
	border-collapse:collapse;
	empty-cells:show;
	border-top:1px solid #ddd;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #ddd;
}

table.package td.left{
	width:186px;
	text-align:center;
	padding:10px 10px;
	background:#e9f5fb;
	color:#555;
	font-size:12px;
	border-bottom:1px solid #a3c8d9;
}

table.package td.left_bttm{
	width:186px;
	text-align:center;
	padding:10px 10px;
	background:#e9f5fb;
	color:#555;
	font-size:12px;
	border-bottom:1px solid #ddd;
}

table.package td.right{
	text-align:left;
	padding:10px 10px;
	background:#fff;
	color:#555;
	font-size:12px;
	border-bottom:1px dotted #a3c8d9;
	border-right:1px solid #ddd;
}

table.package td.right_bttm{
	text-align:left;
	padding:10px 10px;
	background:#fff;
	color:#555;
	font-size:12px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

table.package img{
	margin-bottom:8px;
}


#mainCol div.btn{
	clear:both;
	margin:0 0 10px;
	text-align:center;
	}

#top_main{
position:relative;
	width:792px;
	height:396px;
	background:url(images/top_bg.jpg) no-repeat center bottom;
	}


#topLogo{ position:absolute; top:26px; left:38px; width:110px; height:19px; display:block; }
#topTitle h1{ position:absolute; top:119px; left:42px; width:373px; height:143px; display:block; 	}
#topBtn{ position:absolute; top:282px; left:38px; width:270px; height:78px; display:block; }
#topPackage{ position:absolute; top:195px; left:509px; width:256px; height:193px; display:block; } 


#header{
	width:792px;
	height:100px;
	background:url(images/head_bg.gif) no-repeat center bottom;
	}

#headLogo{
	position:relative;
	float:left;
	display:inline;
	padding:30px 0 0 31px;
	}

#headBtn{
	position:relative;
	float:right;
	display:inline;
	padding:30px 31px 0 0;
	}

*html #headBtn{
	padding:30px 21px 0 0;
	}


#mainNav{
	width:774px; 
	height:53px;
	margin:0 auto;
	}
	
#mainNav ul{
	width:774px; 
	}

#mainNav ul li{
	float:left; 
	display:block; 
	height:53px;
	}


#pagefoot{
	width:792px;
	height:30px;
	margin:0 auto;
	background:url(images/pagefoot_bg.gif)  no-repeat bottom;
	}

#pagefoot p.btn{
	text-align:right;
	margin:0 41px 0 0;
	}


#footer{
	width:792px;
	height:86px;
	margin:0 0 30px 0 ;
	background:url(images/foot_bg.gif)  no-repeat;
	}

#footer #copy{
	float:left;
	font-size:10px;
	color:#888;
	padding:34px  0 0 20px;
	}

#footer #foot_nav{
	float:right;
	padding:25px 10px 0 0;
	}

#footer #foot_nav ul li{
	float:left;
	height:30px;
	margin:0 10px 0 0;
	padding:0
	}

#top_footer{
	width:792px;
	height:86px;
	margin:0 0 30px 0 ;
	background:url(images/top_foot_bg.gif)  no-repeat;
	}

#top_footer #copy{
	float:left;
	font-size:10px;
	color:#888;
	padding:34px  0 0 20px;
	}

#top_footer #foot_nav{
	float:right;
	padding:25px 10px 0 0;
	}

#top_footer #foot_nav ul li{
	float:left;
	height:30px;
	margin:0 10px 0 0;
	padding:0
	}