/* standard elements */

* {
margin: 0;
padding: 0;
}

.root {
width: 960px;
margin: auto;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-top: none;
}

a {
text-decoration: none;
}

body {
background: #444444 url(../img/body_bg.jpg) repeat-y center top;
color: #BBB;
font: normal 62.5% arial ,sans-serif;
}

p,ul {
float:left;
font-family: arial,sans-serif;
font-size: 13px;
margin: 10px 2px 20px;
color: #FFFFFF;
line-height:1.4em;
}

blockquote {
font: bold 1em sans-serif;
}

code {
font-family: arial,sans-serif;
font-size:12px;
height:80px;
line-height:1.4em;
height:300px;
}

img {
border: none;
}

ul {
margin-left: 2em;
}

h1 {
font: normal 1.5em sans-serif;
}

h2 {
font: bold 1.6em Verdana,sans-serif;
}

h3 {
font: bold 1.6em Verdana,sans-serif;
padding-bottom: 4px;
}

/* misc */

.clearer {
clear: both;
}

.stripes {
background: #333333 url(../img/stripe.gif) repeat-x 0 0;
height: 6px;
}

.left {
float: left;
}

.right {
float: right;
}

/* header */

.header {
background:transparent url(../img/header_bg.jpg) repeat-x scroll 0 0;
border-bottom: 1px solid #333;
height: 110px;
}

.logo_area {
float:left;
height:90px;
margin:5px;
padding:5px;
width:580px;
}

.logo_image {
background:transparent url(../img/header_logo.png) no-repeat scroll 0 0;
border:medium none;
height:50px;
width:470px;
margin: 15px 0px 10px 30px;
}

.logo_image a {
display:block;
height:50px;
outline-style:none;
text-indent:-9999em;
width:470px;
}

.logo_area span {
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 13px;
margin-left: 37px;
}

.artbeat_area {
float:left;
height:90px;
margin:5px;
padding:5px;
width: 310px;
display: block;
}

.artbeat_area span {
float: right;
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 13px;
margin: 43px 0px 0px 40px;
}

.artbeat_image {
float: right;
background:transparent url(../img/artbeat_logo.png) no-repeat scroll 0 0;
height:35px;
width:170px;
margin: 0px 0px 0px 40px;
}

.artbeat_image a {
display:block;
height:35px;
outline-style:none;
text-indent:-9999em;
width:170px;
}

/* structure */

.container {
border-left: 1px solid #444;
border-right: 1px solid #444;
border-top: none;
}

.main {
border:1px solid #2A2A2A;
float:left;
}

.main .left {
width: 230px;
background:transparent url(../img/com_l_bg.jpg) repeat-y scroll 0 0;
border: 1px solid #2A2A2A;
}

.main .right {
width: 724px;
background:transparent url(../img/com_r_bg.jpg) repeat-y scroll 0 0;
border: 1px solid #2A2A2A;
}

/* left-navigation */

.leftnav {
padding:10px 10px 15px;
}

.leftnav h1 {
padding-top: 8px;
}

.leftnav ul {
margin: 0;
}

.leftnav li {
background: url(../img/li.gif) no-repeat left bottom;
list-style: none;
margin: 0;
}

.leftnav li a {
color: #CCCCCC;
line-height: 2.4em;
padding-left: 18px;
text-decoration: none;
}

