@charset "Shift_JIS";

/* index

	- localNavigation
	- pageTitle
----------------------------------------------- */


/* localNavigation
----------------------------------------------- */
#localNavigation li#hosting a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 191px;
	height: 51px;
	background: url(../../../../shared/img/local_hosting.gif) no-repeat;
}

#localNavigation li#hosting a:hover {
	background: url(../../../../shared/img/local_hosting2.gif) no-repeat;
}

#localNavigation li#whp_cms a {
	background: url(../../../../shared/img/local_hosting_catlist.gif) no-repeat -382px -30px;
}

/* pageTitle
----------------------------------------------- */
#pageTitleA01 h2 {
	margin: 0px 0px 0px 24px;
	padding: 0;
	width: 545px;
	height: 55px;
	background: url(../../../whp_cms/shared/img/pageTitle_a01_cms.gif) no-repeat;
	clear: both;
}

#pageTitleB01 h2 {
	margin: 0px 0px 0px 24px;
	padding: 0;
	width: 500px;
	height: 36px;
	background: url(../../../whp_cms/shared/img/pageTitle_b01_cms.gif) no-repeat;
	clear: both;
}

#pageTitleC01 h3 {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 22px;
	background: url(../../../whp_cms/shared/img/pageTitle_c03_cms.gif) no-repeat;
	clear: both;
}

.colorWhite { color: #FFFFFF; }
.colorGray { color: #666666; }

/*--2007 1218 ’Ç‹L--*/
.camp-area-01{clear: both; padding: 20px 0; margin: 0px; height: 178px;}
ul.ul-camp-01{width: 530px; padding: 0; margin: 0 auto; list-style-type: none;}
ul.ul-camp-01 li{padding: 0; margin: 0px; list-style-type: none;}
ul.ul-camp-01 li.li-01{float: left; background: url(../img/camp-button-01-on.jpg) no-repeat; width:180px; height: 178px; text-indent: -9999px;}
ul.ul-camp-01 li.li-01 a{display: block; background: url(../img/camp-button-01.jpg) no-repeat; width: 170px; height:178px; text-indent: -9999px; overflow:hidden;}
ul.ul-camp-01 li.li-01 a:hover{background: url(../img/camp-button-01-on.jpg) no-repeat;}
ul.ul-camp-01 li.li-01 a:visited{overflow:hidden;}

ul.ul-camp-01 li.li-02{float: left; background: url(../img/camp-button-02-on.jpg) no-repeat; width:180px; height: 178px; text-indent: -9999px;}
ul.ul-camp-01 li.li-02 a{display: block; background: url(../img/camp-button-02.jpg) no-repeat; width: 170px; height:178px; text-indent: -9999px; overflow:hidden;}
ul.ul-camp-01 li.li-02 a:hover{background: url(../img/camp-button-02-on.jpg) no-repeat;}
ul.ul-camp-01 li.li-02 a:visited{overflow:hidden;}

ul.ul-camp-01 li.li-03{float: left; background: url(../img/camp-button-03-on.jpg) no-repeat; width:170px; height: 178px; text-indent: -9999px;}
ul.ul-camp-01 li.li-03 a{display: block; background: url(../img/camp-button-03.jpg) no-repeat; width: 170px; height:178px; text-indent: -9999px; overflow:hidden;}
ul.ul-camp-01 li.li-03 a:hover{background: url(../img/camp-button-03-on.jpg) no-repeat;}
ul.ul-camp-01 li.li-03 a:visited{overflow:hidden;}

.plan-area-01{clear: both; padding: 20px 0; margin: 0px; height: 332px;}
ul.ul-plan-01{width: 535px; padding: 0; margin: 0 auto; list-style-type: none;}
ul.ul-plan-01 li{padding: 0; margin: 0px; list-style-type: none;}
ul.ul-plan-01 li.li-01{background: url(../img/plan-button-01-on.jpg) no-repeat; width:535px; height: 114px; text-indent: -9999px;}
ul.ul-plan-01 li.li-01 a{display: block; background: url(../img/plan-button-01.jpg) no-repeat; width: 535px; height:104px; text-indent: -9999px; overflow:hidden;}
ul.ul-plan-01 li.li-01 a:hover{background: url(../img/plan-button-01-on.jpg) no-repeat;}
ul.ul-plan-01 li.li-01 a:visited{overflow:hidden;}

ul.ul-plan-01 li.li-02{float: left; background: url(../img/plan-button-02-on.jpg) no-repeat; width:535px; height: 114px; text-indent: -9999px;}
ul.ul-plan-01 li.li-02 a{display: block; background: url(../img/plan-button-02.jpg) no-repeat; width: 535px; height:104px; text-indent: -9999px; overflow:hidden;}
ul.ul-plan-01 li.li-02 a:hover{background: url(../img/plan-button-02-on.jpg) no-repeat;}
ul.ul-plan-01 li.li-02 a:visited{overflow:hidden;}

ul.ul-plan-01 li.li-03{float: left; background: url(../img/plan-button-03-on.jpg) no-repeat; width:535px; height: 104px; text-indent: -9999px;}
ul.ul-plan-01 li.li-03 a{display: block; background: url(../img/plan-button-03.jpg) no-repeat; width: 535px; height:104px; text-indent: -9999px; overflow:hidden;}
ul.ul-plan-01 li.li-03 a:hover{background: url(../img/plan-button-03-on.jpg) no-repeat;}
ul.ul-plan-01 li.li-03 a:visited{overflow:hidden;}