*{margin: 0;padding: 0;}
body { background-color: #FFFFFF;font-size: 9pt;color: #333333; margin:10px 0; padding: 0;}
img {border:0px;}
p {margin-bottom:12px;}
area {cursor:pointer}

/* Link Color for general */
a:link {color: #333333;text-decoration: underline;}
a:visited {color: #333333;text-decoration: underline;}
a:hover {color: #CC0000;text-decoration: none;}
a:active {color: #CC0000;text-decoration: none;}

/* Container */
* html body div#wwrap {width:100%;text-align:center;}
#wrapper {width:780px;margin:0 auto; padding:0; text-align:left; line-height:140%;}

/* Top navi */
#hdr {width:780px; clear:both; overflow: hidden;}
#hdr:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html #hdr {height: 1em; overflow: visible;}
/**/
#hdrCol1 {float:left; width:90px;}
#hdrCol2 {float:left; width:200px;}
#hdrCol3 {float:right; width:120px; height:68px; border-left:1px solid #CCCCCC}
#hdrCol4 {float:right; width:120px; height:68px; border-left:1px solid #CCCCCC}
#hdrCol5 {float:right; width:120px; height:68px; border-left:1px solid #CCCCCC}
#hdrCol1 img {margin-left:10px}
#hdrCol2 img {margin-top:21px}
#hdrCol3 img, #hdrCol4 img, #hdrCol5 img {margin:37px 10px 5px 10px}

/* Toppage */
#mainImgRow {width:780px; height:200px; margin-top:10px; clear:both}
#mainImgRow #mainImgCol1 {float:left; width:395px;}
#mainImgRow #mainImgCol2 {float:left; width:385px;}

#ColL {float:left; width:390px}
#ColR {float:right; width:385px}

#addressA {background-color:#ECECE3; padding:10px;}
#addressO {background-color:#ECECE3; padding:10px;}
.floatRight {float:right}

/* News */
#newsTtl {margin-top:20px;}
#newsBox {background-color:#FFFFFF;width:380px; height:300px;
overflow:auto;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #cccccc;
scrollbar-darkshadow-color: #999999;
}

ul.newsArea {width:360px; margin:5px 0px 0px 0px; padding:0;} 
ul.newsArea li{padding:2px 5px 6px 5px; margin:0; list-style-type:none; clear:both; font-size:9pt; line-height:125%; border-bottom:1px solid #CCCCCC; overflow: hidden;}
ul.newsArea li:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html ul.newsArea li {height: 1em; overflow: visible;}
/**/
ul.newsArea .date{display:block; float:left;width:70px;}
ul.newsArea .newsTxt{display:block; float:left;width:270px;}

.c-both {clear:both}

#contents {clear: both; overflow: hidden;}
#contents:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html #contents {height: 1em; overflow: visible;}
/**/


/* itempage */
#ttl {width:780px; padding-top:20px; clear:both}
.itemHdr {width:780px; padding-top:20px; clear:both; display:block}
.itemHdr img {margin-left:10px}
.itemRow  {width:760px; margin:10px 10px 20px 10px; clear:both; overflow: hidden;}
.itemRow:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html .itemRow {height: 1em; overflow: visible;}
/**/
.itemCol1 {float:left; width:130px; margin-right:20px}
.itemCol2 {float:left; width:130px; margin-right:20px}
.itemCol3 {float:left; width:130px; margin-right:20px}
.itemCol4 {float:left; width:130px; margin-right:20px}
.itemCol5 {float:left; width:130px;}
.itemColW {float:left; width:280px; margin-right:20px}
.itemCol1 img, .itemCol2 img, .itemCol3 img, .itemCol4 img, .itemCol5 img, .itemColW img {border:1px solid #666666; margin-bottom:5px}
.itemZoom {float:left; width:15px;}
.itemZoom img {border:0px; margin-top:2px}
.itemTxt {float:left; width:105px; font-size:8pt; line-height:125%; _line-height:140%}
.itemTxtW {float:left; width:255px; font-size:8pt; line-height:125%; _line-height:140%}

#itemDetail {width:760px; height:700px; margin:30px 10px 20px 10px; clear:both; overflow: hidden; position:relative;}
#itemDetail:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html #itemDetail {height: 1em; overflow: visible;}
/**/

#itemDImg {float:left; width:530px;}
#itemDImg img {border:1px solid #666666;}
#itemDTtl {float: right; text-align:right; margin-top:20px}
/*#itemDTxt {left:550px; bottom:0px; width:200px; position:absolute; font-size:8pt; line-height:125%;}*/
#itemDTxt {width:200px; font-size:8pt; line-height:125%;}
#itemDTxt .itemName {font-size:11pt; font-weight:bold; display:block; margin-bottom:10px}

#btnBack {width:760px;margin:0px 10px; clear:both;}


#dataRow {clear: both; overflow: hidden; margin-top:20px}
#dataRow:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html #dataRow {height: 1em; overflow: visible;}
/**/
/*#dataA {float:left; width:370px}*/
#dataO {float:left; width:300px; padding-left:40px}
#dataO2 {float:right; width:370px; margin-right:20px; margin-bottom:5px}

/*#dataABtn {float:left; width:370px}*/
#dataOBtn {float:left; width:300px; padding-left:40px; margin-top:5px}


/* Footer Rows */
#footer {width:780px; border-top: 1px solid #CCCCCC; clear: both; margin-top:50px}
#footerCol {padding:5px 10px}
#fLinks {float:left; text-align:left; color:#999999; font-size:7.5pt}
#fCopy {float:right; text-align:right;}
#fCopy img {margin-top:2px}