@charset "utf-8";
/* ===================================================================
CSS information

 file name  :charge.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* index.html
----------------------------------------------------------- */
#charge h3{
	margin-bottom: 10px;
}
#charge h4{
	clear: both;
	color: #000e63;
	font-size: 110%;
}
#charge .attention{
	font-size: 85%;
}

/* #license */
#charge #license{
	padding: 0 15px;
	margin-bottom: 40px;
}
#charge #license .txt_license{
	float: left;
	width: 369px;
}
#charge #license .txt_license .st{
	margin-bottom: 15px;
}
#charge #license .img_license{
	float: right;
	width: 341px;
}
#charge #license h4{
	padding: 20px 0 5px;
}
#charge #license table#ct {
	margin: 10px 0;
	width: 706px;
}
#charge #license table#ct2 {
	margin: 10px 0;
	width: 370px;
}
#charge #license table td {
	width:85px;
	text-align: center;
	padding: 8px;
}
#charge #license table th {
	width:115px;
	padding: 10px;
	text-align: center; 
}

/* #plus */
#charge #plus{
	padding: 0 15px;
	margin-bottom: 40px;
}
#charge #plus h3{
	margin-bottom: 10px;
}
#charge #plus table#ct {
	margin: 10px 0;
	width: 706px;
}
#charge #plus table#ct2 {
	margin: 10px 0;
	width: 370px;
}
#charge #plus table td {
	width:85px;
	text-align: center;
	padding: 8px;
}
#charge #plus table th {
	width:115px;
	padding: 10px;
	text-align: center; 
}

/* #demand */
#charge #demand{
	padding: 0 15px;
	margin-bottom: 40px;
}
#charge #demand table#ct {
	margin: 10px auto;
	border: 2px solid #ccc;
	width: 710px;
}
#charge #demand table#ct2 {
	margin:0;
	border: 0px ;
	width: 708px;
}
#charge #demand table#ct3 {
	margin:0;
	border: 0px ;
	width: 580px;
}
#charge #demand table td {
	text-align: left;
	padding: 10px;
	width:70%;
}
#charge #demand table#ct2 td {
	border-right: 0px ;
}
#charge #demand table td.no_pad {
	width:85px;
	padding: 0px;
	border-bottom: 0px ;
	border-right: 0px ;
}
#charge #demand table th {
	padding: 10px;
	text-align: left; 
}
#charge #demand table#ct2 th {
	width:30%;
}
#charge #demand table#ct3 th {
	background: #FFF;
	width:30%;
}


/* #license */
#charge #services{
	padding: 0 15px;
	margin-bottom: 40px;
}
#charge #services p{
	margin-bottom: 10px;
}
#charge #services p.price{
	background: #f5f5f5;
	padding: 15px;
	text-align: center;
	width: 678px;
	border: 1px solid #ccc;
}
#charge #services h4{
	padding-bottom: 3px;
	border-bottom: 1px dashed #999;
	margin: 30px 0 10px;
}

/* index.html
----------------------------------------------------------- */

#charge #maintain{
	padding: 0 15px;
}
#charge #maintain h4{
	margin-top: 30px;
}
#charge #maintain p{
	margin-top: 3px;
}
#charge #maintain p span{
	color: #c00000;
	font-weight: bold;
}

#charge #maintain ul{
	margin-top: 3px;
	background: #f5f5f5;
	padding: 10px 15px;
	border: 1px solid #ccc;
	width: 678px;
	color: #333333;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}
