@charset "utf-8";
/* Basic Setting
------------------------*/
#bg {
	height:1300px;
}
/* Contents-Basic Settings
------------------------*/
h2 {
	display:block;
	position:absolute;
	top:162px;
	width:900px;
	height:319px;
}
#portfolio {
	display:block;
	position:absolute;
	top:162px;
	width:900px;
	height:319px;
}
#portfolio ul#mainimg {
	list-style:none;
margin:0;
padding:0;
	height:319px;
}
#banner {
	position:absolute;
	top:484px;
	width:688px;
	height:186px;
	background-color:#CCC;
}
#cont_sub {
	position:absolute;
	top:484px;
	left:692px;
	height:701px;
}
/* Info
------------------------*/
#info {
	position:absolute;
	top:688px;
	width:688px;/*485*/
	height:214px;
	background-color:#FFFFFF;
}
p#rss {
	position:absolute;
	top:17px;
	left:621px;
}
#info ul {
	list-style:none;
	margin:9px 0 0 2px;
}
#info ul li {
	font-size:12px;
	margin:8px 0 0 0;
}
#info ul li a {
	color:#000000;
}
#info ul li a:hover {
	color:#7787D4;
}
#info ul li .icon img {
	vertical-align:middle;
}
#info ul li .date {
	color:#787878;
	margin:0 20px 0 10px;
}
#info p {
	font-size:12px;
	margin:0 7px 0 0;
}
#info p a {
	color:#0024D4;
}
#info p a:hover {
	color:#7787D4;
}
#info p.more {
display:block;
width:260px;
	font-size:12px;
	margin:0 7px 0 410px;
	padding:0 0 0 12px;
	background-image:url(images/icon.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}
/* Blog List
------------------------*/
#bloglist {
	position:absolute;
	top:896px;/*800*/
	width:688px;
	height:289px;/*385*/
	background-color:#FFFFFF;
}
#bloglist li a {
	color:#000000;
	text-decoration:none;
}
#bloglist li a:hover {
	color:#7787D4;
	text-decoration:underline;
}
#bloglist ul {
	margin:10px 11px 0 5px;
	list-style:none;
}
#bloglist ul li {
/*position:relative;*/
float:left;
	font-size:10px;
	display:block;
	width:220px;/*330*/
	height:60px;
	margin:0;
	padding:0;
}
#bloglist ul li .image img {
	float:left;
	vertical-align:top;
	margin:0 4px 0 0;
}
#bloglist ul li .title {
	display:block;
	margin:0 0 0 20px;
	padding:0;
	width:160px;/*260*/
	height:15px;
	overflow:hidden;
	font-size:10px;
	line-height:2;
}
#bloglist ul li .auther {
	display:block;
	margin:0 0 0 20px;
	padding:0;
	width:154px;
	height:15px;
	overflow:hidden;
}
/*#bloglist ul li .mark {
position:absolute;
top:0;
left:0;
display:block;
margin-left:-5px;
font-size:200%;
font-weight:bold;
color:#7887D4;
}*/

#bloglist ul li .blogtitle {
	display:block;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin:0 19px 0 0;
	padding:0;
}
#bloglist p.more {
margin-right:15px;
padding-left:12;
text-align:right;
	font-size:12px;
	background-image:url(images/icon.gif);
	background-position:57% 99.5%;
	background-repeat:no-repeat;
}
#bloglist p.more a {
	color:#0024D4;
}
#bloglist p.more a:hover {
	color:#7787D4;
}

/* Footer
------------------------*/

#footer {
	position:absolute;
	top:1187px;
}
#footer ul {
	position:absolute;
	top:10px;
	left:600px;
}
#footer #copy {
	position:absolute;
	top:34px;
	right:12px;
}
#btmline {
	position:absolute;
	top:1285px;
}