.leftnav li a:hover {color: #FFFFFF;}


/* content elements */

.content {
display: block;
font-family: arial,sans-serif;
border: 1px solid #444444;
height: 50px;
}

.content .service {
height: 50px;
background:transparent url(../img/thumb_service.jpg) no-repeat scroll 0 0;
}

.content .planning {
height: 50px;
background:transparent url(../img/thumb_planning.jpg) no-repeat scroll 0 0;
}

.content .copy {
height: 50px;
background:transparent url(../img/thumb_copy.jpg) no-repeat scroll 0 0;
}

.content .packaging {
height: 50px;
background:transparent url(../img/thumb_packaging.jpg) no-repeat scroll 0 0;
}

.content .recording {
height: 50px;
background:transparent url(../img/thumb_recording.jpg) no-repeat scroll 0 0;
}

.content .authoring {
height: 50px;
background:transparent url(../img/thumb_authoring.jpg) no-repeat scroll 0 0;
}

.content .contact {
background:transparent url(../img/menu_contact.gif) no-repeat scroll 0 0;
height: 50px;
}

.content .faq {
height: 50px;
background:transparent url(../img/menu_faq.gif) no-repeat scroll 0 0;
}

.content .staff {
height: 50px;
background:transparent url(../img/menu_staff.gif) no-repeat scroll 0 0;
}

.content .column {
height: 50px;
background:transparent url(../img/menu_column.gif) no-repeat scroll 0 0;
}

.content .access {
height: 50px;
background:transparent url(../img/menu_access.gif) no-repeat scroll 0 0;
}

.content .company {
height: 50px;
background:transparent url(../img/menu_company.gif) no-repeat scroll 0 0;
}

.content h1 {
-x-system-font:none;
color:#CCCCCC;
font-family: arial,sans-serif;
font-size: 13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:left;
}

.content a {
color: #999;
text-decoration: underline;
}

.content a:hover {
color: #CCC;
}

.content .descr {
margin-bottom: 5px;
}

/* navigation */

.nav {
background: #191919 url(../img/nav.gif);
}

.nav a {
background: #191919 url(../img/nav.gif);
border-right: 1px solid #161616;
color: #CCC;
float: left;
font: normal 13px Verdana,sans-serif;
line-height: 51px;
padding: 0 20px;
text-align:center;
width:79px;
}

.nav a:hover {
background: #191919 url(../img/nav_hover1.gif);
}


/* sub-navigation */

.subnav {
border: 1px solid #1E1E1E;
border-color: #444444 #1E1E1E #2A2A2A;	
}

.subnav h1 {
padding-top: 8px;
}

.subnav ul {
margin: 0;
}

.subnav li {
list-style: none;
margin: 0;
}

.subnav li a {
color: #777;
line-height: 2.4em;
padding-left: 18px;
text-decoration: none;
}

.subnav li a:hover {color: #BBB;}


/* table */

table {
width: 100%;
border-collapse:collapse;
font-family: arial,sans-serif;
font-size: 13px;
}

th {
width:120px;
background-color:#333333;
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;
padding:5px;
font-weight:normal;
white-space:nowrap;
}

td {
background-color:#333333;
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;
padding:5px;
}


/* flash */

.flash_video {
background:#111111 none repeat scroll 0 0;
height:442px;
padding:73px 14px 20px 60px;
}


/* clients */
.clients {
float: left;
margin: 40px 25px 10px 55px;
padding: 10px;
line-height: 2.5em;
}

.clients li {
backgound: none;
font-weight: none;
font-size: 1.2em;
color: #FFFFFF;
display:inline;
float:left;
margin:0 0 0 20px;
width:250px;
}

/* staff */

.staffpic {
float: left;
width: 680px;
margin: 20px 10px 10px 10px;
}

.staffpic p {
float: left;
padding: 3px 3px 3px 3px;
}

.staffpic img {
height: 120px;
width: 180px;
float: left;
border: 1px solid #FFFFFF;
margin: 3px 25px 3px 3px;
}


/* column */

.columnarea {
width: 210px;
height: 90px;
margin: auto;
float: left;
background-color:rgb(60,60,60);
display: block;
margin-bottom: 8px;
}

.columnarea a {
color: #FFFFFF;
}

.columnpic {
width: 70px;
height: 90px;
float: left;
border-right: 1px solid #666666;
}

.columntext {
width: 133px;
height: 84px;
float: right;
padding: 3px;
line-height: 1.3em;
font-size: 11px;
}

.rightcolumnarea {
margin: auto;
margin-top: 20px;
width: 550px;
border: 1px solid #666666;
}

.rightcolumncaption {
width: 550px;
height: 100px;
background: url(../img/column_caption.jpg) no-repeat scroll 0 0
}

.rightcolumntitle {
width: 550px;
height: 50px;
background-color: #222222;
}

.rightcolumntitle h2 {
color: #EEEEEE;
font-size: 13pt;
line-height: 13pt;
text-align: center;
padding-top: 15px;
}

.rightcolumncon_left {
width: 100px;
height: 100px;
float: left;
margin: 5px 0px 5px 0px;
}

.rightcolumncon_right {
width: 418px;
height: 80px;
float: right;
padding: 10px 10px 10px 20px;
margin: 5px 0px 5px 0px;
}

.rightcolumncon_right h2 {
font-weight: normal;
font-family: arial, sans-serif;
font-size: 11pt;
color: #EEEEEE;
line-height: 13pt;
}

.rightcolumncon_pics_center {
margin: 10px 0px 10px 0px;
width: 547px;
height: 180px;
display: block;
float: left;
}

.rightcolumncon_pics_left {
width: 250px;
height: 180px;
display: block;
background: url(../img/speaker_01.jpg);
float: left;
margin: 0px 0px 0px 6px;
}

.rightcolumncon_pics_right {
width: 250px;
height: 180px;
display: block;
background: url(../img/speaker_02.jpg);
float: right;
margin: 0px 6px 0px 0px;
}

.rightcolumncon_pics_SD {
width: 500px;
height: 360px;
display: block;
background: url(../img/SD_block.jpg);
border: 1px solid #777777;
margin-top: 15px;
margin-left: 15px;
float: left;
}

.rightcolumncon_pics_SD a {
text-indent:-9999em;
}

.rightcolumncon_pics_HD {
width: 500px;
height: 360px;
display: block;
background: url(../img/HD_block.jpg);
border: 1px solid #777777;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
float: left;
}

.rightcolumncon_pics_HD a {
text-indent:-9999em;
}


.leftcolumn_map {
width: 180px;
height: 20px;
margin-left: 10px;
float: left;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}

.leftcolumn_map a {
text-decoration: none;
font-size: 12px;
color: #63B8FF;
line-height: 16px;
}

/* service */

.s_area {
float: left;
display: block;
margin: 10px 0px 0px 4px;
width: 715px;
height: 530px;
}

.s_box {
float: left;
display: block;
width: 200px;
height: 235px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
}

.s_box a {
text-indent: -9999em;
}

.serve_pic_01 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_plan.jpg);
background-position: 0px 0px;
cursor: pointer;
}

