@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Style Info:     技工室のスタイル設定
 File name:      local.css
 Last update:    2008.12.11
 
 
 
----------------------------------------------------------- */


/*----------------------------------------------------
	main
----------------------------------------------------*/

.labo { 
	background: url(/labo/images/labo_bg_body.gif) repeat-x left 125px;
}
.labo #contents { 
	clear: both;
	width: 802px;
	margin: 18px auto 30px;
	padding: 0;
	background: #FFF;
}
.labo #contents h1 {
	margin: 0;
}
.labo .top #contents .section ul {
	width: 786px;
	margin: 30px auto 0;
	clear: both;
}
.labo .top #contents .section ul li {
	float: left;
	padding-left: 15px;
}
.labo .top #contents .section ul li.firstChild {
	padding-left: 0;
}
.labo .top #contents .ad {
	width: 550px;
	margin: 30px auto 0;
	padding: 5px 10px;
	border: 5px solid #CCC;
	text-align: center;
	font-size: 0.7em;
}
.labo .top #contents .ad p {
	margin: 5px 0 0;
	padding: 0;
}
.labo #topicPath ol {
	padding: 8px 10px 5px;
	border-bottom: 1px solid #CCC;
}
.labo #topicPath ol li {
	float: left;
	padding: 5px 20px 5px 10px;
	background: url(images/labo_topicpath_arrow.gif) no-repeat left center;
	text-align: left;
	font-size: 0.7em;
}
.labo #topicPath ol li.firstChild {
	padding: 0 20px 0 0;
	background: none;
}



/* labo staff
----------------------------------------------------*/
.labo .staff #contents .section ul {
	padding: 0 20px;
}
.labo .staff #contents .section ul li {
	margin-bottom: 30px;
}
.labo .staff #contents .section ul li table {
	width: 530px;
	margin-top: 1px;
}
.labo .staff #contents .section ul li .img_l {
	margin-right: 15px;
	padding: 5px;
	background: url(images/labo_staff_bg_img.gif) repeat-x left bottom;
}
.labo .staff #contents .section table ul li {
	margin: 0;
	padding-left: 10px;
	font-size: 0.9em;
	background: url(/common/images/common_arrow_gray.gif) no-repeat left center;
}



/* labo equip
----------------------------------------------------*/
.labo .equip #contents #equip_l {
	float: left;
	width: 166px;
	padding-left: 20px;
}
.labo .equip #contents #equip_r {
	float: right;
	width: 166px;
	padding-right: 20px;
}
.labo .equip #contents #equip_l li,
.labo .equip #contents #equip_r li {
	padding: 2px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}
.labo .equip #contents #equip_c {
	width: 380px;
	margin: 0 auto;
	padding: 10px;
	background: #FFFCE0;
	font-size: 0.7em;
}

.labo .equip #contents #equip_c h2 {
	margin-bottom: 5px;
	border-bottom: 1px groove #CCC;
	font-size: 1.2em;
}

.labo .equip #contents #equip_c li {
	background: url(/common/images/common_arrow_gray.gif) no-repeat left center;
	padding-left: 10px;
}




/* labo flow
----------------------------------------------------*/

.labo .flowtop #contents .section  {
	padding: 0 20px;
	margin-bottom: 30px;
}
.labo .flowtop #contents .section h2 {
	margin-bottom: 5px;
	border-bottom: 1px dashed #CCC;
	color: 005bac;
}
.labo .flowtop #contents .section  {
	padding: 0 20px;
	margin-bottom: 30px;
}
.labo .flowtop #contents .section ul {
	margin-left: 15px;
}

.labo .flowtop #contents .section ul li {
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(/common/images/common_arrow_circle.gif) no-repeat left center;
	font-size: 0.8em;
}
.labo .flowtop #contents .ad {
	width: 550px;
	margin: 10px auto;
	padding: 5px 10px;
	border: 5px solid #CCC;
	text-align: center;
	font-size: 0.7em;
}
.labo .flowtop #contents .ad p {
	margin: 5px 0 0;
	padding: 0;
}


.sub #contents ul#Unavi {
	width: 680px;
	margin: 0 auto;
	padding: 5px 10px;
	margin-bottom: 50px;
	border: 3px solid #E9E9E9;
	font-size: 0.7em;
}
.sub #contents ul#Unavi li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
}
.sub #contents ul#Unavi li.lastChild {
	border-right: none;
}



.flowbox {
	clear: both;
	width: 700px;
	margin: 0 auto 10px;
}

.flowbox h2 {
	padding-left: 10px;
	line-height: 35px;
	border-bottom: 1px solid #CCC;
	background:url(/labo/images/labo_flow_head_bg.gif) repeat-x left top;
}
.flowbox ul {
	margin: 10px 0;
}
.flowbox ul li {
	padding-left: 20px;
	background: url(/common/images/common_arrow_gray.gif) no-repeat 10px center;
	color: #732725;
}
.flowbox li,
.flowbox p {
	font-size: 0.8em;
}
.flowbox li p {
	font-size: 1em;
}
.flowbox ol {
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
}
.flowbox ol li {
	padding-top: 10px;
	overflow: hidden;
	width: 700px;
	border-bottom: 1px solid #ddd;
}
.flowbox ol li.even {
	background: #FFFCE0;
}
.flowbox ol li h3 {
	margin: 0 0 5px 10px;
	color: #005bac;
}
.flowbox ol li h3 span {
	margin-left: 3em;
	font-size: 0.8em;
	font-style: normal;
	color: #B2888C;
}
.flowbox ol li p {
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	padding: 10px 15px;
}
.flowbox ol li p.img_l {
	clear: none;
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
.flowbox ol li p.img_l img {
	padding: 2px;
	border: 1px solid #DDD;
	background: #FFF;
}