@charset "UTF-8";

/*↓↓↓↓↓restスタイル
===============================*/

html,body {
	height: 100%;
	}

html {
	background:#f7f7f7;
	color:#535354;
	width:960px;
	overflow-x: hidden;
	}
	
body {
 font: 12px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 margin:0; 
 padding:0;
 overflow: hidden;

 }
 
iframe { overflow: hidden;}
 
*+html body { font-size:75%; }  
* html body { font-size:75%; }


a img, fieldset, img { border:0; } 
blockquote, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,  
select, span, textarea, td, th, ul,img {  
margin:0;  
padding:0;  
} 

address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; } 

caption, th { text-align:left; } 

h1, h2, h3, h4, h5, h6 {
	font-size:100%; font-weight:normal;
	} 

input, select, textarea{ 
	font-size:99%; 
	font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif; border:none;
	}  
ol,ul {
	list-style:none;
	} 
q:before,q:after {
	content:'';
	}

img {
	vertical-align: top;
	}

a {
	color:#4c9827;
	text-decoration: none;
	}

a:hover {
	color: #9bc586;
	text-decoration: underline;
	}

label{
	cursor: pointer;
	}
/* tables still need 'cellspacing="0"' */  
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	}
	
.fLeft { float: left;}
.fRight { float: right;}
	
/*#title
===============================*/
#title {
	height: 52px;
	position: relative;
	width: 960px;
	}
	
#title p {
	position: absolute;
	left: 130px;
	top: 17px;
	font-size: 119%;
	font-weight: bold;
	color: #ffffff;
	}
	
#title .close {
	position: absolute;
	right: 11px;
	top:10px;
	}
	
	/*--------.constitution2------------*/
	.constitution1 {
		background: url(../img/bg_thickbox_title.gif) no-repeat 0 0px;
	}
	
	.constitution2 {
		background: url(../img/bg_thickbox_title.gif) no-repeat 0 -52px;
	}
	
	/*--------.constitution3------------*/
	.constitution3 {
		background: url(../img/bg_thickbox_title.gif) no-repeat 0 -104px;
	}
	
	/*--------.constitution4------------*/
	.constitution4 {
		background: url(../img/bg_thickbox_title.gif) no-repeat 0 -156px;
	}
	
/*#wrap
===============================*/
#wrap {
	width: 960px;
	background: url(../img/bg_wrap.gif) repeat-y left top;
	overflow: hidden;
	/zoom:1;
	}
	
/*#side
===============================*/
#side {
	width: 279px;
	float:left;
	padding-left: 22px;
	padding-top: 21px;
	}

	/*-------.caption-------*/
	 .caption {
		margin-bottom: 5px;
		padding: 0 0 0 5px;
		font-weight: bold;
		}

	/*-------.plan-cont-------*/
	.plan-cont {
		padding: 6px 6px;
		background:#efefef;
		margin-bottom:6px;
		width:241px;
		margin-left: 3px;
		overflow: hidden;
		/zoom:1;
		}

	.server {
		background:#dfdfdf;
		}
		
	.plan-cont p {
		font-weight: bold;
		line-height: 1.3;
		}
		
	.plan-cont p .mini-font {
		font-size: 87%;
		}
		
	.plan-cont p.cost {
		text-align: right;
		padding-top: 7px;
		background: url(../img/line_dotted02.gif) repeat-x left top;
		margin-top:1px;
		}
		
	.plan-cont p.fRight {
		padding-top:0;
		background: none;
		}
		
	.plan-cont .spec {
		font-size: 75%;
		}
	
	/*-------.monthly-------*/
	 .monthly {
		font-size: 119%;
		margin-bottom: 14px;
		text-align:center;
		width:241px;
		}
		
	 .monthly span {
		font-size: 138%;
		font-family: 'Arial Black', Helvetica, sans-serif;
		}
		
	/*-------.btn------*/
	.btn a {
		display: block;
		text-indent: -9999px;
		height: 38px;
		width:253px;
		background: url(../img/btn_side.gif) no-repeat left top;
		}
		
	.btn .service {
		margin-bottom:5px;
		}
		
	.btn .service:hover {
		background: url(../img/btn_side.gif) no-repeat -253px 0;
		}
	.btn .estimation {
		background: url(../img/btn_side.gif) no-repeat 0px -43px;
		}
		
	.btn .estimation:hover {
		background: url(../img/btn_side.gif) no-repeat -253px -43px;
		}
		
#main {
	width:659px;
	float: left;
	}