@charset "utf-8";

/*------ portfolio index ------*/

#portfolio .catch{
	padding: 0;
	margin-top: 10px;
	color: #006699;
	font-weight: bold;
}

#portfolio div.boxL02{
	float: left;
	}
	
#portfolio div.boxR02{
	float: right;
	margin: 0;
	width: 420px;
	padding: 0;
	border: none;
}

#portfolio div.boxR02 p{
	margin-top: 0;
	padding-top: 0;
	border: none;
	font-size: 14px;
	font-weight: bold;
}

#portfolio div.boxR02 p a{
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: none;
}

#portfolio div.box div.boxR02 .visual{
	padding: 0;
	border: none;
	margin-top: 20px;
}

#portfolio div.boxR02 .visual img{
	margin-right: 20px;
	float: left;
}

#portfolio div.boxR02 .next a{
	text-align: right;
	padding-left: 10px;
	background: url("/common/image/icon_arrow03.gif") no-repeat 0 0.3em;
}

#portfolio div.boxR02 p.next{
	margin-top: 10px;
}

/*------ portfolio under ------*/

#portfolio .box p{
	margin: 0;
	padding: 0;
}

#portfolio .boxL{
	margin: 0;
	width: 290px;
	padding: 0;
	border: none;
}

#portfolio .boxR{
	margin: 0;
	width: 355px;
	padding: 0;
	border: none;
}

#portfolio .boxR p{
	margin-top: 20px;
	padding: 0;
	border: none;
	font-size: 16px;
	font-weight: bold;
}

#portfolio .boxR p a{
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: none;
}

#portfolio .boxR .visual{
	padding: 0;
	border: none;
	vertical-align: bottom;
}

#portfolio .boxR .visual img{
	margin-left: 20px;
	float: right;
}

#portfolio .box h3{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	background: none;
	color: #006699;
	border: none;
	
}

#portfolio .table02{
	margin-top: 30px;
	padding: 0;
	border: none;
}

#portfolio .table02 th, .table02 td{
	border: none;
	padding: 13px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}

#portfolio .table02 th{
	background: none;
	background-color: #006699;
	color: #FFF;
	text-align: center;
}

#portfolio .table02 th.bgPink{
	background-color: #FF3366;
}


#portfolio .table02 td{
	background-color: #FFF;
	color: #433E3A;
}

#portfolio .box02{
	width: 665px;
	padding: 0;
}

#portfolio .box02 h3,#portfolio .box02 p{
	margin-top: 0;
	padding: 0;
	background: none;
}

#portfolio .box02 p{
	margin-bottom: 0;
	padding: 0;
	background: none;
}

#portfolio .box02 .boxL{
	margin-top: 20px;
	padding: 0;
	background: none;
	width: 510px;
	float: left;
}

#portfolio .box02 .boxR{
	margin: 20px 0 0 0;
	padding: 0;
	background: none;
	float: right;
	width: 140px;
}

#portfolio .box02 .boxL p, #portfolio .box02 .boxR p{
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#portfolio p{
	font-size: 14px;
}

#portfolio p.center{
	text-align: center;
}

#portfolio .box03{
	margin-top: 30px;
}

#portfolio .box03 h3{
	background: url("/portfolio/img/bg-sub01.gif") no-repeat 0 0;
	padding: 15px 0 0 15px;
	margin: 0;
	color: #433E3A;
	font-size: 16px;
}

#portfolio .box03 .inner{
	background: url("/portfolio/img/bg-sub02.gif")  no-repeat 0 100%;
	padding: 15px 0 0 15px;
	margin-bottom: 20px;
	color: #433E3A;
	font-size: 14px;
}

#portfolio .box03 .inner p{
	width: 635px;
	margin-top: 0;
	padding: 0 0 15px 0;
}

#portfolio .box04{
	margin-top: 0;
	width: 550px;
}

#portfolio .box04 table{
	font-size: 12px;
}

#portfolio .box04 th, #portfolio .box04 td{
	padding: 7px 0 7px 12px;
	background: url("/common/image/icon_list01.gif") no-repeat 0 0.8em;
}

#portfolio table .small {
	font-size: 80%;
	margin:2px 0 ;
	padding:0;
}


/*------ portfolio category index ------*/


.entries p{
	margin-top: 12px;
}

.entries td img{
	margin-top: 22px;
}

.entries td h3 img{
	margin-top: 0px;
}

.entries .caption{
	font-size: 85%;
	line-height: 1.5;
	margin: 5px;
}

.entries .caption img{
	margin-top: 0;
}

.entries img.imgOut{
	margin-top: 0;
	vertical-align: middle;
}

.icon {
	margin-top: 20px;
}