@charset "utf-8";

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

	ArtMeter / CUSTOMER styles
	author   : (C)KAYAC http:/www.kayac.com/
	created  : 2007/03/14
	modified : 2007/04/07

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

@import url("/css/common.css");
/* CONTENTS HEAD
---------------------------------------------- */

div#contHead h2#titleCustomer {
	background-image: url(/img/guide/customer/ti_customer.gif);
	width: 238px;
	height: 16px;
}

div#contHead h2#titleCustomer_en {
	background-image: url(/img/guide/customer/ti_customer_en.gif);
	width: 187px;
	height: 16px;
}

div#contHead h2#titleArtist {
	background-image: url(/img/guide/artist/ti_artist.gif);
	width: 239px;
	height: 17px;
}


/* CUSTOMER
---------------------------------------------- */

div.contSection h3#txtCustomer01 {
	background-image: url(/img/guide/customer/txt_customer01.gif);
	width: 445px;
	height: 18px;
	margin-bottom:20px;
}
div.contSection h4.txtHead {
background-image:url(/img/about/txt_search_00.gif);
background-repeat:no-repeat;
font-weight:bold;
height:31px;
padding-left:12px;
padding-top:7px;
}
div.contSection h4#subtiCustomer01 {
	background-image: url(/img/guide/customer/subti_customer01.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer02 {
	background-image: url(/img/guide/customer/subti_customer02.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer03 {
	background-image: url(/img/guide/customer/subti_customer03.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer04 {
	background-image: url(/img/guide/customer/subti_customer04.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer05 {
	background-image: url(/img/guide/customer/subti_customer05.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer06 {
	background-image: url(/img/guide/customer/subti_customer06.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer07 {
	background-image: url(/img/guide/customer/subti_customer07.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer08 {
	background-image: url(/img/guide/customer/subti_customer08.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer09 {
	background-image: url(/img/guide/customer/subti_customer09.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer10 {
	background-image: url(/img/guide/customer/subti_customer10.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer11 {
	background-image: url(/img/guide/customer/subti_customer13.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer12 {
	background-image: url(/img/guide/customer/subti_customer12.gif);
	height: 31px;
}
div.contSection h4#subtiCustomer13 {
	background-image: url(/img/guide/customer/subti_customer11.gif);
	height: 31px;
}

div.contSection h4#subtiCustomer14 {
	background-image: url(/img/guide/customer/subti_customer14.gif);
	height: 31px;
}

h5#infotiArt{
background-image: url(/img/guide/artist/icn_head03.gif);
background-position:12px 50%;
background-repeat: no-repeat;
padding-left: 32px;
margin-top:10px;
color:#336600;
margin-bottom:10px;
}

h4.StepHead{
background-image: url(/img/guide/artist/icn_head02.gif);
background-position: 10px 50%;
background-repeat: no-repeat;
padding-left: 20px;
font-size:120%;
font-weight:bold;
}

/* LIST
---------------------------------------------- */

ul.pay{
margin: 7px 0;
}

ul.pay li{
color: #F9630D;
font-weight: bold;
padding-left: 28px;
background-image: url(/img/common/icn_head01.gif);
background-position: 18px 50%;
background-repeat: no-repeat;
}

ul.pay2{
margin: 7px 0;
}

ul.pay2 li{
padding-left: 28px;
background-image: url(/img/common/icn_head01.gif);
background-position: 18px 10px;
background-repeat: no-repeat;
}

ul.arw2 li,dl.arw2 dt{
background-image: url(/img/guide/artist/icn_head03.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
padding-left: 15px;
font-weight:bold;
margin-top:10px;
}

div.contSection div#sale_info div#cautionList ul{
margin-left:20px;
}

div.contSection div#sale_info div#cautionList li{
background-image: url(/img/common/icn_head01.gif);
background-position: 30px 50%;
background-repeat: no-repeat;
padding-left: 40px;
font-size:90%;
}

body#CUSTOMER div#guidemenu ul{
width:650px;
margin-left:27px;
}

body#CUSTOMER div#guidemenu li{
margin-top:30px;
}

div.contSection div#sale_info div#outlist1 {
margin-top:20px;
margin-bottom:30px;
}
div.contSection div#sale_info div#outlist1 ul{
margin-left:20px;
}
div.contSection div#sale_info div#outlist1 li{
background-image: url(/img/common/icn_head01.gif);
	background-position: 30px 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size:90%;
}

div.contSection div#sale_info div#outlist2 {
margin-top:20px;
margin-bottom:30px;
}
div.contSection div#sale_info div#outlist2 ul{
margin-left:20px;
}
div.contSection div#sale_info div#outlist2 li{
background-image: url(/img/common/icn_head01.gif);
	background-position: 30px 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size:90%;
}

div.ex_box{
background:#eee;
margin-left:15px;
}

div.ex_box p{
padding:10px;
}

/* CONTENTS
---------------------------------------------- */

body#CUSTOMER div.contSection p {
padding-left: 14px;
}

body#CUSTOMER div.contSection p.explanation {
padding: 3px 0;
margin-left: 14px;
font-size: 77%;
color: #666666;
}

body#CUSTOMER div.contSection p.naviLink{
margin-left: 14px;
}

body#CUSTOMER div.contSection img.marginPlus{
margin: 3px 0;
}

body#CUSTOMER div.contSection table#deliveryCharges{
margin: 3px 0 3px 14px;
width: 400px;
}

body#CUSTOMER div.contSection table#deliveryCharges caption{
display: none;
}

body#CUSTOMER div.contSection div#eMail{
margin: 5px 0 5px 14px;
font-weight: bold;
}

body#CUSTOMER div.contSection strong{
color :#6F9D27;
}

p.greentxt{
margin-bottom:10px;
font-weight:bold;
color :#6F9D27;
}

div.contSection div#sale_info{
width:650px;
}

