@charset "UTF-8";

/*
------------------------------------------------------------
TOP PAGE CSS file
First Version:	2009.05.01
------------------------------------------------------------
*/

/*
	Portfolio PAGE

*/

/* 00 : Portfolio Common
==========================================================*/
.portfolitCategory {
	float:left;
	width:185px;
	margin:2px 0 8px 0;
	padding:0 0 0 0;
	text-align:left;
	line-height:1.0em;
}
.portfolitCategory:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.portfolitCategory { display: inline-block; }

/* exclude MacIE5 \*/
* html .portfolitCategory { height: 1%; }
.portfolitCategory { display:block; }
/* end MacIE5 */

.portfolitCategory li {
	float:left;
	display:block;
	margin:2px 4px 0 0;
	width:13px;
	height:13px;
	text-indent:-9999px;
}
.portfolitCategory li.details {
	margin:-1px 0 0 14px;
	height:17px;
	text-indent:-9999px;
}
* html .portfolitCategory li.details { margin:0 0 0 6px; }

.portfolitCategory li.gadget { background:url(../images/portfolio/icon_gadget_on.gif) no-repeat 0 0; }
.portfolitCategory li.mobile { background:url(../images/portfolio/icon_mobile_on.gif) no-repeat 0 0; }
.portfolitCategory li.bp { background:url(../images/portfolio/icon_bp_on.gif) no-repeat 0 0; }
.portfolitCategory li.web { background:url(../images/portfolio/icon_web_on.gif) no-repeat 0 0; }
.portfolitCategory li.silver { background:url(../images/portfolio/icon_silver_on.gif) no-repeat 0 0; }
.portfolitCategory li.mobile_app { background:url(../images/portfolio/icon_mobile_app_on.gif) no-repeat 0 0; }

.portfolitCategory li.gadget_off { background:url(../images/portfolio/icon_gadget_off.gif) no-repeat 0 0; }
.portfolitCategory li.mobile_off { background:url(../images/portfolio/icon_mobile_off.gif) no-repeat 0 0; }
.portfolitCategory li.bp_off { background:url(../images/portfolio/icon_bp_off.gif) no-repeat 0 0; }
.portfolitCategory li.web_off { background:url(../images/portfolio/icon_web_off.gif) no-repeat 0 0; }
.portfolitCategory li.silver_off { background:url(../images/portfolio/icon_silver_off.gif) no-repeat 0 0; }
.portfolitCategory li.mobile_app_off { background:url(../images/portfolio/icon_mobile_app_off.gif) no-repeat 0 0; }

#pageBute {
	text-align:center;
	margin:12px 0 0 0 ;
}

#pageBute .current_page { font-weight:bold; }
#pageBute .link_prev { font-weight:bold;padding-right:18px; }
#pageBute .link_before { font-weight:bold;padding-right:18px; }
#pageBute .link_next { font-weight:bold;padding-left:18px; }

/* 01 : Main Contents / Archives Contents
==========================================================*/
.naviPortfolio {
	width:660px;
	margin:-3px 0 0 0;
	padding:0 0 12px 11px;
	background:url(../images/glay_dotted_x.gif) repeat-x left bottom;
}
* html .naviPortfolio { width:650px; }

.naviPortfolio:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.naviPortfolio { display: inline-block; }

/* exclude MacIE5 \*/
* html .disPortfolio{ height: 1%; }
.disPortfolio { display:block; }
/* end MacIE5 */

.naviPortfolio li {
	float:left;
	color:#606060;
	font-size:10px;
}

.naviPortfolio li span { font-weight:bold; }
.naviPortfolio li span a { font-weight:bold; }

.disPortfolio {
	padding:12px 0 12px 11px;
	background:url(../images/glay_dotted_x.gif) repeat-x left bottom;
}
.disPortfolio:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.disPortfolio { display: inline-block; }

/* exclude MacIE5 \*/
* html .disPortfolio{ height: 1%; }
.disPortfolio { display:block; }
/* end MacIE5 */

.disPortfolio li {
	float:left;
	padding-right:10px;
	color:#606060;
	font-size:10px;
}
.disPortfolio li img {
	margin:-1px 3px 0 0;
	vertical-align:middle;
}

.topPortfolio {
	width:670px;
	margin:0;
	background:url(../images/glay_dotted_y.gif) repeat-y 340px center;
}

.topPortfolio:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.topPortfolio { display: inline-block; }

/* exclude MacIE5 \*/
* html .topPortfolio{ height: 1%; }
.topPortfolio { display:block; }
/* end MacIE5 */

