/* CSS Document */

/************ portfolio ***************************/
#portfolio h2.h2_01{background-image:url(../img/portfolio/h2_01.gif);}

#portfolio h3.h3_01{background-image:url(../img/portfolio/h3_01.gif); 
width:205px;
margin-bottom:15px;}
#portfolio h3.h3_02{background-image:url(../img/portfolio/h3_02.gif); width:205px;}

#portfolio .date{
padding:2px 0px 2px 8px;
font-size:11px;
line-height:11px;
border-bottom:#c0c0c0 solid 1px;
border-left:4px solid #000000;
letter-spacing:1px;
font-weight:bold;
}
#portfolio .title{
margin:0px 0px 5px 0px;
font-size:20px;
line-height:45px;
border-top:2px solid #FFFFFF;
color:#000000;
letter-spacing:1px;
margin-left:8px;
}
#portfolio .title a{
color:#006699;
}
#portfolio .title a:hover{
color: #666666;
text-decoration:underline;
}
#portfolio p.entry{
padding:10px 0px 10px 0px;
font-size:11px;
text-align:right;
float:right;
border-top:#ffffff solid 2px;
}
#portfolio p.entry a{
color:#006699;
}
#portfolio .entry2{
padding:20px 0px 10px 0px;
border-bottom:#c0c0c0 solid 1px;
font-size:11px;
line-height:22px;
text-align:right;
}
#portfolio .entry2 a{
color: #006699;
}
#portfolio p.more{
padding:10px 0px 10px 0px;
font-size:11px;
line-height:22px;
text-align:right;
}
#portfolio p.more a{
color: #0066CC;
}
#portfolio p.more a:hover{
color: #0066CC;
text-decoration:underline;
}

#portfolio ul.nextprev{
font-size:11px;
line-height:22px;
text-align:right;
}
#portfolio ul.nextprev li{
background:url(../img/foot_list_tri.gif) no-repeat 0px 5px;
padding:0px 0px 0px 17px;
margin:0px 18px 7px 0px;
list-style: none;
float:left;
}
#portfolio ul.nextprev li a{
color: #000000;
}
#portfolio ul.nextprev li a:hover{
color: #0066CC;
text-decoration:underline;
}

#portfolio h6{
	background-image:url(../img/portfolio/h6_01.gif);
	margin:0px auto;
	width:567px;
	height:23px;
}

#portfolio #portfolio div.commentBox{
	width:568px;
	height:110px;
	padding:20px 28px;
	margin:20px 0px;
	background:url(../img/portfolio/contBox_bg.gif) no-repeat 0px 0px;

}

#portfolio #box{
	width:620px;
	padding:5px 0px;
	margin:20px 0px;
	clear: both;
}
#portfolio #box .photo{
	width:266px;
	padding:0px;
	margin:0px 5px 10px 0;
	float: left;
}
#portfolio #box dl.portfolio{
	height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 14px 0px;
	float:right;
	width: 320px;
}
#portfolio #box dl.portfolio dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:1px;
	font-size:10px;
	color:#2b456d;
	font-weight:bold;
	line-height: 20px;
}
#portfolio #box dl.portfolio dd{
width:100%;
	height:15px;
	background:#2b456d;
	color:#FFFFFF;
	float:left;
	margin:0px 10px 5px 0px;
	padding:5px;
	letter-spacing:0.5px;
}
#portfolio #box dl.portfolio dd a{
color:#000000;
text-decoration:underline;
}
#portfolio #box dl.portfolio dd a:hover{
color:#0066CC;
text-decoration:none;
}
#portfolio #box dl.portfolio p{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	background:url(../img/top/portfolio_icon.gif) no-repeat 0px 4px;
	letter-spacing:1px;
	width: 285px;
}

#portfolio #portfolio p.commentBox{
	margin-top:10px;
}


#portfolio dl.portfolio dd a{
color:#000000;
text-decoration:underline;
}
#portfolio dl.portfolio dd a:hover{
color:#0066CC;
text-decoration:none;
}
#portfolio dl.portfolio dd2{
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	letter-spacing:1px;
	font-size:10px;
	color:#2b456d;
	font-weight:bold;
	width: 300px;
}

#portfolio #btn{
	margin:40px auto 0px auto;
	width: 343px;
	height:73px;
}
