@charset "UTF-8";

* {
  font-size:13px;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

p { line-height:1.7; }

/*---------for main page------------*/
body#flashPage {
  background: url(../graphics/bg.gif) repeat-x;
  width:100%;
  height:650px;
  margin:0;
  text-align:center;
}

div.notice {
  width:600px;
  margin:auto;
  padding-top:50px;
  padding-bottom:50px;
  text-align:left;
}

/*------------for popup----------------*/
body#popPage, body#popPage800 { padding:20px; }

body#popPage div#contents {
  background:url(../graphics/popbg.gif);
  width:606px;
  margin:auto;
}

body#popPage800 div#contents {
  background:url(../graphics/popbg_800.gif);
  width:806px;
  margin:auto;
}

body#popPage div.btnArea, body#popPage800 div.btnArea {
  margin:15px;
  text-align:right;
}

body#popPage div#footer, body#popPage800 div#footer {
  text-align:center;
  background:url(../graphics/footer.gif);
  height:38px;
  color:#CC0000;
}

body#popPage800 div#footer { background:url(../graphics/footer_800.gif); }

body#popPage div#footer *, body#popPage800 div#footer * { font-size:10px; }

body#popPage div#contents p.head, body#popPage800 div#contents p.head { margin:0px; }

/*--------------Games-----------------*/
body#popPage div#contents div.gameArea {
  background:url(../game/images/bg.gif) no-repeat;
  width:606px;
  padding-top:30px;
}

body#popPage800 div#contents div.gameArea {
  background:url(../game/images/bg_800.gif) no-repeat;
  width:806px;
  padding-top:30px;
}

body#popPage div#contents div.gameArea div.swf, body#popPage800 div#contents div.gameArea div.swf {
  margin-top:30px;
  border:2px solid #FF9900;
  padding:4px;
  background-color:#FFFFFF;
}

/*----------------download--------------*/
div.docArea {
 width:560px;
 margin:auto;
 text-align:left;
}

div.docArea h2 {
 font-size:16px;
 font-weight:bold;
 color:#0066CC;
 border-bottom:2px solid #6699FF;
}

div.docArea h3 {
 color:#FF6600;
}


/*---------------Recipes---------------*/
h1.recipeTitle {
  background:url(../recipe/images/recipe_title.gif);
  width:606px;
  height:86px;
  margin:0px;
  text-align:center;
  font-size:16px;
  color:#006699;
  padding-top:20px;
}

div.recipeArea {
  width:490px;
  margin:auto;
  text-align:left;
}

img.recipeImg { float:left; }

table.zairyou {
  border-collapse:collapse;
  width:235px;
  margin-top:20px;
}

table.zairyou th {
  background:url(../recipe/images/h_zairyou.gif) no-repeat;
  width:200px;
  color:#006699;
  padding-left:35px;
  height:40px;
  text-align:left;
}

table.zairyou th span.note { color:#666666; }

table.zairyou tr, table.eiyou tr { background:url(../recipe/images/dot_bg.gif) bottom; }

table.zairyou td, table.eiyou td {
  padding-bottom:5px;
  padding-top:5px;
}

table.zairyou td.value, table.eiyou td.value { text-align:right; }

h2.recipe {
  clear:both;
  background:url(../recipe/images/h_tukurikata.gif) no-repeat;
  width:490px;
  color:#006699;
  text-indent:70px;
  padding-top:10px;
  padding-bottom:5px;
}

p.recipe {
  margin:0px;
  margin-left:2em;
  margin-bottom:0.5em;
  text-indent:-2em;
}

span.recipeNum {
  padding-right:1em;
  color:#FF6666;
  font-family:"ＭＳ ゴシック", "Osaka‐等幅";
  font-weight:bold;
}

span.simpleNum {
  color:#FF6666;
  font-family:"ＭＳ ゴシック", "Osaka‐等幅";
}

div.seibun {
  background:url(../recipe/images/bg_eiyou.gif) bottom;
  width:490px;
  margin-top:20px;
  padding-bottom:20px;
}

div.seibun p { line-height:1.4; margin:10px 20px 0 20px;}

div.seibun h2 {
  background:url(../recipe/images/h_eiyou.gif);
  color:#006699;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  margin:0px;
}

table.eiyou {
  width:220px;
  margin:10px;
}