/********************
Category Navigation
********************/
#s_n h3{
	background: url('../images/common/page_title_ja_04.png') no-repeat;
}


#s_n ul {
	width: 80px;
}

#s_n li{
	width: 80px;
	height :30px;
	overflow: hidden;
}

#s_n li a{
	display: block;
	width: 80px;
	height: 30px;
	background: url('../images/portfolio/category_navi_pf.png') no-repeat;
	text-indent: -9999px;
}

#s1 a:link,
#s1 a:visited{ background-position:    0   0; }
.cat01 #s1 a { background-position: -160px 0; }
#s1 a:hover  { background-position:  -80px 0; }
#s1 a:active { background-position: -160px 0; }

#s2 a:link,
#s2 a:visited{ background-position:   0   -30px ; }
.cat02 #s2 a { background-position:-160px -30px ; }
#s2 a:hover  { background-position: -80px -30px ; }
#s2 a:active { background-position:-160px -30px ; }

#s3 a:link,
#s3 a:visited{ background-position:    0   -60px; }
.cat03 #s3 a { background-position: -160px -60px; }
#s3 a:hover  { background-position:  -80px -60px; }
#s3 a:active { background-position: -160px -60px; }

#s4 a:link,
#s4 a:visited{ background-position:    0   -90px; }
.cat04 #s4 a { background-position: -160px -90px; }
#s4 a:hover  { background-position:  -80px -90px; }
#s4 a:active { background-position: -160px -90px; }

#s5 a:link,
#s5 a:visited{ background-position:    0   -120px; }
.cat05 #s5 a { background-position: -160px -120px; }
#s5 a:hover  { background-position:  -80px -120px; }
#s5 a:active { background-position: -160px -120px; }

#s6 a:link,
#s6 a:visited{ background-position:    0   -150px; }
.cat06 #s6 a { background-position: -160px -150px; }
#s6 a:hover  { background-position:  -80px -150px; }
#s6 a:active { background-position: -160px -150px; }

#s7 a:link,
#s7 a:visited{ background-position:    0   -180px; }
.cat07 #s7 a { background-position: -160px -180px; }
#s7 a:hover  { background-position:  -80px -180px; }
#s7 a:active { background-position: -160px -180px; }

#s8 a:link,
#s8 a:visited{ background-position:    0   -210px; }
.cat08 #s8 a { background-position: -160px -210px; }
#s8 a:hover  { background-position:  -80px -210px; }
#s8 a:active { background-position: -160px -210px; }

.main_image{
	display: table-cell;
	margin: 10px 0 0 250px;
	width: 449px;
	height: 306px;
	overflow: hidden;
	text-align:center;
	vertical-align: middle;
}
#main_image img {
height:306px;
width:auto;
}
.main_image img{
	vertical-align: middle;
/*	height: 306px;*/
/*	width: auto;*/
}


#works_name{
	width: 438px;
	height :23px;
	border: 1px solid #fff;
	margin: 0 0 20px 0;
	color: #ddd;
}

#works_name dt{
	float: left;
	width: 69px;
	height: 23px;
	background: #fff;
	color: #005047;
	line-height: 23px;
	text-align: center;
}

#works_name dd{
	float: right;
	width: 364px;
	height: 23px;
	padding: 0 0 0 5px;
	line-height: 23px;
}

#menseki{
	height :20px;
	font-size: 93%;
	color: #80d9cf;
	line-height: 20px;
	text-align: center;
}


.article #g_list{
margin: 10px 10px;
border: 1px #aaa dotted;
height: 750px;
width: 230px;
overflow: auto;
}

#g_list{
	clear: both;
	width: 760px;
	margin: 0 0 0 250px;
	padding: 10px 0 0 0;
}

#main_image img{
}

#main_image{
	margin: 10px 0 0 250px;
	width: 760px;
	height: 306px;
	overflow: hidden;
}


#main_image .galleria{
padding-top: 8px;
height: 140px;
overflow: auto;
margin-top: 7px;
}

#main_image .galleria_wrapper{
	display: inline;
	float: left;
	width: 360px;
}

.caption{
	display: block;
	float: right;
	width: 260px;
	height: 290px;
	padding: 10px 0 0 10px;
	color: #fff;
/*	border: 1px #fff solid;*/
	font-size: 93%;
	line-height: 1.5;
	text-align: left;
}
.galleria{
	margin: 10px 0 0 0;
}
.galleria li{display:inline;width:80px;height:70px;overflow:hidden;margin: 0 0 4px 4px;; float: left;}
.galleria li img{width: 80px;}

.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#b_space{
	width: 320px;
	background: url('../images/portfolio/pflist_mid.jpg') repeat-y -10px 0;
}

#b_space ul{
	width: 320px;
	background: url('../images/portfolio/pflist_top.jpg') no-repeat -20px 0;
}

#b_space ul li{
	width: 300px;
	height: 80px;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}


.item_thumb{
	display: inline;
	float: left;
	width: 120px;
	height: 70px;
	padding: 1px 1px 2px 1px;
	background: url('../images/portfolio/bg_thumb.jpg');
}
.item_info{
	display: inline;
	float: right;
	width: 170px;
	height: 70px;
	padding: 3px 0 0 0;
	color: #c2d5be;
}
.item_info h4{
	font-size: 85%;
	font-weight: bold;
	border-bottom: 1px solid #c2d5be;
	padding: 0 0 1px 0;
}
.item_expl{
	width: 170px;
	height: 41px;
	font-family: serif;
	overflow: hidden;
	font-size: 98%;

}
.item_link a{
	display: block;
	width: 40px;
	height: 14px;
	margin: 0 0 0 130px;
	background: url('../images/portfolio/more_link.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#list_title{
	width: 300px !important;
	height: 20px !important;
	font-family: serif;
	font-weight: bold;
	padding : 5px 0 0 5px;
}
#right{
	width: 440px;
}

#right h4{
	font-size: 116%;
	margin: 0 0 5px 0;
}