.s_box a.serve_pic_01:hover {
background-position: 0px -150px;
}

.serve_pic_02 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_record.jpg);
background-position: 0px 0px;
cursor: pointer;
}

.s_box a.serve_pic_02:hover {
background-position: 0px -150px;
}

.serve_pic_03 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_auth.jpg);
background-position: 0px 0px;
cursor: pointer;
}

.s_box a.serve_pic_03:hover {
background-position: 0px -150px;
}

.serve_pic_04 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_product.gif);
}

.serve_pic_05 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_pack.jpg);
}



/*�@--- 2010.07.15 �C�� ---

.serve_pic_05 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_pack.jpg);
background-position: 0px 0px;
cursor: pointer;
}

.s_box a.serve_pic_05:hover {
background-position: 0px -150px;
}

*/


.serve_pic_06 {
float: left;
display: block;
width: 200px;
height: 150px;
background: #191919 url(../img/serve_copy.jpg);
background-position: 0px 0px;
cursor: pointer;
}

.s_box a.serve_pic_06:hover {
background-position: 0px -150px;
}

.serve_arrow_left {
float:left;
width: 50px;
height: 235px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
background: transparent url(../img/arrow_side_right.jpg) no-repeat scroll 0 0;
}

.serve_arrow_right {
float:left;
width: 50px;
height: 235px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
background: transparent url(../img/arrow_side_left.jpg) no-repeat scroll 0 0;
}

.serve_arrow_down_blank01 {
float:left;
width: 200px;
height: 50px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
background: transparent url(../img/bg_arrow.jpg) repeat-x scroll 0 0;
}

.serve_arrow_down_blank02 {
float:left;
width: 50px;
height: 50px;
background: transparent url(../img/bg_arrow_box.jpg) repeat-x scroll 0 0;
}

.serve_arrow_down_blank03 {
float:left;
width: 200px;
height: 50px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
background: transparent url(../img/bg_arrow.jpg) repeat-x scroll 0 0;
}

.serve_arrow_down_blank04 {
float:left;
width: 50px;
height: 50px;
background: transparent url(../img/bg_arrow_box.jpg) repeat-x scroll 0 0;
}

.serve_arrow_down {
float:left;
width: 200px;
height: 50px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
background: transparent url(../img/arrow_down.jpg) no-repeat scroll 0 0;
}

.serve_sentence {
float: left;
display: block;
width: 200px;
height: 85px;
background: #333333;
}

.serve_sentence p {
color:#FFFFFF;
padding: 5px;
float:left;
font-family: arial,sans-serif;
font-size: 13px;
margin: 0px;
}

/* planning */

.p_area_all {
float: left;
display: block;
margin: 15px 0px 0px 10px;
width: 690px;
height: 510px;
}

