@charset "UTF-8";
/* CSS Document */

#main .content-h1 h1{
	width:610px;
	margin-top:10px;
	margin-left:20px;
	text-indent:-9999px;
	margin-bottom:20px;
}

*html #main .content-h1 h1{
	margin-top:20px;
	}
*:first-child+html #main .content-h1 h1 {
	margin-top:30px;
}	

h1#pack-title{
	width:610px;
	height:60px;
	background:url(../servicepack/images/title.gif) no-repeat;
	}

/*--------------------------------------
 * オススメパック Title
 * ---------------------------------------*/

h2#pc-service{
	background:url(../servicepack/images/pc_service.gif) no-repeat;
	}
h2#mobile-service{
	background:url(../servicepack/images/mobile_service.gif) no-repeat;
	}
h2#title-pack{
	background:url(../servicepack/images/service_pack.gif) no-repeat;
	}
h2#pc-service,
h2#mobile-service,
h2#title-pack{
	width:590px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
	}
/*--------------------------------------
 * オススメパック Navigation Module
 * ---------------------------------------*/
#pack-navi{
	width:610px;
	margin-left:20px;
	height:49px;
	background:url(../servicepack/images/navi_bg.gif) repeat-x;
	overflow:hidden;
	}

#pack-navi ul {
	padding-left:10px;
	}
#pack-navi ul li{
	float:left;
	}
#pack-navi ul li a{
	width:290px;
	height:49px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
li#navi-pc a:link,
li#navi-pc a:visited
{
	background:url(../servicepack/images/navi_pc.gif) no-repeat 0 -49px;
	}
li#navi-mobile a:link,
li#navi-mobile a:visited
{
	background:url(../servicepack/images/navi_mobile.gif) no-repeat 0 -49px;
	}

/* Roll Over */
li#navi-pc a:hover,
li#navi-pc a:focus,
li#navi-pc a:active,
li#navi-mobile a:hover,
li#navi-mobile a:focus,
li#navi-mobile a:active
{
	background-position:0 0;
	}
/* On */
li#navi-pc_on a:link,
li#navi-pc_on a:visited,
li#navi-pc_on a:hover,
li#navi-pc_on a:focus,
li#navi-pc_on a:active
{
	background:url(../servicepack/images/navi_pc.gif) no-repeat;
	}
li#navi-mobile_on a:link,
li#navi-mobile_on a:visited,
li#navi-mobile_on a:hover,
li#navi-mobile_on a:focus,
li#navi-mobile_on a:active
{
	background:url(../servicepack/images/navi_mobile.gif) no-repeat;
	}

div.pack-subnavi{
	width:610px;
	height:40px;
	background:url(../servicepack/images/subnavi_bg.gif) no-repeat;
	margin-left:20px;
	margin-bottom:20px;
	}

div.pack-subnavi ul{
	overflow:hidden;
	font-size:80%;
	padding:10px 15px 0 15px;
	}
div.pack-subnavi li{
	background:url(../images/arrow.gif) no-repeat 0 5px;
	float:left;
	padding-left:15px;
	padding-right:10px;
	}

dl.pack-catch{
	margin-left:30px;
	padding-bottom:20px;
	font-size:90%;
	line-height:1.3;
	}
dl.pack-catch dt{
	display:block;
	text-indent:-9999px;
	height:14px;
	padding-bottom:10px;
	}
dt.pack-catch01{
	width:321px;
	background:url(../servicepack/images/catch01.gif) no-repeat;
	}
dt.pack-catch02{
	width:309px;
	background:url(../servicepack/images/catch02.gif) no-repeat;
	}
/*--------------------------------------
 * オススメ対策パック Module
 * ---------------------------------------*/
div.pack{
	width:590px;
	background:url(../servicepack/images/pack_bg.gif) repeat-y;
	margin-bottom:30px;
	}
div.pack h2{
	width:590px;
	height:50px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
	}
h2#pack01{
	background:url(../servicepack/images/pack01.gif) no-repeat;
	}
