/*********************************************** 共通部分はcommon.cssへ移動 */

#left{
	float:			left;
	width:			170px;
	color:			black;
	background:		url(../images/sozai/grad_mono.jpg);
	height: 		550px;
	overflow:		hidden;
}

#left_inside{
	position:		relative;
	top:			10px;
	left:			10px;
/*	right:			10px;
	bottom:			10px;*/
	
	width:			150px;
	height:			530px;
	margin: 0p;
	padding: 0px;
	background:		url(../images/sozai/grad_green.jpg);
	overflow:		hidden;		/*これを入れないとIE6にてwidthがはみ出ることが有る。何故? */
}


#left_inside img{
	position:		relative;
	top:			10px;
	left:			 5px;
	padding:0px;
}

#left_link{
	position:		relative;
	top:			 50px;
	left:			  0px;
	right:			  0px;
	height:			300px;
}



#left_inside p{
	text-align:		center;
	font-weight:	bold;
	margin-bottom:	15px;
	color:			#431D58;
}

.left_menu {
	background: url(../images/sozai/list1.gif) transparent no-repeat  center left;
	padding:		0px 0px 0px 20px;
	float:			left;
	font-size:		0.9em;
	width:			150px;
	line-height:	30px;
	list-style:		none;
}

.left_menu a {
	display:		block;
	text-align:		left;
	text-decoration:none;
	color:			#336633;
}

.left_menu a:hover{
	background:		#ff9;
	color:			#600;
	text-decoration:none;
}


#right {
	float:			right;
	width:			570px;
	height:			100%;
/*	background:		#CB97FF;*/
	font-size:		 82%;
	line-height:	150%;
	overflow:		auto;
/*	background:		#CD8B95;*/
	background:		black;
}


.right_line {
	float:			left;
	width:			 550px;
	line-height:	  0px;		/*IE6用*/
	font-size:		  0%;		/*IE6用*/
	height:			 2px;
/*	background:		black;*/
}

.item {
	float:			left;
	width:			 550px;
	background:		#E0E0E0;
}


.item h1{
	text-align:		center;
	font-size:		140%; 
	line-height:	140%;
	color:			#843C4E;
	margin-top:		20px;
	margin-bottom:	20px;
}

.item h2{
	clear:			 both;
	text-align:		 left;
	font-size:		  90%;
	margin-top:      10px;
	margin-bottom:   10px;
	margin-left:      10px;
}


.item h3{
	clear:			 both;
	text-align:		 center;
	font-size:		 100%;
	margin-top:       5px;
	margin-bottom:    5px;
	color:			#532247;
}


.item p{
	clear:			none;
	text-indent:	1.0em; 
	margin:			0px 10px;
}

.item ol{
	text-align:		left;	
	margin-left:	6.0em;
}

.item ul{
	list-style:		none;
	text-align:		left;	
	margin-left:	3.0em;
}

.item li{
	color:			#295F4E;
}

.item_image_left {
	float:			left;
	margin:			 5px;
}

.item_image_right {
	float:			right;
	margin:			 5px;
}

.item_image_cd {
	float:			left;
	margin:			10px;
}