@charset "UTF-8";

body { margin: 0px; padding: 0px; background: url(../images/common/body_back.gif) 0px 0px repeat-x; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; text-align: center; }

/* General Settings */
img { border: 0px; }
form { margin: 0px; padding: 0px; }
.clear { height: 0px; font-size: 0px; line-height: 0px; float: none; clear: both; }

/* Header Navigation */
#header_navi { margin: 0px auto; width: 978px; height: 46px; font-size: 0px; line-height: 0px; background: url(../images/common/header_navi_back.gif) 0px 0px repeat-x; position: relative; z-index: 10; }
#header_navi_inner { width: 973px; }
#header_navi_inner h1 { margin: 0px; padding: 0px; float: left; display: inline; }
#header_navi_inner ul { margin: 0px; padding: 0px; list-style: none; float: right; }
#header_navi_inner ul li { padding: 3px 0px 3px 0px; float: left; }
#header_navi_inner ul li h2 { margin: 0px; padding: 0px; font-size: 0px; text-indent: -10000px; }
#header_navi_inner ul li a { margin: 0px 1px 0px 1px; width: 108px; height: 40px; display: block; }
#header_navi_inner ul li img { vertical-align: top; }
a#header_navi01, a#header_navi02 { text-decoration: none; }
a#header_navi01 span { visibility: hidden; }
a#header_navi02 span { visibility: hidden; } 
a:link#header_navi01 { background: url(../images/common/header_navi01.gif) 0px 0px no-repeat; }
a:link#header_navi02 { background: url(../images/common/header_navi02.gif) 0px 0px no-repeat; }
a:link#header_navi03 { background: url(../images/common/header_navi03.gif) 0px 0px no-repeat; z-index: 10; }
a:link#header_navi04 { background: url(../images/common/header_navi04.gif) 0px 0px no-repeat; z-index: 10; }
a:link#header_navi05 { background: url(../images/common/header_navi05.gif) 0px 0px no-repeat; z-index: 10; }
a:link#header_navi06 { background: url(../images/common/header_navi06.gif) 0px 0px no-repeat; z-index: 10; }
a:visited#header_navi01 { background: url(../images/common/header_navi01.gif) 0px 0px no-repeat; }
a:visited#header_navi02 { background: url(../images/common/header_navi02.gif) 0px 0px no-repeat; }
a:visited#header_navi03 { background: url(../images/common/header_navi03.gif) 0px 0px no-repeat; z-index: 10; }
a:visited#header_navi04 { background: url(../images/common/header_navi04.gif) 0px 0px no-repeat; z-index: 10; }
a:visited#header_navi05 { background: url(../images/common/header_navi05.gif) 0px 0px no-repeat; z-index: 10; }
a:visited#header_navi06 { background: url(../images/common/header_navi06.gif) 0px 0px no-repeat; z-index: 10; }
a:hover#header_navi01 { background: url(../images/common/header_navi01_on.gif) 0px 0px no-repeat; }
a:hover#header_navi02 { background: url(../images/common/header_navi02_on.gif) 0px 0px no-repeat; }
a:hover#header_navi03 { background: url(../images/common/header_navi03_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
a:hover#header_navi04 { background: url(../images/common/header_navi04_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
a:hover#header_navi05 { background: url(../images/common/header_navi05_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
a:hover#header_navi06 { background: url(../images/common/header_navi06_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }

#pop_navi03_image { margin: 5px 0px 0px 0px; position: absolute; left: 494px; }
#pop_navi04_image { margin: 5px 0px 0px 0px; position: absolute; left: 605px; }
#pop_navi05_image { margin: 5px 0px 0px 0px; position: absolute; left: 717px; }
#pop_navi06_image { margin: 5px 0px 0px 0px; position: absolute; left: 803px; }

