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

/*
| __format
| __common_class
| __common
| __home
| __exhibition
| __exhibition_bottom
| __archive
| __artist
| __mailfrom
|
*/


/*--__format--*/
body,h1,h2,h3,h4,p,address,table,th,td,ul,li,div,dl,dt,dd{
	padding: 0;
	margin: 0;
	color: #565656;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	font-family: Osaka , "ＭＳ Ｐゴシック";
}
body{
	background: url(../img/bg_img.gif);
}
li{
	list-style: none;
}
a{
	color: #6699cc;
}
a:hover{
	color: #fd587a;
}


/*--__common_class--*/
.white{
	color: #FFF;
}
.white:hover{
	color: #FFF;
}
.pink{
	color: #fd587a;
}
.text_right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.glay{
	color: #787878;
}
.text10{
	font-size: 10px;
	margin-left: 10px;
}
.indent{
	text-indent: 1em;
}
.clear{
	clear: both;
}


/*--__common--*/
div#wrapper{
	margin: 30px auto 15px;
	width: 820px;
	border: #e4e4e4 solid 1px;
	background: #FFF;
}
div#headder{
	width: 820px;
}
div#headder p{
	clear: both;
	margin: 0 0 25px 40px;
}
ul#sNav{
	float: right;
	margin: 5px 20px 0 0;
	_margin: 5px 10px 0 0;
	height: 25px;
}
ul#sNav li{
	float: left;
	display: block;
	padding-left: 10px;
	margin-left: 15px;
	font-size: 10px;
	background: url(../img/list_icon.gif) no-repeat left center;
}
ul#gNav{
	width: 820px;
	height: 20px;
	background: url(../img/sNav_home_home.jpg);
}
ul#gNav li{
	float: left;
	display: block;
	height: 20px;
	margin-left: 23px;
}
ul#gNav li a#home{
	width: 43px;
	height: 20px;
	margin-left: 147px;
	display:block;
}
ul#gNav li a#news{
	width: 67px;
	height: 20px;
	margin-right: 0;
	display:block;

}
ul#gNav li a#ex{
	width: 65px;
	height: 20px;
	margin-right: 0;
	display:block;
}
ul#gNav li a#ar{
	width: 53px;
	height: 20px;
	margin-right: 0;
	display:block;
}
ul#gNav li a#art{
	width: 39px;
	height: 20px;
	margin-right: 0;
	display:block;
}
ul#gNav li a#ab{
	width: 97px;
	height: 20px;
	margin-right: 0;
	display:block;
}
div#pList{
	clear: both;
	margin: 10px 0 10px 20px;
}
div#mainCont{
	float: left;
	margin: 0 0 15px 20px;
	_margin: 0 0 15px 10px;
	width: 515px;
}
div#mainCont h1{
	font-size: 14px;
	margin: 0 0 5px 0;
	padding-left: 12px;
	color: #fd587a;
	background: url(../img/icon_title.gif) no-repeat left center;
}
div.contArea{
	margin: 0 0 15px 20px;
}
div.contArea h2{
	font-size: 12px;
	color: #fd587a;
	margin-top: 5px;
}
div.contArea p{
	font-size: 12px;
}
div#main_img{
	float: left;
	margin-right: 10px;
}
div#main_img object{
	float: left;
	margin-right: 10px;
}
table{
	width: 485px;
	border: 0;
	border-spacing: 0 10px;
}
th{
	text-align: right; 
	vertical-align: top;
	width: 45px;
	padding-right:5px;
}
td{
	width: 420px;
	border-left: 5px #6699cc solid; 
	vertical-align: top;
	padding: 0 0 15px 5px;
}
tr.sj_02 td{
	width: 420px;
	border-left: 5px #fd587a solid; 
	vertical-align: top;
	padding: 0 0 15px 5px;
}
/*div#mainCont h2{
	float: right;
}*/
div#mainCont dd{
	margin-bottom: 10px;
	display: block;
	padding-left: 60px;
}
div#exInfoArea{
	float: left;
	width: 265px;
	height: 100px;
	margin: 0 0 10px 20px;
	_margin: 0 0 10px 10px;
}
h3{
	background: url(../img/icon_pen.gif) no-repeat left center;
	padding-left: 15px;
	color: #6699cc;
}
div.title{
	font-size: 10px;
}
div.text{
	font-size: 10px;
}
div.exInfoCont{
	width: 228px;
	height: 60px;
	padding: 10px;
	margin-top: 10px;
	border: #e4e4e4 solid 1px;
}
div.exInfoCont_new{
	width: 228px;
	height: 60px;
	padding: 10px;
	border: #e4e4e4 solid 1px;
	background: #fd587a;
}
div.exInfoCont_img{
	float: left;
	margin-right: 10px;
}
div.exInfoCont_new dl dt{
	color: #FFF;
	
}
div.exInfoCont_new dl dd{
	color: #FFF;
	font-size: 10px;
}
div.exInfoCont dl dd{
	font-size: 10px;
}
div#sArea{
	width: 820px;
	clear: both;
}
address{
	clear: both;
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	font-size: 10px;
}
div#bannerArea{
	width: 250px;
	margin: 0 20px 0 550px;
}
div#bannerArea li{
	list-style-type: none;
	margin-bottom: 5px;
	text-align: right;
}
div#footer{
	clear: both;
	margin-bottom: 15px;
}
div#footer p{
	text-align: center;
	font-size: 10px;
}


