@charset "UTF-8";

/* Right Navigation
=========================================*/
/* category-color */
body#work #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../../work/images/com_ic001.gif) no-repeat 5px 0.7em;
}
body#work #subNav .subNavInner dd .third-hierarchy li a:hover,
body#work #subNav .subNavInner dd .third-hierarchy li a:active,
body#work #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #e7f9ea url(../../work/images/com_ic006.gif) no-repeat 5px 0.7em;
}
body#work #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #e7f9ea;
}
body#work #subNav .subNavInner dd .third-hierarchy li.open {
	background-color: #ffffff;
}
body#work #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../../work/images/com_ic001.gif) no-repeat 5px 0.8em;
}
body#work #subNav .subNavInner dd .third-hierarchy li.on a,
body#work #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../../work/images/com_ic007.gif) no-repeat 5px 0.8em;
}
body#work #subNav .subNavInner dd .third-hierarchy li.open span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../../work/images/com_ic008.gif) no-repeat 5px 0.8em;
}
body#work #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #e7f9ea;
}
body#work #subNav .subNavInner dd .third-hierarchy li.open .fourth-hierarchy li {
	background-color: #ffffff;478
}

/* 1: Heading
=========================================*/

/* heading1 */
#contents #heading1 {
	position: relative;
}
#contents #heading1 h1 img {
	font-size: 0;
	line-height: 0;
}
/* heading2 */
#contents .heading2 {
	clear: both;
	position: relative;
	margin-top: 20px;
	padding: 0 0 10px 18px;
}
#contents .heading2 {
	background: url(../../work/images/com_ic002.gif) no-repeat 1px 2px;
	border-bottom: solid 3px #04c42c;
	zoom:1;
}
#contents .heading2-02 {
	clear: both;
	margin-top: 20px;
	padding: 0;
}

/* heading3 */
#contents .heading3 {
	clear: both;
	margin-top: 25px;
	padding-bottom: 2px;
	zoom:1;
}
#contents .heading3 span{
	display: block;
	padding: 5px 0 3px 25px;
	font-size: 110%;
	font-weight: bold;
	zoom:1;
}
#contents .heading3 {
	background: url(../../work/images/com_bg002.gif) no-repeat 0 100%;
}
#contents .heading3 span {
	background: url(../../work/images/com_bg001.gif) no-repeat 0 0;
}

/* heading4 */
#contents .heading4 {
	clear: both;
	position: relative;
	margin-top: 10px;
	padding: 0 0 2px 16px;
	font-size: 110%;
	font-weight: bold;
}
body#work #contents .heading4 {
	background: url(../images/course/care/com_ic007.gif) no-repeat 0 0.4em;
	border-bottom: solid 1px #df5e9a;
}

/* index
=========================================*/

/* read-txt */
#contents .read-txt{
	font-weight: bold;
	color: #0b992e;
	font-size: 110%;
}
/* door-link01 */
#contents .door-link01{
	clear: both;
	margin-top: 15px;
}
#contents .door-link01 ul li{
	padding: 0px 0px 0px 5px;
	float: left;
	width: 220px;
}
/* door-link02 */
#contents .door-link02{
	clear: both;
	margin-top: 15px;
}
#contents .door-link02 ul li{
	padding: 0px 1px 0px 5px;
	float: left;
	width: 330px;
}
#contents .door-link02 ul li span{
	padding: 0px 10px;
	display: block;
}
/* door-link03 */
#contents .door-link03{
	clear: both;
	background: url(../../work/images/index_bg002.gif) repeat-x left bottom;
	padding: 0px 0px 4px;
	margin: 15px 0px 0px 10px;
}
#contents .link-box{
	padding: 10px 0px 8px 0px;
	float: left;
	margin: 0px 11px 0px 0px;
	width: 213px;
	background: url(../../work/images/index_bg001.gif) no-repeat left top;
	line-height: 1.3em;
}
#contents .link-box02{
	padding: 10px 0px 8px 0px;
	float: left;
	margin: 0px;
	width: 213px;
	background: url(../../work/images/index_bg001.gif) no-repeat left top;
	line-height: 1.3em;
}

#contents .link-box .thumbnail,
#contents .link-box02 .thumbnail{
	float: left;
	width: 55px;
	padding: 0px 0px 0px 20px;
}
#contents .link-box .text,
#contents .link-box02 .text{
	float: right;
	width: 125px;
	padding: 0px 5px 0px 0px;
}
#contents .icon-link01{
	background: url(../../work/images/com_ic003.gif) no-repeat left 0.5em;
	padding-left: 5px;
	zoom: 1;
}
#contents .door-link03-2{
	clear: both;
	background: url(../../work/images/index_bg002.gif) repeat-x left bottom;
	padding: 0px 0px 4px;
	width: 448px;
	margin: 10px 0px 0px 10px;
}

/* medical-box
=========================================*/
#contents .medical-box{
	clear: both;
	background: url(../../work/medical/images/index_bg001.jpg) no-repeat left top;
	padding: 0px;
	margin: 20px 0px 0px;
	height: 479px;
	width: 680px;
}
#contents .helper-box{
	clear: both;
	background: url(../../work/helper/images/index_bg001.jpg) no-repeat left top;
	padding: 0px;
	margin: 20px 0px 0px;
	height: 479px;
	width: 680px;
}
#contents .medical-box dl dt,
#contents .helper-box dl dt{
	padding: 0px;
	font-size: 0;
}
#contents .medical-box dl dd,
#contents .helper-box dl dd{
	padding: 0px 0px 0px 17px;
}
#contents .medical-box dl dd ul,
#contents .helper-box dl dd ul{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 411px;
	font-size: 0px;
	line-height: 0px;

}

