@charset "utf-8";

/* ----------------------------------------------

	ArtMeter / SPECIAL styles
	author   : (C)KAYAC http://www.kayac.com/
	created  : 2007/03/15
	modified : 2007/04/06

---------------------------------------------- */

@import url("/css/common.css");
/* CONTENTS HEAD
---------------------------------------------- */
div#contBody div.contSectionTop {
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0;
clear:both;
margin:10px 0 20px 0px;
padding:25px 0 20px;
width:960px;
}
div#contHead h2#titleArtistInterview {
	background-image: url(/img/special/ti_artist_interview.gif);
	width: 600px;
	height: 16px;
}
	/* relay */
div#contHead h2#titleRelayInterview {
	background-image: url(/img/special/ti_relay_interview.gif);
	width: 500px;
	height: 19px;
}

BODY#SPECIAL div#contHead h3#subtiRelayInterview01 {
	background-image: url(/img/special/subti_relay_interview01.gif);
	width: 435px;
	height: 19px;
}



/* INDEX
---------------------------------------------- */
h3#txt_artistinterview_info{
    background-image:url(/img/special/txt_artist_interview_info.gif);
	width:436px;
	height:17px;
}
h3#txt_relayinterview_info{
    background-image:url(/img/special/txt_relay_interview_info.gif);
	width:622px;
	height:17px;
}
div#interview_list{
	margin:20px auto;
	width: 900px;
}
div#interview_list .icoNew {
vertical-align: top;
}
div#interview_list ul{
	list-style-type:none;
}
div#interview_list li {
	display:block;
	margin:10px auto;
}

div#interview_list li#relay001 a{
    background-image:url(/img/special/relay_001_off.gif);
}
div#interview_list li#relay001 a:hover{
    background-image:url(/img/special/relay_001_on.gif);
}
div#interview_list li#relay002 a{
    background-image:url(/img/special/relay_002_off.gif);
}
div#interview_list li#relay002 a:hover{
    background-image:url(/img/special/relay_002_on.gif);
}
div#interview_list li#relay003 a{
    background-image:url(/img/special/relay_003_off.gif);
}
div#interview_list li#relay003 a:hover{
    background-image:url(/img/special/relay_003_on.gif);
}
div#interview_list li#relay004 a:hover{
    background-image:url(/img/special/relay_004_off.gif);
}
div#interview_list li#relay003 a{
    background-image:url(/img/special/relay_004_on.gif);
}

div.interview_side h4 {
background:transparent url(/img/common/icn_head_s.gif) no-repeat scroll 10px 50%;
color:#666666;
font-size:92%;
margin-bottom:4px;
padding-left:20px;
}

/* TITLE
---------------------------------------------- */

div.interview_contents h3#MessageArtistInterview {
	background-image: url(/img/special/message_artist_interview.gif);
	width: 278px;
	height: 49px;
	margin: 10px 0 15px 10px;
}

div.interview_contents h3#TxtArtistInterview {
	background-image: url(/img/special/txt_artist_interview01.gif);
	width: 136px;
	height: 14px;
	margin-bottom: 5px;
}

BODY#SPECIAL div.interview_contents h3#subtiArtistInterview01 {
	clear: both;
	background-image: url(/img/special/subti_artist_interview01.gif);
	width: 82px;
	height: 16px;
}	


  /* Artist vol2*/
div.interview_contents h3#MessageArtistInterview02 {
	background-image: url(/img/special/message_artist_interview02.gif);
	width: 288px;
	height: 78px;
	margin: 10px 0 15px 10px;
}

div.interview_contents h3#TxtArtistInterview02 {
	background-image: url(/img/special/txt_artist_interview02.gif);
	width: 186px;
	height: 17px;
	margin-bottom: 5px;
}

  /* Artist vol3*/
div.interview_contents h3#MessageArtistInterview03 {
	background-image: url(/img/special/message_artist_interview03.gif);
	width: 238px;
	height: 79px;
	margin: 10px 0 15px 10px;
}

div.interview_contents h3#TxtArtistInterview03 {
	background-image: url(/img/special/txt_artist_interview03.gif);
	width: 186px;
	height: 15px;
	margin-bottom: 5px;
}

