@charset "utf-8";


/* CSS Import Style
---------------------------------------------------- */
@import "01styles_main.css";
@import "02styles_layout.css";


/* net common Style
---------------------------------------------------- */
#net h2 {
	margin-bottom: 20px;
}

#net h3 {
	margin: 20px 0;
}

#net h4 {
	margin: 15px 0;
	border-bottom: 1px dotted #c2c7cb;
	padding: 0 0 5px 20px;
	background: url(/images/icon_circle_net.gif) no-repeat left 2px;
	font-weight: bold;
}

#net h4.v2 {
	margin-top: 40px;
}

#net .colorNet {
	color: #1687ad;
}

#net caption {
	padding: 20px 0 0;
	font-size: 93%;
}

#net .netStress {
	color: #1687ad;
	font-weight: bold;
}

/* Win IE7 */
*:first-child+html #net .mark {
	font-size: 160%;
}

#net table {
	width: 99%;
}

#net table th {
	background-color: #1687ad;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

#net table th,
#net table td {
	padding: 2px 5px;
	border: 1px solid #999999;
}

#net table td.color1 {
	background-color: #D6EBF2;
}

#net .netList li {
	background: url(/images/icon_list_net.gif) no-repeat left 6px;
	padding-left: 1em;
}

#net .netList li li {
	margin-left: 1em;
	background-image: none;
	padding-left: 0;
	list-style-type: disc;
}


/* net top Style
---------------------------------------------------- */
#net .topBox1 {
	width: 620px;
}

#net .topBox1 ul li {
	float: left;
	margin-right: 14px;
	width: 197px;
}

#net .topBox1 ul li.last {
	margin: 0;
}

#net .topBox2 {
	background: url(/net/images/bg_netContents_M.gif) repeat-y left top;
	width: 620px;
}

#net .topBox2 .lineT {
	background: url(/net/images/bg_netContents_T.gif) no-repeat left top;
	width: 592px;
	padding: 20px 13px 0 15px;
}

#net .topBox2 .lineM {
	padding: 20px 13px 0 15px;
}

#net .topBox2 .lineB {
	background: url(/net/images/bg_netContents_B.gif) no-repeat left bottom;
	width: 530px;
	padding: 10px 45px 20px;
}

#net .topBox2 .lineT dl,
#net .topBox2 .lineM dl {
	float: left;
	margin-right: 20px;
	width: 133px;
}

#net .topBox2 .lineB dl {
	float: left;
	margin-right: 40px;
	width: 150px;
}

#net .topBox2 .lineT dl.last,
#net .topBox2 .lineM dl.last,
#net .topBox2 .lineB dl.last {
	margin: 0;
}

#net .topBox2 .lineT dl dt,
#net .topBox2 .lineM dl dt,
#net .topBox2 .lineB dl dt {
	text-align: center;
}

#net .topBox3 {
	margin-top: 20px;
	width: 620px;
}

#net .topBox3 .detail {
	float: left;
	margin-right: 20px;
	width: 309px;
}

#net .topBox3 p.pic {
	float: left;
	width: 291px;
}

#net .topBox4 {
	background-color: #3fa0c6;
	width: 620px;
}

#net .topBox4 ul {
	width: 620px;
}

#net .topBox4 ul li {
	float: left;
	padding-left: 15px;
	width: 180px;
	font-weight: bold;
	color: #ffffff;
}

#net .topBox4 ul.lineT {
	background: url(/net/images/bg_netContents2_T.gif) no-repeat left top;
	padding-top: 15px;
}

#net .topBox4 ul.lineM {
}

#net .topBox4 ul.lineB {
	background: url(/net/images/bg_netContents2_B.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

#net .topBox5 {
	margin-top: 40px;
	width: 620px;
}

#net .topBox5L {
	float: left;
	margin-right: 20px;
	border: 1px solid #e0ddd4;
	background-color: #fbf8ed;
	padding: 16px 11px;
	width: 233px;
}

#net .topBox5L p.ttl {
	border-bottom: 1px dotted #909090;
	padding-bottom: 5px;
	line-height: 1.2;
}

#net .topBox5R {
	/*float: left;
	width: 343px;*/
}

#net .topBox5R p.pic {
	float: right;
	margin: 0 0 15px 12px;
}


