@charset 'Shift_JIS';

/* 非表示要素共通クラス */
.disable {
	display		: none;
}
a{font-size:100%;}

/* ヘッダー */
#hpb-header{
	position		: relative;
	left			: 5px;
	width			: 740px;
	height			: 440px;
	margin-bottom	: 10px;
	background		: url(../images/index/hpb_pkg.jpg) no-repeat right top;
	margin			: 0 0 10px 20px;
	top				: 25px;
}
#hpb-header h1{
	position:relative;
	width:576px;
	height:68px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/index/hpb_h1.gif) no-repeat left top;
	margin:0 0 25px 0;
}
#main-cont-fframe {
	width		: 570px;
	clear		: both;
	background	: #EEEEEE;
	padding		: 8px 0 8px 8px;
	height		: 120px;
}
#main-cont-fframe p{
	margin-bottom:0;
}
/* リンクリスト */
#main-cont-fframe ul.anchorlist{
	width:570px;
	margin-left:0;
	padding:5px 0;
	list-style-type: none;
	float:left;
	clear:both;
}

#main-cont-fframe ul.anchorlist li{
	margin:5px 7px 20px 7px;
	padding-left: 11px;
	list-style-type:none;
	float: left;
	white-space: nowrap;
}
#main-cont-fframe ul.anchorlist li{
	background: url(../images/index/bullet_down.gif) no-repeat left;
}

/* ==============コンテンツ=================== */
.main-cont-nframe{
	width:682px;
	margin-bottom:30px;
	margin-left:45px;
	clear:both;
}

/* h2 */
h2.hpb_h2_01,
h2.hpb_h2_02,
h2.hpb_h2_03{
	 height			: 36px;
	 margin-bottom	: 15px;
	 margin-left	: 15px;
	 text-indent	: -9999px;
	 clear			: both;
}
h2.hpb_h2_01{
	 background		: url(../images/index/midashi_01.jpg) no-repeat left top;
}
h2.hpb_h2_02{
	 background		: url(../images/index/midashi_02.jpg) no-repeat left top;
}
h2.hpb_h2_03{
	 background		: url(../images/index/midashi_03.jpg) no-repeat left top;
}

/* ユーザー登録特典 */
.main-cont-nframe p.hpb_tokuten_01,
.main-cont-nframe p.hpb_tokuten_02,
.main-cont-nframe p.hpb_tokuten_03 {
	height			: 69px;
	width			: 585px;
	margin			: 0 0 20px 0;
	text-indent		: -9999px;
}
.main-cont-nframe p.hpb_tokuten_01 { background: url(../images/index/hpb_tokuten_01.gif) no-repeat left top; }
.main-cont-nframe p.hpb_tokuten_02 { background: url(../images/index/hpb_tokuten_02.gif) no-repeat left top; }
.main-cont-nframe p.hpb_tokuten_03 { background: url(../images/index/hpb_tokuten_03.gif) no-repeat left top; }

.main-cont-nframe .contbox_main{
	width:682px;
	clear:both;
	margin-top:15px;
}
.main-cont-nframe .contbox_main .contbox_left{
	float:left;
	width:405px;
	margin-bottom:20px;
}
.main-cont-nframe .contbox_main .contbox_right{
	float:right;
	width:180px;
	margin-bottom:20px;
}

.main-cont-nframe .contbox_main .contbox_right_close{
	float:right;
	width:219px;
	margin-bottom:20px;
}
.main-cont-nframe .contbox_main .contbox_left02{
	float:left;
	width:415px;
	margin-bottom:20px;
}
.main-cont-nframe .contbox_main .contbox_right02{
	float:right;
	width:200px;
	margin-bottom:20px;
}

.main-cont-nframe .contbox_main .contbox_left03,
.main-cont-nframe .contbox_main .contbox_left04{
	float:left;
	width:415px;
}

.main-cont-nframe .contbox_main .contbox_left03 ul,
.main-cont-nframe .contbox_main .contbox_left04 ul{
	width:400;
	margin:0 0 15px 12px;
	}
.main-cont-nframe .contbox_main .contbox_left03 ul li,
.main-cont-nframe .contbox_main .contbox_left04 ul li{
	list-style:none;
	}

.main-cont-nframe .contbox_main .contbox_right03,
.main-cont-nframe .contbox_main .contbox_right04{
 padding-left:6px;
 float:right;
}

.main-cont-nframe .contbox_main .contbox_right03 p,
.main-cont-nframe .contbox_main .contbox_right04 p{
 width:190px;
 padding-bottom:12px;
 font-size:12px;
}

/******************************* 安心バックアップ**************************/

#container .Anshin{margin-top:15px;}


#container .Anshin h3,#container .Anshin h4{margin-bottom:10px;}

#container .Anshin{
}

#container .Anshin .left_box{
 float:left;
}


#container .Anshin .left_box ul{
	width:488px;
	margin:0 0 15px 12px;
	}
#container .Anshin .left_box ul li{
	list-style:none;
	}


#container .Anshin .right_box{
 padding-left:6px;
 float:right;
}

#container .Anshin .right_box p{
 width:190px;
 padding-bottom:12px;
 font-size:12px;
}



/**************************************************************************/



.main-cont-nframe .riyo_frame{
	width:682px;
	background:#688ECA;
	height:25px;
	margin-bottom:0;
	padding-top:8px;
}

h4.riyou{
	color:#FFFFFF;	
	font-size:120%;
	margin-left:10px;
}
.main-cont-nframe .hpb_user_riyou{
	border:#688ECA 2px solid;
	padding:10px;
	width:658px;
}
.hpb_user_riyou .user_step{
	margin-bottom:15px;	
}


