﻿@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: 300px;
	float: right;
	text-align: left;
}

#con00 .tx2{
	width: 264px;
	float: left;
	text-align:left;
	margin:0;
}

#con00 .phot01{
	width: 170px;
	float: left;
	margin-left: 15px;
}

#con00 .phot02{
	width: 170px;
	float: right;
	margin:0;
}

#con00 p{
	padding:3px 0 0 0;
}



/*------------------------------------------
#con01
-------------------------------------------*/

#con01{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con01 .tx{
	width: 630px;
	padding-bottom: 10px;
}


#con01 .phot01{
	width: 200px;
	float: left;
	margin-right: 15px;
}

#con01 .phot01 p{
	padding-top: 3px;
	margin:0;
}

#con01 .phot02{
	width: 200px;
	float: left;
	margin:0;
}

#con01 p{
	padding:3px 0 0 0;
}


#con01 .point{
	width: 630px;
	background: url(/DRIVE/IMAGES/USEFUL/1012/con01pbg.gif) repeat-y;
}

#con01 .p-phot01{
	width: 187px;
	float: left;
	margin-left: 15px;
}

#con01 .p-phot02{
	width: 187px;
	float: left;
	margin:0;
}



/*------------------------------------------
#con02
-------------------------------------------*/

#con02{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con02 .tx{
	width: 630px;
	padding-bottom: 10px;
}

#con02 p{
	padding:3px 0 0 0;
}


#con02 .phot02{
	width:180px;
	position:relative;
	display:block;
	float:left;
	padding-top: 3px;
}

#con02 .phot01{
	width:180px;
	position:relative;
	display:block;
	float:left;
	padding-right: 10px;
	padding-top: 3px;
}

#con02 .next{
	width:23px;
	float:left;
	padding-right: 10px;
}







/*------------------------------------------
#con03
-------------------------------------------*/

#con03{
	width:630px;
	margin:0 auto;
	position:relative;
	display:block;
}

#con03 p{
	padding:3px 0 0 0;
}

#con03 .tx{
	width: 630px;
	padding-bottom: 10px;
}

#con03 .phot02{
	width:213px;
	position:relative;
	display:block;
	float:left;
	padding-top: 5px;
}

#con03 .phot01{
	width:354px;
	position:relative;
	display:block;
	float:left;
	padding-right: 10px;
	margin-left: 15px;
	padding-top: 5px;
}

#con03 .next{
	width:23px;
	float:left;
	padding-right: 10px;
}





/*------------------------------------------
#con04
-------------------------------------------*/

#con04 .dot-box{
	width:600px;
	margin:30px auto;
	position:relative;
	display:block;
	border: 1px dotted #999;
	padding: 15px;
	text-align: center;
	clear: both;
}

#con04 .phot{
	width:275px;
	position:relative;
	display:block;
	text-align: left;
	float:left;
	padding: 10px 0 10px 3px;
}

#con04 .phot p{
	width:255px;
	position:relative;
	display:block;
	padding: 5px 0;
}

#con04 .phot02{
	width:303px;
	position:relative;
	display:block;
	float:right;
	padding: 10px 0;
	text-align: left;
}

#con04 .phot02 p{
	width:145px;
	position:relative;
	display:block;
	float:right;
}


/*------------------------------------------
#con06
-------------------------------------------*/
#con06 .bg01{background: url(/DRIVE/IMAGES/USEFUL/1010/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;}
