@import "../../../lib/cmn_css/component.css"; 
@import "../../css/service_comp.css";


/* CSS Document */
#contents .blkHead {
	background: url(../../images/h_service_03.gif) left top no-repeat;
	display: block;
	height: 40px;
	margin-bottom: 17px;
	width: 604px;
}

#contents .blkHead span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

/* include CSS */
#contentsS {
	background: #FFFFFF;
	width: 836px;
}

#contents dl {
	display: block;
	margin-bottom: 25px;
	width: 812px;
}

#contents dl dt {
	margin: 0 0 2px 16px;
	display: block;
	width: 593px;
}

#contents dl dd {
	margin: 0;
	display: block;
	line-height: 200%;
	text-indent: -16px;
	padding: 0 0 0 16px;
}

#contents div.tabContentsB {
	background: url(../images/bg_sdbox_mdl.gif) left top repeat-y;
	margin-left: 7px;
	width: 846px;
}

#contents div.sdbox {
	background: url(../images/bg_sdbox_top.gif) left top no-repeat;
	padding-top: 2px;
}

#contents div.sdboxinner {
	background: url(../images/bg_sdbox_btm.gif) left bottom no-repeat;
	padding-bottom: 4px;
}

#contents div.sdArea {
	margin: 0 3px 30px 3px;
}

#contents div.sdAreaFrame {
	margin: 0 3px 0 3px;
}

#contents div.sdbox table {
	border-top: 1px solid #F1F3F2;
	border-left: 1px solid #F1F3F2;
	width: 100%;
}

#contents div.sdbox table th {
	border-bottom: 1px solid #F1F3F2;
	border-right: 1px solid #F1F3F2;
	text-align: right;
	width: 15%;
}

#contents div.sdbox table td {
	background: url(../images/bg_search_gry03.gif) left bottom repeat-x;
	border-bottom: 1px solid #F1F3F2;
	border-right: 1px solid #F1F3F2;
	vertical-align: middle;
	width: 85%;
}

#contents div.sdbox table th.gry01 {	background: url(../images/bg_search_gry02.gif) left bottom repeat-x;}
#contents div.sdbox table th.gry02 {	background: url(../images/bg_search_gry01.gif) left bottom repeat-x;}

#contents div.sdbox table td select {
	margin-left: 20px;
	width: 672px;
}

#contents div.sdbox table td input {
	margin-left: 20px;
}

#contents .detail01 {
	background: url(../images/h_new_service.gif) left top no-repeat;
	display: block;
	height: 40px;
	margin-bottom: 17px;
	width: 840px;
}

#contents .detail02 {
	background: url(../images/h_access_ranking.gif) left top no-repeat;
	display: block;
	height: 40px;
	margin-bottom: 17px;
	width: 840px;
}

#contents .detail03 {
	background: url(../images/h_result_list.gif) left top no-repeat;
	display: block;
	height: 40px;
	margin-bottom: 17px;
	width: 840px;
}

#contents h2 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents div.sdBlk {
	margin-left: 14px;
}

/* detail */
#contents div.back {
	background: url(../../../lib/cmn_images/bg_bread.gif) left top repeat-x;
	border-bottom: 1px solid #D9D9DD;
	clear: both;
	text-align: left;
	margin-bottom: 10px;
	padding: 9px 0 6px 0;
	width: 840px;
}

#contents div.back p {
	margin: 0 33px 0 10px;
	line-height: 100%;
	padding: 0 !important;
}

#contents div.detailArea {
	margin-left: 13px;
	width: 810px;
}

#contents div.detailArea02 {
	width: 810px;
}

#contents div.daL {
	float: left;
	margin-right: 25px;
	width: 550px;
}

#contents div.daL h2 {
	border-bottom: 2px solid #DC4E3C;
	display: block;
	font-size:medium!important;
	padding:0 0 3px 5px;
	width: 545px;
}

#contents div.daR {
	float: left;
	width: 235px;
}

#contents div.daR h2 {
	border-bottom: 2px solid #DC4E3C;
	display: block;
	padding:3px 0 3px 5px;
	width: 207px;
}


/* include uniqcss */
#iframe dl.resultList {
	display: block;
	margin-bottom: 25px;
	width: 812px;
}

#iframe dl.resultList dt {
	font-size: small;
	margin: 0 0 2px 16px;
	display: block;
	width: 593px;
}

#iframe dl.resultList dd {
	font-size: small;
	margin: 0;
	display: block;
	line-height: 200%;
	text-indent: -16px;
	padding: 0 0 0 16px;
}


#includeB {
	color: #333333;
	width: 810px;
}

#includeB p {
	line-height: 160% !important;
}

#includeB div.ifmBlk {
	clear: both;
	margin-bottom: 15px;
	width: 550px;
}

#includeB div.ifmBlkS {
	clear: both;
	margin: 0 10px 15px 10px;
	width: 530px;
}

#includeB p {
	font-size: small;
	line-height: 200%;
}

#includeB h3,
#includeB h4 {
	font-size: small;
	margin-bottom: 10px;
}

#includeB div.daL {
	float: left;
	margin-right: 25px;
	width: 550px;
}

#includeB div.daR {
	float: left;
	width: 220px;
}

#includeB div.iframeC {
	border: 1px solid #CBCBCB;
	color: #333333;
	margin-bottom: 10px;
	padding: 0 0 7px 0;
	width: 212px;
}

#includeB div.iframeC div.mainSvs {
	clear: both;
	margin: 0 5px;
	padding-top: 7px;
	width: 200px;
}

#includeB div.iframeC div.mainSvs p {
	font-size: x-small;
	line-height: 150%;
}

#includeB div.iframeC div.msL {
	float: left;
	margin-right: 5px;
	width: 72px;
}

#includeB div.iframeC div.msR {
	float: left;
	width: 120px;
}

#includeB div.iframeC div.mainSvs p.ind {
	padding-left: 7px;
	text-indent: -7px;
}

#includeB ol.ordered03 {
	text-indent: -18px;
	padding-left: 18px;
}

#includeB ul.unordered01 {
	list-style-type:none;
	padding: 0px 0px 2px 22px;
	text-indent:-22px;
}

#includeB ul.unordered01 li {
	line-height: 150%;
	margin-bottom: 3px;
}

#includeB ol.ordered03 li {
	line-height: 150%;
	margin-bottom: 5px;
}

#includeB h4 {
	font-weight:normal;
	margin-bottom:5px;
}

#includeB p.btmList {
	line-height: 140%;
	padding-bottom: 0px;
}

#includeB p.listInd {
	margin-bottom: 15px;
	text-indent: -16px;
	padding: 0 0 0 16px;
}

#includeB div.serviceList {
	margin-left: 16px;
	width: 530px;
}

#includeB div.connectBlk {
background: url(/service/detail/images/bg_connectblk.gif) left bottom no-repeat;
padding-bottom:10px;
margin-bottom:20px;
width:549px;
}

#includeB div.connectBlkInr {
	margin:5px 10px 0;
	width:529px;
}

#includeB div.connectBlk p.listInd {
	margin-bottom:0;
}

#includeB div.fltRBox {
	float:right;
	margin-left:10px;
}

#includeB p.txtInd {
	text-indent:-1em;
	padding-left:1em;
}