/* CSS Document of a h_home model for nx2.jp
 * Copyright Kei Kubo sns@nx2.jp 
 */
#info{
border: #dfdfdf 1px dashed;
margin: 0 20px 0 20px;
padding: 10px 0 10px 15px;
}

#info form{
float:right;
width:80px;
height: 80px;
 }

#top_info{
width:730px;
height:240px;
margin:15px;
padding:10px;
background: #EDF3FE;
}
#top_info h4{
font-size: 1.1em;
margin: 0 0 10px 0;
font-weight: bold;
height: 20px;
text-decoration: none;
color: #000000;
display: block;
padding: 5px 0 0 8px;
background: #EDF3FE;
border-bottom: none;
text-align:center;
}
#top_info img.top{
margin-top:10px;
padding:0;
float:left;
border:0px;
}#top_info img{
border:0px;
}
.top_pict{
float:left;
margin:0;
padding:0;
width:185px;
height:205px;
}
.top_pict p{

float:left;
margin-left:20;
padding:0;
}
.diary_list{
width: 480px;
margin-left:230px;
padding:0;
}
#top_info .diary_list h4{
text-align: left;
}
#top_info .right_more{
margin:10px 15px 10px 0;
padding:0;
width:732px;
float:right;
text-align:right;
}
#top_info .diary_list ul{
width:480px;
margin:0;
padding:0;
 list-style:disc;
}
#top_info .diary_list li{
	text-align:left;
}

#top_info .topic_list ul{
width:302px;
float:right;
margin:0;
padding:0;}
#top_info .topic_list li{
	display:inline;
	float:right;
	width:298px;
	height:18px;
	display:block;
	line-height:26px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:left;}

#leftside {
color: inherit;
clear: both;
float: left;
width:260px;
margin: 0 5px 10px 10px;
padding: 0px;
font-size: 1.0em;
text-align:left;
border-right:1px solid #dfdfdf;
}
#leftside img{
	padding: 1px;
	display:inline;
	margin:0;
	border: 1px solid #ff6600;
	background-color: #EDF3FE;
 max-height: 75px;
 max-width: 75px;
}

.rightside p{
 color: #333333;
 margin:0;

}

.rightside .link{
 color:#999999;
 font-size: 0.9em;
 margin:0 0 15px 0;
}

.rightside hr{border:1px dashed #ff6600;}
.rightside h4{margin-top:20px;}
.rightside {
	margin-left: 5px;
	width: 500px;
	margin:0 15px 20px 0;
	float:right;
}

.rightside li{
 line-height: 180%;
 list-style-image: url(list.gif);
}

.photolist {
	width: 255px;
	_overflow: auto;
	margin-right: -1px;
	margin-left: -1px;
	margin-bottom: 20px;
}
*+html .photolist {
	overflow: auto;
}
.photolist:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}
ul.photolist {	
float:left;
list-style: none;
width: 255px;
margin: 0 10px 20px 0;
padding: 0;
font-size: 1.1em;
}	
.photolist li {
	float: left;
	width: 77px;
	height:77px;
	padding: 1px 6px 0px 0px;
	color: #ff6600;
	font-size: 11px;
	line-height: 1.2em;
	min-height: 10em;
	_height: 10em;
}
.photolist li a {
	text-align: center;
	vertical-align: middle;
	_vertical-align: baseline;
	display: table-cell;
	_display: block;
	margin: 0px 0px 3px;
	_margin: 0px 0px 4px;
	height: 77px;
	_height: auto;
	width: 77px;
	background: #efefef;
}

.rightside li a:hover {
 color: #83ccd2;
}

