@charset "utf-8";

/* ==================================================== */
/* index.css                                            */
/* update:070829                                        */
/* ==================================================== */

body {
background:#EBEBEB url(../../img_top/bg_body_top.gif) repeat-x top;
}


/*----------------------------------------------------
HEADER AREA	
----------------------------------------------------*/
table {
border-collapse:separate;
border-spacing:1px;
}

div#container {
width:953px;
height:100%;
position:relative;
}

div#header {
width:953px;
background:url(../img/shadow_header.gif) repeat-y right;
font-size:81.2%;
}

div#lang {
width:950px;
height:26px;
background:url(../../img_top/bg_lang.jpg) no-repeat;
}

div#lang ul {
width:182px;
height:26px;
margin-left:34px;
}

div#lang ul li {
width:87px;
padding-left:4px;
display:inline;
}

div#logo {
width:950px;
height:48px;
background:url(../../img_top/bg_logo.jpg) no-repeat;
position:relative;
}

h1#logoSanyo {
position:absolute;
left:22px;
top:10px;
}

p#inquiry {
position:absolute;
left:845px;
top:0;
}

ul#what {
width:213px;
height:23px;
position:absolute;
left:385px;
top:17px;
}

ul#what li {
display:inline;
}

form#searchArea {
width:268px;
height:16px;
position:absolute;
left:662px;
top:27px;
}

form#searchArea .textArea {
border:none;
padding:0 3px;
width:134px;
height:16px;
margin-left:7px;
margin-right:7px;
background-color:#E3E3E3;
vertical-align:top;
}

div#menu {
width:950px;
height:224px;
background:url(../../img_top/bg_menu.jpg) no-repeat;
position:relative;
}

div#menu ul {
width:178px;
height:37px;
position:absolute;
top:0;
left:38px;
}

div#menu li {
display:inline;
}

div#menu #btn_product {
width:178px;
height:78px;
position:absolute;
top:52px;
left:38px;
}

div#menu #btn_inquiry {
width:178px;
height:35px;
position:absolute;
top:148px;
left:38px;
}

div.productMenu {
width:700px;
position:absolute;
left:240px;
top:94px;

overflow:hidden;
display:none;
z-index:1;
}

div.productMenu table {
border-collapse:collapse;
}

div.productMenu td {
background:url(../../img_top/arrow01.gif) 0.2em 0.45em no-repeat #FFF;
font-size:70%;
line-height:1;
padding:4px 4px 2px 13px;
vertical-align:top;
border:1px #acacac solid;
}

div.productMenu td.noProduct {
color:#FFF;
padding-left:4px;
background-image:none;
background-color:#6285E1;
font-weight:bold;
border:1px #acacac solid;
}

div.productMenu td a:link, div.productMenu td a:visited {
color:#000;
text-decoration:none;
}

div.productMenu td a:hover {
color:#CC0000;
text-decoration:underline;
}


/*----------------------------------------------------
MAIN AREA
----------------------------------------------------*/
div#mainArea {
width:953px;
background:#FFF url(../img/shadow_body.gif) repeat-y right;
font-size:81.2%
}

div#leftArea {
padding-left:15px;
padding-top:10px;
float:left;
}

div#centerArea {
padding-left:10px;
padding-top:10px;
float:left;
}

div#rightArea {
padding-left:10px;
float:left;
}


/*----------------------------------------------------
LEFT AREA
----------------------------------------------------*/
div#banner {
width:170px;
background:url(../../img_top/bg_pickup.gif) repeat;
padding-top:5px;
}

div#banner ul {
margin:0 3px;
}

div#pickup {
width:170px;
background:url(../../img_top/bg_pickup.gif) repeat;
}

div#pickup li {
margin:1px 3px 0;
padding:10px 8px 8px;
line-height:1;
}

div#pickup li.pickup01 {
background:#fff url(../../img_top/pickup01.gif) no-repeat 8px 12px;
}

div#pickup li.pickup02 {
background:#fff url(../../img_top/pickup02.gif) no-repeat 8px 12px;
}

div#pickup li.pickup03 {
background:#fff url(../../img_top/pickup03.gif) no-repeat 8px 12px;
}

div#pickup li img {
margin:0 0 7px 38px;
padding:1px;
border:solid 1px #d1d1d1;
}

div#pickup li span {
color:#355B98;
font-size:80%;
padding:2px;
}

div#pickup a:link, div#pickup a:visited {
color:#363636;
text-decoration:none;
}

div#pickup a:hover {
color:#676767;
text-decoration:underline;
}


/*----------------------------------------------------
CENTER AREA
----------------------------------------------------*/
/*div#ban {
width:494px;
background-color:#4F4F4F;
}

div#ban ul {
padding-right:5px;
padding-top:5px;
}

div#ban li {
float:left;
padding-left:5px;
padding-bottom:5px;
}*/

div#titleWhatnew {
width:494px;
height:22px;
margin-top:14px;
background:url(../../img_top/bg_whatnew.gif) no-repeat;
position:relative;
}

div#titleWhatnew h2 {
position:absolute;
left:10px;
top:0;
}

div#titleWhatnew p {
position:absolute;
left:414px;
top:0;
}

div#whatnew {
width:494px;
}

div#whatnew .dt01 {
margin:10px 10px 0;
color:#383697;
}

div#whatnew .dd01 {
margin:5px 10px 0;
}

div#whatnew .dt02 {
padding:0 5px 0 25px;
background:#EFF1F7 url(../../img_top/arrow_whatnew.gif) no-repeat left top;
}

div#whatnew .dt02 a:link, div#whatnew .dt02 a:visited {
color:#363636;
text-decoration:none;
}

div#whatnew .dt02 a:hover {
color:#676767;
text-decoration:underline;
}

div#whatnew .dd02 {
padding:1px 5px 5px 25px;
}

span.new {
margin:0 0 0 7px;
color:#CC0000;
font-size:80%;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}


/*----------------------------------------------------
RIGHT AREA
----------------------------------------------------*/
div#titleExhibit {
width:251px;
height:25px;
background:url(../../img_top/bg_title_exhibit.jpg) no-repeat;
position:relative;
}

div#titleExhibit h2 {
position:absolute;
left:21px;
top:0;
}

div#titleExhibit p {
position:absolute;
left:132px;
top:0;
}

div#exhibit {
width:251px;
background:url(../../img_top/bg_exhibit.gif) repeat-y;
padding:8px 0 10px;
}

div#exhibit dt {
background:url(../../img_top/arrow_exhibit.gif) no-repeat 14px 0.7em;
padding:7px 15px 3px 34px;
line-height:1;
word-break:break-all;
}

div#exhibit dd {
padding-left:20px;
padding-right:15px;
padding-bottom:7px;
font-size:80%;
background:url(../../img_top/line_exhibit.gif) no-repeat bottom;
word-break:break-all;
}

div#exhibit dt a:link, div#exhibit dt a:visited {
color:#363636;
text-decoration:none;
}

div#exhibit dt a:hover {
color:#676767;
text-decoration:underline;
}

div#exhibit dd span {
color:#355B98;
}

span.newExhibit {
margin:0 0 0 3px;
color:#CC0000;
font-size:85%;
font-family:Arial, Helvetica, sans-serif;
}