.main-cont-nframe .coupon_frame{
	width:682px;
	margin-bottom:0;
	background: url(../images/index/hob_coupon_title.jpg) no-repeat left top;
}

h4.coupon{
	text-indent:-9999px;
	height:56px;
	margin-bottom:0;
}
.main-cont-nframe .hpb_user_coupon{
	border:#FF6600 2px solid;
	padding:10px;
	width:658px;
}
.main-cont-nframe .hpb_user_coupon p{
	font-size:105%;
	margin-bottom:18px;
}
div.hpb_user_coupon .coupon_box_left{
	width:340px;
	float:left;
}
div.hpb_user_coupon .coupon_box_right{
	width:250px;
	float:right;
	margin-bottom:10px;
}

/* ホームページの公開 */
h4.hpb_open{
	width:672px;
	border-bottom:1px solid #CCCCCC;
	border-left:8px solid #0B7592;
	font-size:110%;
	margin-bottom:15px;
	margin-top:15px;
	padding-left:5px;
}

table th,
table td{
	border-right-width : 0;
	border-bottom-width: 0;
}
table.hpb_open_service {
	width:300px;
	border:#FF6600 1px solid;
	background:#FFFFCC;
}
table.hpb_open_service th{
	color:#FF6600;
	font-size:120%;
	text-align:center;
	background:#FFCC99;
	padding:3px 0;
}
table.hpb_open_service td{
	padding:3px 0 5px 8px;
	font-size:110%;
}

p.ketai{
	width:672px;
	height:25px;
	color:#FFFFFF;
	background:#688ECA;
	padding:8px 0 0px 10px;
	margin-bottom:0;
	font-size:120%;
}
.main-cont-nframe .hpb_user_ketai{
	border:#999 1px solid;
	padding:10px;
	width:658px;
	margin-bottom:20px;
	clear:both;
}
.main-cont-nframe .hpb_user_ketai .ketai_midashi{
	background:#0099CC;
	color:#FFFFFF;
	text-align:center;
	padding:3px 0;
}
.main-cont-nframe .hpb_user_ketai .box_ketai_left{
	float:left;
	width:170px;
}
.main-cont-nframe .hpb_user_ketai .box_ketai_right{
	float:right;
	width:480px;
}
.main-cont-nframe .hpb_user_ketai .box_ketai_nomal{
	float:left;
	width:658px;
	margin-bottom:15px;
}

/* ul li */
ul.mark,
ul.mark_aster {
	margin-bottom	: 8px;
	font-size		: 85%;
}
.mark li {
	list-style		: none;
	text-indent		: -1em;
	margin-left		: 10px;
}
.mark_aster li {
	list-style		: none;
	text-indent		: -1.3em;
	margin-left		: 13px;
}
.caption {
	margin			: 8px 0;
}

/* ボタン */
.hpb_btn_download{
	background	: url(../images/index/btn_download.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
}
a:hover.hpb_btn_download{
	background-position	: -180px;
}

.hpb_btn_detail{
	background	: url(../images/index/btn_detail.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
}
a:hover.hpb_btn_detail{
	background-position	: -180px;
}
.hpb_btn_access {
	background	: url(../images/index/btn_coupon.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
}
a:hover.hpb_btn_access{
	background-position	: -180px;
}

.hpb_btn_user{
	background	: url(../images/index/btn_user.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
	margin:10px 0 10px 478px;
}
a:hover.hpb_btn_user{
	background-position	: -180px;
}

.hpb_btn_coupon{
	background	: url(../images/index/btn_coupon.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
	margin:10px 0 10px 478px;
}
a:hover.hpb_btn_coupon{
	background-position	: -180px;
}

.hpb_btn_mystage{
	background	: url(../images/index/btn_mystage.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
}
a:hover.hpb_btn_mystage{
	background-position	: -180px;
}

.hpb_btn_service{
	background	: url(../images/index/btn_service.jpg) no-repeat;
	height		: 40px;
	width		: 180px;
	display		: block;
	text-indent	: -9999px;
	margin:10px 0 10px 478px;
}
a:hover.hpb_btn_service{
	background-position	: -180px;
}

/* ボタン レンタルサーバー */
.hpb_btn_co{
	width:686px;
	float:left;
	margin-bottom:30px;
}
.hpb_btn_co1{float:left; margin-right:10px;}
.hpb_btn_co2{float:left; margin-right:10px;}
.hpb_btn_co3{float:left;}

.hpb_btn_co .hpb_btn_otsuka {
	background					: url(../images/index/hpb_btn_otsuka.jpg) no-repeat;
	height						: 150px;
	width						: 680px;
	display						: block;
	text-indent					: -9999px;
}
.hpb_btn_co .hpb_btn_wadax{
	background	: url(../images/hpb_btn_wadax.jpg) no-repeat;
	height		: 59px;
	width		: 162px;
	display		: block;
	text-indent	: -9999px;
}
a:hover.hpb_btn_wadax{
	background-position	: -162px;
}
.hpb_btn_co .hpb_btn_smart{
	background			: url(../images/index/hpb_btn_smart.jpg) no-repeat;
	height				: 59px;
	width				: 162px;
	display				: block;
	text-indent			: -9999px;
}
a:hover.hpb_btn_smart{
	background-position	: -162px;
}

/* just-hpbキャンペーン誘導 */
.just-hpb-btn{
	margin				: 15px 0;
	text-align			: center;
}