@charset "Shift_JIS";

body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(/english/img/common/bg.jpg) top repeat-x #dddddd;}
body,td,th {font-family: 'Lucida Grande', Verdana, Arial; font-size:12px; line-height:18px; color:#000;}
td {word-break:break-all;}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,address {margin:0; padding:0; list-style-type:none;}

/* MENU */
#menu_bg {position:relative; margin:auto; width:792px; height:48px; background:url(/english/img/menu/menubg.gif) 0 0 no-repeat;}
ul#menu {position:absolute; right:0px; width:792px; margin:0;}
#menu_bg ul li {margin:0;}
li#home {float:left; width:60px; list-style:none;}
li#home a {width:60px; height:48px; display:block;}
li#info {float:left; width:121px; list-style:none;}
li#info a {width:121px; height:48px; display:block;}
li#profile {float:left; width:81px; list-style:none;}
li#profile a {width:81px; height:48px; display:block;}
li#disc {float:left; width:123px; list-style:none;}
li#disc a {width:123px; height:48px; display:block;}
li#link {float:left; width:56px; list-style:none;}
li#link a {width:56px; height:48px; display:block;}
li#mailmag {float:left; width:134px; list-style:none;}
li#mailmag a {width:134px; height:48px; display:block;}
li#lemoned {float:left; width:131px; list-style:none;}
li#lemoned a {width:131px; height:48px; display:block;}
li#japanese {float:left; width:86px; list-style:none;}
li#japanese a {width:86px; height:48px; display:block;}
#home a span {display:none;}
#info a span {display:none;}
#profile a span {display:none;}
#disc a span {display:none;}
#link a span {display:none;}
#mailmag a span {display:none;}
#lemoned a span {display:none;}
#japanese a span {display:none;}
a.home {background-image: url(/english/img/menu/home.gif);}
a:hover.home {background-position: 0px -48px;}
a.info {background-image: url(/english/img/menu/info.gif);}
a:hover.info {background-position: 0px -48px;}
a.profile {background-image: url(/english/img/menu/profile.gif);}
a:hover.profile {background-position: 0px -48px;}
a.disc {background-image: url(/english/img/menu/disc.gif);}
a:hover.disc {background-position: 0px -48px;}
a.link {background-image: url(/english/img/menu/link.gif);}
a:hover.link {background-position: 0px -48px;}
a.mailmag {background-image: url(/english/img/menu/mailmag.gif);}
a:hover.mailmag {background-position: 0px -48px;}
a.lemoned {background-image: url(/english/img/menu/lemoned.gif);}
a:hover.lemoned {background-position: 0px -48px;}
a.japanese {background-image: url(/english/img/menu/japanese.gif);}
a:hover.japanese {background-position: 0px -48px;}

#bmenu_bg {position:relative; margin:auto; width:786px; height:50px; padding:35px 10px 0 10px;}
ul#bmenu {position:absolute; width:786px; margin:0;}
#bmenu_bg ul li {margin-right:2px;}
li#b_info {float:left; width:46px; list-style:none;}
li#b_info a {width:46px; height:50px; display:block;}
li#b_profile {float:left; width:46px; list-style:none;}
li#b_profile a {width:46px; height:50px; display:block;}
li#b_disc {float:left; width:46px; list-style:none;}
li#b_disc a {width:46px; height:50px; display:block;}
li#b_link {float:left; width:46px; list-style:none;}
li#b_link a {width:46px; height:50px; display:block;}
li#b_mailmag {float:left; width:46px; list-style:none;}
li#b_mailmag a {width:46px; height:50px; display:block;}
li#b_lemoned {float:left; width:46px; list-style:none;}
li#b_lemoned a {width:46px; height:50px; display:block;}
li#b_top {float:left; width:46px; list-style:none;}
li#b_top a {width:46px; height:50px; display:block;}
li#b_space {float:left; width:448px; height:50px; list-style:none;}
#b_info a span {display:none;}
#b_profile a span {display:none;}
#b_disc a span {display:none;}
#b_link a span {display:none;}
#b_mailmag a span {display:none;}
#b_lemoned a span {display:none;}
#b_top a span {display:none;}
a.b_info {background-image: url(/english/img/menu/b_info.jpg);}
a:hover.b_info {background-position: 0px -50px;}
a.b_profile {background-image: url(/english/img/menu/b_profile.jpg);}
a:hover.b_profile {background-position: 0px -50px;}
a.b_disc {background-image: url(/english/img/menu/b_disc.jpg);}
a:hover.b_disc {background-position: 0px -50px;}
a.b_link {background-image: url(/english/img/menu/b_link.jpg);}
a:hover.b_link {background-position: 0px -50px;}
a.b_mailmag {background-image: url(/english/img/menu/b_mailmag.jpg);}
a:hover.b_mailmag {background-position: 0px -50px;}
a.b_lemoned {background-image: url(/english/img/menu/b_lemoned.jpg);}
a:hover.b_lemoned {background-position: 0px -50px;}
a.b_top {background-image: url(/english/img/menu/b_top.jpg);}
a:hover.b_top {background-position: 0px -50px;}

/* FONT */
h1 {width:229px; height:24px; background:url(/english/img/common/logo.gif) left top no-repeat; margin:0; padding:0; text-indent:-9999px;}
h2 {font-size:16px; font-weight:bold; line-height:24px;}
h3 {font-size:16px; font-weight:bold; line-height:24px; color:#ff0099;}
h4 {font-size:14px; font-weight:bold; line-height:20px;}
h5 {font-size:12px; font-weight:normal; color:#CC0000; display:inline;}
h6 {background-color:#000; padding:3px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px;}
.j16 {font-size:16px; line-height:22px;}
.j14 {font-size:14px; line-height:20px;}
.j12 {font-size:12px; line-height:16px;}
.j11 {font-size:11px; line-height:16px;}
.j10 {font-size:10px; line-height:16px;}
.eng {font-family:Arial, Helvetica, sans-serif;}
.white {color:#fff;}
.pink {color:#ff0099;}
div.headcopy {padding:5px; background-color:#eee; border:solid 1px #999; margin:10px 0;}
div.headcopy2 {padding:5px; background-color:#000; color:#fff; margin:5px 0;}

/* SPACE */
.space_2 {margin-top:2px; margin-bottom:2px;}
.space_5 {margin-top:5px; margin-bottom:5px;}
.space_10 {margin-top:10px; margin-bottom:10px;}
.space_15 {margin-top:15px; margin-bottom:15px;}
.space_20 {margin-top:20px; margin-bottom:20px;}

/* LINK */
a {cursor:pointer;}
a:link {color:#ff0099;}
a:hover {color:#ff33cc;}
a:visited {color:#ff0099;}
a:active {color:#ff33cc;}
a.link_yellow:link {color:#ffcc00;}
a.link_yellow:hover {color:#ffff00;}
a.link_yellow:visited {color:#ffcc00;}
a.link_yellow:active {color:#ffff00;}
a.link_white:link {color:#fff; text-decoration:none;}
a.link_white:hover {color:#ffcc00; text-decoration:none;}
a.link_white:visited {color:#fff; text-decoration:none;}
a.link_white:active {color:#ffcc00; text-decoration:none;}
a.link_top:link {color:#000; text-decoration:none;}
a.link_top:visited {color: #000; text-decoration:none;}
a.link_top:hover {color:#ff0099;}
a.link_top:active {color:#ff0099;}
p.arrow {padding-left:12px; background:url(/english/img/common/arrow.gif) left 4px no-repeat; margin-bottom:10px;}
a.link_grey:link {color:#333; text-decoration:none;}
a.link_grey:visited {color:#333; text-decoration:none;}
a.link_grey:hover {color:#333; text-decoration:underline;}
a.link_grey:active {color:#333; text-decoration:underline;}

/* COMMON LAYOUT */
#header {width:804px; height:45px; margin:auto; background:url(/english/img/common/headerbg.jpg) no-repeat;}
#header div.left {float:left; width:229px; padding-top:9px; padding-left:2px;}
#header div.right {float:right; width:172px; height:28px; padding-top:2px; padding-right:6px;}
#menubar {width:792px; height:48px; margin:auto; padding-top:1px; padding-bottom:25px;}
#container {width:806px; margin:auto; background:url(/english/img/common/contentsbg.gif) repeat-y;}
/*1column*/
#container div.contents {width:752px; padding:17px 27px 0 27px; background:url(/english/img/common/titlebg.gif) no-repeat;}
#footer {height:806px; height:130px; background:url(/english/img/common/footer.jpg) no-repeat;}
/*2columns*/
#container div.contents2 {width:766px; padding:17px 13px 0 27px; background:url(/english/img/common/titlebg.gif) no-repeat;}
#container div.contents2 div.twocolumns {width:776px; background:url(/english/img/common/side_bg.jpg) right top repeat-y;}
#container div.contents2 div.twocolumns div.left {float:left; width:500px}
#container div.contents2 div.twocolumns div.right {float:right; width:250px}
#container div.contents2 div.twocolumns div.right div.box {padding:10px 10px 0 15px; background:url(/english/img/common/side_t.jpg) no-repeat;}
#footer_2c {height:806px; height:130px; background:url(/english/img/common/footer_2c.jpg) no-repeat;}
#container div.contents3 {width:752px; padding:17px 27px 0 27px; background:url(/english/img/common/titlebg.gif) no-repeat;}
#container div.contents3 div.twocolumns {width:752px; background:url(/english/img/common/side2_bg.jpg) left top repeat-y;}
#container div.contents3 div.twocolumns div.left {float:left; width:223px}
#container div.contents3 div.twocolumns div.left div.box {padding:10px 10px 0 0; background:url(/english/img/common/side2_t.jpg) no-repeat;}
#container div.contents3 div.twocolumns div.left div.box form {padding:0; margin:0;}
#container div.contents3 div.twocolumns div.right {float:right; width:520px}
#footer_2c2 {height:806px; height:130px; background:url(/english/img/common/footer_2c2.jpg) no-repeat;}

/* TOP LAYOUT */
body#top {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(/english/img/top/bg.jpg) top repeat-x #dadada;}
#topheader {width:804px; height:52px; margin:auto; background:url(/english/img/top/headerbg.jpg) no-repeat;}
#topheader div.left {float:left; width:229px; padding-top:13px; padding-left:2px;}
#topheader div.right {float:right; width:172px; height:28px; padding-top:15px; padding-right:13px;}
#flashbnr {width:780px; height:280px; margin:auto; padding:0 12px 20px 12px; background:url(/english/img/top/flashbg.jpg) no-repeat;}
#topcontainer {width:804px; margin:auto; padding-top:6px; padding-bottom:15px;}
#topcontainer div.bnr {float:left; width:200px; padding-top:3px;}
#topcontainer div.bnr img {margin-bottom:1px;}
#topcontainer div.contents {float:right; width:603px; background:url(/english/img/top/contentsbg.jpg) right bottom no-repeat;}
#topcontainer div.contents div.news {float:left; width:396px; margin-bottom:2px;}
#topcontainer div.contents div.news div.box {padding-bottom:10px; margin-top:5px; background:url(/english/img/top/boxbg_b.jpg) bottom no-repeat;}
div.data {width:396px; padding:0; margin:0; background:url(/english/img/top/boxbg_t.jpg) top no-repeat;}
div.data img {margin:7px;}
div.data dl {width:382px; padding:0 7px; margin:0;}
div.data dt {float:left; width:4em;}
div.data dd {margin-left:4em;}
#topcontainer div.contents div.sample {float:right; width:206px;}
.bigbnr {width:390px; height:170px; margin-bottom:5px; padding:2px 3px 4px 3px; background:url(/english/img/bnr/bbb.jpg) no-repeat;}

/* CONTENTS LAYOUT */
img.title {margin-bottom:30px;}
div.dot {height:1px; background:url(/english/img/common/dot.gif) repeat-x; margin:5px 0;}
.c-both {clear:both; margin:0; padding:0;}
span.guard {position:absolute; display:block; width:100%; height:100%; background-image:url(/english/img/spacer.gif);}
dd p.wn_f {padding-left:17px; background:url(../whatsnew/img/f.jpg) left 1px no-repeat;}
dd p.wn_m {padding-left:17px; background:url(../whatsnew/img/m.jpg) left 1px no-repeat;}
div.datelist dl {padding:0; margin:0;}
div.datelist dt {float:left; width:8em;}
div.datelist dd {margin-left:8em; margin-bottom:10px;}
div.datelist2 dl {padding:0; margin:0;}
div.datelist2 dt {float:left; width:9em;}
div.datelist2 dd {margin-left:9em; margin-bottom:10px;}
div.contentstitle div.left {float:left; width:300px;}
div.contentstitle div.right {float:right; width:300px; text-align:right;}
div.contentstitle div.right form {margin:0; padding:0;}
div.linklist dl {padding:0; margin:0; line-height:25px; background:url(/english/img/common/dot25.gif) repeat;}
div.linklist dt {float:left; width:180px; padding-left:12px; background:url(/english/img/common/arrow.gif) left 8px no-repeat;}
div.linklist dd {margin-left:180px;}
div.contents div.mailmag div.box {background-color:#eee; border:solid 1px #ccc; padding:10px;}
div.contents div.mailmag div.box form {display:inline;}
div.contents div.mailmag ul li {margin-left:15px; list-style:circle; margin-top:5px;}
div.contents div.mailmag ol li {margin-left:25px; list-style-type:decimal;}
p.dot {background:url(/english/img/common/dot25.gif) repeat; line-height:25px;}
#container div.contents3 div.twocolumns div.right div.credit {float:left; width:360px; margin-bottom:15px;}
#container div.contents3 div.twocolumns div.right div.jk {float:right; width:150px; margin-bottom:5px;}
div.profile div.photo {float:left; width:300px;}
div.profile div.text {float:right; width:430px; text-align:left;}
div.aphoto{position:relative; width:300px; height:450px;}