@charset "UTF-8";
/* CSS Document */


/*-エマニエル 販売作品一覧-*/
#workListIndex #contentsWrap{
	width:1024px;
	margin:0 auto;
	padding-top:25px;
	}
	
#workListIndex #contentsWrap p{
	text-align:center;
	font-size:10px;}
	

#workListIndex ul{
	height:108px;
	margin:0 auto;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 8px 0;  /* 左右 上下で記述 高橋変更 */
}
	
#workListIndex ul li{
	display: table-cell;
/*	vertical-align: middle;*/
	vertical-align: bottom;   /* 高橋追記 */
	border:none;
	background-color:#ffffff;
	text-align: center;
	margin-left:5px;
	height:130px;   /* 高橋追記 */

}

#workListIndex ul li p.art_img {   /* 高橋追記 */
	display: table-cell;
	height:118px;
	text-align:center;
	vertical-align:middle;
}

#workListIndex ul li p.art_img_MJ {
	margin-bottom:5px;
	display: table-cell;
	height:157px;
	text-align:center;
	vertical-align:middle;
	padding-bottom:5px;
}



.listmargin15{
	margin:18px 0;}

#illustration01{
	width:160px;
	height:160px;
	position:absolute;
	left:180px;
	top:625px;
	z-index:10;}
	
#illustration02{
	width:205px;
	height:239px;
	position:absolute;
	left:40px;
	top:530px;
	z-index:10;}


	
/*-トップページコンテンツ-*/

#bodyTop #contentsWrap{
	width:1024px;
	margin:0 auto;
	/*-padding-top:230px;-*/}
	
#contentsTop{
	width:366px;
	height:491px;
	margin:0 auto;}
	
#contentsTop02{
	width:594px;
	height:380px;
	margin:0 auto;}


#abContentsTop03{
	width:492px;
	height:496px;
	margin:0 auto;}


/*-作品ディテール-*/
#contentsDetails{
	width:902px;
	margin:0 auto;
	padding-top:230px;}
	
#contentsDetails02{
	width:950px;
	margin:0 auto;
	padding-top:230px;}	
	
#contentsDetails ul{
	width:902px;
    border-spacing: 70px 0;  /* 左右 上下で記述 */
}
	
#contentsDetails02 ul{
	width:950px;
    border-spacing: 0px 0;  /* 左右 上下で記述 */
}
	
#contentsDetails ul,
#contentsDetails02 ul{
	display:table;
	table-layout:fixed;
	border-collapse: separate;  /* セルの間隔を空ける */
}
	
#contentsDetails ul li,
#contentsDetails02 ul li{
 display: table-cell;
 border:none;
 background-color:#ffffff;
 text-align: center;
 position:relative;
}
	
#contentsDetails ul.marginB15 li,
#contentsDetails02 ul.marginB15 li{
	height:220px;
	padding-bottom: 20px;
	vertical-align:bottom;
}
	
#contentsDetails ul.marginB15 li.paddigB08,
#contentsDetails02 ul.marginB15 li.paddigB08{
	padding-bottom: 8px;
}
	
#contentsDetails ul#details02 li,
#contentsDetails02 ul#details02 li{
 display: table-cell;
 border:none;
 background-color:#ffffff;
 text-align: center;
 position: relative;
}

#contentsDetails ul li p.magnifying_glass,
#contentsDetails02 ul li p.magnifying_glass,
#contentsDetails ul#details02 li p.magnifying_glass,
#contentsDetails02 ul#details02 li p.magnifying_glass{
	width:18px;
	height:18px;
	position:absolute;
}
	
#contentsDetails ul li p.magnifying_glass{
	left:208px;
	top:196px;
}
 
#contentsDetails ul#details02 li p.magnifying_glass{
	left:208px;
	top:165px;
}
	
#contentsDetails02 ul li p.magnifying_glass{
	left:251px;
	top:196px;
}
 
#contentsDetails02 ul#details02 li p.magnifying_glass{
	left:251px;
	top:165px;
}
	

/*-絵画販売詳細説明-*/	
#contentsBuy{
	width:680px;
	margin:0 auto;
	padding-top:230px;
	padding-bottom:60px;}
	
#contentsBuy02{
	width:776px;
	margin:0 auto;
	padding-top:230px;
	padding-bottom:60px;}
	
