@charset "UTF-8";

html {background:#DAF0FA url(../img/cmn/bg.gif) repeat-y center top; }

body { background:transparent url(../img/cmn/bg_grad.gif) repeat-x left top; margin:0; padding:0; text-align:center; font: 1em/1.25em "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; color: #333; }


/* common classes */
.clear{ clear:both; display:block; }
hr.clear{ margin:0; padding:0; height:1px; clear:both; visibility:hidden; display:block; }

/* text-align */
.aleft{ text-align:left; }
.acenter{ text-align:center; }
.aright{ text-align:right; }

/* text-color */
.notice{ color:#C00; font-weight:bold; }
.strong-blue{ color:#06F; font-weight:bold; }

/* float style */
.fright{float:right;}
.fleft{float:left;}

img.fright{ float:right; padding: 0 0 4px 4px; }
img.fleft{ float:left; padding: 0 4px 4px 0; }

/* wrapper div */
#wrapper { width:748px; margin:0 auto; padding:0; background:transparent url(../img/cmn/bg_wrap.gif) no-repeat left top; text-align:left; }

#header{ margin:0 4px; width:740px; }
#cwrap, #footer{ margin:0 24px; width:700px; }
#mc{ width:460px; float:left; font-size:0.75em; }
#side{ width:220px; float:right; }


/* Global Menu */
#gmenu{ width:345px; height:75px; margin:20px 0 0 20px; padding:0; }
#gmenu li{ float:left; height:35px; margin:0; padding:0; list-style:none; }
#gmenu li a{ display:block; height:35px; }
#gmenu li a span{ display:block; text-indent:-2000px; }

/* each links */
 #gmenu li a.home{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -0px; }
 #gmenu li a.info{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -0px; }
 #gmenu li a.products{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -235px -0px; }
 #gmenu li a.character{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -35px; }
 #gmenu li a.story{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -35px; }

/* each links(hover) */
 #gmenu li a.home:hover{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -70px; }
 #gmenu li a.info:hover{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -70px; }
 #gmenu li a.products:hover{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -235px -70px; }
 #gmenu li a.character:hover{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -105px; }
 #gmenu li a.story:hover{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -105px; }

/* each links(active) */
 #header-index #gmenu li a.home{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -70px; }
 #header-info #gmenu li a.info{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -70px; }
 #header-products #gmenu li a.products{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -235px -70px; }
 #header-character #gmenu li a.character{ width:110px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -0px -105px; }
 #header-story #gmenu li a.story{ width:125px; background:transparent url(../img/cmn/gmenu.gif) no-repeat -110px -105px; }


/* Header Backgrounds */
 #header #header-index{ height:380px; background: #FFF url(../img/header/header_index.jpg) no-repeat center top; }
 #header #header-info{ height:280px; background: #FFF url(../img/header/header_info.jpg) no-repeat center top; }
 #header #header-products{ height:280px; background: #FFF url(../img/header/header_products.jpg) no-repeat center top; }
 #header #header-character{ height:280px; background: #FFF url(../img/header/header_character.jpg) no-repeat center top; }
 #header #header-story{ height:280px; background: #FFF url(../img/header/header_story.jpg) no-repeat center top; }



/* Header Element */
h2.top-read{ font-size:12px; font-weight:bold; color:#999; margin:0; padding:2px 0 0 6px; }


/* Maincontents Element */
h3{ margin:16px 0 24px 0; padding:0; }
h4{ margin:2em 0 1.25em 0; padding:0; font-size:1.25em;}

table.mc_table{ margin:1.5em 0; width:100%; border-collapse:collapse; }
.mc_table th{ text-align:left; vertical-align:top; background-color:#E0F4FC; padding:3px 6px; border:2px solid #FFF; white-space:nowrap; }
.mc_table td{ text-align:left; vertical-align:top; background-color:#F1FBFE; padding:3px; border:2px solid #FFF; }
.mc_table .bg-white{ font-weight:normal; background-color:#FFF; text-align:right; }
.mc_table .table_image{ vertical-align:middle; text-align:center; }


/* Sidebox Element */
.sidebox{ background:#E0F4FC url(../img/cmn/sidebox_bt.gif) no-repeat left bottom; padding:0 0 16px 0; margin:24px 0 0 0; }
.sidebox .sidebox-title{ text-align:center; margin:0 0 1em 0; }
.sidebox .sidebox-text{ padding: 0 10px; }

.sidebox .sidebox-text dl{ margin:1.5em 0; padding:0; font-size: 0.625em; line-height:1.25em; }
.sidebox .sidebox-text dl dt{ font-weight:normal; margin:0; }
.sidebox .sidebox-text dl dd{ padding:0; margin:0; }



/* Footer Element */
p.copyright{ text-align:right; margin:4px 0; }