﻿@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 .tx{
	width: 320px;
	float: right;
	text-align: left;
}


/*------------------------------------------
#con01
-------------------------------------------*/

#con01{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con01 p{margin-bottom:1em;}

#con01 .phot01{
	width: 306px;
	float: left;
}

#con01 .txt01{
	width: 310px;
	float: right;
	position:relative;
	display:block;
}

#con01 .phot02{
	width: 415px;
	float: left;
}

#con01 .phot02 p{
	width: 196px;
	position:relative;
	display:block;
	padding-top: 3px;
}

#con01 .phot03{
	width: 198px;
	float: right;
}

#con01 .phot04{
	width: 415px;
	float: left;
}

#con01 .phot04 p{
	width: 178px;
	position:relative;
	display:block;
	padding-top: 3px;
}

#con01 .dotbox{
	width: 180px;
	position:relative;
	display:block;
	padding: 10px 0 7px 17px;
	border:dotted 1px #999;
	float:right;
}

#con01 .dotbox p{
	width: 158px;
	position:relative;
	display:block;
}


/*------------------------------------------
#con02
-------------------------------------------*/

#con02{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con02 p{margin-bottom:1em;}

#con02 .txt01{
	width: 310px;
	float: right;
	position:relative;
	display:block;
}

#con02 .phot01{
	width: 306px;
	float: left;
}

#con02 .phot02{
	width: 196px;
	float: left;
}

#con02 .phot03{
	width: 196px;
	float: left;
	margin-left:19px;
}

#con02 .phot04{
	width: 196px;
	float: right;
}

#con02 .phot05{
	width: 415px;
	float: left;
}

#con02 .phot05 p{
	width: 178px;
	position:relative;
	display:block;
	padding-top: 3px;
}


#con02 .phot02 p{
	width: 196px;
	position:relative;
	display:block;
	padding-top: 3px;
}


#con02 .dotbox{
	width: 180px;
	position:relative;
	display:block;
	padding: 10px 0 7px 17px;
	border:dotted 1px #999;
	float:right;
}

#con02 .dotbox p{
	width: 158px;
	position:relative;
	display:block;
}

#con02 .point{
	width: 630px;
	position:relative;
	display:block;
	background: url(/DRIVE/IMAGES/USEFUL/1101/point_base.gif) repeat-y;
}


#con02 .p_phot01{
	width: 187px;
	position:relative;
	display:block;
	float:left;
	margin-left:15px;
}

#con02 .p_phot01 p{
	width: 187px;
	position:relative;
	padding-top:3px;
}

#con02 .p_dotbox{
	width: 178px;
	position:relative;
	display:block;
	padding: 10px 0 7px 17px;
	border:dotted 1px #999;
	float:left;
	margin-left: 14px;
	margin-top: 26px;
}

* html #con02 .p_dotbox  {
	width: 168px;
	position:relative;
	display:block;
	padding: 10px 0 7px 10px;
	border:dotted 1px #999;
	float:left;
	margin-left: 14px;
	margin-top: 26px;
}

#con02 .p_dotbox p{
	width: 162px;
	padding-top:3px;
}










/*------------------------------------------
#con06
-------------------------------------------*/
#con06 .bg01{background: url(/DRIVE/IMAGES/USEFUL/1101/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;}
