@charset "utf-8";
/* useful contents page style set */

#read,#con01,#con02,#con03,#con04,#con05,#con06,
 hr{clear:both; border:none; margin-bottom:24px;}

/*------------------------------------------
#index_point
-------------------------------------------*/
#index_point .contx .photo01{width:300px; height:180px; position:relative; display:block; float:left;}
#index_point .contx .txt01{width:330px; position:relative; display:block; float:right;}
#index_point .contx .txt01 p{margin-bottom:1em;}



/*------------------------------------------
#con00
-------------------------------------------*/

#con00{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con00 p{margin:1em;}

#con00 .tx{
	width: 310px;
	float: right;
	text-align: left;
}

#con00 .tx2{
	width: 420px;
	float: right;
	padding-top:10px;
	text-align: left;
}

#con00 .dotbox{
	width: 604px;
	border: 1px dotted #999;
	padding:12px;
	margin-top: 15px;
}

#con00 .dotphot{
	width: 160px;
	padding-top:5px;
	float:left;
}

#con00 .photbase{
	width: 630px;
	background: url(/DRIVE/IMAGES/USEFUL/1102/con00_img01.jpg) no-repeat;
	height: 227px;
}


/*------------------------------------------
#con01
-------------------------------------------*/

#con01{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con01 p{
	margin-bottom:1em;
	padding-top: 1em;
}

#con01 .photbase{
	width: 630px;
	background: url(/DRIVE/IMAGES/USEFUL/1102/con01_img01.jpg) no-repeat;
	height: 197px;
}

#con01 .phottxt{
	width: 330px;
	float:right;
	padding-top: 126px;
}

#con01 .txt01{
	width: 630px;
	position:relative;
	display:block;
}

#con01 .phot01{
	width: 286px;
	position:relative;
	display:block;
	float:left;
}

#con01 .phot01 p{
	padding-top:3px;
	margin:0;
}

#con01 .phot02{
	width: 302px;
	height:190px;
	position:relative;
	display:block;
	float:right;
	background: url(/DRIVE/IMAGES/USEFUL/1102/con01_img03.gif) no-repeat;
	padding: 30px 10px 10px 10px;
}

#con01 .phot02 p{
	width:118px;
	float:right;
}



/*------------------------------------------
#con02
-------------------------------------------*/

#con02{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con02 p{margin-bottom:1em;}

#con02 .txt01{
	width: 360px;
	float: left;
	position:relative;
	display:block;
}

#con02 .phot02{
	width: 216px;
	float: left;
}

#con02 .phot02 p{
	width: 186px;
	position:relative;
	display:block;
	padding-top: 3px;
	margin:0;
}

#con02 .phot03{
	width: 212px;
	float: left;
	margin-left:10px;
}

#con02 .phot03 p{
	width: 186px;
	position:relative;
	display:block;
	padding-top: 3px;
	margin:0;
}

#con02 .phot04{
	width: 184px;
	float: right;
}

#con02 .phot04 p{
	width: 186px;
	position:relative;
	display:block;
	padding-top: 3px;
	margin:0;
}



/*------------------------------------------
#con03
-------------------------------------------*/

#con03{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con03 p{
	margin-bottom:1em;
	padding-top: 1em;
}

#con03 .phot01{
	width: 193px;
	float: left;
	margin-right:24px;
}

#con03 .phot01 p{
	width: 193px;
	position:relative;
	display:block;
	padding-top: 3px;
	margin:0;
}

#con03 .phot02{
	width: 193px;
	float: left;
}

#con03 .phot02 p{
	width: 193px;
	position:relative;
	display:block;
	padding-top: 3px;
	margin:0;
}

#con03 .dotbox{
	width: 600px;
	position:relative;
	display:block;
	padding: 15px;
	margin:0;
	border:1px dotted #999;
}

#con03 .dotphot{
	width: 343px;
	position:relative;
	display:block;
	float:right;
}

#con03 .dotphot p{
	width: 343px;
	position:relative;
	display:block;
	padding-top:10px;
	margin:0;
}

#con03 .chainbox{
	width: 630px;
	position:relative;
	display:block;
	background: url(/DRIVE/IMAGES/USEFUL/1102/con03_img10.gif) repeat-y;
}

#con03 .chainbox_phot{
	margin-left:25px;
	float:left;
}

#con03 .chainbox p{
	width: 440px;
	position:relative;
	display:block;
	padding:0 20px 0 10px;
	float: right;
}









/*------------------------------------------
#con06
-------------------------------------------*/
#con06 .bg01{background: url(/DRIVE/IMAGES/USEFUL/1102/con6_bg.jpg) repeat-y;}
#con06 .bg01 .img01{
	float:left;
	padding-left:20px;
}
#con06 .bg01 .txt01{width:160px; padding-left:5px; float:left;}
#con06 .bg01 .txt01 .fontA{padding-bottom:2px; line-height:110%; font-size:12px; font-weight:bold;}
#con06 .bg01 .txt01 .fontB{line-height:110%; font-size:10px; letter-spacing:inherit;}
#con06 .bg01 .img02{
	padding-left:5px;
	float:left;
}
#con06 .bg01 .txt02{width:160px;padding-left:5px; float:left;}
#con06 .bg01 .txt02 .fontA{padding-bottom:2px; line-height:110%; font-size:12px; font-weight:bold;}
#con06 .bg01 .txt02 .fontB{line-height:110%; font-size:10px; letter-spacing:inherit;}

/*------------------------------------------
#float
-------------------------------------------*/
.left{float:left;}
.right{float:right;}