#contents .medical-box dl dd ul li.arrow-icon,
#contents .helper-box dl dd ul li.arrow-icon{
	padding: 0px;
	margin: 0px;
	background: url(../../work/images/com_ic005.gif) no-repeat 15px 42px;
	height: 54px;
}
#contents .medical-box dl dd p.profile,
#contents .helper-box dl dd p.profile{
	padding: 105px 0px 0px 22px;
	margin: 0px;
	float: left;
	width: 208px;
}
#contents .inner420-left{
	float: left;
	width: 300px;
}
#contents .inner420-right{
	float: right;
	width: 100px;
}

/* column01
=========================================*/
#contents .column01 {
	background: #ddebf6;
}
#contents .column01-2 {
	background: #fff3f9;
}
#contents .column01,
#contents .column01-2 {
	clear: both;
	padding: 12px;
	margin-top: 20px;
}
#contents .column01 dl dt,
#contents .column01-2 dl dt {
	padding: 0px 0px 5px;
}

/* column02
=========================================*/
#contents .column02 {
	clear: both;
	background: #d9f1f8;
	padding: 5px 5px 5px 6px;
}
#contents .column02-2 {
	clear: both;
	background: #ffebf5;
	padding: 5px 5px 5px 6px;
}
#contents .column02 .inner-2col,
#contents .column02-2 .inner-2col {
	clear: both;
}
#contents .column02 .inner-2col .colleft,
#contents .column02-2 .inner-2col .colleft {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 5px;
}
#contents .column02 .inner-2col .colright,
#contents .column02-2 .inner-2col .colright {
	float: right;
	width: 183px;
}

/* staff
=========================================*/
#contents .staff-box{
	clear: both;
	padding: 1px;
	border: 1px solid #ffc000;
	background: #fff6e3;
	margin-top: 20px;
}
#contents .staff-inner{
	clear: both;
	background: #ffecc6;
	padding: 8px;
}
#contents .staff-inner .colleft{
	background: #FFFFFF;
	padding: 4px 6px 30px;
	float: left;
	width: 142px;
}
#contents .staff-inner .colright{
	float: right;
	width: 490px;
}
#contents .staff-inner .colright p.text{
	padding-left: 10px;
}
#contents .staff-inner .colright .floatRight{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#contents .staff-inner .colright .floatRight img{
	margin-left: 5px;
}

/* message-box */
#contents .message-box{
	clear: both;
	background: #fffbdf url(../../work/experience/images/com_fr002.gif) no-repeat left bottom;
	padding: 0px 0px 4px;
	margin-top: 30px;
}
#contents .message-box dl{
	clear: both;
	background: url(../../work/experience/images/com_fr001.gif) no-repeat left top;
	padding: 8px 33px 11px;
}
#contents .message-box dl dt{
	padding: 8px 0px 10px;
	font-size: 0px;
	line-height: 0px;
}

/* column03 */
#contents .column03 {
	clear: both;
	margin: 15px 0px 0px;
	background: #f1fff6;
	padding: 8px 13px;
	border: 1px solid #bdebce;
}
#contents .column03 dl dt{
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 8px;
}
/* faq */
#contents dl.faq dt{
	font-weight: bold;
	color: #007416;
	font-size: 110%;
}

/* flashArea */
#contents .flashContents #flashArea {
	border: solid 5px #dea065;
}

/* recommend */
#contents .recommend {
	clear: both;
	margin: 30px 0px 0px;
}
#contents .recommend p{
	clear: both;
}
#contents .recommend ul{
	margin: 10px 0px 0px;
	height: 45px;
}
#contents .recommend ul li{
	margin: 0px;
	padding: 0px 5px 0px 0px;
	display: inline;
}
/* local-navi01 */
#contents .local-navi01{
	clear: both;
}
/* padding */
.pl30{
	padding-left: 30px;
}

/* Link
=========================================*/
#contents .btn-float-left{
	float: left;
}


/* 99. Extra
=========================================*/

/* Clearfix */
#contents .door-link01:after,
#contents .door-link02:after,
#contents .door-link03:after,
#contents .door-link03-2:after,
#contents .link-box:after,
#contents .link-box02:after,
#contents .column02 .inner-2col:after,
#contents .column02-2 .inner-2col:after,
#contents .staff-inner:after,
#contents .message-box:after,
#contents .message-box dl:after,
#contents .local-navi01:after,
#contents .bannerLink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents .door-link01,
#contents .door-link02,
#contents .door-link03,
#contents .door-link03-2,
#contents .link-box,
#contents .link-box02,
#contents .column02 .inner-2col,
#contents .column02-2 .inner-2col,
#contents .staff-inner,
#contents .message-box,
#contents .message-box dl,
#contents .local-navi01,
#contents .bannerLink {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}

/* IE7 hacks */
*:first-child+html #contents .door-link01,
*:first-child+html #contents .door-link02,
*:first-child+html #contents .door-link03,
*:first-child+html #contents .door-link03-2,
*:first-child+html #contents .link-box,
*:first-child+html #contents .link-box02,
*:first-child+html #contents .column02 .inner-2col,
*:first-child+html #contents .column02-2 .inner-2col,
*:first-child+html #contents .staff-inner,
*:first-child+html #contents .message-box,
*:first-child+html #contents .message-box dl,
*:first-child+html #contents .local-navi01,
*:first-child+html #contents .bannerLink {
	display: inline-table;
}/* end hacks */
