@import"../common/css/common.css";
/* CSS Document */


#artsample_menusubcontents{
		float: left;
		margin-left: 18px;
		width: 670px; height: auto;
		background: url(../common/img/subcontentsbg.gif) left top repeat-y;
}


#artsample{
		margin: 0 0 0 24px;
		width: 621px; height: auto;
		
}

#artsamplecontents{
		width: 278px; height: auto;
		float: left;
}

p.artsampletitle{
		margin-bottom: 20px;
		width: 670px; height: 55px;
		text-indent: -9999px;
		background: url(img/artsampletitle.gif) left top no-repeat;
}

/***/

ul#artsamplelist{
		padding-left: 5px;
		background-color: #EEF6F9;
		width: 282px; height: auto;
}
* html ul#artsamplelist{
		padding-left: 2px;
		background-color: #EEF6F9;
		width: 287px; height: auto;
}

ul#artsamplelist li{
		padding-bottom: 5px;
		margin-left: 5px;
		color: #7E7E7E;
		float: left;
		list-style: none;
}

/***/

.artsampleimg{
		border: 1px solid #D2D2D2;
}

.artsampleimage{
		margin-top: 24px;
		margin-left: 10px;
		margin-right: 10px;
		border: 1px solid #D2D2D2;
}

#artsampleimage{
		display: block;
		position: relative;
		top: 0px;
		float: right;
		width: 322px; ; height: 496px;
		background : url(img/artsampleimagebg.gif) left top no-repeat;
}

/***/

#sampletitle{
		width: 287px; height: 21px;
		text-indent: -9999px;
		background: url(img/sampletitle.gif) left bottom no-repeat #EEF6F9;
}

/***/

#artsamplebottombg{
		width: 287px; height: 21px;
		text-indent: -9999px;
		background: url(img/artsamplebgbottom.gif) left top no-repeat;
}
* html #artsamplebottombg{
		width: 287px; height: 21px;
		text-indent: -9999px;
		background: url(img/artsamplebgbottom.gif) left top no-repeat;
}

* html #subcontentsbottom {
	margin-right: 17px;
}

a.artsample_top_btn {
	float: right;
	padding: 0 24px;
	background: url(img/artsamplearrow.gif) 0 8px no-repeat;
}