@charset "utf-8";


/*
########################################################
  puttlab style
########################################################
*/

.mainImage {
	margin:27px 0 18px;
}

.section {
	width:745px;
	margin-bottom:25px;
}

.section .secTtl {
	margin:0;
	padding:0 0 8px 0;
	background:#ffffff  url(../../common/img/icon03.gif) no-repeat left 0.5em;
}

.section .secTtl h3,
.section .secTtl h4 {
	font-size:100%;
	font-weight:bold;
	padding:0 0 8px 15px;
	background:url(../../common/img/bg_grid02.gif) repeat-x left bottom;
}

.section p.ex {
	margin-bottom:13px;
}

/*exSection*/

.exSection {
	border:1px solid #C8C8C8;
	width:735px;
	padding:4px;
	background:#fff;
}

.exSection .inner {
	width:735px;
	background:#eaeaea;
	float:left;
}

.exSection .image,
.exSection .text {
	float:left
}

.exSection .image {
	width:176px;
}

.exSection .text {
	width:545px;
	margin-left:14px;
}

.exSection .text p,
.exSection .text li {
	color:#767676;
	line-height:1.4
}

.exSection .text p {
	padding-left:10px;
	width:520px;
	margin:3px 0 3px;
}

.exSection .text ol{
	padding-left:25px;
	width:505px;
}

.exSection .text ol li {
	width:250px;
	float:left;
}

/*stepSection*/

.stepSection .inner {
	border:1px solid #C8C8C8;
	width:743px;
	background:url(../img/bg_step_box.gif) repeat-x left bottom;
}

.stepSection.next {
	padding-bottom:9px;
	background:url(../img/ico_step_arrow.jpg) no-repeat center bottom
}

.stepSection .ttl {
	background:url(../img/bg_tt_puttlab.gif) repeat-x left top;
	height:18px;
	width:743px;
}

.stepSection .stepCont {
	padding:12px 15px 12px 10px;
	width:718px;
}

.stepSection .stepCont .imageOne,
.stepSection .stepCont .imageTwo{
	float:left;
}

.stepSection .stepCont .imageOne {
	width:184px;
}

.stepSection .stepCont .imageTwo {
	width:358px;
}

.stepSection .stepCont ul li {
	float:left;
	width:170px;
	margin-right:4px;
}

.stepSection .stepCont .text h4 {
	padding:3px 0 9px
}

.stepSection .stepCont .text p.btn {
	margin-top:15px;
	text-align:right
}

/*sectionCol*/

.sectionColL,
.sectionColR {
	float:left;
	width:367px;
}

.sectionColL {
	margin-right:11px;
}

.section .secTtlT {
	margin-bottom:15px;
}

.colBox {
	background:url(../img/bg_twocol_btm.gif) no-repeat left bottom;
}

.colBox .inner {
	background:url(../img/bg_twocol_top.gif) no-repeat left top;
	padding:18px;
	width:331px;
	position:relative
}

.colBox h5 {
	margin-bottom:9px;
}

.colBox .btnMap {
	position:absolute;
	right:18px;
	top:154px
}

.colBox .inner p.ex {
	margin-bottom:25px
}

.colBox .image {
	margin-bottom:9px;
}*html .colBox .image {
	margin-bottom:11px;
}*+html .colBox .image {
	margin-bottom:11px;
}

.colBox .detailBox {
	width:329px;
	border:1px solid #C8C8C8;
	background:url(../img/bg_box_puttlab.jpg) repeat-x left bottom;
	position:relative
}

.colBox .detailBox .text {
	padding:10px 15px
}

.colBox .detailBox .text .date {
	text-align:center
}
 
.colBox .detailBox .text .btnRetail {
	position:absolute;
	right:15px;
	top:36px
}

/*clearfix*/
.section:after,
.stepSection .stepCont:after,
.exSection:after	{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.section,
.stepSection .stepCont,
.exSection {
	display: inline-block; 
}