.topPortfolio dl {
	float:left;
	padding:10px 10px 0 10px;
	width:320px;
	height:116px;
	background:transparent url(../images/glay_dotted_x.gif) repeat-x left bottom;
}
/* other*/
.topPortfolio dl.odd {
	padding:10px 0 0 10px;
	width:320px;
}

.topPortfolio dt {
	line-height:1.2em;
}

.topPortfolio dt a {
	font-weight:bold;
}

.topPortfolio dd {
	display:block;
	width:320px;
	margin-top:4px;
	font-size:10px;
	line-height:1.4em;
}

.topPortfolio dd p {
	padding:0 4px 0 0;
	text-align:left;line-height:1.4em;
}

.topPortfolio dd img {
	float:left;
	margin:0 6px 0 0;
}

/* first */
dl#firstPortforio {
	width:650px;
	margin-right:10px;
	height:124px;
	background:#ffffff url(../images/glay_dotted_x.gif) repeat-x left bottom;
}
* html dl#firstPortforio {
	margin:0;
	padding:5px 0 0 10px;
	width:650px;
}

dl#firstPortforio dt {
	float:right;
	width:452px;
	padding-top:0;
}

dl#firstPortforio dd {
	float:left;
	width:452px;
	margin:4px 0 0 0;
	font-size:10px;
	line-height:1.4em;
}

dl#firstPortforio dd ul {
	width:452px;
}

dl#firstPortforio dd#firstImg {
	width:198px;
	margin:0 0 0 0;
}

dl#firstPortforio dd p {
	display:block;
	margin:0;
	padding:0;
	width:452px;
	float:right;
	font-size:12px;
}

.topPortfolio dl#firstPortforio ul li.details {
	margin:-1px 0 0 290px;
}
* html .topPortfolio dl#firstPortforio ul li.details { margin:0 0 0 185px; }


/* portfolio Last Empty*/
#portfolioLast {
	float:left;
	padding:10px 0 0 10px;
	width:320px;
	height:116px;
	background:transparent url(../images/glay_dotted_x.gif) repeat-x left bottom;
}


/* 02 : Entry Contents
==========================================================*/
.portfolioEntryLeft,.portfolioEntryRight {
	float:left;
	margin:12px 0 0 0;
}

.portfolioEntryLeft {
	width:312px;
	margin-bottom:20px;
}

.portfolioEntryLeft img {
	margin-bottom:20px;
}

.portfolioEntryRight {
	width:348px;
	padding-bottom:30px;
}

.portfolioEntryRight span.sw {
	font-size:14px;
	font-weight:bold;
}

.portfolioEntryRight a.linkOut {
	display:block;
	width:340px;
	line-height:1.5em;
	background:transparent url(../images/icon_link_out.gif) no-repeat 0 3px;
}

* html .portfolioEntryRight a.linkOut { width:330px;overflow:hidden; }
*+html .portfolioEntryRight a.linkOut { width:330px;overflow:hidden; }

.portfolioEntryRight a.linkOut:hover { background:transparent url(../images/icon_link_out_h.gif) no-repeat 0 3px; }

.portfolioEntryRight a.client {
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	background:transparent url(../images/icon_link_out.gif) no-repeat 0 2px;
}
.portfolioEntryRight a.client:hover { background:transparent url(../images/icon_link_out_h.gif) no-repeat 0 2px; }


.portfolioEntryRight p {
	line-height:1.8em;
	clear:both;
}
.portfolioEntryRight .portfolitCategory { margin:8px 0 0 0; }
* html .portfolioEntryRight .portfolitCategory  { margin:8px 0 -10px 0; }
*+html .portfolioEntryRight .portfolitCategory  { margin:8px 0 -10px 0; }

h4.subheading { clear:both;margin-top:20px; }


#portfolioEntryMore {
	width:650px;
	margin:15px 0 0 10px;
	padding-bottom:15px;
	background:transparent url(../images/glay_dotted_x.gif) repeat-x left bottom;
}
#portfolioEntryMore:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#portfolioEntryMore { display: inline-block; }

/* exclude MacIE5 \*/
* html #portfolioEntryMore { height: 1%; }
#portfolioEntryMore { display:block; }
/* end MacIE5 */

#portfolioEntryMore .EntryMoreRight,#portfolioEntryMore .EntryMoreLeft {
	float:left;
}

#portfolioEntryMore .EntryMoreLeft { width:236px; }
#portfolioEntryMore .EntryMoreRight { width:414px; }
#portfolioEntryMore .EntryMoreRight p { padding:6px 0 0 0; }