p.Addtxt span{
font-size:90%;
color:#666666;
line-height:160%;
}


/* TABLE
---------------------------------------------- */

body#CUSTOMER div.contSection table#deliveryCharges th{
padding: 3px 5px;
color: #cccccc;
background-color: #626262;
font-weight: bold;
text-align: center;
}

body#CUSTOMER div.contSection table#deliveryCharges td{
padding: 3px 5px;
background-color: #cccccc;
text-align: center;
}



/* BTN
---------------------------------------------- */

div.pdfArea {
	position: absolute;
	top: -10px;
	left: 620px;
	width: 25em;
	padding: 2px;
	border: 2px solid #EEE;
}

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

body#CUSTOMER p.txtPdf {
	float: right;
	width: 280px;
	margin: 8px 0 0 0;
	font-size: 93%;
	z-index: 999;
}

p.btnPdf a {
	display: block;
	float: right;
	width: 28px;
	height: 31px;
	margin-left: 10px;
	text-indent: -9999px;
	outline: none;
	background: url(/img/common/icn_pdf.gif) no-repeat 0 0;
}
p.btnPdf a:hover {
	background: url(/img/common/icn_pdf.gif) no-repeat 0 100%;
}
body#CUSTOMER div.contSection p.btnWrapping {
	padding: 0;
}
p.btnWrapping a {
	display: block;
	width: 240px;
	height: 36px;
	margin: 10px auto 15px 0;
	text-indent: -9999px;
	outline: none;
	background: url(/img/guide/artist/btn_wrapping.gif) no-repeat 0 0;
}
p.btnWrapping a:hover {
	background: url(/img/guide/artist/btn_wrapping.gif) no-repeat 0 100%;
}

body#CUSTOMER div.contSection div#entryBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/customer/btn_entry.gif) 14px;
width: 128px;
height: 24px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#meterBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/customer/btn_meter.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#originalBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/customer/btn_original.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#photoBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/customer/btn_photo.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#frameBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/customer/btn_frame.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#photoBtn a:hover,div#frameBtn a:hover,div#meterBtn a:hover,div#originalBtn a:hover{
background-position: 0 100%;
}

div#photoBtn a span,div#frameBtn a span,div#meterBtn a span,div#originalBtn a span{
display: none;
}

div#sizeBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_size.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#canvasBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_canvas.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#mainBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_main.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#levelBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_level.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#baseBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_base.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#cmBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_cm.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#stepBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_step.gif) 14px;
width: 240px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

div#traBtn a{
margin: 3px 0 3px 14px;
background: url(/img/guide/artist/btn_tra.gif) 14px;
width: 280px;
height: 36px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}


body#CUSTOMER div.contSection div#entryBtn a:hover,div#levelBtn a:hover,div#traBtn a:hover,div#baseBtn a:hover,div#stepBtn a:hover,div#cmBtn a:hover,div#sizeBtn a:hover,div#mainBtn a:hover{
background-position: 0 100%;
}

body#CUSTOMER div.contSection div#entryBtn a span,div#levelBtn a span,div#traBtn a span,div#baseBtn a span,div#stepBtn a span,div#cmBtn a span,div#sizeBtn a span,div#mainBtn a span{
display: none;
}


/* ARTIST
---------------------------------------------- */

div.contSection h3#txtArtist01 {
background-image: url(/img/guide/artist/txt_Artist01.gif);
width: 370px;
height: 18px;
margin-bottom:10px;
}

div h3#txtArtist02 {
background-image: url(/img/guide/artist/txt_Artist02.gif);
width: 155px;
height: 16px;
}