/* Artist vol4*/
div.interview_contents h3#MessageArtistInterview04 {
	background-image: url(/img/special/message_artist_interview04.gif);
	width: 359px;
	height: 47px;
	margin: 10px 0 15px 10px;
}

div.interview_contents h3#TxtArtistInterview04 {
	background-image: url(/img/special/txt_artist_interview04.gif);
	width: 209px;
	height: 17px;
	margin-bottom: 5px;
}

  /* Artist vol5*/
div.interview_contents h3#MessageArtistInterview05 {
	background-image: url(/img/special/message_artist_interview05.gif);
	width: 460px;
	height: 45px;
	margin: 10px 0 15px 10px;
}

div.interview_contents h3#TxtArtistInterview05 {
	background-image: url(/img/special/txt_artist_interview05.gif);
	width: 186px;
	height: 17px;
	margin-bottom: 5px;
}




  /* Relay vol1 */
BODY#SPECIAL div.interview_side h3#subtiRelayInterview02 {
	background-image: url(/img/special/subti_relay_interview02.gif);
	width: 236px;
	height: 16px;
	margin-top: 20px;
}
	
div.interview_contents h3#TxtRelayInterview01 {
	background-image: url(/img/special/txt_relay_interview01.gif);
	width: 197px;
	height: 16px;
	margin-bottom: 5px;
}

div.interview_contents h3#TxtRelayInterview02 {
	background-image: url(/img/special/txt_relay_interview02.gif);
	width: 197px;
	height: 16px;
	margin-bottom: 5px;
}

BODY#SPECIAL p#RelayBannar01 a {
	display: block;
	background-image: url(/img/special/relay_bannar01.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayBannar01 a:hover {
	display: block;
	background-image: url(/img/special/relay_bannar01_on.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayBannar02 a {
	display: block;
	background-image: url(/img/special/relay_bannar02.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayBannar02 a:hover {
	display: block;
	background-image: url(/img/special/relay_bannar02_on.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayBannar03 a {
	display: block;
	background-image: url(/img/special/relay_bannar03.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayBannar03 a:hover {
	display: block;
	background-image: url(/img/special/relay_bannar03_on.gif);
	width: 274px;
	height: 72px;
}

BODY#SPECIAL p#RelayTitle {
	background: url(/img/common/icn_head_s2.gif) 0 50% no-repeat;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
}

BODY#SPECIAL p#RelayComment {
	background: url(/img/common/icn_head_s.gif) 0 50% no-repeat;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
}
div#interview_list dl {
float: left;
width: 540px;
}
div#interview_list dl dt {
	float: left;
}
div#interview_list dl dd {
	margin-left: 120px;
}
div#interview_list dl dd.txt_about {
    margin-top: 20px;
}
div#interview_list dl dd.btn_more {
    margin-top: 10px;
	text-align:right;
}
div#interview_list .unit_works { 
 width: 320px;
 float: right;
 background-color:#f7f7f7;
 height: 137px;
}
div#interview_list .unit_works h5 {
	padding-top: 62px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
}
div#interview_list li.unit_artist {
	margin-bottom: 20px;
	background:transparent url(/img/common/line_dot01.gif) repeat-x scroll 0 bottom;
	padding-bottom:5px;
	height:147px;
}
div#interview_list .unit_works ul {
	float: left;
	padding-top: 10px;
}
div#interview_list .unit_works ul li {
	float: left;
	padding-right: 5px;
}
div.interview_contents table p {
	margin-top: 5px;
	padding-left: 15px;
	font-size: 93%;
}
div.interview_contents p.relay {
	padding: 10px;
	background: #F0F0F0;
}

div.interview_contents table p a{
	font-weight: bold;
}





/* ARTIST INTERVIEW SIDE
---------------------------------------------- */

BODY#SPECIAL div.interview_side h3#menuArtistInterview01 {
	background-image: url(/img/special/side_artist_interview01.gif);
	width: 55px;
	height: 15px;
}

BODY#SPECIAL div.interview_side h3#menuArtistInterview02 {
	background-image: url(/img/special/side_artist_interview02.gif);
	width: 90px;
	height: 15px;
}

