@charset "UTF-8";
* {
    font-weight: normal;
    margin: 0;
    padding: 0;
    background:  transparent;
/*    font-size: 100%;*/
}
html, body {
    background: #fff;
}

html * {-moz-box-sizing: content-box; box-sizing: content-box;}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
body {
    font-family:  "Century Gothic", geneva, verdana, "Hiragino Maru Gothic Pro",HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
    font-size: 75%;
    color: #EC7B1E;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

img{
    border: 0px;
}
ul {
	list-style-type: none;
}
a:link, a:visited {
    color: #EC7B1E;
}

a:hover {
    color: red;
}
a.genre:link {
    font-weight: normal;
}

a.genre:visited {
    font-weight: normal;
}
a.genre:hover {
    font-weight: normal;
}
h1{
    font-family:"Trebuchet MS";
    color: #666;
    font-size: 24pt;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ff9933;
}


h2 {
    font-family:"Trebuchet MS";
    color: #EC7B1E;
    padding:2px 6px 2px 18px;
    font-size: 12pt;
    font-weight: bold;
    background:url(/common/img/point.gif) no-repeat left center;
}

h2 a:link,
h2 a:visited {
    color: #EC7B1E;
    font-size: 10pt;
    font-weight: bold;
}

h2 a:hover {
    color: #f00;
}
h3{
    color: #ff9933;
    font-size: 10pt;
    padding:3px 3px 3px 3px;
    font-weight: none;
    font-weight: bold;
}
div {
    font-size: 10pt;
}
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.cate_title {
    font-size: 8pt;
}
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.pg_rank a {
    font-size: 8pt;
}
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 {
    font-size: 10pt;
    text-align: right;
}
div.more a{
    font-weight: bold;
}
div.rank {
    width: 590px;
}
div.rank_rank_1 {
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    background-color:#faefe4;
    width:50px;
    text-align: right;
    float: left;
    background:url(/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(/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:#faefe4;
    width:50px;
    text-align: right;
    float: left;
    background:url(/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:#faefe4;
    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 #ff9933 solid;*/
}
div.list_menu_no {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
/*    border-right: 1px #ff9933 solid;*/
    float: left;
 }
div.list_menu_title {
    width:300px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
/*    border-right: 1px #ff9933 solid;*/
    float: left;
 }
div.list_menu_machine {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
/*    border-right: 1px #ff9933 solid;*/
    float: left;
 }
div.list_menu_genre {
    width:200px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
/*    border-right: 1px #ff9933 solid;*/
    float: left;
 }
div.list_menu_date {
    width:250px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
/*    border-right: 1px #ff9933 solid;*/
    float: left;
 }
div.list_menu_inout {
    width:100px;
    font-size: 10pt;
    padding: 5px 0px 5px 0px;
    background-color:#faefe4;
    border-right: 1px #ff9933 solid;
    float: left;
 }
div.list_no {
    width:100px;
    border: 1px #ff9933 solid;
    float: left;
 }
div.list_title {
    width:300px;
    border: 1px #ff9933 solid;
    float: left;
 }
div.list_machine {
    width:100px;
    border: 1px #ff9933 solid;
    float: left;
 }
div.list_genre {
    width:200px;
    border: 1px #ff9933 solid;
    float: left;
 }
div.list_date {
    width:250px;
    border: 1px #ff9933 solid;
    float: left;
 }

div.red {
    font-size: 10pt;
    color:red;
    font-weight:bold;
}
div.blue {
    font-size: 10pt;
    color:#blue;
    font-weight:bold;
}



div.contaner {
    width:100%;
    border:0px;
}
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;
}



table#table-01 {
    width: 800px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #ff9933 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 #ff9933 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

table#table-admin {
    width: 800px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-admin th {
    font-size: 10pt;
    padding: 3px;
    border: #ff9933 solid;
    border-width: 0 0 1px 1px;
    background: #faefe4;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-admin td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #ff9933 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}
table#table-cate {
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-cate td {
    width: 170px;
    font-size: 10pt;
    padding: 3px;
    border: 1px #ff9933 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}

div.cs_contents {
    width:580px;
    margin:5px 10px 15px 10px;
}
table#table-category-select {
    width: 360px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-category-select th {
    font-size: 10pt;
    padding: 3px;
    border: #ff9933 solid;
    border-width: 0 0 1px 1px;
    background: #faefe4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-category-select td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #ff9933 solid;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}
td.bunner {
    text-align: center;
}



table#table-ranking {
    width: 800px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-ranking th {
    padding: 5px;
    border: #ff9933 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 #ff9933 solid;
    border-width: 0 0 1px 1px;
/*    white-space: nowrap;*/
}
td.ranking {
    width:100px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #ff9933 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
/*    white-space: nowrap;*/
}
table#table-ranking-head {
    width: 800px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-ranking-head th {
    padding: 5px;
    border: #ff9933 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: #faefe4;
    padding: 5px;
    border: 1px #ff9933 solid;
    border-width: 0 0 1px 1px;
}
td.ranking {
    width:100px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #ff9933 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 #ff9933 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
td.title {
    width:400px;
    font-size: 12pt;
    padding: 3px;
    border: 1px #ff9933 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 #ff9933 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
/*    white-space: nowrap;*/
}
table#table-reg {
    width: 560px;
    border: 1px #ff9933 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-reg th {
    font-size: 10pt;
    padding: 3px;
    border: #ff9933 solid;
    border-width: 0 0 1px 1px;
    background: #faefe4;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-reg td {
    font-size: 10pt;
    padding: 3px;
    border: 1px #ff9933 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: #faefe4;
    font-size: 10pt;
}
input {
    background-color: #faefe4;
    font-size: 10pt;
}

#header{
    margin-top:0px;
}

  #headder-line{
    width: 100%;
    margin-bottom: 3px;
    border-bottom: 1px solid #ff9933;
    background-color: #faefe4;
    font-size: 10pt;
  }

  #headder-line ul{
    float: right;
    padding: 1px 6px;
  }

  #headder-line li{
    display: inline;
    padding:6px 6px 2px 12px;
    vertical-align:middle;
    font-size: 9pt;
    background:url(/common/img/yaji.gif) no-repeat left center;
   }

p.copy {
    padding:2px 6px 2px 12px;
    vertical-align:middle;
    font-size: 9pt;
}
div.hearder_label {
    border-bottom: 1px solid #ff9933;
    background:url(/common/img/header_line.gif) no-repeat right center;
    font-size: 9pt;
    float:right;
    width:100%;
    height:15px;
}

div.footer {
    width:100%;
    border-bottom: 1px solid #f29438;
    height:20px;
    background:url(/common/img/footer_line.gif) no-repeat left center;
    font-size: 9pt;
}
div.footer_bottom {
    font-size: 9pt;
    padding:10px 0px 2px 0px;
    color: #faefe4;
    text-align: center;
    background-color: #ff9933;
    height:40px;
    width:100%;
    background:url(/common/img/footer_gra.gif) repeat-x;
}
div.footer_bottom a:link,
div.footer_bottom a:visited {
    color: #993300;
}

div.footer_bottom a:hover {
    color: #993300;
}

div.copy_right {
    font-family:  verdana, "Hiragino Maru Gothic Pro", HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
    font-size: 7pt;
    color: #ff9933;
    text-align: center;
}
div.right {
    text-align: right;
}
div.spot_light {
    font-size: 12pt;
    font-weight: bold;
}
ul#tabnav li {
    font-size: 7pt;
    display: inline
}
ul#tabnav li.tab0 a {
    border-right: #ff9933 1px solid;
    border-top: #ff9933 1px solid;
    border-left: #ff9933 1px solid;
    border-bottom: #ff9933 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    color: #666;
    margin-right: 0px;
    padding-top: 3px;
    background-color: #fff;
    text-decoration: none
}
ul#tabnav li.tab1 a {
    border-right: #ff9933 1px solid;
    border-top: #ff9933 1px solid;
    border-left: #ff9933 1px solid;
    border-bottom: #ff9933 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    color: #666;
    margin-right: 0px;
    padding-top: 3px;
    background-color: #ff9933;
    text-decoration: none
}
/*
ul#tabnav li a {
    border-right: #ff9933 1px solid;
    border-top: #ff9933 1px solid;
    border-left: #ff9933 1px solid;
    border-bottom: #ff9933 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    color: #666;
    margin-right: 0px;
    padding-top: 3px;
    background-color: #fff;
    text-decoration: none
}
*/
ul#tabnav li.tab0 a:hover {
    background: #ff9933;
}
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;
    font-size: 9pt;
}
table#myranking td {
    text-align:right;
    padding: 5px;
    border: 1px #FF0000 solid;
    border-width: 0 0 1px 1px;
    font-size: 9pt;
}
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: 560px;
    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;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}