@charset "euc-jp";

.ditail_article{
margin:0 10px 20px;
position:relative;
}

.ditail_article h3{
font-size:26px;
border-bottom: 1px solid #f0b115;
margin: 30px 10px 20px;
padding:5px 0;
text-indent:inherit;
}


.detailbox_left{
float:left;
margin-left:10px;
padding:0;
position:relative;
}

.detailbox_right{
float:right;
margin-right:10px;
width:340px;
}


.ditail_geme_ss{
background: #000;
width:300px;
padding:10px;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
}

.ditail_geme_ss_sam{
width:320px;
}

ul.ditail_geme_ss_sam li{
float:left;
background:#000;
padding:3px;
margin:1px 1px 10px 0;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
}

/* youtube埋め込み */

.movbox{
width:320px;
margin:0 0 10px;
}

.movbox p{
color:#000000;
font-size:12px;
}

.mov_youtube{
width:320px;
background:#000;
padding:10px 0;
text-align:center;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
margin:0 0 5px;
position:relative;
}

.mov_youtube a{
display:block;
background:url(/en/project/egg/image/btn_playmov.png);
width:320px;
height:170px;
position:absolute;
top:0;
left:0;
line-height:510px;
overflow:hidden;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
}

.mov_youtube a:hover{
background-position:0 -170px;
}



.ditail_description_s, .ditail_gamedata, .ditail_gamecontrol, .ditail_gamestatus{
width:340px;
margin-bottom:20px;
}

.ditail_description_s{
line-height:1.2em;
}

.ditail_description_l{
clear:both;
background: #fff;
margin: 0 10px 30px;
padding:30px;
font-size:14px;
line-height:1.4em;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
border:1px solid #999999;
}

.ditail_description_l h4{
text-align:center;
margin-bottom:20px;
font-weight:bold;
font-size:18px;
}

dl.ditail_gamedata{
}

dl.ditail_gamedata dt{
clear:both;
float:left;
background:#666;
background-image: url(/en/project/egg/image/deta_yajirushi.gif);
background-position:right;
background-repeat:no-repeat;
font-size:12px;
color:#FFFFFF;
height:20px;
line-height:20px;
margin-bottom:1px;
width:100px;
text-indent:8px;
}

dl.ditail_gamedata dd{
font-size:14px;

line-height:20px;
margin: 0 0 1px 110px;
}


/* ゲームコントロール */

ul.ditail_gamecontrol{
width:135px;
margin:0 auto 20px;
}

ul.ditail_gamecontrol li{
float:left;
width:44px;
height:44px;
margin-right:1px;
}

ul.ditail_gamecontrol a{
height:44px;
width:44px;
display:block;
line-height:132px;
overflow:hidden;
background: url(/en/project/egg/image/newindex/catalog_button_b.gif);
}

li#game a{
background-position:0 0;
}

li#game a:hover{
background-position:0 -44px;
}

li#manual a{
background-position:44px 0;
}

li#manual a:hover{
background-position:44px -44px;
}

li#music a{
background-position:88px 0;
}

li#music a:hover{
background-position:88px -44px;
}

li#game_on a{
background-position:0 -88px;
}

li#game_on a:hover{
background-position:0 -132px;
}

li#manual_on a{
background-position:44px -88px;
}

li#manual_on a:hover{
background-position:44px -132px;
}

li#music_on a{
background-position:88px -88px;
}

li#music_on a:hover{
background-position:88px -132px;
}

ul.ditail_gamecontrol span{
background: url(/en/project/egg/image/newindex/catalog_button_b.gif);
display:block;
height:44px;
width:44px;
line-height:132px;
overflow:hidden;
}

#game_disable span{
background-position: 0 44px;
}

#manual_disable span{
background-position: 44px 44px;
}

#music_disable span{
background-position: 88px 44px;
}

#game_nodata span{
background-position: 0 88px;
}

#manual_nodata span{
background-position: 44px 88px;
}

#music_nodata span{
background-position: 88px 88px;
}

/* 購入ステータスボタン */

.ditail_gamestatus{
height:60px;
width:340px;
margin:10px auto 20px;
}

.playable_l a{
display:block;
height:60px;
width:140px;
background: url(/ja/project/egg/image/playable_l.gif);
line-height:60px;
text-align:center;
text-decoration:none;
font-size:18px;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#FFFFFF;
margin:0 auto;
}

.playable_l a:hover{
background-position: 0 -60px;
}

.buynow_l a{
display:block;
height:60px;
width:140px;
background: url(/ja/project/egg/image/buynow_l.gif);
line-height:60px;
text-align:center;
text-decoration:none;
font-size:18px;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#FFFFFF;
margin:0 auto;
}

.buynow_l a:hover{
background-position: 0 -60px;
}

.goregi_l a{
display:block;
height:60px;
width:140px;
background: url(/ja/project/egg/image/goregi_l.gif);
line-height:60px;
text-align:center;
text-decoration:none;
font-size:18px;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#FFFFFF;
margin:0 auto;
}

.goregi_l a:hover{
background-position: 0 -60px;
}

.endofsale_l span{
display:block;
height:60px;
width:140px;
background: #ccc;
line-height:60px;
text-align:center;
text-decoration:none;
font-size:18px;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#777;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
margin:0 auto;
}

.soon_l span{
display:block;
height:60px;
width:140px;
background: #ccc;
line-height:60px;
text-align:center;
text-decoration:none;
font-size:18px;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#0099ff;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
margin:0 auto;
}


/* レコメンド */

.recommend{
margin: 10px 10px 30px;
}

.recommend h5{
margin-bottom:10px;
background:#666;
color:#fff;
padding:5px;
font-weight:normal;
}

.osusume{
width:25%;
float:left;
text-align:center;
}

.osusume p{
text-align:center;
padding:5px;
}

/* キャンペーンアイコン */

.champico{
position:absolute;
top:-20px;
left:-18px;
z-index:300;
}

.emblem{
position: static;
margin:0 auto;
margin-bottom:10px;
}

.egg_tweet_2{
position:absolute;
top:0px;
right:10px;
}