/* for add iPad */
.fix20100403 a:link#header_navi05 { background: url(../images/common/header_navi_ipad.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:link#header_navi06 { background: url(../images/common/header_navi05.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:link#header_navi07 { background: url(../images/common/header_navi06.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:visited#header_navi05 { background: url(../images/common/header_navi_ipad.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:visited#header_navi06 { background: url(../images/common/header_navi05.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:visited#header_navi07 { background: url(../images/common/header_navi06.gif) 0px 0px no-repeat; z-index: 10; }
.fix20100403 a:hover#header_navi05 { background: url(../images/common/header_navi_ipad_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
.fix20100403 a:hover#header_navi06 { background: url(../images/common/header_navi05_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
.fix20100403 a:hover#header_navi07 { background: url(../images/common/header_navi06_on.gif) 0px 0px no-repeat; visibility: visible; z-index: 10; }
.fix20100403 #pop_navi03_image { margin: 5px 0px 0px 0px; position: absolute; left: 383px; }
.fix20100403 #pop_navi04_image { margin: 5px 0px 0px 0px; position: absolute; left: 494px; }
.fix20100403 #pop_navi05_image { margin: 5px 0px 0px 0px; position: absolute; left: 605px; }
.fix20100403 #pop_navi06_image { margin: 5px 0px 0px 0px; position: absolute; left: 717px; }
.fix20100403 #pop_navi07_image { margin: 5px 0px 0px 0px; position: absolute; left: 803px; }



#pop_navi { margin: 50px 0px 0px -87px; position: fixed; left: -175px; top: -219px; z-index: 99; display: inline; }
* html body #pop_navi { display: none; }
/* 20090519 for IE6
* html body #pop_navi { margin: 50px 0px 0px -87px; position: absolute; left: -175px; top: -219px; z-index: 99; display: inline; }
*/

/* Container */
#container { margin: 0px auto; width: 988px; background: url(../images/common/container_back.gif) 0px 0px no-repeat; position: relative; z-index: 1; }

/* Contents */
#contents { margin: 0px auto; width: 978px; text-align: left; }
#contents h3 { margin: 0px; padding: 0px; }
.contents_header { height: 10px; font-size: 0px; line-height: 0; position: relative; z-index: 2; }
.contents_inner_alpha { margin: -737px 0px 0px 0px; width: 724px; float: left; position: relative; z-index: 1; }
.contents_inner_beta { margin-top: -737px; width: 254px; float: right; position: relative; z-index: 1; }
.contents_inner_beta_20100403 { margin-top: -737px; width: 245px; float: right; position: relative; z-index: 1; }
.contents_footer { height: 5px; font-size: 0; line-height: 0; }

/* Left Column */

/* Right Column */
#s_cards_sub_image { margin: 0px 0px 13px 35px; }
#coffee_image { margin: 0px 0px 0px 12px; }
.contents_inner_beta_20100403 #coffee_image { margin: 0px 0px 0px 3px; }

/* Footer Navigation */
#footer_navi { margin: 0px auto; padding: 12px 0px 12px 0px; width: 978px; background-color: #858E73; font-size: 78%; }
#footer_navi_inner { margin: 0px 10px 0px 10px; }
#footer_navi_inner ul.alpha { margin: 0px; padding: 0px; list-style: none; float: left; }
#footer_navi_inner ul.alpha li { padding: 0em 0.1em 0em 0.1em; color: #FFFFFF; float: left; }
#footer_navi_inner ul.beta { margin: 0px ; padding: 0px; list-style: none; float: right; }
#footer_navi_inner ul.beta li { padding: 0em 0.5em 0em 0.5em; color: #363734; float: left; }
#footer_navi_inner a:link { color: #99CCCC; text-decoration: underline; }
#footer_navi_inner a:visited { color: #99CCCC; text-decoration: underline; }
#footer_navi_inner a:hover { color: #99CCCC; text-decoration: none; }
#extended_footer { margin: 0px 0px 0px -494px; width: 988px; height: 2000px; background: #858E73 url(../images/common/extended_footer.gif) 0px 0px no-repeat; position: absolute; bottom: 0px; left: 50%; z-index: 0; }

/* Preload Images */
#preload { position: absolute; filter: alpha(opacity=0); opacity: .0; display: none; }

/* Background Images are Limited for 10,000px */