*{
margin:0;
padding:0;
}

/* ================================================= */
/* 全ページ共通 */
/* ================================================= */

/* firefoxスクロールバーの有無でセンタリング位置ズレ防止 */
HTML {
 overflow-y:scroll;
}

BODY{
 text-align: center;
 background-color:#00CCCC;
}

/* メニューボタン */
#header{
 width: 800px;
 margin-left:auto;
 margin-right:auto;
}

#footer{
 width: 800px;
 height:16px;
 margin-left:auto;
 margin-right:auto;
}

#content{
 clear:both;
 background-image : url(../img/top/main_simasima.gif);
 width: 800px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}

/* ================================================= */
/* トップページロゴ画像用 */
/* ================================================= */
#topLogo{
 clear:both;
 text-align: center;
 border-width:0px;
 margin-left:auto;
 margin-right:auto;
}

/* ================================================= */
/* コロぱたって？用 */
/* ================================================= */
#contentAbout{
 clear:both;
 background-image : url(../img/about/about_base_a00.gif);
 width: 740px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}
.titleAbout{
 padding-top:15px;
 padding-bottom:20px;
}
.lineAbout{
 padding-top:0px;
 padding-bottom:20px;
}

.nextAbout {
 position: relative;
 width: 640px;
 height: 40px;
 margin-top:0px;
 padding-bottom:20px;

 margin-left:auto;
 margin-right:auto;
}
.nextbase0About {
 width: 240px;
 height: 40px;
}
.nextover1About {
 position: absolute;
 top: 0px;
 left: 570px;
 width: 80px;
 height: 30px;
 margin-top:10px;
}

.titleAbout {
 position: relative;
 width: 640px;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
 height: 40px;
}
.titlebase0 {
 width: 240px;
 height: 40px;
}
.titleover1 {
 position: absolute;
 top: 0px;
 left: 570px;
 width: 80px;
 height: 30px;
 margin-top:25px;
}

.detailAbout {
 position: relative;
 width: 640px;
 margin-top:25px;
 margin-left:auto;
 margin-right:auto;
 height: 360px;
}
.base0 {
 width: 640px;
 height: 340px;
}
.over1 {
 position: absolute;
 top: -20px;
 left: 150px;
 width: 340px;
 height: 40px;
}
.over2 {
 position: absolute;
 top: 26px;
 left: 20px;
 width: 600px;
 height: 40px;
}
.over3 {
 position: absolute;
 top: 89px;
 left: 37px;
 width: 256px;
 height: 192px;
}
.over4 {
 position: absolute;
 top: 89px;
 left: 347px;
 width: 256px;
 height: 192px;
}
.over5 {
 position: absolute;
 top: 285px;
 left: 37px;
 width: 250px;
 height: 36px;
}
.over6 {
 position: absolute;
 top: 285px;
 left: 350px;
 width: 250px;
 height: 36px;
}
/* 「よりみち…？」用 */
.over7 {
 position: absolute;
 top: -20px;
 left: 240px;
 width: 180px;
 height: 40px;
}
.over8 {
 position: absolute;
 top: 89px;
 left: 192px;
 width: 256px;
 height: 192px;
}
.over9 {
 position: absolute;
 top: 285px;
 left: 192px;
 width: 250px;
 height: 36px;
}

/* ================================================= */
/* ゲームの流れ用 */
/* ================================================= */
#contentSystem{
 clear:both;
 width: 740px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}
.dataSystem {
 position: relative;
 margin-top:0px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 width: 740px;
 height: 990px;
}
.base0System {
 width: 740px;
 height: 990px;
}
.over1System {
 position: absolute;
 top: 100px;
 left: 30px;
}
.over2System {
 position: absolute;
 top: 100px;
 left: 270px;
}
.over3System {
 position: absolute;
 top: 100px;
 left: 510px;
}
.over4System {
 position: absolute;
 top: 340px;
 left: 510px;
}
.over5System {
 position: absolute;
 top: 370px;
 left: 270px;
}
.over6System {
 position: absolute;
 top: 400px;
 left: 30px;
}
.over7System {
 position: absolute;
 top: 640px;
 left: 30px;
}
.over8System {
 position: absolute;
 top: 640px;
 left: 270px;
}
.over9System {
 position: absolute;
 top: 640px;
 left: 510px;
}