h2#pack02{
	background:url(../servicepack/images/pack02.gif) no-repeat;
}
div.pack-contents{
	width:570px;
	background:url(../servicepack/images/pack_content_bg.gif) repeat-y;
	margin-left:10px;
	margin-bottom:20px;
	}
div.pack-contents h3{
	width:570px;
	height:61px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}
h3#pack01-catch{
	background:url(../servicepack/images/pack01_catch.gif) no-repeat;
}
h3#pack02-catch{
	background:url(../servicepack/images/pack02_catch.gif) no-repeat;
}
div.pack-service{
	width:550px;
	overflow:hidden;
	margin-left:10px;
	padding-bottom:20px;
	}
div.pack-service h4{
	font-size:90%;
	line-height:1.3;
	padding-left:10px;
	}
div.pack-service1{
	float:left;
	width:400px;
	height:150px;
	line-height:1;
	background:url(../servicepack/images/pack_service01_bg.gif) no-repeat right top;
	}
div.pack-service2{
	float:left;
	width:400px;
	height:100px;
	line-height:1;
	background:url(../servicepack/images/pack_service02_bg.gif) no-repeat right top;
	}
div.pack-service1 dl,
div.pack-service2 dl
{
	width:370px;
	overflow:hidden;
	border-bottom: dotted 1px #ccc;
	}
div.pack-service1 dt,
div.pack-service2 dt
{
	float:left;
	width:110px;
	}
div.pack-service1 dd,
div.pack-service2 dd
{
	float:left;
	width:260px;
	}
div.pack-service1 ul,
div.pack-service2 ul
{
	overflow:hidden;
	font-size:75%;
	line-height:1.3;
	}
div.pack-service1 li,
div.pack-service2 li
{
	float:left;
	}
li.pack-service-name{
	width:120px;
	padding-right:10px;
	font-weight:bold;
	color:#333;
	padding-top:10px;
	}
li.pack-service-name2{
	width:120px;
	padding-right:10px;
	font-weight:bold;
	color:#333;
	padding-top:20px;
	}
li.pack-service-price{
	width:120px;
	padding-top:17px;
	}
li.pack-service-price2{
	width:120px;
	padding-top:8px;
	}
p.pack-set-price01{
	width:145px;
	float:right;
	padding-top:50px;
	}
p.pack-set-price02{
	width:145px;
	float:right;
	padding-top:25px;
}
div.pack-contents-footer{
	width:570px;
	height:60px;
	background:url(../servicepack/images/pack_content_footer.gif) no-repeat;
	}
div.pack-contents-footer ul{
	width:200px;
	margin-left:185px;
	padding-top:10px;
	}
div.pack-contents-footer li{
	float:left;
	}
div.pack-contents-footer li a:link,
div.pack-contents-footer li a:visited{
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(../servicepack/images/pack_btn.gif) no-repeat;
	overflow:hidden;
	}
div.pack-contents-footer li a:hover,
div.pack-contents-footer li a:focus,
div.pack-contents-footer li a:active{
	background-position:0 -40px;
	}

div.pack-footer{
	width:590px;
	background:url(../servicepack/images/pack_footer.gif) no-repeat bottom;
	padding-bottom:20px;
	overflow:hidden;
	border-top:1px dotted #ccc;
	padding-top:20px;
	}
div.pack-footer dl{
	width:570px;
	margin-left:10px;
	}
div.pack-footer dt{
	padding-bottom:10px;
	}
div.pack-footer dd ul{
	width:200px;
	margin-left:185px;
	}
div.pack-footer li a:link,
div.pack-footer li a:visited{
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(../servicepack/images/pack_btn.gif) no-repeat;
	overflow:hidden;
}
div.pack-footer li a:hover,
div.pack-footer li a:focus,
div.pack-footer li a:active{
	background-position:0 -40px;
	}
div.pack-bottom{
	width:590px;
	background:url(../servicepack/images/pack_bottomline.gif) no-repeat bottom;
	padding-bottom:10px;
	overflow:hidden;
	}

