h1,h2,h3,div,p{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	font-size: 78%;
}

#hs{
	text-align: left;
	width: 750px;
}
div.pn{
	text-align: left;
	padding-bottom: 20px;
}
div.logo{
	padding-bottom: 10px;
}
div.logo td p{
	line-height: 1.1;
	font-size: 22px;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 0;
}
div.logo td p.tagline{
	font-size: 12px;
	color: #333;
	padding-bottom: 5px;
	font-weight: normal;
}

.hsnavi{
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	list-style: none;
	height: 28px;
	background: no-repeat url(../img/img_hsnavi_bg.gif) left top;
}
.hsnavi li{
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 110%;
	text-align: center;
	width: 150px;
	height: 28px;
	display: block;
	float: left;
}
.hsnavi a,
.hsnavi span{
	text-decoration: none;
	width: 148px;
	padding: 4px 0 0 0;
	display: block;
}
.hsnavi .active{
	background: no-repeat url(../img/img_hsnavi_bg_a.gif) center top;
}
.hsnavi li  a:link,
.hsnavi li  a:visited{
	text-decoration: none;
}
.hsnavi li  a:active,
.hsnavi li  a:hover{
	text-decoration: underline;
}
#contents{
	width: 750px;
}
#rnavi{
	width: 162px;
	float: right;
}
#rnavi img{
	display: block;
}
/*hack*/
#hs:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 

#hs {display: inline-table;}

/* Hides from IE-mac \*/ 
* html #hs {height: 1%;} 
#hs {display: block;} 
/* End hide from IE-mac */
/*hack*/


h3{
	font-size: 100%;
}
.medium{
	font-size: 100%;
}
.pt{
	padding: 5px 0 7px 0;
	font-size: 105%;
	font-weight: bold;
}

.h1{
	background: no-repeat url(../img/img_h1_bg.gif) left center;
	font-size: 120%;
	padding: 10px 16px 23px 16px;
}
.h1l{
	background: no-repeat url(../img/img_h1l_bg.gif) left center;
	font-size: 120%;
	padding: 10px 16px 23px 16px;
}

.h2{
	background: no-repeat url(../img/img_h2_bg.gif) left center;
	font-size: 105%;
	margin: 0 0 5px 0 ;
	padding: 3px 0 3px 10px;
}
.ct{
	font-size: 120%;
	color: #c33;
	margin-bottom: 15px;
}
.texth1{
	font-size: 130%;
	color: #1B191F;
	
}
.dotlinered{
	background: repeat-x url(../img/img_dotred_bg.gif) left bottom;
	margin: 0 0 10px 0 ;
	padding:  0 0 4px 0;
}
.dotlinered .h2{
	margin: 0 ;
}
.dotgray1{
	background: url(../img/img_dotgray_bg.gif);
	padding:  1px;
}
.dotgray2{
	background: url(../img/img_dotgray_bg.gif);
	padding: 0 1px 1px 1px;
}
.dotpink1{
	background: url(../img/img_dotpink_bg.gif);
	padding:  1px;
}
.dotpink2{
	background: url(../img/img_dotpink_bg.gif);
	padding: 0 1px 1px 1px;
}
.dotdppink1{
	background: url(../img/img_dotdppink_bg.gif);
	padding:  1px;
}
.dotdppink2{
	background: url(../img/img_dotdppink_bg.gif);
	padding: 0 1px 1px 1px;
}
.dotblue{
	background: url(../img/img_dotblue_bg.gif);
	padding:  1px;
}
.whitebox{
	background-color:#fff;
	padding: 10px 10px;
}
.beigebox{
	background-color:#FFF2CC;
	padding: 10px 15px;
}
.graybox{
	background: #f3f3f3;
	border: 1px solid #e6e6e6;
	padding: 15px 0;
}
.hslineup{
	border: #ccc 1px solid;
}
.hslineup th{
	color:#666;
	font-size:10px;
	line-height:130%;
	text-align: left;
}
.hslineup td{
	color:#333;
	font-size:10px;
	line-height:130%;
	text-align: left;
	background: url(../img/img_dotgray_bg.gif) repeat-y -1px 0;
}

