@charset "EUC-JP";

/*=======================================================
 portfolio.css                   Last Updated: 2009.06.19
 
 [01] title / TEXT
 [02] seach
 [03] TOP List (main)
=======================================================*/

/*-------------------------------------------------------
 [01] title / TEXT
-------------------------------------------------------*/
div.portfolio h2 {
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: #CCC 1px solid;
}

div.portfolio div.text p {
margin-bottom: 15px;
}

div.portfolio div.text p.pic {
float: right;
margin-left: 10px;
}


/*-------------------------------------------------------
 [02] seach
-------------------------------------------------------*/
div.portfolio div.seach ul {
padding-top: 20px;
}

div.portfolio div.seach ul li {
float: left;
height: 30px;
}

/*div.portfolio div.seach div.box {
clear: both;
border: #E6E6E6 1px solid;
padding: 8px;
}*/

div.portfolio div.seach div.box dl.list dd,
div.portfolio div#tabContent div#tabBoxIndex div.tabBox dl.list dd{
margin-right: 8px;
display: inline;
}

div.portfolio div.seach div.box dl.list dd a,
div.portfolio div#tabContent div#tabBoxIndex div.tabBox dl.list dd a{
text-decoration: none;
}

div.portfolio div.seach div.box dl.list dd a:hover,
div.portfolio div#tabContent div#tabBoxIndex div.tabBox dl.list dd a:hover{
}

#tabContent {
	padding: 5px;
}

#tabIndex {
	padding-top: 20px;
	margin: 0px;
}

#tabIndex li {
	float: left;
	height: 30px;
	cursor: pointer;
	display: block;
}

#tabIndex .close {
  background-color: #FFCF00;
  text-decoration: underline;
  color:#0000FF;
}
#tabIndex .open {
  background-color: #FFE3A5;
  text-decoration: none;
}

#tabBoxIndex {
clear: both;
border: #E6E6E6 1px solid;
padding: 8px;
}

/*-------------------------------------------------------
 [03] artistThumb
-------------------------------------------------------*/
div.portfolio div.artistList {
margin-top: 20px;
}

div.portfolio div.artistList h3 {
margin-bottom: 10px;
margin-right: 5px;
float: left;
}

div.portfolio div.artistList p.txt {
padding: 5px;
}

/*::: artistThumbTable ::::::::::::::::::::::::::::::::*/
div.portfolio div.artistList table.artistThumb {
margin-bottom: 20px;
border-collapse: collapse;
width: 800px;
clear: both;
}

div.portfolio div.artistList table.artistThumb th,
div.portfolio div.artistList table.artistThumb td{
text-align:center;
vertical-align: middle; 
}

div.portfolio div.artistList table.artistThumb th{
border-top:none;
font-weight:normal;
line-height:120%;
padding:0 5px 5px 5px;
}

div.portfolio div.artistList table.artistThumb td{
border-bottom:none;
height:135px;
}

div.portfolio div.artistList table.artistThumb td a{
display:block;
}

/*::: NEXTbtn :::::::::::::::::::::::::::::::::::::::::*/
div.portfolio div.artistList div.nextBack {
margin: 20px 0;
}

div.portfolio div.artistList div.nextBack p.backBtn,
div.portfolio div.artistList div.nextBack p.backButton {
padding-left: 12px;
background: url("../../common2009/images/ico_arrow_blk2.gif") no-repeat 0 .5em;
float: left;
}

div.portfolio div.artistList div.nextBack p.nextBtn,
div.portfolio div.artistList div.nextBack p.nextButton {
padding-right: 12px;
background: url("../../common2009/images/ico_arrow_blk.gif") no-repeat right .5em;
float: right;
}

/*-------------------------------------------------------
 [03] artistProfile
-------------------------------------------------------*/

#artistProfileMenu {
text-indent: -9999px;
}

/*-------------------------------------
artistProfileSetting
-------------------------------------*/
#artistProfile {
margin: 20px 20px 10px 10px;
padding-bottom: 10px;
border-bottom: #CCC 2px solid;
}

#artistProfile dt {
margin-bottom: 6px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.4;
}

#artistProfile dt img {
margin-right: 14px;
float: left;
}

#artistProfile dd {
margin-left: 110px;
}


/*-------------------------------------
artistProfileMenuSetting
-------------------------------------*/
#artistProfileMenu {
margin-left: 10px;
height: 15px;
position: relative;
}

#artistProfileMenu p a {
display: block;
position: absolute;
}

#artistProfileMenu #artistsWebsite a {
width: 60px;
height: 15px;
background: url("../../common/images/btn_web_site.gif") no-repeat;
top: 0;
left: 0;
}

