@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: 36px; right: 0; z-index: 6; }

#cards ul li#ipod { position: absolute; top: 16px; left: 362px; z-index: 5; }
#cards ul li#ipod a { width: 544px; height: 330px; background: url(../images/index/20100403_cards01_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#ipod a:hover { background: url(../images/index/20100403_cards01_on.jpg) 0px 0px no-repeat; }

#cards ul li#ipad { position: absolute; top: 185px; left: 253px; z-index: 4; }
#cards ul li#ipad a { width: 519px; height: 289px; background: url(../images/index/20100403_cards02_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#ipad a:hover { background: url(../images/index/20100403_cards02_on.jpg) 0px 0px no-repeat; }

#cards ul li#iphone { position: absolute; top: 16px; left: 161px; z-index: 3; }
#cards ul li#iphone a { width: 531px; height: 301px; background: url(../images/index/20100403_cards03_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#iphone a:hover { background: url(../images/index/20100403_cards03_on.jpg) 0px 0px no-repeat; }

#cards ul li#gadgets { position: absolute; top: 210px; left: 25px; z-index: 2; }
#cards ul li#gadgets a { width: 524px; height: 287px; background: url(../images/index/20100403_cards04_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#gadgets a:hover { background: url(../images/index/20100403_cards04_on.jpg) 0px 0px no-repeat; }

#cards ul li#hometheater { position: absolute; top: 16px; left: 5px; z-index: 1; }
#cards ul li#hometheater a { width: 520px; height: 291px; background: url(../images/index/20100403_cards05_off.jpg) 0px 0px no-repeat; display: block; }
#cards ul li#hometheater a:hover { background: url(../images/index/20100403_cards05_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; overflow: hidden; }
#coffee_card img { margin-left: -24px; }

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