div.contSection h3#txtArtist03 {
background-image: url(/img/guide/artist/txt_Artist03.gif);
width: 205px;
height: 16px;
margin-top:30px;
margin-bottom:15px;
}

div.contSection h4#txtArt01 {
background-image: url(/img/guide/artist/subti_art01.gif);
height: 31px;
}

div.contSection h4#txtArt02 {
background-image: url(/img/guide/artist/subti_art02.gif);
height: 31px;
}

div.contSection h4#subtiArtist01 {
	background-image: url(/img/guide/artist/subti_artist01.gif);
	height: 31px;
}
div.contSection h4#subtiArtist02 {
	background-image: url(/img/guide/artist/subti_artist02.gif);
	height: 31px;
}
div.contSection h4#subtiArtist03 {
	background-image: url(/img/guide/artist/subti_artist03.gif);
	height: 31px;
}
div.contSection h4#subtiArtist04 {
	background-image: url(/img/guide/artist/subti_artist04.gif);
	height: 31px;
}
div.contSection h4#subtiArtist05 {
	background-image: url(/img/guide/artist/subti_artist05.gif);
	height: 31px;
}
div.contSection h4#subtiArtist06 {
	background-image: url(/img/guide/artist/subti_artist06.gif);
	height: 31px;
}
div.contSection h4#subtiArtist07 {
	background-image: url(/img/guide/artist/subti_artist07.gif);
	height: 31px;
}
div.contSection h4#subtiArtist08 {
	background-image: url(/img/guide/artist/subti_artist08.gif);
	height: 31px;
}
div.contSection h5#infotiArtist01 {
	background-image: url(/img/guide/artist/infoti_Artist01.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-23px;
}
div.contSection h5#infotiArtist02 {
	background-image: url(/img/guide/artist/infoti_Artist02.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-23px;
}
div.contSection h5#infotiArtist03 {
	background-image: url(/img/guide/artist/infoti_Artist03.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-23px;
}
div.contSection h5#infotiArtist04 {
	background-image: url(/img/guide/artist/infoti_Artist04.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;	
	margin-left:-23px;
}
div.contSection h5#infotiArtist05 {
	background-image: url(/img/guide/artist/infoti_Artist05.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-23px;
}
div.contSection h5#infotiArtist06 {
	background-image: url(/img/guide/artist/infoti_Artist06.gif);
	height: 31px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-23px;
}
body#CUSTOMER div.contSection p.explanation {
padding: 3px 0;
margin-left: 14px;
font-size: 77%;
color: #666666;
}

body#CUSTOMER div.contSection p.naviLink{
margin-left: 14px;
}

body#CUSTOMER div.contSection img.marginPlus{
margin: 3px 0;
}

body#CUSTOMER div.contSection strong{
color :#6F9D27;
}

body#CUSTOMER div.contSection h6{
font-weight:bold;
margin-top:15px;
margin-bottom:8px;
margin-left:13px;
}

body#CUSTOMER div.contSection div#entryBtn a{
margin: 10px 0 20px 0px;
background: url(/img/guide/artist/btn_entry.gif) 14px;
width: 128px;
height: 24px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

body#CUSTOMER div#guidemenu{
width:765px;
margin:10px 20px 100px 165px;
padding-left:10px;
padding-right:10px;
padding-bottom:50px;
padding-top:20px;
border-color:#CCCCCC;
border-style:solid;
border-width:0px 0px 1px 0px;
}

h6.contSection2 {
/* position: relative; IE ERROR*/
clear: both;
padding-top:20px;
padding-bottom:10px;
background: url(/img/common/line_dot01.gif) 0 0 repeat-x;
}

.contSection3 {
/* position: relative; IE ERROR*/
clear:both;
padding-top:10px;
padding-left:5px;
height:24px;
border-top:1px solid #f0f0f0;
background:#eee;
}

body#CUSTOMER div#guidemenu p{
margin-left:15px;
}

body#CUSTOMER div#guidemenu a{
font-weight:bold;
color:#006600;
}



body#CUSTOMER div#guidemenusale a{
color:#99CC00;
}

body#CUSTOMER div#guidemenusale p{
font-size:90%;
margin:0;
}

dl.arw dt p{
font-weight:bold;
}

.point{
background:#FFFF19;
font-size:120%;
}


/* DL
---------------------------------------------- */

dl.arw dd{
padding-left:10px;
}

dl dt.StepSales{
background-image: url(/img/guide/artist/icn_head02.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
padding-left: 20px;
font-size:90%;
font-weight:bold;
margin-bottom:5px;
}

.contSection dl dd{
margin-bottom:10px;
}
body#CUSTOMER div#guidemenusale dl{
width:565px;
margin-top:5px;
margin-left:50px;
}