#artistProfileMenu #artistsWebsite.noWebsite {
width: 60px;
height: 15px;
background: url("../../common/images/btn_no_web_site.gif") no-repeat;
top: 0;
left: 0;
}

#artistProfileMenu .googleTranslate a {
width: 93px;
height: 15px;
background: url("../../common/images/btn_google_translate.png") no-repeat;
top: 0;
left: 80px;
}

#artistProfileMenu #contactForArtist a {
width: 111px;
height: 11px;
background: url("../../images/atl_btn_contact.gif") no-repeat;
top: 2px;
right: 18px;
}

/*-------------------------------------
artistNewsSetting
-------------------------------------*/
#artistNews {
margin: 10px 16px 10px 10px;
padding-top: 16px;
background: url("../../common/images/dotline_gray.gif") repeat-x;
}

#artistNews dl.section {
margin: 10px;
line-height: 1.6;
}

#artistNews dl.section dt {
width: 7em;
padding-bottom:0px;
float: left;
}

#artistNews dl.section dd {
margin-left: 7em;
padding-bottom:3px;
}

#artistNewsDetial {
margin: 10px 16px 10px 10px;
padding-top: 16px;
background: url("../../common/images/dotline_gray.gif") repeat-x;
}

#artistNewsDetial p.img {
float: left;
margin-right: 10px;
}

/* editorbanner */

#editorbanner {
margin: 10px 16px 10px 10px;
}

/*-------------------------------------
FlashSetting
-------------------------------------*/

#artistWorksFlashContents {
padding-left:5px;
}

/*-------------------------------------
Conversation Setting
-------------------------------------*/

#conversationBox {
margin: 0 16px 16px 10px;
padding: 4px 10px;
}

/*-------------------------------------
conversationBoxSetting
-------------------------------------*/
#conversationBox {
background: #FFF0DA;
border: #CF9977 1px solid;
}

#conversationBox h3 {
margin-bottom: 8px;
color: #C30;
font-size: 1.2em;
}

#conversationBox .longTextArea {
margin-bottom: 6px;
width: 100%;
height: 152px;
background: #FFF;
border: #CF9977 1px solid;
}

#conversationBox p.writeButton {
text-align:right;
}

#conversationBox #clearButton {
margin-left: 12px;
}

#conversationBox dl.section {
margin: 10px 0;
padding-top: 10px;
border-top: #FFF 2px solid;
}

#conversationBox dl.section dt {
width: 7em;
float: left;
}

#conversationBox dl.section dd {
margin-left: 7em;
margin-bottom: 6px;
}

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

	aboutPageSetting

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

#contents .about {
border-bottom: #CCC 1px dotted;
padding:0 0 10px 0;
margin:0 0 15px 0;
display: block;
width:780px;
}

#contents .about h3 {
margin-bottom:1em;

}

#contents .about p {
/*line-height:1.2em;*/
margin-bottom:2em;
}

#contents .about ol li {
margin:0 0 1em 2.5em;
line-height:1.6em;
list-style:decimal;
}


#contents .about p.sinsa {
padding:15px;
border-top: thin solid #CCCCCC;
margin-top:20px;
}

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

	helpPageSetting

-------------------------------------*/
#contents .help {
margin-bottom:50em;
}


#contents .help h3 {
margin-bottom:1em;

}

#contents .help p {
line-height:1.2em;
margin-bottom:2em;
}


#contents .help ul,
#contents .help dl {
margin:0 0 1em 0;
line-height:1.2em;
}

#contents .help ul{
margin:0 0 1em 0;
padding:0 0 1em 0;
line-height:1.2em;
border-bottom:#999999 solid 1px;
}

#contents .help li{
margin:0 0 1em 0;
}

#contents .help li a {
text-decoration:none;
}

#contents .help dl dt {
margin:1em 0 0.5em 0;
line-height:1.2em;
}

#contents .help dl dd {
padding:1em;
line-height:1.2em;
background:#ECEFF6;
margin-bottom:2em;
}

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

	policyPageSetting

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

#contents .policy h3 {
margin-bottom:1em;

}

#contents .policy p {
line-height:1.2em;
margin-bottom:2em;
}

#contents .policy ol li {
margin:0 0 1em 2.5em;
list-style:decimal;
margin-bottom:2em;
}

#contents .policy ul {
margin:1em 0 0 0;
line-height:1.2em;
}

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

	contact from

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

#contents .contact table.forartist {
border-left:#CCCCCC solid 1px;
border-top:#CCCCCC solid 1px;
margin-top:5px;
}

#contents .contact table.forartist td {
border-right:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding: 5px;
}

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

	reminder

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

#contents .entryForm h3 {
margin-bottom:1em;
}

#contents .reminder {
margin:10px 0;
}