/*--------------------------------------
 * オススメ対策オプション Module
 * ---------------------------------------*/
div.pack-option{
	width:550px;
	margin-left:20px;
	font-size:90%;
	line-height:1.5;
	}
div.pack-option h3{
	width:550px;
	height:34px;
	display:block;
	text-indent:-9999px;
	background:url(../servicepack/images/option_service.gif) no-repeat;
	margin-bottom:15px;
	}
h4#pc-option01,
h4#pc-option02,
h4#pc-option03,
h4#mobile-option01,
h4#mobile-option02
{
	width:530px;
	height:26px;
	margin-left:10px;
	text-indent:-9999px;
	padding-bottom:0;
	margin-bottom:10px;
	}
h4#pc-option01{
	background:url(../servicepack/images/pc_option01.gif) no-repeat;
	}
h4#pc-option02{
	background:url(../servicepack/images/pc_option02.gif) no-repeat;
	}
h4#pc-option03{
	background:url(../servicepack/images/pc_option03.gif) no-repeat;
	}
h4#mobile-option01{
	background:url(../servicepack/images/mobile_option01.gif) no-repeat;
	}
h4#mobile-option02{
	background:url(../servicepack/images/mobile_option02.gif) no-repeat;
	}
dl.option-contents{
	width:530px;
	padding-left:10px;
	padding-bottom:20px;
	}
dl.option-contents dt{
	font-weight:bold;
	color:#333;
	padding-bottom:5px;
}
dl.option-caution{
	width:530px;	
	color:#ff0000;
	padding-left:10px;
	padding-bottom:20px;
	}
dl.option-caution dt{
	font-weight:bold;
	}

/*--------------------------------------
 * Contact Module
 * ---------------------------------------*/
div.pack-contact{
	width:590px;
	height:80px;
	background:url(../servicepack/images/contact_bg.gif) no-repeat;
	font-size:80%;
	overflow:hidden;
	line-height:1.3;
	margin-bottom:20px;
	}
div.pack-contact dl{
	float:left;
	width:385px;
	padding-left:15px;
	padding-top:15px;
	}
div.pack-contact dt{
	width:229px;
	height:14px;
	display:block;
	text-indent:-9999px;
	background:url(../servicepack/images/contact_catch.gif) no-repeat;
	padding-bottom:8px;
	}
div.pack-contact p{
	width:160px;
	padding-right:15px;
	padding-top:10px;
	float:right;
	}

/* Common logo */
dl.service-explain dt a{
	width:100px;
	height:60px;
	display:block;
	text-indent:-9999px;
	}
div.pack-service1 dt a,
div.pack-service2 dt a{
	width:100px;
	height:50px;
	display:block;
	text-indent:-9999px;
	}
/* Yahoo */
dt.service-yahoo a:link,
dt.service-yahoo a:visited
{
	background:url(../servicepack/images/yahoo.gif) no-repeat;
}
/* オススメパック用 */
dt.service-yahoo_2 a:link,
dt.service-yahoo_2 a:visited
{
	background:url(../servicepack/images/yahoo.gif) no-repeat;
	background-position:0 -5px;
}
/* Xlisting */
dt.service-xlisting a:link,
dt.service-xlisting a:visited
{
	background:url(../servicepack/images/xlisting.gif) no-repeat;
	}
/* オススメパック用 */
dt.service-xlisting_2 a:link,
dt.service-xlisting_2 a:visited
{
	background:url(../servicepack/images/xlisting.gif) no-repeat;
	background-position:0 -5px;
	}
/* Jlisting */
dt.service-jlisting a:link,
dt.service-jlisting a:visited
{
	background:url(../servicepack/images/jlisting.gif) no-repeat;
	}
/* オススメパック用 */
dt.service-jlisting_2 a:link,
dt.service-jlisting_2 a:visited
{
	background:url(../servicepack/images/jlisting.gif) no-repeat;
	background-position:0 -5px;
	}
