@charset "utf-8";
/* ===================================================================
CSS information

 file name  :service.css
 author     :--- (admin)
 style info :sercice category CSS
=================================================================== */

/*----------------------------------------------------
	#mainContents
----------------------------------------------------*/
#mainContents {
	width: 720px;
	background: url(/img/service/bg_mainContents.jpg) repeat-y left bottom;
}
#mainContents .inner {
	width: 720px;
	padding: 0 0 25px 0;
	background: url(/img/service/bg_mainContents_btm.jpg) no-repeat left bottom;
	overflow: hidden;
}



/* #mainContents.servicetop 
--------------------------- */
#mainContents.servicetop h1 {
	margin: 0 0 20px 0;
}
#mainContents.servicetop h2 {
	clear: both;
	float: none;
	padding: 30px 0 12px 24px;
}
#mainContents.servicetop p.intro {
	margin: 0 24px 0 24px;
}

#mainContents.servicetop h3 {
	clear: both;
	float: left;
	padding: 0 14px 0 24px;
}
#mainContents.servicetop .detail {
	float: left;
	width: 522px;
	padding: 0 0 14px 0;
}
#mainContents.servicetop .detail h4 {
	margin: 0 0 14px 0;
}
#mainContents.servicetop .detail p.more {
	padding: 6px 0 0 0;
	text-align: right;
}
#mainContents.servicetop .detail p.more a {
	padding: 0 0 0 12px;
	color: #865C07;
	background: url(../img/share/link_arrow_brown.gif) no-repeat left center;
}
#mainContents.servicetop .detail ul {
	width: 522px;
	overflow: hidden;
}
#mainContents.servicetop .detail ul li {
	float: left;
}


/* #mainContents.servicedetail
--------------------------- */
#mainContents.servicedetail h1 {
	margin: 0 0 20px 0;
}
#mainContents.servicedetail h2 {
	clear: both;
	float: none;
	padding: 30px 0 12px 24px;
}
#mainContents.servicedetail p.intro {
	margin: 0 24px 0 24px;
}

#mainContents.servicedetail a {
	padding: 0 0 0 24px;
	color: #865C07;
	background: url(../img/share/link_arrow_brown.gif) no-repeat left center;
}

#mainContents.servicedetail p.sbody {
	margin: 0 24px 0 36px;
}
#mainContents.servicedetail h3 {
	clear: both;
	float: left;
	padding: 0 14px 0 24px;
}

#mainContents.servicedetail table {
	margin: 0 14px 14px 36px;
}
#mainContents.servicedetail caption {
	color: #865C07;
	padding: 6px 0 6px 0;
}

#mainContents.servicedetail th {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	background-color: #F3F1EA;
}
#mainContents.servicedetail th.start {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	border-right: 1px dashed #865C07;
}
#mainContents.servicedetail th.end {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	border-left: 1px dashed #865C07;
}

#mainContents.servicedetail td {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
}
#mainContents.servicedetail td.start {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	border-right: 1px dashed #865C07;
	background-color: #F3F1EA;
}
#mainContents.servicedetail td.end {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	border-left: 1px dashed #865C07;
}



/*----------------------------------------------------
	#sideContents
----------------------------------------------------*/
#sideContents {
	width: 228px;
	padding: 17px 0 0 0;
	background: url(/img/service/side/bg_sideContents_top.jpg) no-repeat left top;
}
#sideContents .btm {
	width: 228px;
	padding: 0 0 18px 0;
	background: url(/img/service/side/bg_sideContents_btm.jpg) no-repeat left bottom;
}
#sideContents .inner {
	width: 228px;
	background: url(/img/service/side/bg_sideContents.jpg) repeat-y left bottom;
	overflow: hidden;
}
#sideContents h2 {
	margin: 0 0 0 18px;
}
#sideContents h3 {
	clear: both;
	float: none;
	margin: 7px 0 4px 18px;
}
#sideContents h4 {
	clear: both;
	float: left;
	width: 38px;
	margin: 0 10px 0 0;
}
#sideContents ul.menu {
	width: 190px;
	margin: 0 0 0 18px;
	border-bottom: 1px solid #BEBAAE;
}
#sideContents ul.menu.last {
	border: none;
}
#sideContents ul.menu li {
	width: 190px;
	padding: 7px 0 7px 0;
	background: url(/img/share/dot_side.gif) repeat-x left top;
	overflow: hidden;
}
#sideContents ul.menu li ul {
	float: left;
	width: 142px;
	border: none;
}
#sideContents ul.menu li ul li {
	width: 142px;
	margin: 0 0 6px 0;
	padding: 0;
	text-indent: -2px;
	background: url(/img/share/dot_side.gif) repeat-x left bottom;
}
#sideContents ul.menu li ul.nobdr li,
#sideContents ul.menu li ul li.last {
	background: none;
}
#sideContents ul.menu li ul li a {
	display: block;
	padding: 0 0 0 14px;
	color: #333333;
	font-size: 11px;
	background: url(../img/share/link_arrow_brown.gif) no-repeat 0 2px;
}