@charset "utf-8";



/* PORTFOLIO-web:original
---------------------------------------------------- */

div.webOff {
	background: url(../img/stit_navi01.gif) left bottom no-repeat;
	cursor: pointer;
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 295px;
	z-index:20;
}

div.webOn {
	background: url(../img/stit_navi01.gif) left top no-repeat;
	cursor: pointer;
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 295px;
	z-index:100;
}

div.otherOn {
	background: url(../img/stit_navi02.gif) left top no-repeat;
	cursor: pointer;
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 295px;
	z-index:100;
}

div.otherOff {
	background: url(../img/stit_navi02.gif) left bottom no-repeat;
	cursor: pointer;
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 295px;
	z-index:20;
}

div.hide {
	clear: both;
	display:none;
	width:0;
	overflow:hidden;
	padding: 0;
}

div.show {
	color: #FFF;
	font-size: 80%;
	margin: 0;
	padding: 0;
}


#web_portfolio {
	width: 590px;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#liveWeb {
	clear: both;
	width: 590px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#liveWeb li.top {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0 0px;
	float: left;
}

#liveWeb li.sec {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
	float: left;
}

#liveWeb a {
	display: block;
	margin: 0;
	padding: 0;
}

#liveWeb p {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

p.web-att {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* PORTFOLIO-other:original
---------------------------------------------------- */
#other_portfolio {
	clear:both;
	width: 590px;
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#liveOther {
	width: 590px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#liveOther li.top {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}

#liveOther li.sec {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
	float: left;
}

#liveOther a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#liveOther p {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}



/* PORTFOLIO-inr:original
---------------------------------------------------- */
#back-to-list {
	width: 78px;
	margin: 40px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

#section01 {
	width: 590px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

#section01 dl {
	width:590px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#section01 dt {
	float:left;
	width:125px;
	padding:16px 0px;
	background:url(../img/border_title.gif) no-repeat;
}

#section01 dd {
	float:left;
	width:445px;
	padding:16px 0px;
	margin-left:20px;
	background:url(../img/border_data.gif) no-repeat;
}

#section01 dd p {
	font-size: 16px;
	font-weight: bold;
}

#section01 dd span {
	font-size: 10px;
	color: #8e8e8e;
	vertical-align: middle;
}

#section02 {
	float: right;
	width: 445px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#section02 p.portfolio-ph {
	width: 445px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#section02 #expl01 {
	width: 445px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../../common/img/hpline01.gif) 285px repeat-y;
}

#section02 #expl01 #expltx01 {
	float: left;
	width: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#section02 #expl01 #expltx01 p {
	font-size: 12px;
	line-height: 18px;
}

#section02 #expl01 #expltx01 span.tit {
	font-weight: bold;
}

#section02 #expl01 #expltx01 span.att {
	font-size: 10px;
	line-height: 16px;
}

#section02 #expl01 #expladd01 {
	float: right;
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#section02 #expl01 #expladd01 p {
	font-size: 10px;
	line-height: 15px;
}

#arrow-l {
	float: left;
	width: 29px;
	height: 29px;
	margin: 30px 0px 0px 0px;
}

#arrow-r {
	float: right;
	width: 29px;
	height: 29px;
	margin: 30px 0px 0px 0px;
}