/* Site50 */
dt.service-site50 a:link,
dt.service-site50 a:visited
{
	background:url(../servicepack/images/site50.gif) no-repeat;
	}
/* オススメパック用 */
dt.service-site50_2 a:link,
dt.service-site50_2 a:visited
{
	background:url(../servicepack/images/site50.gif) no-repeat;
	background-position:0 -5px;
	}
/* Site20 */
dt.service-site20 a:link,
dt.service-site20 a:visited
{
	background:url(../servicepack/images/site20.gif) no-repeat;
	}
/* Sitemap */
dt.service-beginner a:link,
dt.service-beginner a:visited
{
	background:url(../servicepack/images/wbp.gif) no-repeat;
	}
/* master */
dt.service-master a:link,
dt.service-master a:visited
{
	background:url(../servicepack/images/master.gif) no-repeat;
	}
/* オススメパック用 */
dt.service-master_2 a:link,
dt.service-master_2 a:visited
{
	background:url(../servicepack/images/master.gif) no-repeat;
	background-position:0 -5px;
	}
/* googlemap */
dt.service-googlemap a:link,
dt.service-googlemap a:visited
{
	background:url(../servicepack/images/gmap.gif) no-repeat;
	}
/* froute */
dt.service-froute a:link,
dt.service-froute a:visited{
	background:url(../servicepack/images/froute.gif) no-repeat;
}
/* Mobile 25 */
dt.service-mobile25 a:link,
dt.service-mobile25 a:visited
{
	background:url(../servicepack/images/mobile25.gif) no-repeat;
	}
/* オススメパック用 */
dt.service-mobile25_2 a:link,
dt.service-mobile25_2 a:visited
{
	background:url(../servicepack/images/mobile25.gif) no-repeat;
	background-position:0 -5px;
	}

/* Over */
dt.service-yahoo a:hover,
dt.service-yahoo a:focus,
dt.service-yahoo a:active,
dt.service-xlisting a:hover,
dt.service-xlisting a:focus,
dt.service-xlisting a:active,
dt.service-jlisting a:hover,
dt.service-jlisting a:focus,
dt.service-jlisting a:active,
dt.service-site50 a:hover,
dt.service-site50 a:focus,
dt.service-site50 a:active,
dt.service-site20 a:hover,
dt.service-site20 a:focus,
dt.service-site20 a:active,
dt.service-beginner a:hover,
dt.service-beginnerp a:focus,
dt.service-beginner a:active,
dt.service-googlemap a:hover,
dt.service-googlemap a:focus,
dt.service-googlemap a:active,
dt.service-froute a:hover,
dt.service-froute a:focus,
dt.service-froute a:active,
dt.service-master a:hover,
dt.service-master a:focus,
dt.service-froute a:active,
dt.service-mobile25 a:hover,
dt.service-mobile25 a:focus,
dt.service-mobile25 a:active
{
	background-position:-100px 0;
	}

/* Over オススメパック用 */
dt.service-yahoo_2 a:hover,
dt.service-yahoo_2 a:focus,
dt.service-yahoo_2 a:active,
dt.service-xlisting_2 a:hover,
dt.service-xlisting_2 a:focus,
dt.service-xlisting_2 a:active,
dt.service-jlisting_2 a:hover,
dt.service-jlisting_2 a:focus,
dt.service-jlisting_2 a:active,
dt.service-site50_2 a:hover,
dt.service-site50_2 a:focus,
dt.service-site50_2 a:active,
dt.service-beginner_2 a:hover,
dt.service-beginner_2 a:focus,
dt.service-beginner_2 a:active,
dt.service-master_2 a:hover,
dt.service-master_2 a:focus,
dt.service-master_2 a:active,
dt.service-mobile25_2 a:hover,
dt.service-mobile25_2 a:focus,
dt.service-mobile25_2 a:active
{
	background-position:-100px -5px;
	}

p.service-bnr{
	margin-bottom:30px;
	}