/* CSS for closet 2007.09.15
   Author Takeru ODANI,Task Co., Ltd.
   http://www.taskworks.co.jp/ */

/* CSS format */

* {
	margin:0;
	padding:0;
	font-style:normal;
}

body {
	margin:0 auto;
	padding:0;
	font-size:small;
	_font-size:small; /* for MSIE */
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-family:'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align:center;
	line-height:1.3em;
	height:auto;
}

div,p,span,a,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table{font-size:100%; color:#555;}

img , a {border:0;}

em , em a {font-weight:bold;}

ul {list-style:none;}

p {padding:0.3em 0; line-height:1.5em;}

br.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

a {text-decoration: underline;}

a:link {color: #555;}
a:visited {color: #555;}
a:active {color: #555;}
a:hover {color: #290122;}
h1, h2, h3 {margin: 0px;padding: 0px;font-weight: normal;}

/* 構造定義 */

#container {
	margin:0 auto;
	width:100%;
	height:auto;
	display:block;
}

#header {
	width:760px;
	height:143px;
	margin:0 auto;
	margin-bottom:0px;
	display:block;
	overflow:hidden;
/*	border:1px solid #000; */

}

#header #title a{
	display:block;
	background:url(./img/t_title_all.jpg) top left no-repeat;
	width:230px;
	height:85px;
	margin:17px auto 16px auto;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#top_shadow {
	display:block;
	width:100%;
	height:19px;
	background:url(./img/bg_header.gif) repeat-x;
	background-position:top left;
	margin-top:0;
}

#contentbox {
	width:760px;
	margin:14px auto;
	overflow:hidden;
	text-align:left;
}

#bottom_shadow {
	display:block;
	width:100%;
	height:10px;
	background:url(./img/bg_footer.gif) repeat-x;
	background-position:top left;
	margin-top:10px;
}

#footer {
	width:760px;
	margin:14px auto;
	overflow:hidden;
	text-align:left;
}

/* menu部構造定義 */

#header ul#menu {
	width:760px;
	height:25px;
	margin:0;
	display:block;
	overflow:hidden;
	text-align:left;
}

#header ul#menu li {
	display:block;
	height:25px;
	margin-bottom:0px;
	float:left;
	margin-left:0;
}

#header ul#menu li a{
	height:25px;
	
}

#header ul#menu li a#menu01 {
	display:block;
	width:131px;
	margin-right:27px;
	background-image:url('./img/m_room.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu01:hover {
	background-image:url('./img/m_room.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#header ul#menu li a#menu02 {
	display:block;
	width:95px;
	margin-right:27px;
	background-image:url('./img/m_exhibition.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu02:hover {
	background-image:url('./img/m_exhibition.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#header ul#menu li a#menu03 {
	display:block;
	width:109px;
	margin-right:22px;
	background-image:url('./img/m_art.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu03:hover {
	background-image:url('./img/m_art.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#header ul#menu li a#menu04 {
	display:block;
	width:63px;
	margin-right:21px;
	background-image:url('./img/m_news.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu04:hover {
	background-image:url('./img/m_news.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#header ul#menu li a#menu05 {
	display:block;
	width:131px;
	margin-right:25px;
	background-image:url('./img/m_coodinate.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu05:hover {
	background-image:url('./img/m_coodinate.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#header ul#menu li a#menu06 {
	display:block;
	width:109px;
	margin-right:0px;
	background-image:url('./img/m_about.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#header ul#menu li a#menu06:hover {
	background-image:url('./img/m_about.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}



/* js slideshow */

#photodiv {
	background-repeat: no-repeat;
	margin-bottom:34px;
}

/* toppage other contents */
#news {
	width:276px;
	float:left;
	margin-right:40px;
	text-align:left;
}

#news div.title{
	display:block;
	background:url(img/t_top_information.jpg);
	width:276px;
	height:40px;
	margin-bottom:17px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#news div.entrytitle {
	font-weight:bold;
	color:#555;
}

#news div.entrybody {
	margin-left:20px;
	margin-bottom:10px;
}

#roomflash {
	width:444px;
	float:left;
}

#roomflash div.title{
	display:block;
	background:url(img/t_top_room.jpg);
	width:444px;
	height:40px;
	margin-bottom:17px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

/* footer部 */
#footer #footerbanner a{
	display:block;
	background:url(img/banner/banner_lifeshoplink.gif);
	width:150px;
	height:50px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
	float:left;
}

#footer #footertext{
	display:block;
	background:url(img/t_footer.jpg);
	width:248px;
	height:37px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
	float:right;
}

/* art catalog */

.art_artist_name {
	font-size:normal;
	text-align:right;
	margin-right:6px;
}

.art_artist_new {
	font-size:small;
	color:#CC0000;

}

.closeprofile {
	text-align:right;
	font-size:10px;
}

.artist_thumb {
	margin-top:15px;
	margin-right:10px;
	float:left;
	border:1px #DDD solid;
	width:175px;
	height:220px;
	text-align:center;
}

.artist_thumb img{
	margin:4px;
	max-width:167px;
	max-height:170px;
}

.artist_profile{
	margin-top:15px;
	width:550px;
	height:250px;
	overflow-y:scroll;
	padding:10px;
	background-color:#DDD7DD;
}

#artist_list {
	width:750px;
	margin-left:10px;
}

div.artist_noimage {
	margin:4px;
	width:167px;
	height:160px;

	line-height:160px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
	text-decoration:none;
}

/* entry archive */

#contentbox h2{
	padding-bottom:5px;
	font-weight:normal;
	font-size:16px;
	border-bottom: 1px #DDD7DD solid;
	text-align:center;
}

/* art in the room */
#room_customer {
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#room_company {
	float:left;
	margin-top:20px;
	padding-left:20px;
	border-left:1px #DDD7DD solid;
}


/* coodinate */

#coordinate_img {
	margin:20px 20px 20px 0;
	float:left;
	width:293px;
}

#coordinate_text {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	width:447px;
	overflow:hidden;
}