a.linkarrow{
	background: no-repeat url(../../../../common/img/icon_trg_r_b1.gif) 0 2px;
	padding-left: 14px;
	display: block;
}
a.linkarrowbold{
	background: no-repeat url(../../../../common/img/icon_trg_r_b1.gif) 0 2px;
	padding-left: 14px;
	display: block;
	font-weight: bold;
}
a.backlinkarrow{
	background: no-repeat url(../../../../common/img/icon_trg_l_b1.gif) 0 2px;
	padding-left: 14px;
	display: block;
}
.bold{
	font-weight: bold;
}
strong,em{
	font-weight: normal;
	text-decoration: none;
}
.gray{
	color: #666;
}
.blue{
	color: #00529c;
}
.red{
	color: #c33;
}
.skyblue{
	color: #0080cc;
}
.mgnbtm1{
	margin-bottom: 1px;
}
.mgnbtm5{
	margin-bottom: 5px;
}
.mgnbtm10{
	margin-bottom: 10px;
}
.mgnbtm15{
	margin-bottom: 15px;
}
.mgnbtm20{
	margin-bottom: 20px;
}
.mgnbtm30{
	margin-bottom: 30px;
}
.mgnbtm40{
	margin-bottom: 40px;
}
.mgnbtm45{
	margin-bottom: 45px;
}
.mgn20{
	height: 20px;
}
.mgn30{
	height: 30px;
}

/* service */
ol#servicenavi{
	font-size: 12px;
	height: 22px;
	padding: 0;
	margin: 0 0 20px 4px;
	text-align: center;
}
#servicenavi li{
	background: url(../../img/bt_service_bg.gif) no-repeat left top;
	padding: 2px 0 0 0;
	margin: 0 4px 0 0;
	text-align: center;
	width: 137px;
	height: 22px;
	display: block;
	float: left;
}
#servicenavi #active{
	background: url(../../img/bt_service_bg_o.gif) no-repeat left top;
	padding: 2px 0 0 0;
	color: #fff;
	margin: 0 4px 0 0;
	font-weight: bold;
	width: 137px;
	height: 22px;
	display: block;
	float: left;
}
#servicenavi li a:link,
#servicenavi li a:visited{
	text-decoration: none;
}
#servicenavi li a:active,
#servicenavi li a:hover{
	text-decoration: underline;
}

.setnavi1{
	background: url(../../img/bt_set1.gif) no-repeat top left;
	font-size: 12px;
	padding: 2px 0;
	line-height: 1.2em;
	width: 124px;
	margin: 0 0 2px 0;
}
.setnavi2{
	background: url(../../img/bt_set2.gif) no-repeat top left;
	font-size: 12px;
	padding: 2px 0;
	line-height: 1.2em;
	width: 124px;
	margin: 0 0 2px 0;
}
.nolinkarrowbold{
	background: no-repeat url(../../img/icon_trg_r_g1.gif) 0 2px;
	color: #999;
	padding-left: 14px;
	display: block;
	font-weight: bold;
}
.kikinavi1{
	background: url(../../img/bt_kiki1.gif) no-repeat top left;
	font-size: 12px;
	height: 17px;
	padding: 5px;
	margin: 0 0 2px 0;
	width: 150px;
}
* html .kikinavi1{
	height: 27px;
	line-height: 1.2em;
	width: 160px;
}
.kodawarinavi1{
	background: url(../../img/bt_kodawari1.gif) no-repeat top left;
	font-size: 12px;
	height: 17px;
	padding: 5px;
	margin: 0 0 2px 0;
	width: 228px;
}
* html .kodawarinavi1{
	height: 27px;
	line-height: 1.2em;
	margin: 0;
	width: 238px;
}
.kodawarinavi1 a,
.setnavi1 a,
.setnavi2 a,
.kikinavi1 a,
.kodawarinavi1 a{
	padding-top: 0 !important;
	padding-top: 1px;
}
/* plan */
ol#grandenavi{
	border-top: 3px solid #c33;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
}
#grandenavi li{
	background: url(../../plan/img/bt_grande_bg.gif) no-repeat left top;
	padding: 5px 0 0 0;
	margin: 0 3px 0 0;
	text-align: center;
	width: 150px;
	height: 28px;
	display: block;
	float: left;
}
#grandenavi #active{
	background: url(../../plan/img/bt_grande_bg_o.gif) no-repeat left top;
	padding: 5px 0 0 0;
	color: #fff;
	margin: 0 3px 0 0;
	font-weight: bold;
	width: 150px;
	height: 28px;
	display: block;
	float: left;
}
#grandenavi li a:link,
#grandenavi li a:visited{
	text-decoration: none;
}
#grandenavi li a:active,
#grandenavi li a:hover{
	text-decoration: underline;
}

