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

 file name  :top.css
 author     :--- (admin)
 style info :/index.html CSS
=================================================================== */


/*----------------------------------------------------
	#singleContents
----------------------------------------------------*/
#singleContents {
	width: 640px;
}
#singleContents .inner {
	width: 640px;
}

/*----------------------------------------------------
	#mainContents
----------------------------------------------------*/
#mainContents {
	width: 720px;
}
#mainContents .inner {
	width: 720px;
	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;
}
#mainContents.servicetop .detail ul {
	width: 522px;
	overflow: hidden;
}
#mainContents.servicetop .detail ul li {
	float: left;
}


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

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

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

#mainContents.lunchDetail caption {
	color: #865C07;
	padding: 6px 0 6px 0;
}

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

#mainContents.lunchDetail td {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
}
#mainContents.lunchDetail 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.lunchDetail td.end {
	padding: 2px 0 2px 5px;
	border-top: 1px dashed #865C07;
	border-bottom: 1px dashed #865C07;
	border-left: 1px dashed #865C07;
}