@charset "utf-8";

#lead {
	margin-left: 20px;
	margin-bottom: 30px;
	padding-left: 12px;
	border-left: 8px solid #000;
	}

#lead h2 {
	margin-bottom: 20px;
	}

#lead p {
	margin-bottom: 15px;
	}

#leadTxt {
	width: 594px;
	background: url(../img/ex1_lead_bg.gif) left top repeat-y;
	}

#leadTxt p {
	float: right;
	width: 325px;
	margin-bottom: 0;
	padding-right: 20px;
	font-size: 12px;
	}

#leadTxt .visual {
	float: left;
	margin-left: 15px;
	display: inline;
	}

/*------------------------------------------------
section
------------------------------------------------*/

.sectionWrp {
	margin-bottom: 30px;
	}

.sectionWrp h3 {
	margin-bottom: 15px;
	}

.section,.sectionTyp02 {
	width: 800px;
	padding-left: 20px;
	}

.section .left {
	float: left;
	width: 440px;
	}

.left p{
	font-size:10px;
	}

.sectionTyp02 .left{
	float:left;
	width:350px;
	}

.sectionTyp02 .left p{
	width:330px;
	font-size:12px;
	line-height:1.6;
	margin-bottom:15px;
}

p.phtBox a img{
	border:#e1e1e1 solid 2px;
	}

p.phtBox a:hover img{
	border:#FF3E7C solid 2px;
	}

p.caption{
	font-size:10px;
	line-height:1.5;
	background-color:#e1e1e1;
	padding:10px;
	margin-bottom:30px;
	}

p.captionLast{
	font-size:10px;
	line-height:1.5;
	background-color:#e1e1e1;
	padding:10px;
	}

.left p.firstNote{
	margin-top:30px;
	}
	
.left p.secondtNote{
	margin-bottom:30px;
	}

.left .code{
	margin:15px auto;
	padding:0 15px;
	}

.sectionTyp02 .left .code{
	width:320px;
	margin:15px 0;
	padding:0 10px 0 0;
	}
	
.code p{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color: #0000FF;
	line-height:1.2;
	padding:15px 15px 0;
	background-color:#FFFFCC;
	}
	
.code p.codeLast{
	padding-bottom:15px;
	}

.sectionTyp02 .left .code p{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color: #0000FF;
	line-height:1.2;
	padding:15px;
	background-color:#FFFFCC;
	width:auto;
	}

.sectionTyp02 .left .code p span{
	color:#ff0000;
	}
	

.section .right {
	float: right;
	width: 320px;
	}

.sectionTyp02 .right{
	float:right;
	width:440px;
	}

.section .right p{
	margin-bottom:15px;
	}

.section .right p.last{
	margin-bottom:0;
	}	

.section .right p.btn{
	text-align:center;	
	margin-bottom:0;
	}

.section .right p.btn a{
	margin-left:10px;
	}
	
.section .right img {
	margin-bottom: 10px;
	}
	
.section .right img.last{
	margin-bottom:0px;
	}	

.sectionWrp .primary{
	margin-bottom:40px;
	}

.sectionWrp a{
	color:#FF6600;
	}

.sectionWrp a:link,
.sectionWrp a:visited{
	text-decoration:underline;
	}

.sectionWrp a:hover{
	text-decoration:none;
	}


/*------------------------------------------------
column
------------------------------------------------*/

#columnWrp{
	margin-bottom:40px;
	}

#column{
	background:url(../img/ex1_sec02_bg01.gif) top left repeat-y;
	padding-bottom:15px;
	}

#column h3{
	padding:10px 0 0 30px;
	}

#column .left{
	float:left;
	width:435px;
	padding:0 0 0 30px;
	}

#column a{
	color:#FF6600;
	}

#column a:link,#column a:visited{
	text-decoration:underline;
	}

#column a:hover{
	text-decoration:none;
	}

#column .left p{
	font-size:12px;
	padding:20px 0 1em;
	}

#column .left p.sample{
	padding:0 0 20px;
	}

#column .left .caption{
	padding:10px;
	background-color:#efefef;
	}

#column .left .caption p{
	padding:0 0 1em;
	font-size:11px;
	line-height:1.3;
	}

#column .left .caption p.last{
	padding:0;
	}

#column .right{
	float:right;
	width:336px;
	padding:20px 20px 0 0;
	}

#column .left #equipment{
	background-color:#efefef;
	padding:10px;
	}

#column dt,
#column dd{
	float:left;
	}