@charset "UTF-8";
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img { margin: 0; padding: 0; border: 0; }
a:link, a:visited{color:white;}
body{background-color:black; color:white;height: 100%;width: 100%; position: absolute;}
/* ________________________ここから ____________________________________________________*/
#nav-d{width:117px; height:368px; position: fixed; z-index: 5; list-style: none; left: -117px; background-image: url( im2/noizu.png);}
/* Navigation Menu - List items */
.nav-item { width:117px; height:46px;}
.nav-item a {display: block; color: white; transition: color 0.2s, background 0.5s; height: 45px;overflow: hidden; border-bottom: 1px solid #c20202;}
.nav-item a:hover {background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(97,97,97,0.65) 100%);}
.nav-item a:hover img{margin-top: -46px;}/* ホバー 画像ずらし*/
/* Nav Trigger */
.nav-trigger {position: absolute; clip:rect(0, 0, 0, 0);}
label[for="nav-trigger"] {position: fixed; left: 5px; top: 5px; z-index: 3;height: 30px; width: 30px; cursor: pointer; background-image:url(im2/button01.png); background-size: contain;}
/* Make the Magic Happen */
.nav-trigger + label, #nav-d, #header img[alt="logo"]{ transition: left 0.6s;}
.nav-trigger:checked + label{left:117px;}/* +直後 */
.nav-trigger:checked ~ #nav-d{left:0px;}/* ~あとに出てくる */
.nav-trigger:checked ~ #header img[alt="logo"]{left:147px;}
/* ______________________ここまで _____________________________________________________*/

/* ----- ヘッダー ----- */
#header{height: 45px; width:auto; background-image:url(im2/noizu.png); background-attachment:fixed; position: relative;}
#header img[alt="logo"], #header img[alt="logo02"]{width:194px; height:45px; left: 5px; position:absolute;}
#header p {text-align:right; width:250px; height:1.5em; position: absolute; top: 15px; right: 5px;}
#header div{width:auto; left:215px; position:absolute; height:45px; top:20px;} /*game用 パンくず*/
#header img[alt="close"] {width: 80px;height: 40px;right: 0px;position: absolute;}

/* ----- メニュー ----- */
#navigation{height: 45px;width: auto; position:relative; background-image:url(im2/noizu.png); background-attachment:fixed;}
.menubox{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height:45px; width:856px;}
div.mojigazou{display: block; height:45px; width:107px;float:left; overflow: hidden;}/* メニュー画像用 */
div.mojigazou a:hover img{margin-top: -45px;}/* ホバー */
div.mojigazou a:active img{margin-top: -90px;}/* アクティブ */

/* ----- メイン ----- */
#content{height: 75%;width: auto; position:relative; background:black url(im2/bg01.png) fixed;}
#content a[target="_blank"] {display: inline-block;background-image: url( im2/betumado.png); background-repeat: no-repeat; background-position: right; padding-right: 30px;}/* target="_blank"にアイコン追加 */
#content .game a[target="_blank"] {display: inline-block; background-image: none; background-repeat: no-repeat; background-position: right; padding-right: 0px;}/* target="_blank"にアイコン追加 そのアイコンを消す*/
#content .gamemenu a[target="_blank"] {display: inline-block; background-image: none; background-repeat: no-repeat; background-position: right; padding-right: 0px;}/* target="_blank"にアイコン追加 そのアイコンを消す*/
#content .DMDPButton a[target="_blank"] {display: inline-block; background-image: none; background-repeat: no-repeat; background-position: right; padding-right: 0px;}/* target="_blank"にアイコン追加 そのアイコンを消す*/
#content02{height:80%;width: auto; position:relative; background:black url(im2/bg01.png) fixed;}/* samplepdf menuなし */

/* ----- フッダー ----- */
#footer{ height: 45px;width: auto; position:relative; background-image:url(im2/noizu.png); background-attachment:fixed;}
.clogo{width:125px; height:25px; position:absolute; background-image:url(im2/daba02.png); top: 0; left: 0; right: 0; bottom: 0; margin: auto;}/* (c)daba seireki png bg*/
.snlogo{width:100px; height:45px; position: absolute; top: 0; right: 10px;}/* stylenato png hoso png*/

/* 横線 */
.yokosen{height:1px; background-color:#c20202;}

/* 表紙 */
.hyousi{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}/* 表紙 画像*/
.hyousi02{display: none;}/*スマフォ用 表紙 画像*/

/* サンプル */
.pd{width:100%; height:100%;position: absolute;}/* pdfサンプル用 */
.pd02{width:100%; height:100%; position: absolute;}/* pdf readme用 */
.fontsitei img[src="im2/dm.png"]{vertical-align: middle;}/* サンプルページのDL画像 */

/*メイン info用 box*/
.kakoi{height: 100%;width: 100%;overflow: auto;}/* 全体 */
.kara{height: 100%;width: 20%;float: left;}/* 左右の空div */
.tinfo{font-size:large; line-height:200%; height:100%; width:60%; float: left;}

/*メイン サイトマップのbox */
.sitbox00{overflow:auto; width:100%; height:100%;}
.sitbox01{width:40%; height:auto; font-size:large; line-height:150%; float:left;}
.mojisaite01{width:80%; height:2.5em; text-align:right; padding-right:20%;}
.sitbox02{width:60%; height:auto; font-size:large; line-height:150%; float:left;}
.mojisaite02{width:100%; height:2.5em;}
.mojisaite01 img, .mojisaite02 img{vertical-align: middle;}

/* game */
.gamemenu{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 770px; height: 300px;}/*  overflow: auto;width+152px */
.RedDoorMoji{width: 132px; height: 2em; float: left; position: relative; margin:0.5em 10px; text-align: center;}
#canRDoor01{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor02{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor03{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor04{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor05{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor06{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor07{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canRDoor08{width: 132px; height: 135px; cursor: pointer; margin:0.5em 8px; float: left;}
#canGBadge {width: 230px; height: 89px;  cursor: pointer; margin:0.5em 8px; float: left;}

.RedDoorMoji02{width: 100%; height: 1em; float: left; text-align: center; margin: 1em 0px;}
.game{font-size: medium; line-height:150%; text-align:center; overflow:auto; height:100%;}
.game p{color: #838383;}
.game start01{color:#ed0101;}/* 4Door05,4Door07 */
/* メールフォーム */
.mailyou02 {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width:400px; height:100%;}
#default_top {position:relative; top:30px;}
#default_top .title{text-align:center; font-size:x-large;}
#default_top .name_parts , #default_top .mail_parts , #default_top .title_parts , #default_top .textarea_parts  {font-family:sans-serif; width:95%;}
/* Buypage */
.buyinfo {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 530px; height: 260px; text-align: center;}
.DMDPButton {
    position:static;
    width: 265px;
    height: 265px;
    float:left;
    overflow: hidden;
}

/* 広告横並び 
ul.tdftad li {float:left; width:27em;}*/