.btwhite1{
	background: url(../../plan/img/bt_white1.gif) no-repeat top left #fff;
	height: 27px;
}
.btwhite2{
	background: url(../../plan/img/bt_white2.gif) no-repeat top right;
	font-size: 12px;
	padding: 5px 5px 0 5px;
}
* html .btwhite1{
	line-height: 1.2em;
	margin: 0;
}
.btgray1{
	background: url(../../plan/img/bt_gray1.gif) no-repeat top left #eee;
	height: 27px;
}
.btgray2{
	background: url(../../plan/img/bt_gray2.gif) no-repeat top right;
	font-size: 12px;
	padding: 5px 5px 0 5px;
}
* html .btgray2{
	line-height: 1.2em;
	margin: 0;
}
.btwhite2 a,
.btgray2 a{
	padding-top: 0 !important;
	padding-top: 1px;
}
a.planlink{
	background: no-repeat url(../../plan/img/icon_trg_b1.gif) 0 6px;
	padding-left: 7px;
	display: block;
}
.planreco1{
	background: #eee;
	padding: 6px 5px;
	margin: 0 0 3px 0;
	width: 272px;
}
.planreco2{
	background: #eee;
	padding: 6px 5px;
	margin: 0 0 3px 3px;
	width: 273px;
}
* html .planreco1{
	width: 282px;
}
* html .planreco2{
	width: 283px;
}
.standardbt{
	 background: url(../../plan/img/bt_standard.gif) no-repeat top left;
	 /*padding: 7px 0 0 6px;*/
	 padding: 2px 0 0 2px;
	 line-height: 120%;
	 margin: 0 6px 3px 1px;
	 height: 33px;
	 width: 93px;
}
.widestandardbt{
	 background: url(../../plan/img/bt_widestandard.gif) no-repeat top right;
	 padding: 7px 0 0 2px;
	 line-height: 120%;
	 margin: 0 6px 3px 1px;
	 height: 26px;
	 width: 234px;
}
* html .widestandardbt{
	 height: 33px;
	 width: 240px;
}
* html .standardbt{
	 height: 33px;
	 width: 99px;
}
.price{
	color: #c33;
	font-size: 140%;
	font-weight: bold;
}
.tax{
	color: #c33;
	font-size: 85%;
}

/* popup */
#hs_popup{
	margin-top: 20px;
	text-align: left;
	width: 607px;
}
#hs_popup #logo{
	margin-bottom: 37px;
}
#popup_contents{
	width: 607px;
}
.popup_h1{
	background: no-repeat url(../img/img_popup_h1_bg.gif) left center;
	font-size: 120%;
	padding: 10px 16px 20px 16px;
}
.popup_h1h{
	background: no-repeat url(../img/img_popup_h1h_bg.gif) left center;
	font-size: 120%;
	padding: 10px 16px 20px 16px;
}
.popup_h1s{
	background: no-repeat url(../img/img_popup_h1s_bg.gif) left center;
	font-size: 120%;
	padding: 10px 16px 20px 16px;
}
a.closelink{
	background: no-repeat url(../../../../common/img/icon_close.gif) 0 2px;
	padding-left: 14px;
	display: block;
}


.itemtitle{
	background: #fff;
	padding: 3px;
}




table.typetable{
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}
table.typetable th,
table.typetable td{
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	padding: 10px;
	text-align: center;
}
table.typetable th{
	font-size: 78%;
	color: #fff;
}


div.key{
	background: no-repeat url(../img/img_keytop_bg.gif) left top;
	padding-top: 15px;
	margin-bottom: 30px;
}
div.key p{
	display: block;
	background: no-repeat url(../img/img_keybtm_bg.gif) left bottom;
	padding: 0 20px 20px 20px;
}
table.priceTable{
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}
table.priceTable th{
	font-size:78%;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	background: #E0EAF8;
	text-align: center;
	font-weight:bold;
	padding: 5px 10px;
}
table.priceTable td{
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	background: #fff;
	text-align: left;
	padding: 5px 10px;
	width: 325px;
}