.p_area_up {
display: block;
margin: auto;
margin-top: 15px;
width: 644px;
height: 120px;
border-top: 1px solid #888888;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
}

.p_area_up_left {
display: block;
float: left;
width: 180px;
height: 120px;
background: transparent url(../img/pp_01.jpg) repeat-x scroll 0 0;
}

.p_area_up_middle {
display: block;
float: left;
width: 180px;
height: 120px;
background: transparent url(../img/pp_02.jpg) repeat-x scroll 0 0;
}

.p_area_up_right {
display: block;
float: left;
width: 180px;
height: 120px;
background: transparent url(../img/pp_03.jpg) repeat-x scroll 0 0;
}

.p_area_up_arrow {
display: block;
float: left;
width: 50px;
height: 120px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
background: transparent url(../img/pp_arrow.jpg) repeat-x scroll 0 0;
}

.p_area_mid {
display: block;
margin: auto;
width: 644px;
height: 160px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
}

.p_area_mid_left {
display: block;
float: left;
width: 163px;
height: 150px;
padding: 5px 5px 5px 12px;
}

.p_area_mid_middle {
display: block;
float: left;
width: 163px;
height: 150px;
padding: 5px 5px 5px 12px;
}

.p_area_mid_right {
display: block;
float: left;
width: 163px;
height: 150px;
padding: 5px 5px 5px 12px;
}

.p_area_mid span {
text-decoration: none;
letter-spacing: 1.3px;
color:#FFFFFF;
float:left;
font-family: arial,sans-serif;
font-size: 13px;
line-height: 20px;
margin: 3px 0px 0px 0px;
}

.p_area_mid_bg {
display: block;
float: left;
width: 50px;
height: 160px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
background: transparent url(../img/bg_plan_box.jpg) repeat-x scroll 0 0;
}

.p_area_down {
display: block;
margin: auto;
margin-top: 10px;
width: 670px;
height: 180px;
}

.p_area_down_01 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 5px;
background: transparent url(../img/plan_01.jpg) no-repeat scroll 0 0;
}

.p_area_down_02 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_02.jpg) no-repeat scroll 0 0;
}

.p_area_down_03 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_03.jpg) no-repeat scroll 0 0;
}

.p_area_down_04 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 5px;
background: transparent url(../img/plan_04.jpg) no-repeat scroll 0 0;
}

.p_area_down_05 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_05.jpg) no-repeat scroll 0 0;
}

.p_area_down_06 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_06.jpg) no-repeat scroll 0 0;
}

.p_area_down_07 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 5px;
background: transparent url(../img/plan_07.jpg) no-repeat scroll 0 0;
}

.p_area_down_08 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_08.jpg) no-repeat scroll 0 0;
}

.p_area_down_09 {
display: block;
float: left;
width: 210px;
height:60px;
margin: 0px 0px 0px 11px;
background: transparent url(../img/plan_09.jpg) no-repeat scroll 0 0;
}


/* mailform */

.mailarea {
width: 620px;
margin: 25px 0px 0px 50px;
}

.mailarea th {
background-color:#333333;
border-bottom:1px solid #444444;
border-right:none;
font-weight:normal;
padding:5px;
white-space:nowrap;
width:150px;
text-align: left;
}

.mailarea th span {
font-weight:normal;
color: #EE0000;
}

.mailarea th p {
color:#999999;
font-size:10px;
margin:0;
padding:0;
}

.mailarea td {
background-color:#333333;
border-bottom:1px solid #444444;
border-right:none;
padding:5px;
}

.mailsentarea {
width: 500px;
margin: auto;
margin-top: 80px;
padding: 10px 10px 10px 50px;
}

.mailsentarea span {
font-size:1.4em;
font-weight:normal;
text-align: center;
color:#FFFFFF;
font-family: arial,sans-serif;
line-height:1.3em;
margin: 0px 0px 0px 0px;
}

/* recording */

.recordarea {
width: 530px;
height: 450px;
margin: auto;
padding: 40px 0px 0px 0px;
text-align: center;
}

.recordarea ul {
margin: 17px 0px 0px 0px;
}

.recordarea span {
font-size: 12px;
margin: auto;
margin-top: 5px;
text-align: center;
}

/* authoring */

.autharea {
width: 660px;
height: 500px;
margin: auto;
padding: 30px 20px 0px 20px;
}

.autharea_left {
float: left;
width: 190px;
height: 470px;
margin: auto;
padding: 5px 5px 5px 5px;
border: 1px solid #777777;
background: transparent url(../img/auth_mac.jpg) no-repeat scroll 0 0;
}

