@charset "utf-8";
@import url("/common/css/header.css");
@import url("/common/css/m_global.css");
@import url("/common/css/base_css.css");
@import url("/common/css/footer_css.css");
@import url("/common/css/3rd_base.css");
@import url("/common/css/h-search.css");
@import url("/common/css/h-set.css");


/*
 * this css
 * Date: 2008.07.01.
 * Author: Creative Team
 */

/* ISP Contents Navi
--------------------------------------------------------------------------*/
dl.ispOption{
	display:inline-block;
	width:633px;
	padding:0 0 10px 15px;
	margin-bottom:20px;
	background:url(/option/images/acsnavi_bg02.gif) no-repeat left bottom;
	}

dl.ispOption dt{
	width:633px;
	height:40px;
	margin-left:-15px;
	text-indent:-9999px;
	background:url(/option/images/acsnavi_bg01.gif) no-repeat left top;
	}

dl.ispOption dd{
	float:left;
	height:20px;
	margin-right:20px;
	font-weight:bold;
	color:#cf0001;
	background:url(/option/images/acsnavi_img01.gif) no-repeat center bottom;
	}

dl.ispOption dd a{
	display:inline-block;
	background:#f5f5f5;
	font-weight:normal;
	height:20px;
	}

/* ISP orderBtn
--------------------------------------------------------------------------*/

div.zeroOrder{
	text-align:center;
	}

div.zeroOrder p{
	color:#cf0001;
	font-size:10px;
	}

div.zeroOrder p.orderBtn{
	width:294px;
	height:56px;
	margin:0 auto 10px;
	background:url(/common/images/btn/zero_orderbtn01.gif) no-repeat left top;
	}

div.zeroOrder p.orderBtn a{
	display:block;
	width:294px;
	height:56px;
	text-indent:-9999px;
	}

div.zeroOrder p.orderBtn a:hover{ background:url(/common/images/btn/zero_orderbtn01_on.gif) no-repeat left top; }


/* Mobile
--------------------------------------------------------------------------*/

/* summary */

div.mobilesum{
	margin-top:15px;
	margin-bottom:35px;
	}

div.mobilesum p{
	padding-bottom:115px;
	background:url(images/mobile_img01.gif) no-repeat left bottom;
	}

/* mobilepoint */

div.mobilepoint{
	display:inline-block;
	width:609px;
	margin-bottom:75px;
	background:url(images/mobile_bg03.gif) repeat-y left bottom;
	}

div.mobilepoint p{
	width:412px;
	height:19px;
	margin:0 auto;
	padding-bottom:25px;
	text-indent:-9999px;
	background:#fff url(images/mobile_ttl01.gif) no-repeat center top;
	}

div.mobilepoint dl{
	}

div.mobilepoint dl.point1{ float:left; width:182px; padding-right:15px;}
div.mobilepoint dl.point2{ float:left; width:175px; padding:0 20px;}
div.mobilepoint dl.point3{ float:left; width:175px; padding-left:15px; }

div.mobilepoint dl dt{
	width:175px;
	height:138px;
	text-indent:-9999px;
	}

div.mobilepoint dl.point1 dt{ background:url(images/mobile_img04.gif) no-repeat 18px top; }
div.mobilepoint dl.point2 dt{ background:url(images/mobile_img05.gif) no-repeat 15px top; }
div.mobilepoint dl.point3 dt{ background:url(images/mobile_img06.gif) no-repeat 15px top; }

div.mobilepoint dl dd{
	line-height:140%;
	}

div.mobilepoint dl dd span{
	display:block;
	margin-top:5px;
	}

/* price */

div.mobileprice h4{
	margin-top:5px;
	}

div.mobileprice p.camp{
	width:591px;
	height:157px;
	margin:5px 0 10px 10px;
	background:url(images/mobile_img02.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	}

div.mobileprice p.camp a{
	display:block;
	margin:12px 0 0 355px;
	text-indent:0;
	line-height:100%;
	font-size:12px;
	width:220px;
	height:45px;
	text-indent:-9999px;
	background:url(images/camp_btn01.gif) no-repeat left top;
	}

div.mobileprice p.camp a:hover{ background:url(images/camp_btn01_on.gif) no-repeat left top; }


div.mobileprice table{
	width:591px;
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #cacaca;
	}

div.mobileprice table th{
	padding:7px;
	text-align:center;
	border:1px solid #cacaca;
	background:#cf0001;
	color:#fff;
	}

div.mobileprice table td{
	width:35%;
	padding:7px;
	text-align:center;
	border:1px solid #cacaca;
	}

div.mobileprice table td.planttl{
	width:30%;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	background:#fff3ce;
	}

div.mobileprice ul{
	margin:5px 0 10px 8px;
	}

div.mobileprice ul li{
	line-height:140%;
	list-style-type:none;
	color:#888;
	font-size:10px;
	}

div.mobileprice p img.comparison{
	width:477px;
	height:257px;
	margin:25px 0 0 57px;
	border:none;
	}

div.mobileprice dl.registAtt{
	display:inline-block;
	width:556px;
	margin-left:-1px;
	padding:0 0 5px 55px;
	margin-bottom:20px;
	background:url(images/mobile_bg02.gif) no-repeat left bottom;
	}

div.mobileprice dl.registAtt dt{
	height:40px;
	margin:25px 0 0 -55px;
	text-indent:-9999px;
	background:url(images/mobile_bg01.gif) no-repeat left top;
	}

div.mobileprice dl.registAtt dd{
	float:left;
	white-space:nowrap;
	height:20px;
	margin:0 40px 5px 0;
	padding-left:10px;
	background:url(/common/images/list_img01.gif) no-repeat left center;
	}

/* campaign
--------------------------------------------------------------------------*/

div.campInfo02{
	margin-bottom:70px;
	}

dl.camp01,
dl.camp02,
dl.camp03{
	width:439px;
	height:96px;
	margin-top:20px;
	padding:13px 0 0 150px;
	cursor:pointer;
	}

dl.camp01{ background:url(images/camp_btn02.gif) no-repeat left top; }
dl.camp02{ background:url(images/camp_btn03.gif) no-repeat left top; }

dl.camp01 dt,
dl.camp02 dt,
dl.camp03 dt{
	font-weight:bold;
	padding-left:20px;
	}

dl.camp01 dd,
dl.camp02 dd,
dl.camp03 dd{
	padding:10px 20px 0 0;
	}

/*
dl dd{
	position:absolute;
	top:40px;
	left:153px;
	cursor:pointer;
	width:430px;
	}*/

dl dd.date{
	font-size:10px;
	padding:5px 20px 0 0;
	color:#cf0001;
	}

/* camp_bunner
--------------------------------------------------------------------------*/
p.campBunner{
	width:530px;
	margin:10px auto 30px;
	}

p.campBunner img{
	width:530px;
	height:60px;
	border:none;
	}

/* clearfix
--------------------------------------------------------------------------*/

dl.ispOption:after,
div.mobileprice dl:after,
div.mobilepoint:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}