/* ================================================= */
/* キャラ紹介用 */
/* ================================================= */
#contentCharacter{
 clear:both;
 background-image : url(../img/character/syoukai_base_a00.gif);
 width: 740px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}

#titleCharacter{
 float:left;
 margin-top:5px;
 padding-left:0px;
 padding-bottom:20px;
}

.detailCharacter{
 border-width:0px;
 border-collapse:collapse;
 
 margin:0;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}

/* キャラクター並び用 */
DIV.detailCharacter{
 clear:both;
 padding-bottom:15px;
}
TD.baseCharacter{
 background-image:url(../img/character/syoukai_base05.gif);
}


/* ================================================= */
/* スペシャル用 */
/* ================================================= */
#contentSpecial{
 clear:both;
 background-image : url(../img/special/special_base00.gif);
 width: 740px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;

 padding-bottom:10px;
}
.titleSpecial{
 padding-top:16px;
 padding-bottom:20px;
}
.detailSpecial{
 padding-bottom:2px;
}

.lineSpecial{
 padding-top:40px;
}

TABLE.special{
 text-align: center;
 margin-left:auto;
 margin-right:auto;
}

TEXTAREA.textareaSpecial{
 background-color:#79A9DA;
 font-size: 12px;
 color:#FFFFFF;
 margin:0;
 padding:0;

 margin-left:10px;
 margin-right:10px;
}
H1.special{
 font-weight:normal;
 font-size: 18px;
 margin:0;
 padding:0;

 padding-bottom:10px;
}
H2.special{
 font-weight:normal;
 font-size: 12px;
 padding-top:5px;
}

/* ================================================= */
/* 配信情報用 */
/* ================================================= */
#contentStage{
 clear:both;
 background-image : url(../img/stage/stage_base_a00.gif);
 width: 740px;

 border-width:0px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;

 padding-bottom:50px;
}
#titleStage{
 padding-top:10px;
}

#himawariStage{
 padding-top:10px;
}

/* 配信情報：予定日：配信ステージ */
.title2Stage {
 position: relative;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 width: 480px;
 height: 60px;
 font-size:10pt;
 font-weight:bold;
}
.base0Stage {
 width: 480px;
 height: 60px;
}
.over1Stage {
 position: absolute;
 top: 0px;
 left: 150px;
}
.over2Stage {
 position: absolute;
 top: 44px;
 left: 100px;
}
.over3Stage {
 position: absolute;
 top: 44px;
 left: 320px;
}
H1.stage{
 font-size:10pt;
 font-weight:normal;
}

/* 配信日：ステージ番号 */
#dataStage{
 padding-top:10px;
 padding-bottom:10px;
 font-size:11pt;
 font-weight:bold;
}
#data2Stage{
 margin-top:10px;

 font-size:11pt;
 font-weight:bold;
}

#detailStage{
 width: 480px;

 border-width:0px;
 border-collapse:collapse;
 
 margin:0;

 text-align: center;
 margin-left:auto;
 margin-right:auto;
}
.lineStage{
  margin-top: 3px;
  margin-bottom: 5px;
}

/* ================================================= */
/* 工事中画像用 */
/* ================================================= */
#detail{
 clear:both;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:60px;
 padding-bottom:60px;
}

/* ================================================= */
/* 商品詳細ページ用 */
/* ================================================= */
#product{
 clear:both;
 background-image : url(../img/product/product_base.gif);
 width: 800px;

 text-align: center;
 margin-left:auto;
 margin-right:auto;

 border-width:0px;
 padding-top:10px;
 padding-bottom:10px;
}

#detailProduct dl {
 margin-left:auto;
 margin-right:auto;
 text-align: center;
}

#detailProduct dt {
 float: left;
 width: 400px;
 text-indent: 260px;
 text-align: left;
 font-weight:bold;
 font-size: 10pt;
}

#detailProduct dd {
 margin-left: 400px;
 text-align: left;
 font-weight:bold;
 font-size: 10pt;
}

#productImg{
 padding-top:10px;
 padding-bottom:10px;
}

#productH1{
 font-weight:bold;
 font-size: 14pt;
}