@charset "utf-8";

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

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

body {
font-family:helvetica, arial, sans-serif;
}


/*----------------------------------------------------
HEADER AREA	
----------------------------------------------------*/
div#container {
width:953px;
height:100%;
position:relative;
}

div#header {
position:relative;
height:205px;
width:953px;
background:url(../../img_top/bg_header_en.jpg) no-repeat;
font-size:81.2%;
}

ul#lang {
position:absolute;
top:15px;
left:32px;
width:950px;
height:26px;
background:url(../../img_top/bg_lang_en.jpg) no-repeat;
}

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

div#header h1 {
position:absolute;
top:51px;
left:22px;
}

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

ul#menu li {
display:inline;
}

p#copy {
position:absolute;
top:146px;
left:384px;
}

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

div#leftArea {
display:inline;
float:left;
margin:10px 0 0 25px;
padding:0 0 10px 0;
width:525px;
background:url(../../img_top/bg_summary01_en.gif) no-repeat left bottom;
}

div#leftArea p {
padding:10px 20px 15px;
background:url(../../img_top/bg_summary02_en.gif) repeat-y left top;
word-break:break-all;
}

div#rightArea {
display:inline;
float:right;
margin:19px 28px 0 0;
width:351px;
}

div#rightArea dl {
margin:0 0 0 7px;
}

div#rightArea dt {
margin:10px 0 5px 0;
padding:0 0 0 25px;
background:#eff1f7 url(../../img_top/arrow_whatnew.gif) no-repeat left top;
}

div#rightArea dd {
padding:0 0 0 25px;
}


/*----------------------------------------------------
LEFT AREA
----------------------------------------------------*/
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;
}