@charset "UTF-8";

/************************************/
/* GLOBAL */
/************************************/
* {
 font-weight: normal;
 background: transparent;
 margin: 0;
 padding: 0;
}
html {
 overflow-y: scroll;
}
html * {-moz-box-sizing: content-box; box-sizing: content-box;}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
body{
 color: #000000;
 font-size: 14px;
 font-family: "メイリオ", "Meiryo", verdana, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", Sans-Serif;
 text-align: left;
 line-height: 1.4;
 background-color: #FFFFFF;
}
img {
 vertical-align: middle;
 border: none;
}
ul {
 list-style-type: none;
}


/************************************/
/* LINK */
/************************************/
a { color: #0000FF; outline: none;}
a:link { color: #0000FF; text-decoration: none;}
a:visited { color: #0000FF; text-decoration: none;}
a:hover { color: #0000FF; text-decoration: underline;}


/************************************/
/* BLOCK */
/************************************/
div.contaner {
 width: 100%;
 min-width: 960px;
}
div.contents {
    width:980px;
    margin:5px 15px 15px 20px;
}
div#left_contents {
    width:590px;
    float: left;
    margin-right:15px;
}
div#right_contents {
    width:330px;
    float: left;
}

div#ranking_left_contents {
    width:800px;
    float: left;
    margin-right:15px;
}
div#ranking_right_contents {
    width:165px;
    float: left;
}


