﻿@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;}

/*------------------------------------------
#con01
-------------------------------------------*/
#con01 .photo01{width:301px; position:relative; display:block; float:left;}
#con01 .txt01{width:310px; position:relative; display:block; float:right;}
#con01 .txt01 p{padding-bottom:10px;}
#con01 .txt02{width:630px; position:relative; display:block; float:right;}

/*------------------------------------------
#con02
-------------------------------------------*/
#con02 .photo00{
	width:360px;
	position:relative;
	display:block;
	float:left;
}

#con02 .photo00 .tx{padding-right:4px; margin:4px;}

#con02 .photo01{width:263px; position:relative; display:block; float:left;}

#con02 .photo01 .tx{
	padding-right:4px;
	margin:4px;
	width: 253px;
}

#con02 .photo02{width:630px; position:relative; display:block; float:left;}

#con02 .photo02 .tx{
	width:125px;
	float:left;
}

#con02 .box{
	width:609px;
	border:#666 1px dotted;
	padding:10px;
}

#con02 .box .tx{
	width:600px;
	margin: 0 auto;
}

#con02 .clm00{
	width:629px;
	position:relative;
	display:block;
	background: url(/DRIVE/IMAGES/USEFUL/1007/clm03.gif) repeat-y;
	margin: 0 auto;
}

#con02 .clm00 .tx{
	width:580px;
	position:relative;
	display:block;
	padding-top: 10px;
	margin-left: 25px;
}

#con02 .clm00 .tx1{
	width:300px;
	position:relative;
	display:block;
	margin-left: 5px;
	float: left;
}

#con02 p{padding-top:5px;}

#con02 .photo03{width:195px; position:relative; display:block; float:left; margin-left:20px;}
#con02 .photo04{width:194px; position:relative; display:block; float:left;}
#con02 .photo05{width:193px; position:relative; display:block; float:left; margin-left:20px;}
#con02 .photo06{width:158px; position:relative; display:block; float:left; margin-left:20px;}
#con02 .txt01{width:200px; position:relative; display:block; float:right;}
#con02 .txt01 p{padding-bottom:10px; padding-top:0px;}
#con02 .txt02{width:630px; position:relative; display:block; float:right;}
#con02 .txt01{
	width:352px;
	position:relative;
	display:block;
	float:right;
}
#con02 .box01{
	background: url(/DRIVE/IMAGES/USEFUL/1005/con01_box.jpg) repeat-y;
	width: 355px;
	float: right;
}
#con02 .boxphot{
	width:325px;
	margin-left: 16px;
}
#con02 .boxsub{
	width:165px;
	position:relative;
	display:block;
	float:right;
}
#con02 .boxsub02{
	width:165px;
	position:relative;
	display:block;
	float:left;
}

#con02 p{padding-top:5px;}

/*------------------------------------------
#con03
-------------------------------------------*/
#con03 .contx .txt00{width:590px; margin-left:15px;}
#con03 .photo00{
	width:345px;
	position:relative;
	display:block;
	float:left;
}
#con03 .txt01{
	width:600px;
	position:relative;
	display:block;
	clear: both;
	margin-top: 4px;
}
#con03 .txt01 p{padding-bottom:10px;}

#con03 .photo01{
	width:315px;
	position: relative;
	display: block;
	float:left;
}
#con03 .photo01 .tx{width:95%; padding:4px;}

#con03 .photo02{width:201px; float:right; margin-top:7px;}	
#con03 .photo02 .tx{
	width:201px; 
	text-align:center; 
	background: url(/DRIVE/IMAGES/USEFUL/1006/con02_txbg.gif) repeat-y;
}
#con03 .photo02 .intx{
	width:165px;
	text-align:left;
	margin:0 auto;
	clear:both;
	padding: 4px;
}

#con03 .photo03{
	width:198px;
	position: relative;
	display: block;
	float:left;
	margin:15px 15px 0 0;
}
#con03 .photo03 .tx{width:95%; padding:4px;}

#con03 .photo04{width:252px; position:relative; display:block; float:left;}
#con03 .photo04 .tx{padding-right:4px; margin:4px;}



#con03 .box01{
	width:630px;
	padding-left: 2px;
	margin: 0;
}
#con03 .box01_photo01{
	width:185px;
	position:relative;
	display:block;
	float:left;
}
#con03 .box01_photo01 p{margin-top:2px; margin-bottom:0px;}
#con03 .box01_photo02{
	width:185px;
	position:relative;
	display:block;
	float:left;
}
#con03 .box01_photo02 p{margin-top:2px; margin-bottom:0px;}
#con03 .box01_photo03{
	width:185px;
	position:relative;
	display:block;
	float:right;
}
#con03 .box01_photo03 p{margin-top:2px; margin-bottom:0px;}
#con03 .box01_yaji{
	width:35px;
	position:relative;
	display:block;
	float:left;
}
#con03 .box{
	width:580px;
	border:#75aadf 1px dotted;
	padding:10px;
	margin: 0 auto;
}
#con03 .rightbox{
	width:390px;
	float:right;
}
#con03 .rightbox p{margin-top:3px; margin-bottom:0px;}


/*------------------------------------------
#con04
-------------------------------------------*/
#con04 p{padding-top:5px;}
#con04 .photo00{
	width:197px;
	position:relative;
	display:block;
	float:left;
}
#con04 .txt01{
	width:600px;
	position:relative;
	display:block;
	float:left;
}
#con04 .txt01 p{padding-bottom:10px;}

#con04 .box{
	width:609px;
	border:1px dotted #666;
	padding:10px;
	float:left;
}

#con04 .box01{
	width:630px;
	padding-left: 2px;
	margin: 0;
}

#con04 .photo01{
	width:216px;
	position: relative;
	display: block;
	float:left;
}
#con04 .photo01 .tx{
	width:80%;
	padding:4px;
}

#con04 .yaji{
}
#con04 .yaji2{
}

#con04 .photo02{
	width:219px;
	position: relative;
	display: block;
	float:left;
}
#con04 .photo02 .tx{
	width:80%;
	padding:4px;
}

#con04 .photo03{
	width:192px;
	position: relative;
	display: block;
	float:left;
}
#con04 .photo03 .tx{width:95%; padding:4px;}

#con04 .box .tx{
	width:600px;
	margin: 0 auto;
}

#con04 .box .tx1{
	width:138px;
	margin-right: 10px;
	float:left;
}

#con04 .tx2 p{padding-top:14px;}





/*------------------------------------------
#con05
-------------------------------------------*/
#con05 .box{border:#75aadf 2px solid; padding:15px; background-color:#FFFFFF;}
#con05 .box_left{width:290px; float:left;}
#con05 .box_right{width:282px; float:right; padding-left:15px;}
#con05 .t01{width:88px;}
#con05 .t02{width:246px; padding-top:10px;} 
#con05 .txt01 p{width:280px; padding-top:10px;}


/*------------------------------------------
#con06
-------------------------------------------*/
#con06 .bg01{background: url(/DRIVE/IMAGES/USEFUL/1007/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;}


/*------------------------------------------
#float clear
-------------------------------------------*/
.clear {
	clear:both;
	margin:0;
	padding:0;
	}
