body {
#   background: #DEF;
    background: -moz-linear-gradient(45deg, #EFF, #DEF);
    background: -ms-linear-gradient(45deg, #EFF, #DEF);
    background: -webkit-linear-gradient(45deg, #EFF, #DEF);
#   background: linear-gradient(0deg, #FFF, #07F);
    min-height: 100%;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
#   color: #4A4A4A ;
    text-align: center;
    background: url('img/tile.jpg');
}

.wrap {
#   background: #FFFFFF;
    background: -moz-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: -ms-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: -webkit-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    border: 1px solid #777777;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    margin: 7px auto;
    padding: 4px;
    position: relative;
    width: 270px;
    height:120px;
}

.wrap2 {
    width: 96%;
    height: auto;
    margin-left: 3px;
}

.wrap3 {
#   background: #FFFFFF;
    background: -moz-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: -ms-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: -webkit-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    background: linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
    border: 1px solid #777777;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    margin: 7px auto;
    padding: 4px;
    position: relative;
    width: 96%;
    height:auto;
    overflow: hidden;
    opacity: 0.7;
}

.wrap :before, .wrap :after {
    background: none;
    bottom: 12px;
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    content: "";
    height: 10px;
    left: 12px;
    position: absolute;
    width: 40%;
    z-index: -1;
    -moz-transform: skew(-4deg) rotate(-4deg);
    -webkit-transform: skew(-4deg) rotate(-4deg);
    transform: skew(-4deg) rotate(-4deg);
}

.wrap :after {
    -moz-transform: skew(4deg) rotate(4deg);
    -webkit-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    left: auto;
    right: 12px;
}

p{ 
    margin-top: 15px;
    text-align: justify;
}

h1{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

h2{
    font-size: 20px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #FF0000;
    margin-top: -28px; 
    text-shadow: 1px 1px 3px rgba(255,0,0,0.6);
}

hr{
    height: 0;
    border: 0;
    border-top: 1px solid #777;
    border-bottom: 1px solid #DDD;
}

a{
    text-decoration: none;
    color: #4A4A4A !important;
}

a:hover{
#   text-decoration: underline;
    color: #6B6B6B !important ;
}

a .wrap:hover {
#   color: #FF0000;
    border: 2px solid #ff0000;
    text-shadow: 1px 1px 3px rgba(255,0,0,0.6);
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.9);
}

.shdw-btm:before, .shdw-btm:after {
    top: auto;
    bottom: 12px;
    -moz-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 14px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 14px 12px rgba(0, 0, 0, 0.5);
}

.blcktxt {
    color: #000000;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.redtxt {
    color: #FF0000;
    text-shadow: 1px 1px 3px rgba(255,0,0,0.6);
}

.graytxt {
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.ftr {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#logo_sp {
    position: absolute;
    top: 4px;
    left: 4px;
    border: none;
}

#title_sp {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    text-align: left;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#pr_sp {
    position: absolute;
    top: 4px;
    right: 4px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #3367ff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

/* game status */

#game_status {
/*	position: absolute;*/
	text-align: center;
	top: 120px;
	left: 600px;
/*	width: 300px;*/
}

img {
    border: 0px;
}

.adsbygoogle {
    display: inline-block;
    width: 320px;
    height: 50px;
}
/* スクリーンサイズが 500px 以上あったら 468 × 60 サイズの広告を表示 */
@media screen and (min-width: 500px) {
.adsbygoogle {
    width: 468px;
    height: 60px;
}
}
/* スクリーンサイズが 800px 以上あったら 728 × 90 サイズの広告を表示 */
@media screen and (min-width: 800px) {
.adsbygoogle {
    width: 728px;
    height: 90px;
}