#contentsBuyL{
	width:273px;
	float:left;
	text-align:center;}


#contentsBuyL ul{
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 5px 0;  /* 左右 上下で記述 */}
	
#contentsBuyL ul li{
 display: table-cell;
 border:none;
 background-color:#ffffff;
}

#contentsBuyL ul li p{
	font-size:10px;}

#contentsBuyR{
	width:313px;
	float:right;}
	
/*　　#contentsBuyR dl dd{list-style-position: inside;
	display: list-item;←これを書けば、リストスタイルが、表示出来る
	list-style-type:circle;}*/
	
#contentsBuyR ul li{
	list-style-type:disc;
	list-style-position:inside;}
	
#contentsBuyR ul li span{
	font-size:large;
	font-weight:bolder;}
	
#contentsBuyR #contentsBuyBtn ul{
	display:table;
		border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 5px 0;  /* 左右 上下で記述 */}
	
#contentsBuyR #contentsBuyBtn ul li{
	display:table-cell;
	list-style-type:none;}

	
#contentsBuyR li#contentsBuyRInquiry a{
	display:block;
	width:122px;
	height:19px;
	background-image:url(../artist/img/common/inquiry_btn.gif);
	background-repeat:no-repeat;
	background-position:0 -21px;
	text-indent:-9999px;}
	
#contentsBuyR li#contentsBuyRInquiry a:hover{
	display:block;
	width:122px;
	height:19px;
	background-image:url(../artist/img/common/inquiry_btn.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	text-indent:-9999px;}
	
	
#contentsBuyR li#contentsBuyRhowToBuy a{
	display:block;
	width:122px;
	height:19px;
	background-image:url(../artist/img/common/buy_btn.gif);
	background-repeat:no-repeat;
	background-position:0 -21px;
	text-indent:-9999px;}
	
#contentsBuyR li#contentsBuyRhowToBuy a:hover{
	display:block;
	width:122px;
	height:19px;
	background-image:url(../artist/img/common/buy_btn.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	text-indent:-9999px;}
	

/*-科学する-*/

#scienceWrap{
	width:100%;
	margin:0 auto;
	padding-top:150px;}


#scienCecontents{
	width:900px;
	margin:0 auto;}

ul#science{
	width:126px;
	margin:0 auto;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 40px 0;  /* 左右 上下で記述 */
	letter-spacing:-0.04em;}
	
ul#science li{
 display: table-cell;
 border:none;
 background-color:#ffffff;
 text-align: center;
 position:relative;
}

ul#science li a{
margin-bottom:10px;
}
	
ul#science li p.magnifying_glass{
	width:18px;
	height:18px;
	position:absolute;
	left:105px;
	top:105px;}
	
#ehScienceGrassBace{
	width:126px;
	height:127px;
 position:relative;
}

#ehScienceGrassBace p.magnifying_glass{
	width:18px;
	height:18px;
	position:absolute;
	left:105px;
	top:105px;}
	

/*-展覧会-*/
#exhibitionWrap{
	width:100%;
	margin:0 auto;
	position:relative;
	padding-top:150px;
	padding-bottom:150px;}

#exhibitionContents{
	width:900px;
	margin:0 auto;}
	
#exhibitionContents ul{
	width:444px;
	margin:0 auto;}
	
#illustrationBad{
	width:76px;
	height:174px;
	position:absolute;
	top:170px;
	right:50px;}

/*-イラストレーターの仕事-*/

#illustratorWorkWrap{
	width:100%;
	margin:0 auto;
	position:relative;
	padding-top:150px;
	margin-bottom:80px;
}


#illustratorWorkContents{
	width:700px;
	margin:0 auto;}
	
dl.illustratorWork{
	width:700px;
	margin-bottom:30px;
	display:table;
	}
	
dl.illustratorWork dt{
	width:128px;
	height:74px;
	border:2px solid #C7C7C7;
	text-align:left;
	padding:17px;
	display:table;
	float:left;
	margin-right:30px;}
	

dl.illustratorWork dd{
	float:left;
	margin-right:10px;
	}
	
dl.illustratorWork dd span{
	font-size:9px;
	}
	
	

dl.illustratorWork dd:last-child{
	float:left;
	margin-right:0px;}
	
#illustrationCloth{
	width:128px;
	height:257px;
	position:absolute;
	top:170px;
	right:100px;}