/* cable-phone Style
---------------------------------------------------- */
#net .cablePhoneBox1 {
	background: url(/net/images/bg_netContents_M.gif) repeat-y left top;
	width: 620px;
}

#net .cablePhoneBox1 .lineT,
#net .cablePhoneBox1 .lineM,
#net .cablePhoneBox1 .lineB,
#net .cablePhoneBox1 .lineBnone {
	width: 580px;
}

#net .cablePhoneBox1 .lineT {
	background: url(/net/images/bg_netContents_T.gif) no-repeat left top;
	padding: 20px 20px 0;
}

#net .cablePhoneBox1 .lineM {
	padding: 20px 20px 0;
}

#net .cablePhoneBox1 .lineB,
#net .cablePhoneBox1 .lineBnone {
	background: url(/net/images/bg_netContents_B.gif) no-repeat left bottom;
}

#net .cablePhoneBox1 .lineB {
	padding: 20px;
}

#net .cablePhoneBox1 .lineBnone {
	padding: 0 20px;
}

#net .cablePhoneBox1 .lineT dl,
#net .cablePhoneBox1 .lineM dl,
#net .cablePhoneBox1 .lineB dl {
	float: left;
	margin-right: 26px;
	width: 176px;
}

#net .cablePhoneBox1 .lineT dl.last,
#net .cablePhoneBox1 .lineM dl.last,
#net .cablePhoneBox1 .lineB dl.last {
	margin: 0;
}

#net .cablePhoneBox1 .lineT dl dt,
#net .cablePhoneBox1 .lineM dl dt,
#net .cablePhoneBox1 .lineB dl dt {
	text-align: center;
}

#net #cablePhoneFeature dl.v2 {
	margin-top: 30px;
}

#net #cablePhoneFeature dl dt {
	font-weight: bold;
	margin-bottom: 8px;
}

#net #cablePhoneFeature dl dd ul li {
	font-size: 100%;
}

#net #cablePhoneFeature #fixed {
	background: url(/net/images/bg_cable-phone.gif) no-repeat right top;
	width: 620px;
	min-height: 221px;
	_height: 221px;
}

#net .cablePhoneBox2 {
	margin-top: 1em;
	background: url(/net/images/bg_netContents3_M.gif) repeat left top;
	width: 425px;
}

#net .cablePhoneBox2 .frmT,
#net .cablePhoneBox2 .frmB {
	height: 9px;
	font-size: 0;
}

#net .cablePhoneBox2 .frmT {
	background: url(/net/images/bg_netContents3_T.gif) no-repeat left top;
	padding-top: 10px;
}

#net .cablePhoneBox2 .frmB {
	background: url(/net/images/bg_netContents3_B.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

#net .cablePhoneBox2 p {
	margin: 0 30px;
	text-align: center;
}

#net .cablePhoneBox2 p.arrow {
	margin: 10px 30px;
}

/* protector Style
---------------------------------------------------- */
#net .protectorBox1 {
	width: 620px;
}

#net .protectorBox1 p.pic {
	float: right;
}

#net #protectorRule.topicBox ol li {
	padding-bottom: 1em;
	color: #1687ad;
	font-weight: bold;
}

#net #protectorRule.topicBox ol li.last {
	padding-bottom: 0;
}


/* rules Style
---------------------------------------------------- */
#net #rules ul li {
	margin-top: 2em;
}

#net #rules ul li.none {
	margin-top: 0;
}

#net #rules ul li dl {
	clear: both;
	margin-top: 2em;
}

#net #rules ul li dl.none {
	margin-top: 0;
}

#net #rules ul li dl dt.ruleNo {
	float: left;
	width: 4em;
}

#net #rules ul li dl dd {
	margin: 0 0 0 4em;
	padding: 0;
}

#net #rules ul li dl dd li {
	margin-top: 1em;
	font-size: 100%;
}

#net #rules ul li dl dd.guideP {
	margin: 1em 0 0 5em;
}

#net #rules ul li dl dd.ruleTable {
	margin-top: 1em;
}

#net #rules ul li dl dd.ruleTable th {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
}

#net #rules ul li dl dd.ruleTable th,
#net #rules ul li dl dd.ruleTable td {
	font-size: 100%;
}