@charset "UTF-8";


/*: works Layaut:::::::::::::::::::::::::::::::::::::::::::::::::*/
.contents{
width:800px;
padding-bottom:70px;
background: url(../img/share/body-b01.gif) left bottom no-repeat; 
}







/*: left Layaut:::::::::::::::::::::::::::::::::::::::::::::::::*/
.leftbox {
float:left;
width:230px;
padding:25px 0 0 0;
}

.leftbox dt{
margin:0 0 20px 20px;
}

.leftbox dd{
margin:0 0 0 20px;
}

.leftbox .shu-jyu{
margin-top:40px;
}





/*: right Layaut:::::::::::::::::::::::::::::::::::::::::::::::::*/
.rightbox {
float:left;
width:570px;
padding:25px 0 0 0;
}

h2 {
height:26px;
width:540px;
background: url(../img/works/w-share/line01.gif) left bottom repeat-x; 
}

.rightbox ul{
margin:10px 0 20px 0;
}

.rightbox ul li{
float:left;
background: url(../img/works/w-share/dod.gif) left center no-repeat; 
padding:0 1em 0 12px;
}

.rightbox ul.down01{
margin:10px 0 0 0;
}

.rightbox ul.down02{
margin:3px 0 10px 0;
}

.thumbnail{
width:540px;
background: url(../img/works/w-share/line01.gif) left bottom repeat-x; 
margin:0 0 7px 0;
}

.thumbnail img{
display:inline;
margin:15px 14px 15px 0;
}

img.thumb{
margin:15px 0;
}

.rightbox dl dt{
display:none;
}

.rightbox dd{
display:inline;
}

#back{
margin:0 0 0 -4px;
}

#next{
margin:0 0 0 415px;
}

*+html body #next{
margin:0 0 0 418px;
}

* html body #next{
margin:0 0 0 418px;
}


/*: jqGalViewII Layaut:::::::::::::::::::::::::::::::::::::::::::::::::*/
    #mygallery{
		width:540px;
		height:440px;
		background: url(../img/works/w-share/thum01.gif) 303px 408px no-repeat; 
	}
	.gvIIContainer{
	position:relative;
		width:540px;
		background: url(../img/works/w-share/line01.gif) left bottom repeat-x; 
		margin:0 0 7px 0;
	}
	.gvIIContainer .gvIIImgContainer{
		width:540px;
		height:360px;
		position:relative;
		background: #eee; 
		overflow:hidden;
	}
	.gvIIContainer .gvIIImgContainer .gvIILoader{
		background:url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;
		width:540px;
		height:360px;
		display:none;
	}
	.gvIIContainer .gvIIHolder{
		position:relative;
		width:400px;
		height:75px;
		overflow:auto;
	}
	.gvIIContainer .gvIIHolder .gvIIArrow{
	/*
		background:url(/experiments/jqGalViewII/common/img/arrow.png);
		width:20px;
		height:28px;
		position:absolute;
		margin-left:-15px;
		margin-top:-28px;
		z-index:99;
	*/
	}
	.gvIIContainer .gvIIHolder .gvIIItem{
		float:left;
		height:44px;
		width:44px;
		margin:15px 15px 15px 0;
		position:relative;
		overflow:hidden;
		background: #e7e7e7; 
	}
	.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
		background:#fff;
		position:absolute;
		top:0;
		left:0;
		height:44px;
		width:72px;
		cursor:pointer;
	}
	.gvIIContainer .gvIIHolder .gvIIItem img{
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		margin-left:0;
		margin-top:0;
		border:none;
		cursor:pointer;
	}