@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;}

#illustration06{
	width:113px;
	height:139px;
	position:absolute;
	left:800px;
	top:550px;
}

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

#bodyTop #contentsWrap{
	width:1024px;
	margin:0 auto;
	/*-padding-top:230px;-*/}
	
#contentsTop{
	width:483px;
	height:502px;
	margin:0 auto;
}
	
#abContentsTop02{
	width:811px;
	height:428px;
	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:850px;
	margin:0 auto;
	padding-top:230px;
	padding-bottom:200px;}
	
#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;}
	

/*-展覧会-*/
#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;}
	
#mjlily01{
	width:134px;
	height:165px;
	position:absolute;
	top:160px;
	right:30px;}
	
#mjlily02{
	width:134px;
	height:165px;
	position:absolute;
	top:530px;
	left:30px;}
		
#mjlily03{
	width:134px;
	height:165px;
	position:absolute;
	top:570px;
	left:130px;}
	
/*-イラストレーターの仕事-*/

#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:220px;
	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;}