@charset "UTF-8";

/*-------------------------------------

// basecolor

-------------------------------------*/

#header ul li a.basecolor{
	background-position:-218px -25px;
}

/*sectionHowto
--------------------------------*/
#sectionHowto{}

#sectionHowto .article1,
#sectionHowto .article2{
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
}


/*article1
-------------------*/
#sectionHowto .article1{
	border-bottom:1px dashed #666;
	padding-bottom:35px;
}
#sectionHowto .article1 .container{
	width:435px;
	float:left;
}
	#sectionHowto .article1 .container p{
		margin-bottom:1em;
		font-size:75%;
		line-height:1.6;
	}
	#sectionHowto .article1 .container .writing p{
		margin-left:7px;
	}

#sectionHowto .article1 .figure{
	float:right;
}

/*article2
-------------------*/
#sectionHowto .article2 p.heading{
	margin-bottom:15px;
}
#sectionHowto .article2 img.figure{
	float:left;
}
#sectionHowto .article2 dl{
	width:378px;
	height:243px;
	float:right;
}

	#sectionHowto .article2 dl dt,
	#sectionHowto .article2 dl dd{
		text-indent:-9999px;
		overflow:hidden;
	}
	#sectionHowto .article2 dl dt{height:26px;}
	#sectionHowto .article2 dl dd{height:37px;}

	#sectionHowto .article2 dl dt.list1{background:url(../images/word-image-ttl1.gif) no-repeat}
	#sectionHowto .article2 dl dt.list2{background:url(../images/word-image-ttl2.gif) no-repeat}
	#sectionHowto .article2 dl dt.list3{background:url(../images/word-image-ttl3.gif) no-repeat}
	#sectionHowto .article2 dl dt.list4{background:url(../images/word-image-ttl4.gif) no-repeat}
	#sectionHowto .article2 dl dd.list1{background:url(../images/word-image-date1.gif) no-repeat}
	#sectionHowto .article2 dl dd.list2{background:url(../images/word-image-date2.gif) no-repeat}
	#sectionHowto .article2 dl dd.list3{background:url(../images/word-image-date3.gif) no-repeat}
	#sectionHowto .article2 dl dd.list4{background:url(../images/word-image-date4.gif) no-repeat}


/*sectionKensyo
--------------------------------*/
#sectionKensyo{
	background:url(../images/bg-sectionkensyo-mid.jpg) repeat-y ;
	margin-bottom:30px;
}

/*container1
-------------------*/
#sectionKensyo .container1{
	background:url(../images/bg-sectionkensyo-top.jpg) no-repeat 0 27px;
}

	#sectionKensyo .jikken1{
		width:411px;
		float:left;
		margin-left:16px;
	}
	#sectionKensyo .jikken2{
		width:377px;
		float:left;
	}
		#sectionKensyo .jikken1 dl dt,
		#sectionKensyo .jikken2 dl dt{
			float:left;
		}
		#sectionKensyo .jikken1 dl dd,
		#sectionKensyo .jikken2 dl dd{
			float:left;
			width:257px;
			font-size:75%;
			line-height:1.6;
		}

		#sectionKensyo .jikken1 img.figre,
		#sectionKensyo .jikken2 img.figre{
			clear:both;
		}
		#sectionKensyo .jikken2 p.notes{
			font-size:63%;
			margin:5px 0 0 30px;
		}
/*container2
-------------------*/
#sectionKensyo .container2{
	clear:both;
	background:url(../images/bg-sectionkensyo-btm.jpg) no-repeat bottom;
	padding-bottom:20px;
}

	#sectionKensyo .container2 #aboutPowder{
		background:#ffffcb;
		margin:15px 20px 0 20px ;
		padding:25px 15px 25px 25px;
	}
		#sectionKensyo .container2 #aboutPowder .container{
			width:515px;
			float:left;
		}
		#sectionKensyo .container2 #aboutPowder .writing{
				margin:10px;
				font-size:75%;
				line-height:1.6;
			}
		#sectionKensyo .container2 #aboutPowder .figure{
			float:right;
		}



/*-------------------------------------

// clearfix

-------------------------------------*/
#sectionKensyo .container2 #aboutPowder:after,
#sectionKensyo .container1:after,
#sectionHowto .article1:after,
#sectionHowto .article2:after,
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html #sectionKensyo .container2 #aboutPowder,
* html #sectionKensyo .container1,
* html #sectionHowto .article1,
* html #sectionHowto .article2,
* html .clearfix{
	display:inline-block;
}
#sectionKensyo .container2 #aboutPowder,
#sectionKensyo .container1,
#sectionHowto .article1,
#sectionHowto .article2,
.clearfix{
	height:1%;
}