BODY#SPECIAL div.interview_side h3#menuArtistInterview03 {
	background-image: url(/img/special/side_artist_interview03.gif);
	width: 45px;
	height: 15px;
}

BODY#SPECIAL div.interview_side h3#menuArtistInterview04 {
	background-image: url(/img/special/side_artist_interview04.gif);
	width: 55px;
	height: 15px;
}

BODY#SPECIAL div.interview_side h3#menuArtistInterview05 {
	background-image: url(/img/special/side_artist_interview05.gif);
	width: 100px;
	height: 15px;
}

BODY#SPECIAL div.interview_side dl {
	margin: 10px 5px 0 5px;
}	

BODY#SPECIAL div.interview_side dl dt {
	margin: 10px 0;
}

BODY#SPECIAL div.interview_side dl dd {
	clear: both;
	border-bottom: solid #CCC 1px;
	padding: 0 0 10px 20px;
	margin: 10px 3px;
}

BODY#SPECIAL div.interview_side dl dd.ArtistInterviewlast {
	padding: 0 10px;
	margin: 10px 0;
	border: none;
}

BODY#SPECIAL div.interview_side dl dd.ArtistInterviewlast ul {
	padding-bottom: 10px;
	margin: 0 0 10px;
	background: url(/img/common/line_dot01.gif) repeat-x 0 100%;
}
BODY#SPECIAL div.interview_side dl dd.ArtistInterviewlast ul li {
	font-size: 93%;
}
BODY#SPECIAL div.interview_side dl dd.ArtistInterviewlast ul li.rbTitle {
	font-size: 100%;
}
BODY#SPECIAL div.interview_side dl dd.ArtistInterviewlast ul li.naviLink {
	margin-top: 5px;
	padding-left: 8px;
	font-size: 93%;
	background: url(/img/common/icn_head01.gif) no-repeat 0 50%;
}

BODY#SPECIAL div.interview_side h4 {
	margin: 18px 0 12px;
	color: #588E03;
	font-size: 107%;
}

BODY#SPECIAL p#btnArtistProfile a {
	display: block;
	width: 128px;
	height: 18px;
	margin-top: 10px;
	background: url(/img/common/btn_artist_profile.gif) no-repeat 0 0;
}
BODY#SPECIAL p#btnArtistProfile a:hover {
	background-position: 0 100%;
}

BODY#SPECIAL p#btnArtistProfile a span {
	display: none;
}

/* INTERVIEW MENU
---------------------------------------------- */

BODY#SPECIAL ul.interview_menu {
	clear: both;
	width: auto;
	margin: 5px 0 20px;
	padding: 5px;
	background-color: #F0F0F0;
	text-align: center;
}
BODY#SPECIAL ul.interview_menu li {
	float: left;
	width: 310px;
	font-size: 93%;
}
BODY#SPECIAL ul.interview_menu li.im_prev {
	padding-left: 8px;
	text-align: left;
	background: url(/img/common/icn_head02.gif) no-repeat 0 50%;
}
BODY#SPECIAL ul.interview_menu li.im_top {
	text-align: center;
}
BODY#SPECIAL ul.interview_menu li.im_next {
	padding-right: 8px;
	text-align: right;
	background: url(/img/common/icn_head01.gif) no-repeat 100% 50%;
}

	BODY#SPECIAL ul.interview_menu {
			zoom:1;/*for IE 5.5-7*/
	}
	BODY#SPECIAL ul.interview_menu:after {/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			visibility:hidden;
	}
	* html BODY#SPECIAL ul.interview_menu {
		display:inline-table;
		/*\*/display:block;/**/
	}
	




BODY#SPECIAL div.interview_side {
	clear: both;
	float: left;
	width: 285px;
	margin: 10px 15px 10px 0;
	padding: 0 5px;
}
 

BODY#SPECIAL div.interview_sideCont {
	float: left;
	width: 269px;
	border: solid #CCC 3px;	
	padding: 5px 5px 10px 5px;
	margin-top: 5px;
}

BODY#SPECIAL div.interview_contents{
	float: right;
	width: 610px;
	margin: 10px 0 10px 0;
	border-bottom: solid #CCC 1px;
	padding-bottom: 20px;
}
BODY#SPECIAL div.interview_contents h3{
color: #588e03;
font-size:136%;
font-weight:bold;
line-height: 1.5;
}
BODY#SPECIAL div.interview_contents p.img02{
    margin: 0 0 10px 10px;
	float: right; 
}