.autharea_right {
float: right;
width: 430px;
height: 470px;
margin: auto;
padding: 5px 5px 5px 5px;
border: 1px solid #777777;
}

.authpic_01 {
margin: auto;
width: 178px;
height: 133px;
border: 1px solid #777777;
background: transparent url(../img/people.jpg) no-repeat scroll 0 0;
}

.authsentece_01 {
margin: auto;
width: 178px;
height: 98px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
}

.authsentece_01 p {
color:#FFFFFF;
float:left;
font-family: arial,sans-serif;
font-size:1.2em;
line-height:1.4em;
margin:0px 0px 0px 0px;
padding:5px 3px 5px 7px;
}

.authpic_02 {
margin: auto;
width: 178px;
height: 133px;
border: 1px solid #777777;
background: transparent url(../img/people.jpg) no-repeat scroll 0 0;
}

.authsentece_02 {
margin: auto;
width: 178px;
height: 98px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
border-bottom: 1px solid #777777;
}

.authsentece_02 p {
color:#FFFFFF;
float:left;
font-family: arial,sans-serif;
font-size:1.2em;
line-height:1.4em;
margin:0px 0px 0px 0px;
padding:5px 3px 5px 7px;
}

.authartlogo_area {
margin: auto;
margin-top: 10px;
width: 420px;
height: 177px;
}

.authartlogo {
width: 170px;
height: 35px;
margin: 5px 0px 5px 5px;
background:transparent url(../img/artbeat_logo.png) no-repeat scroll 0 0;
}

.authartsentence {
width: 407px;
height: 133px;
border: 1px solid #777777;
margin: 10px 5px 5px 5px;
border: 1px solid #777777;
}

.authartsentence p {
color:#FFFFFF;
float:left;
font-family: arial,sans-serif;
font-size:13px;
line-height:1.4em;
margin:0px 0px 0px 0px;
padding:5px 3px 5px 7px;
}

#authartpic_area {
margin: auto;
margin-top: 10px;
width: 360px;
height: 260px;
border: 1px solid #777777;
}


/* copy */

.copyarea {
width: 690px;
height: 510px;
margin: auto;
margin-top: 20px;
}

.copyarea_up {
width: 660px;
height: 243px;
margin: auto;
margin-top: 10px;
}

.copyarea_down {
width: 660px;
height: 243px;
margin: auto;
margin-top: 10px;
}

.copyarea_up_l {
float: left;
width: 176px;
height: 240px;
}

.copyarea_up_l_00 {
float: left;
width: 171px;
height: 236px;
margin: 1px 1px 1px 1px;
border: 1px solid #777777;
background:transparent url(../img/copy_audio.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r {
float: right;
width: 480px;
height: 240px;
}

.copyarea_up_r_01 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_01.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_02 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_02.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_03 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_03.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_04 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_04.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_05 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_05.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_06 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_06.jpg) no-repeat scroll 0 0;
}

.copyarea_up_r_01 a {
text-indent: -9999em;
}

.copyarea_up_r_02 a {
text-indent: -9999em;
}

.copyarea_up_r_03 a {
text-indent: -9999em;
}

.copyarea_up_r_04 a {
text-indent: -9999em;
}

.copyarea_up_r_05 a {
text-indent: -9999em;
}

.copyarea_up_r_06 a {
text-indent: -9999em;
}

.copyarea_up_r_pic {
cursor:pointer;
display:block;
width: 155px;
height: 116px;
}


.copyarea_down_l {
float: left;
width: 176px;
height: 240px;
}