/*--__home--*/
body.top h1{
	clear: both;
	margin: 0 0 25px 40px;
}
body.top div#mainCont{
	margin: 15px 0 15px 20px;
	_margin: 15px 0 15px 10px;
	width: 780px;
}
body.top div#mainCont h2{
	font-size: 14px;
	margin-bottom: 10px;
	color: #fd587a;
}
body.top div#mainCont p{
	margin-bottom: 10px;
}
body.top div#exInfoArea{
	clear: both;
	width: 780px;
	height: 100px;
	margin: 0 0 20px 20px;
	_margin: 0 0 10px 10px;
}
body.top div.exInfoCont{
	float: left;
	width: 228px;
	height: 60px;
	margin-left: 15px;
	padding: 10px;
	border: #e4e4e4 solid 1px;
}
body.top div.exInfoCont_new{
	float: left;
	width: 228px;
	height: 60px;
	padding: 10px;
	border: #e4e4e4 solid 1px;
	background: #fd587a;
	margin-top: 10px;
}
div#news dl{
	margin: 15px 0 0 15px;
}
div#news dt{
	float: left;
	color: #fd587a;
	margin: 0 10px 0 0;	
}



/*--__exhibition--*/
body.ex div#mainCont{
	margin: 15px 0 15px 20px;
	_margin: 15px 0 15px 10px;
	width: 760px;
}
body.ex div.contArea p{
	font-size: 12px;
	margin-bottom: 15px;
	/*text-indent: 1em;*/
}
body.ex div#mainCont dl{
	margin: 15px 0;
}
body.ex div#mainCont dt{
	float: left;
	display: block;
}



/*--__exhibition_bottom--*/
.artistLink{
	background: url(../img/icon_note.gif) no-repeat center left;
	padding: 0 10px 0 15px;
	width: auto;
}
ul.artLink li a{
	background: url(../img/btn_art.gif) no-repeat;
	display: block;
	width: 141px;
	height:21px;
	text-indent: -9999px;
}
div.photoBox{
	clear: both;
	margin: 50px 0 0 15px;
}
div.photoBox h3{
	margin-bottom: 15px;
}


/*--__archive--*/

div#arNav{
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	width: 150px;
}
div#arNav li#year{
	width: 120px;
	background: url(../img/icon_ty.gif) no-repeat 5px center #fd587a;
	padding-left: 20px;
	margin-top: 5px;
	color: #FFF;
	border: 1px solid #e4e4e4;
}
div#arNav li{
	width: 140px;
	background: #FFF;
	margin-top: 5px;
	border: 1px solid #e4e4e4;
	display: block;
}
div#arNav li a{
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
div#arNav li a:hover{
	background: #fd587a;
	color: #FFF;
	padding-left: 20px;
	text-decoration: none;
	background: url(../img/icon_arrow.gif) no-repeat 5px center #fd587a;
}


/*--__artist--*/
div#base{
	width: 780px;
	padding: 0;
}
form{
	margin: 15px;
	text-align: center;
	font-size: 10px;
}
li.boxs{
	float: left;
	border: #e4e4e4 solid 1px;
	margin: 0 10px 10px 0;
}
li.boxs a{
	display: block;
	width: 228px;
	height: 60px;
	padding: 10px;
	background: #FFF;
	text-decoration: none;
}
li.boxs a:hover{
	display: block;
	width: 228px;
	height: 60px;
	padding: 10px;
	text-decoration: none;
	background: #fd587a;
}
li.boxs a div{
	color: #6699cc;
	text-decoration:; 
}
li.boxs a:hover div{
	color: #FFF;
}
img.img{
	float: left;
	margin-right: 10px;
	border: 1px solid #e4e4e4;
}
ul.name li{
	clear: both;
	list-style-type: none;
	color: #fd587a;
	font-size: 12px;
	display: inline;
}


/*--__artist_bottm--*/

div.profileBox{
	clear: both;
	margin-left: 15px;
}

p.profileText{
	clear: both;
	font-weight: normal;
	margin: 0 0 15px 30px;
}
div.profileBox li{
	float: left;
	margin: 0 10px 0 0;	
}
div.profileBox dl{
	padding-left: 30px;
	margin-bottom: 20px;
}
div.profileBox dt{
	float: left;
}
div.profileBox h2{
	clear: both;
}
div.exCont_img2 ul{
	margin: 10px;
	padding: 10px 0 20px;
	height: 60px;
}
div.exCont_img2 ul.nav{
	clear: both;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	height: 10px;
}
div.exCont_img2 li a{
	display: block;
	width: 58px;
	height: 58px;
	border: 1px solid #e4e4e4;
}
div.exCont_img2 li a:hover{
	display: block;
	width: 58px;
	height: 58px;
	border: 1px solid #fd587a;
}
div#artistextList{
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	width: 150px;
}
div#artistextList h3{
	margin-bottom: 5px;
}
ul#textlist{
	margin-left: 10px;
}
ul#textlist li{
	list-style: disc inside;
	color: #e4e4e4;
}
.clear{
	margin: 0;
	padding: 0;
	padding-left: 12px;
	font-size: 10px;
	background: url(../img/icon_rupe.gif) no-repeat 0px center;
	color: #b5b5b5;
	clear:both;
}


/*--__mailform--*/
table.mailform{
	width: 485px;
	border: 0;
}
table.mailform th{
	width: 130px;
	border-left: 5px solid #6699cc;
	text-align: left;
	padding-left: 3px;
}
table.mailform td{
	width: 130px;
	border: 0;
	text-align: left;
}
table.mailform span{
	color: #fd587a;
}
input, select, textarea {
	border: 1px #ccc solid;
	color: #787878;
}
p.thanks{
	border: 1px solid #fd587a;
	text-align: center;
	padding: 30px 0;
	margin: 15px 80px;
}