BODY#SPECIAL div.interview_contents p.img01{
	float: left;
	width: 280px;
	margin: 0 10px 10px 0;
}

BODY#SPECIAL div.interview_contents p.img03{
	float: left;
	width: 280px;
	margin: 0 10px 10px 0;
}

BODY#SPECIAL div.interview_contents p.img04{
	float: left;
	width: auto;
	height: auto; 
	margin: 0 10px 10px 0;
}

BODY#SPECIAL div.interview_contents p.img06{
	float: right;
	width: auto;
	height: auto; 
	margin: 0 10px 10px 0;
}

BODY#SPECIAL div.interview_contents p.img05{
	margin: 0 10px 10px 0;
	float: left; 
	width:160px;
}

BODY#SPECIAL div.ArtistInterviewTop {
	margin: 10px 0 5px 0;
	padding: 25px 0 20px 8px;
	border: 1px solid #CCC;
	border-width: 1px 0;
}
BODY#SPECIAL div.ArtistInterviewTop h3 {
color:#f76B10;
font-weight: bold;
font-size:122%;
}
BODY#SPECIAL div.ArtistInterviewAnother {
	display: inline;
	float: right;
	width: 192px;
	margin: 150px 30px 0 0;
}

BODY#SPECIAL div.RelaysubTitle {
	border-top: 2px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 10px;
}




/* ArtistInterviewAnother
------------------------------------------------------ */

BODY#SPECIAL div.ArtistInterviewAnother p#goAnotherArt a:hover {
	display: block;
	background-image: url(/img/special/btn_another_art_f2.gif);
	width: 192px;
	height: 48px;
}


/* SECTION
---------------------------------------------- */
BODY#SPECIAL p.amazonposted,
BODY#SPECIAL p.amazonposted a {
	font-size: 92% !important;
	color: #AAA; 
}	


/* GENERAL STYLES
-------------------------------------------- */

.nobg {
	background: none !important;
}


/* Virtial
-------------------------------------------- */
div.interview_contents dl.ArtistInterview dt {
	clear: both;
	margin: 10px 0 10px 0;
	padding-left: 8px;
	border-left: 4px solid #333;
	font-weight: bold;
}
div.interview_contents dl.ArtistInterview dd {
	clear: both;
	margin: 10px 0 20px 0;
	padding-left: 12px;
	padding-bottom: 20px;
}

div.artGroup {
    clear:both;
	margin-bottom: 15px;
	}
div.artGroup h4 {
	border-left: 4px solid #333333;
	clear: both;
	font-weight:bold;
	margin: 0 0 10px;
	padding-left: 8px;
}



	/* Relay */
div.interview_contents dl.RelayInterview dt {
	clear: both;
	margin: 10px 0 10px 0;
	padding-left: 8px;
	font-weight: bold;
}
div.interview_contents dl.RelayInterview dd {
	float: left;
	margin: 10px 0 20px 0;
	padding-bottom: 20px;
}

div.interview_contents table.RelayInterview {
	border-collapse: collapse;
}

div.interview_contents table.RelayInterview th {
	clear: both;
	padding: 10px;
	background: url(/img/common/line_dot02.gif) 0 0 repeat-x;
	text-align: center;
	vertical-align: top;
	width: 100px;
}
BODY#SPECIAL div#contents div#interview_sideCont a img {
	border: #FFF 4px solid;
}
BODY#SPECIAL div#contents div#interview_sideCont a:hover img {
	border: #FF0 4px solid;
} 
div.interview_contents table.RelayInterview td {
	float: left;
	padding: 5px;
	background: url(/img/common/line_dot02.gif) 0 0 repeat-x;
	vertical-align: top;
}

div.interview_contents table.RelayInterview td {
	clear: both;
	float: left;
	padding: 5px;
	background: url(/img/common/line_dot02.gif) 0 0 repeat-x;
	vertical-align: top;
}

div.interview_contents table.RelayInterview tr th.first {
	background: none;
}
div.interview_contents table.RelayInterview tr td.first {
	background: none;
}