/************************************/
/* CONTENTS */
/************************************/
h1{
 float: left;
 padding: 5px 5px 10px 5px;
}
h2 {
 color: #FF0000;
 font-size: 14px;
 font-weight: bold;
 font-family:"Trebuchet MS";
 background:url(http://qa-now.org/gbr/common/img/point.jpg) no-repeat left center;
 padding:2px 6px 2px 18px;
}
h2 a:link { font-weight: bold;}
h2 a:hover { font-weight: bold;}
.mynews_title {
 font-size: 18px;
}
h3{
 color: #FF0000;
 font-size: 14px;
 font-weight: bold;
 padding:3px 3px 3px 3px;
}
div .clearing {
    clear: both;
}
.space2{ display:block; height:2px; overflow:hidden;}

.space5{ display:block; height:5px; overflow:hidden;}

.space10{ display:block; height:10px; overflow:hidden;}

.space15{ display:block; height:15px; overflow:hidden;}

.space20{ display:block; height:20px; overflow:hidden;}

.space30{ display:block; height:30px; overflow:hidden;}

.space50{ display:block; height:50px; overflow:hidden;}

.space200{ display:block; height:200px; overflow:hidden;}
span.top_image_title {
    text-align: center;

}
span.top_image_title {
    font-weight: bold;
    font-size: 24pt;
}
span.top_image_intoro {
    font-size: 9pt;
}
span.bunner {
    padding: 2px 2px 2px 2px;
}
span.blog_bunner {
    padding: 2px 10px 2px 10px;
}
div.pg_rank {
    width:800px;
}
span.pg_rank {
    padding: 2px 2px 2px 2px;
    font-weight: bold;
}
span.inout {
    font-size: 9pt;
    color:blue;
}
span.copy {
    font-size: 9pt;
    color:#999999;
}
a.small_copy {
    font-size: 8pt;
}
div.amazon {
    width:165px;
    text-align: center;
    font-family:  HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
}

span.chu {
    font-size: 7pt;
    color:#999999;
}
span.intoro {
    font-size: 8pt;
    color:#555555;
}
span.join_blog a {
    font-size: 9pt;
}
div.category {
    font-size: 10pt;
    width:590px;
    vertical-align:middle;
}

div.update {
    font-size: 9pt;
}
div.more {
 text-align: right;
}
div.more a{
 font-weight: bold;
}
div.news {
    width: 790px;
    background-color:#FFF0F5;
    padding: 5px;
}
.ad_bigbanner_box {
 text-align: center;
 margin: 0px 0px 10px 0px;
}

div#rank {
 width: 100%;
}
div.rank_rank_1 {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    background-color:#FFF0F5;
    width:50px;
    text-align: right;
    float: left;
    background:url(http://qa-now.org/gbr/common/img/ico_crown1.gif) no-repeat left center;
}
div.rank_rank_2 {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    width:50px;
    text-align: right;
    float: left;
    background:url(http://qa-now.org/gbr/common/img/ico_crown2.gif) no-repeat left center;
}
div.rank_rank_3 {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    background-color:#FFF0F5;
    width:50px;
    text-align: right;
    float: left;
    background:url(http://qa-now.org/gbr/common/img/ico_crown3.gif) no-repeat left center;
}

div.rank_rank_kisuu {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    width:50px;
    text-align: right;
    float: left;
}
div.rank_rank_guusuu {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    width:50px;
    text-align: right;
    float: left;
}
div.rank_blog_kisuu {
    font-size: 12pt;
    padding: 2px 5px 2px 5px;
    background-color:#FFF0F5;
    width:520px;
    float: left;
}
div.rank_blog_guusuu {
    font-size: 12pt;
    padding: 2px 5px 2px 5px;
    width:520px;
    float: left;
}

div.list {
    width: 950px;
/*    border: 1px #FF0000 solid;*/
}
div.list_menu_no {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
/*    border-right: 1px #FF0000 solid;*/
    float: left;
 }
div.list_menu_title {
    width:300px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
/*    border-right: 1px #FF0000 solid;*/
    float: left;
 }
div.list_menu_machine {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
/*    border-right: 1px #FF0000 solid;*/
    float: left;
 }
div.list_menu_genre {
    width:200px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
/*    border-right: 1px #FF0000 solid;*/
    float: left;
 }
div.list_menu_date {
    width:250px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
/*    border-right: 1px #FF0000 solid;*/
    float: left;
 }
div.list_menu_inout {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#FFF0F5;
    border-right: 1px #FF0000 solid;
    float: left;
 }
div.list_no {
    width:100px;
    border: 1px #FF0000 solid;
    float: left;
 }
div.list_title {
    width:300px;
    border: 1px #FF0000 solid;
    float: left;
 }
div.list_machine {
    width:100px;
    border: 1px #FF0000 solid;
    float: left;
 }
div.list_genre {
    width:200px;
    border: 1px #FF0000 solid;
    float: left;
 }
div.list_date {
    width:250px;
    border: 1px #FF0000 solid;
    float: left;
 }

div.red {
    font-size: 10pt;
    color:red;
    font-weight:bold;
}
div.blue {
    font-size: 10pt;
    color:#blue;
    font-weight:bold;
}




table#table-01 {
    width: 800px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

table#table-admin {
    width: 800px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-admin th {
    font-size: 10pt;
    padding: 3px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF0F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-admin td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}

div.gs_contents {
    width:580px;
    margin:5px 10px 15px 10px;
}
table#table-game-select {
    width: 560px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-game-select th {
    font-size: 10pt;
    padding: 3px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF0F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-game-select td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}
td.bunner {
    text-align: center;
}
table#myranking {
    width: 560px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#myranking th {
    width: 130px;
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#myranking td {
    text-align:right;
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
}
table#myranking-s {
    width: 560px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#myranking-s th {
    width: 130px;
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#myranking-s td {
    text-align:center;
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
}
table#myranking-s td.title {
    text-align:left;
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
}
table#myranking-info {
    font-size:12px;
    width: 100%;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#myranking-info th {
    width: 130px;
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#myranking-info td {
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
}
table#myranking-mini {
    font-size:12px;
}
table#myranking-mini td {
    padding: 5px;
    border-width: 0 0 0 0;
}

