@charset "UTF-8";

/* Contents */
.contents { background: url(../images/index/contents_back.jpg) 0px 0px no-repeat; font-size: 0px; line-height: 0px; }

/* Cards */
#cards { margin: 0px auto; width: 978px; height: 501px; position: relative; }
#cards ul { margin: 0px; padding: 0px; list-style: none; }
#cards ul li#simplism { position: absolute; top: 96px; left: 806px; z-index: 5; }
#cards ul li#ipod { position: absolute; top: 109px; left: 393px; z-index: 4; }
#cards ul li#ipod a { width: 526px; height: 292px; background: url(../images/index/cards01_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#ipod a:hover { background: url(../images/index/cards01_on.jpg) 0px 0px no-repeat; }
#cards ul li#iphone { position: absolute; top: 18px; left: 180px; z-index: 3; }
#cards ul li#iphone a { width: 535px; height: 305px; background: url(../images/index/cards02_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#iphone a:hover { background: url(../images/index/cards02_on.jpg) 0px 0px no-repeat; }
#cards ul li#gadgets { position: absolute; top: 212px; left: 48px; z-index: 2; }
#cards ul li#gadgets a { width: 527px; height: 289px; background: url(../images/index/cards03_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#gadgets a:hover { background: url(../images/index/cards03_on.jpg) 0px 0px no-repeat; }
#cards ul li#hometheater { position: absolute; top: 22px; left: 17px; z-index: 1; }
#cards ul li#hometheater a { width: 524px; height: 291px; background: url(../images/index/cards04_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#hometheater a:hover { background: url(../images/index/cards04_on.jpg) 0px 0px no-repeat; }
#cards ul li h3 { margin: 0px; padding: 0px; text-indent: -9999px; }

/* Coffee */
#coffee { margin: -13px 0px 0px 0px; width: 322px; height: 199px; float: left; }

/* Card */
#card { margin: 0px 0px 0px 0px; width: 291px; height: 149px; float: left; }
#card img { margin: 37px 0px 0px 0px; }

/* Coffee and Card */
#coffee_card { margin: -13px 0px 0px 0px; width: 613px; float: left; }

/* Notepad */
#notepad { margin: -74px 0px 0px 0px; width: 365px; height: 260px; float: left; }
#notepad_sub_image { margin: 2px 0px -26px 176px; position: relative; z-index: 2; }
#notepad_main_image { margin: 9px 0px 0px 0px; position: relative; z-index: 1; }

/* Search Form */
#search_form { margin: -67px 0px 0px 184px; padding: 0px; position: relative; z-index: 99; }
#search_form_inner { margin: -37px 0px 0px 13px; }
#search_filed { margin: 0px; padding: 3px 0px 0px 0px; width: 114px; height: 19px; }
#search_button { margin: 1px 0px 1px 2px; padding: 0px; width: 24px; height: 24px; vertical-align: bottom; }