.copyarea_down_l_00 {
float: left;
width: 171px;
height: 236px;
margin: 1px 1px 1px 1px;
border: 1px solid #777777;
background:transparent url(../img/copy_video.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r {
float: right;
width: 480px;
height: 240px;
}

.copyarea_down_r_01 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d01.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_02 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d02.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_03 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d03.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_04 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d04.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_05 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d05.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_06 {
float: left;
width: 155px;
height: 116px;
margin: 1px 1px 1px 1px;
border: 1px solid #BFBFBF;
background:transparent url(../img/copy_d06.jpg) no-repeat scroll 0 0;
}

.copyarea_down_r_01 a {
text-indent: -9999em;
}

.copyarea_down_r_02 a {
text-indent: -9999em;
}

.copyarea_down_r_03 a {
text-indent: -9999em;
}

.copyarea_down_r_04 a {
text-indent: -9999em;
}

.copyarea_down_r_05 a {
text-indent: -9999em;
}

.copyarea_down_r_06 a {
text-indent: -9999em;
}

.copy_bd_area {
margin: auto;
width: 170px;
height: 120px;
border: 1px solid #FFFFFF;
background:transparent url(../img/copy_bd.jpg) no-repeat scroll 0 0;
}

.copy_bd_pic {
cursor:pointer;
display:block;
width: 170px;
height: 120px;
}

.copy_bd_area a {
text-indent: -9999em;
}


/* packaging */

.packarea {
width: 690px;
height: 515px;
margin: auto;
margin-top: 15px;
}

.packarea_up {
width: 678px;
height: 183px;
margin: auto;
margin-top: 3px;
border: 1px solid #777777;
background:transparent url(../img/pack_01.jpg) no-repeat scroll 0 0;
}

.packarea_down {
width: 678px;
height: 319px;
margin: auto;
margin-top: 3px;
border: 1px solid #777777;
}

.packarea_pic {
cursor:pointer;
display:block;
width: 220px;
height: 155px;
}

.packarea_down_01 {
float: left;
width: 220px;
height: 155px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #777777;
border-bottom: 1px solid #777777;
background:transparent url(../img/pack_s_01.jpg) no-repeat scroll 0 0;
}

.packarea_down_02 {
float: left;
width: 220px;
height: 155px;
margin: 0px 0px 0px 7px;
border-right: 1px solid #777777;
border-left: 1px solid #777777;
border-bottom: 1px solid #777777;
background:transparent url(../img/pack_s_02.jpg) no-repeat scroll 0 0;
}

.packarea_down_03 {
float: left;
width: 220px;
height: 155px;
margin: 0px 0px 0px 7px;
border-left: 1px solid #777777;
border-bottom: 1px solid #777777;
background:transparent url(../img/pack_s_03.jpg) no-repeat scroll 0 0;
}

.packarea_down_04 {
float: left;
width: 220px;
height: 155px;
margin: 7px 0px 0px 0px;
border-right: 1px solid #777777;
border-top: 1px solid #777777;
background:transparent url(../img/pack_s_04.jpg) no-repeat scroll 0 0;
}

.packarea_down_05 {
float: left;
width: 220px;
height: 155px;
margin: 7px 0px 0px 7px;
border-right: 1px solid #777777;
border-top: 1px solid #777777;
border-left: 1px solid #777777;
background:transparent url(../img/pack_s_05.jpg) no-repeat scroll 0 0;
}

.packarea_down_06 {
float: left;
width: 220px;
height: 155px;
margin: 7px 0px 0px 7px;
border-top: 1px solid #777777;
border-left: 1px solid #777777;
background:transparent url(../img/pack_s_06.jpg) no-repeat scroll 0 0;
}

.packarea_down_01 a {
text-indent: -9999em;
}

.packarea_down_02 a {
text-indent: -9999em;
}

.packarea_down_03 a {
text-indent: -9999em;
}

.packarea_down_04 a {
text-indent: -9999em;
}

.packarea_down_05 a {
text-indent: -9999em;
}

.packarea_down_06 a {
text-indent: -9999em;
}


/* 404 */

.err_404 {
	margin: auto;
	margin-top: 200px;
	width: 500px;
	height: 200px;
}

.err_404 p {
	width: 500px;
	text-align: center;
	color: #EEEEEE;
	font-size: 23px;
}


/* footer */

.footer {
background: #191919;
border-top: 1px solid #444;
color: #999;
padding: 1px;
height: 70px;
}

.footer ul {
float: left;
margin: 0;
}

.footer li {
border-bottom:1px solid #262626;
font-family: arial,sans-serif;
font-size:0.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.footer li a {
font-size:1em;
display: block;
line-height: 2em;
width: 90px;
}

.footer a {
color: #666;
}

.footer a:hover {
color: #BBB;
background: #222;
}

.col3,.col3center {
float:left;
margin: 15px 5px 15px 30px;
width: 90px;
}

.col3center {
margin: 20px 50px 20px 50px;
width: 200px;
}

.col3right {
float:right;
margin: 15px 10px 5px 40px;
width: 200px;
}

/* bottom */

.bottom {
color: #666;
clear: both;
font-size: 1.2em;
}

.bottom a {
color: #888;
}

.bottom_center {
margin: 0 auto;
}