table#table-ranking {
    width: 800px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-ranking th {
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-ranking td {
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
/*    white-space: nowrap;*/
}
td.ranking {
    width:100px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
/*    white-space: nowrap;*/
}
table#table-ranking-head {
    width: 800px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-ranking-head th {
    padding: 5px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-ranking-head td {
    background-color: #FFF0F5;
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
}
td.ranking {
    width:100px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
/*    white-space: nowrap;*/
}
td.blog_bunner {
    width:130px;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
td.title {
    width:400px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
/*    white-space: nowrap;*/
}
td.title a {
    font-weight: bold;
}
td.inout {
    width:100px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
/*    white-space: nowrap;*/
}
table#table-reg {
    width: 560px;
    border: 1px #FF0000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-reg th {
    font-size: 10pt;
    padding: 3px;
    border: #FF0000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF0F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-reg td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}
table#table-bunner {
    width: 560px;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-bunner th {
    font-size: 10pt;
    padding: 3px;
    border-width: 0 0 1px 1px;
    background: #436EEE;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}

select {
    background-color: #FFF0F5;
    font-size: 10pt;
}
input {
    background-color: #FFF0F5;
    font-size: 10pt;
}


/************************************/
#header {
}
#headder-line {
 font-size: 12px;
 width: 100%;
 border-bottom: 1px solid #FF0000;
 background-color: #FFF0F5;
 padding: 5px 0px;
 margin: 0px 0px 10px 0px;
}
p.copy {
 vertical-align: middle;
 padding: 0px 0px 0px 10px;
}
#headder-line ul {
 float: right;
 padding: 0px 10px 0px 0px;
}
#headder-line li{
 display: inline;
 vertical-align: middle;
 background: url(http://qa-now.org/gbr/common/img/yaji.gif) no-repeat left center;
 padding-left: 12px;
 margin-left: 5px;
}
#logo_box {
 margin: 0px 0px 5px 0px;
}
#hearder_label {
 float: right;
 width: 100%;
 height: 30px;
 border-top: 1px solid #FF0000;
 border-bottom: 1px solid #FF0000;
 background: url(http://qa-now.org/gbr/common/img/header_line.gif) no-repeat right center;
}
#hearder_label_ad {
 padding: 6px 0px 0px 0px;
}

div.footer {
    width:100%;
    border-bottom: 1px solid #FF0000;
    background:url(http://qa-now.org/gbr/common/img/footer_line.jpg) no-repeat left center;
    font-size: 9pt;
}
div.footer_bottom {
    font-size: 9pt;
    padding:10px 0px 2px 0px;
    color: #FFFFFF;
    text-align: center;
    background-color: #FF0000;
    height:40px;
    width:100%;
    background:url(http://qa-now.org/gbr/common/img/footer_gra.jpg) repeat-x;
}
div.footer_bottom a:link,
div.footer_bottom a:visited {
    color: #FFFFFF;
}

div.footer_bottom a:hover {
    color: #6959CD;
}

div.copy_right {
    font-family:  verdana, "Hiragino Maru Gothic Pro", HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
    font-size: 7pt;
    color: #FF0000;
    text-align: center;
}
div.right {
    text-align: right;
}
div.spot_light {
 background-color: #FFCCCC;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}
div.spot_light span {
 color: #FF0000;
 font-weight: bold;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 background-color: #FFFFFF;
 padding: 3px 5px;
}

a.detail:link {
    font-weight: normal;
}

a.detail:visited {
    font-weight: normal;
}
a.detail:hover {
    font-weight: normal;
}

/************************************/
/* Adingo */
/************************************/
.adingo_keywords ul {
    list-style:none;
}
.adingo_keywords li {
    padding: 5px;
    margine: 5px;
    float:left;
}
.ranking_adspace_center {
 height: 30px;
 border: 1px solid #FF0000;
 background: url(http://qa-now.org/gbr/common/img/ranking_adspace_center_bg.png) no-repeat;
 padding: 0px 0px 0px 70px;
 margin: 0px -1px 10px 0px;
}



/************************************/
/* CLEAR FIX */
/************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/************************************/