body#CUSTOMER div#guidemenusale dt{
margin-top:3px;
}

body#CUSTOMER div#guidemenusale dd{
margin-top:1px;
margin-left:15px;
}

body#CUSTOMER div.contSection dd{
margin-left:35px;
width:650px;
}



/* TABLE
---------------------------------------------- */
table.tableArtistLevel {
	width: 700px;
	margin: 10px 0 10px 15px;
	font-size: 93%;
}
table.tableArtistLevel tr th {
	padding: 4px;
	color: #FFF;
	font-weight: bold;
	background: #000;
}
table.tableArtistLevel tr td {
	padding: 4px;
	text-align: left;
	background: #F0F0F0;
}
body#CUSTOMER div.contSection table.tableArtistLevel tr td.style06 strong {
	font-weight: normal;
	color: #000;
}

div.gihou_table {
font-size:90%;
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
}
div.gihou_table table tr td.gihouCM {
	width: 100px;
}

div.gihou_table caption{
text-align:left;
font-size:120%;
font-weight:bold;
height:18px;
}

div.gihou_table th{
padding:5px;
background:#000000;
color:#FFFFFF;
width:20px;
text-align:center;
}

div.gihou_table td{
height:20px;
padding:5px;
background:#eee;
width:300px;
}

div.gihou_table2 caption{
text-align:left;
font-size:120%;
font-weight:bold;
height:18px;
}

div.gihou_table2 th{
padding:5px;
background:#000000;
color:#FFFFFF;
width:20px;
text-align:center;
}

div.gihou_table2 td{
height:20px;
padding:5px;
background:#eee;
width:300px;
}


div#address2 {
font-size:90%;
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
}

div#address2 th{
text-align:center;
padding:5px;
background:#000;
color:#FFFFFF;
font-size:110%;
}

div#address2 td{
padding-left:5px;
padding-right:10px;
background:#eee;
}

div.contSection div#sale_info div#address {
margin-left:30px;
width:565px;
background-color:#FFFFCC;
padding:10px;
}

div.contSection div#sale_info div#cautionList {
margin-top:20px;
margin-bottom:30px;
}

div.contSection div#sale_info div#cautionList h6 {
margin-left:50px;
font-size:90%;
}

div.contSection div#sale_info div#soldouticon {
background-image: url(/img/guide/artist/soldout_mini.gif);
width:75px;
height:21px;
}

/* OVERSEA
---------------------------------------------- */
div#contents.oversea h3#txtOversea{
background-image:url(/img/guide/oversea/txt_artist_oversea.gif);
height:18px;
margin-bottom:10px;
width:370px;
}
div#contents.oversea ul.point04,
div#contents.oversea ul.point03,
div#contents.oversea ul.point02,
div#contents.oversea ul.point01 {
height:110px;
}
div#contents.oversea ul.point01 {
background:url(/img/guide/oversea/icn_point1_01.gif) no-repeat 100% 0%;
}
div#contents.oversea ul.point02 {
background:url(/img/guide/oversea/icn_point1_02.gif) no-repeat 100% 0%;
}
div#contents.oversea ul.point03 {
background:url(/img/guide/oversea/icn_point1_03.gif) no-repeat 100% 0%;
}
div#contents.oversea ul.point04 {
background:url(/img/guide/oversea/icn_point1_04.gif) no-repeat 100% 0%;
}
div#contents.oversea ul.point05 li,
div#contents.oversea ul.point04 li,
div#contents.oversea ul.point03 li,
div#contents.oversea ul.point02 li,
div#contents.oversea ul.point01 li {
width:550px;
}

div#tableOversea{
padding-left:20px;
}
div#tableOversea table{
border-collapse:collapse;
}
div#tableOversea table tr td{
border:1px solid #CCCCCC;
font-size:85%;
padding:10px;
text-align:center;
}
div#tableOversea table tr td{
background:#EEEEEE none repeat scroll 0 0;
}
div#tableOversea table tr td.col,
div#tableOversea table tr td.row{
font-weight:bold;
}
div#tableOversea table tr td.row01{
background:#FFFFFF none repeat scroll 0 0;
}
div#tableOversea table tr td.row02{
background:#E3EECC none repeat scroll 0 0;
}
div.contSection ul {
padding-bottom:10px;
}
div.contSection ul li {
padding-left:30px;
}
div.contSection ul li.attention {
font-size:87%!important;
color:#333333;
}

div.contSection ul.contL {
width:400px;
float:left;
}
div.contSection ul.contL li.btnEntry,
div.contSection ul.contR li.btnEntry  {
padding:10px 0px 10px 20px;
}
/* btnSpecial
---------------------------------------------- */

div#contHead {
	position:relative;
}
p.btnSpecial {
	position:absolute;
	right:0px;
	top:0px;
}