#coordinate_text #title1{
	display:block;
	background:url(img/t_coodinate_closet.jpg);
	width:447px;

	height:20px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;

}

#coordinate_text #title2{
	display:block;
	background:url(img/t_coodinate_mail.jpg);
	width:447px;
	margin-top:20px;
	height:20px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;

}

#coordinate_text #title3{
	display:block;
	background:url(img/t_coodinate_home.jpg);
	width:447px;
	margin-top:20px;
	height:20px;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;

}


/* exhibition */

.exhibition_text {
	width:600px;
	margin:20px auto;
	padding-bottom:10px;
	border-bottom: 1px #DDD7DD solid;
}

h2.exhibition_title {
	border-bottom:3px;
	margin-bottom:10px;
	margin-top:40px;
	font-size:17px;
	font-weight:bold;

	padding-top:5px;
}

#exhibition_menu ul#ex_menu {
	width:760px;
	height:21px;
	margin:0;
	display:block;
	overflow:hidden;
	text-align:left;
	margin-top:20px;
}

#exhibition_menu ul#ex_menu li {
	display:block;
	height:21px;
	margin-bottom:0px;
	float:left;
	margin-left:0;
}

#exhibition_menu ul#ex_menu li a{
	height:21px;
	
}

#exhibition_menu ul#ex_menu li a#ex_menu01 {
	display:block;
	width:106px;
	margin-right:221px;
	background-image:url('./img/b_exhib_past.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#exhibition_menu ul#ex_menu li a#ex_menu01:hover {
	background-image:url('./img/b_exhib_past.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#exhibition_menu ul#ex_menu li#ex_menu01 {
	display:block;
	width:106px;
	margin-right:221px;
	background-image:url('./img/b_exhib_past.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#exhibition_menu ul#ex_menu li a#ex_menu02 {
	display:block;
	width:106px;
	margin-right:221px;
	background-image:url('./img/b_exhib_current.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#exhibition_menu ul#ex_menu li a#ex_menu02:hover {
	background-image:url('./img/b_exhib_current.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#exhibition_menu ul#ex_menu li#ex_menu02 {
	display:block;
	width:106px;
	margin-right:221px;
	background-image:url('./img/b_exhib_current.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#exhibition_menu ul#ex_menu li a#ex_menu03 {
	display:block;
	width:106px;
	margin-right:0;
	background-image:url('./img/b_exhib_upcoming.jpg') ;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#exhibition_menu ul#ex_menu li a#ex_menu03:hover {
	background-image:url('./img/b_exhib_upcoming.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#exhibition_menu ul#ex_menu li#ex_menu03 {
	display:block;
	width:106px;
	background-image:url('./img/b_exhib_upcoming.jpg') ;
	background-repeat:norepeat;
	background-position:bottom left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

/* exhibition past */
#biography a{
	display:block;
	background:url(img/b_exhib_biography.jpg);
	width:106px;
	height:21px;

	margin-right:10px;
	
	float:left;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#biography a:hover {
	background-image:url(img/b_exhib_biography.jpg) ;
	background-repeat:norepeat;
	background-position:bottom left;
}

#installation a{
	display:block;
	background:url(img/b_exhib_installation.jpg);
	width:106px;
	height:21px;
	margin:0;

	float:left;
	background-repeat:norepeat;
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0px;
}

#installation a:hover {
	background-image:url(img/b_exhib_installation.jpg) ;
	background-repeat:norepeat;
	background-position:bottom left;
}



/* slideshow */
#FrogJS{
	width: 760px;
	height: 600px;
	margin: 0 auto;
}
#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
}
#FrogJSCaption{
	text-align: left;
	line-height: 140%;
}

/* exhibition upcoming */

.upcomingtitle {
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}