@import url(./common/css/common.css);
@import url(./common/css/header.css);
@import url(./common/css/footer.css);



.top_image {
	position:relative;
	margin-left:5px;
	background-image: url(images/top/title_image.jpg);
	height:324px;
	background-repeat:no-repeat;
}

.top_image p{
	position:relative;
	width:680px;
	top:120px;
	left:50px;
	line-height:1.7em;
}

.left_area{
	float:left;
	width:200px;
}

.right_area{
	float:right;
	width:520px;
	
}

.left_banner{
	display:block;
	width:180px;
	height:150px;
}

.my_list{
	position:relative;
	height:auto;
	margin-bottom:20px;
	text-align:center;
}

.my_list .ttl{
	height:20px;
	border-bottom:2px #666666 solid;
}

.my_list ul{
	width:98%;
	/*border:1px #000000 solid;*/
	margin-left:auto; margin-right:auto;
	text-align:left;
}

.my_list ul li{
	border-bottom:1px #CCCCCC dotted;
	margin-bottom:5px;
}

.topics{
	background-image:url(images/top/list_ttl_f01.gif);
	background-repeat:no-repeat;
}

.my_diary{
	float:left;
	width:49%;
	background-image:url(images/top/list_ttl_f02.gif);
	background-repeat:no-repeat;
}

.my_diy{
	float:right;
	width:49%;
	background-image:url(images/top/list_ttl_f03.gif);
	background-repeat:no-repeat;
}

.my_contents{
	clear:both;
	background-image:url(images/top/list_ttl_f04.gif);
	background-repeat:no-repeat;
}

.my_contents ul li{
	float:left;
	width:45%;
	margin-right:10px;
}

.my_read{
	margin:5px 0;
	text-align:left;
	
}