/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2015/04/22, 17:04:56
    Author     : owner
*/

@charset "utf-8";

/********** reset **********/

/********** margin **********/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li, dl, dt, dd,
table, tr, th, td,
img, a, em, strong, small,
form, label, input , textarea,
header, footer, nav, section, article, aside, figure {
	margin : 0 ;
	padding : 0 ;
}

body {
	line-height : 1 ;
}

ol, ul {
	list-style : none ;
	font-size : 0 ;
}

li {
	font-size : 14px ;
}

table {
	border-collapse : collapse ;
	border-spacing : 0 ;
}

/********** anchor **********/

a {
	text-decoration : none ;
	outline : none ;
}

/********** image **********/

img {
	border : none ;
}

/********** html5 **********/

header,footer,nav,section,article,aside,figure {
	display : block ;
}

/********** basicStyle **********/

body {
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

/********** clearfix **********/

.clearfix {
	  overflow: hidden;
	  zoom: 1;
}

/********** baseLayout **********/

header {
    /* size */
    width : 100% ;
    height : 120px ;
    /* layout */
    overflow : hidden ;
    /* decoration */
    background-color : #0068B6 ;
}

footer {
    /* size */
    width : 100% ;
    height : 90px ;
    /* layout */
    overflow : hidden ;
    /* decoration */
    background-color : #0068B6 ;
}

#content {
    /* size */
    width : 100% ;
    max-width : 960px ;
    /* layout */
    overflow : hidden ;
    /* spacing */
    margin : 0 auto ;
}

/********** detailLayout **********/

/***** header *****/

header .header-title {
    /* size */
    width : 100% ;
    max-width : 960px ;
    /* layout */
    margin : 0 auto ;
}

header .header-title span {
    /* size */
    width : 183px ;
/*     height : 56px ; */
    height : 65px ;
    /* spacing */
    margin : 30px ;
    /* layout */
    display : block ;
    /* decoration */
    background-image : url(../img/ronquixote_logo.png) ;
    background-repeat : no-repeat ;
    background-position : left top ;
    /* letter */
    text-indent : -9999px ;
}
header .portable-title span{
    width: 100%;
    max-width: 960px;
}
header .portable-title label {
    color: #FFFFFF;
    position: relative;
    left: 223px;
    top: -65px;
    font-size: 100%;
    margin: auto;
}

/* hidden */

header .header-help {
    /* layout */
    display : none ;
}

/* divCrumbs */

.divCrumbs {
    /* spacing */
    margin : 20px 10px ;
}

/* loginMenu */

.loginMenu {
    /* layout */
    float: right;
}

.loginMenu a {
    /* spacing */
    margin-left: 10px;
}

/***** #content *****/

/* commonLayout */

#content h2 {
    /* size */
    height : 43px ;
    /* spacing */
    margin : 10px ;
    padding : 0 36px ;
    /* decoration */
    background-image : url(../img/bgTiles.png) ;
    background-repeat : no-repeat ;
    background-position : left center ;
    /* letter */
    line-height : 2.0 ;
}

#content h4 {
    /* spacing */
    margin : 10px ;
    padding : 10px 10px ;
    /* decoration */
    background-color : #009E96 ;
    /* letter */
    font-size : 15px ;
    color : #FFFFFF ;
}

#content h6 {
    /* spacing */
    margin : 10px ;
    padding : 10px 10px ;
    /* decoration */
    background-color : #009E96 ;
    /* letter */
    font-size : 15px ;
    color : #FFFFFF ;
}

#content p {
    /* spacing */
    margin : 10px ;
}

#content fieldset {
    /* spacing */
    margin : 10px ;
    /* decoration */
    border : solid 1px #009E96 ;
    border-radius : 5px ;
}

#content label {
    /* spacing */
    padding : 10px 0 ;
    /* layout */
    display : block ;
}

#content input[type="text"] {
    /* size */
    width : 240px ;
    /* spacing */
    padding : 10px ;
    /* layout */
    display : block ;
    /* decoration */
    border : solid 1px #999999 ;
    /* letter */
    font-size : 15px ;
}

#content input[type="number"] {
    /* size */
    width : 240px ;
    /* spacing */
    margin : 10px 0 ;
    padding : 10px ;
    /* layout */
    display : block ;
    /* decoration */
    border : solid 1px #999999 ;
    /* letter */
    font-size : 15px ;
}

#content input[type="checkbox"] {
    /* size */
    width : 20px ;
    height : 20px ;
    /* spacing */
    margin : 10px 0 ;
    /* layout */
    display : block ;
    /* decoration */
    border : solid 1px #999999 ;
}

#content select {
    /* spacing */
    margin : 10px 10px 10px 10px ;
    padding : 3px ;
    /* decoration */
    border : solid 1px #999999 ;
    /* letter */
    font-size : 15px ;
}

#content select:first-child {
    /* spacing */
    margin : 10px 10px 10px 0 ;
}

#content form button {
    /* size */
    width : 280px ;
    /* spacing */
    margin : 10px ;
    padding : 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color : #C01920 ;
    border : none ;
    /* letter */
    font-size : 15px ;
    color : #FFFFFF ;
}

#content .message.error {
    /* margin */
    margin : 10px ;
    /* letter */
    font-size : 18px ;
    font-weight : bold ;
    color : #C01920 ;
}

#content .message.success {
    /* margin */
    margin : 10px ;
    /* letter */
    font-size : 18px ;
    font-weight : bold ;
}

/* index */

#content .home li {
    /* size */
    width : 300px ;
    height : 109px ;
    /* spacing */
    margin : 10px ;
    /* layout */
    float : left ;
    /* decoration */
    background-color : #0086D1 ;
    border-radius : 5px ;
}

#content .home li:nth-child(2n) {
    background-color : #009E96 ;
}

#content .home li a {
    /* size */
    width : 240px ;
    height : 49px ;
    /* spacing */
    padding : 30px ;
    /* layout */
    display : block ;
    /* letter */
    font-size : 15px ;
    color : #FFFFFF ;
    /* decoration */
    background-image : url(../img/bgBoard.png) ;
    background-repeat : no-repeat ;
    background-position : right 30px bottom 30px ;
}

/* users */

#content h3 {
    /* size */
    height : 43px ;
    /* spacing */
    margin : 10px ;
    padding : 0 36px ;
    /* decoration */
    background-image : url(../img/bgTiles.png) ;
    background-repeat : no-repeat ;
    background-position : left center ;
    /* letter */
    line-height : 2.5 ;
}

#content .btn a {
    /* size */
    width : 300px ;
    height : 40px ;
    /* spacing */
    margin : 10px 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background-image : url(../img/bgPin.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    border : solid 1px #999999 ;
    border-radius : 5px ;
    box-shadow : 0 1px 0 0 rgba(0,0,0,0.2) ;
    /* letter */
    line-height : 2.5 ;
    text-align : center ;
    color : #C3232D ;
}

#content .utilNav {
    /* layout */
    overflow : hidden ;
}

#content .utilNav a {
    /* layout */
    float : right ;
}

#content table {
    /* size */
    width : 98% ;
    /* spacing */
    margin : 20px 1% ;
    /* layout */
    clear : both ;
}

#content table th {
    /* spacing */
    padding : 10px ;
    /* decoration */
    background-color : #009E96 ;
    /* letter */
    text-align: -webkit-left;
    color : #FFFFFF ;
}

#content table th a {
    /* letter */
    color : #C01920 ;
}

#content td {
    /* spacing */
    padding : 10px 10px ;
    /* decoration */
    border-bottom : solid 1px #009E96 ;
    text-align: -webkit-left;
}

/* edit_games */

#content .rating_result{
    padding : 0px;
}

#content .datetime {

    /* layout */
    display : inline-block ;
    /* letter */
    font-size : 14px ;
    font-weight : normal ;
}

#content .tableName {
    /* spacing */
    margin : 10px 0 ;
    /* layout */
    display : block ;
    /* letter */
    font-size : 21px ;
    font-weight : bold ;
}

#content .tableName button {
    /* layout */
    float : left ;
}

#content .divName {
    /* size */
    width : 150px ;
    /* spacing */
    margin : 10px 10px 10px 5px ;
    /* layout */
    clear : both ;
    float : left ;
    /* letter */
    font-size : 15px ;
}

#content .divRank {
    /* spacing */
    margin : 10px 10px 10px 0 ;
    /* layout */
    float : left ;
}

#content .startTime {
    /* spakcing */
    margin : 10px 0 0 ;
    /* layout */
    /*display : block ;*/
    /* letter */
    font-size : 13px ;
    font-weight : normal ;
}

#content .endTime {
    /* layout */
    /*display : block ;*/
    /* letter */
    font-size : 13px ;
    font-weight : normal ;
}

#content [data-value="1"] .divName ,
#content [data-value="1"] .divRank {
    /* spacing */
    padding : 6px 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background : #0068B6 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content [data-value="1"] .divName {
    /* decoration */
    background-image : url("../img/bgPointer.png") ;
    background-repeat : no-repeat ;
    background-position : 10px center ;
    cursor : pointer ;
}

#content [data-value="2"] .divName ,
#content [data-value="2"] .divRank {
    /* spacing */
    padding : 6px 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background : #0086D1 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content [data-value="2"] .divName {
    /* decoration */
    background-image : url("../img/bgPointer.png") ;
    background-repeat : no-repeat ;
    background-position : 10px center ;
    cursor : pointer ;
}

#content [data-value="3"] .divName ,
#content [data-value="3"] .divRank {
    /* spacing */
    padding : 6px 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background : #009E96 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content [data-value="3"] .divName {
    /* decoration */
    background-image : url("../img/bgPointer.png") ;
    background-repeat : no-repeat ;
    background-position : 10px center ;
    cursor : pointer ;
}

#content [data-value="4"] .divName ,
#content [data-value="4"] .divRank {
    /* spacing */
    padding : 6px 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background : #999999 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content [data-value="4"] .divName {
    /* decoration */
    background-image : url("../img/bgPointer.png") ;
    background-repeat : no-repeat ;
    background-position : 10px center ;
    cursor : pointer ;
}


#content .layItem select {
    /* spacing */
    margin : 10px 10px 10px 0 ;
    /* layout */
    float : left ;
}

#content .games button {
    /* spacing */
    margin : 10px 0 ;
    /* layout */
    clear : both ;
    /* decoration */
    cursor : pointer ;
}

#content .games .divDelete a {
    /* size */
    width : 260px ;
    /* spacing */
    margin : 10px ;
    padding : 11px ;
    /* layout */
    display : block ;
    float : left ;
    /* decoration */
    background-color: #C01920 ;
    /* letter */
    font-size : 15px ;
    font-weight : normal ;
    text-align : center ;
    color : #FFFFFF ;
}

#content .games .divRelease a {
    /* size */
    width : 260px ;
    /* spacing */
    margin : 20px 0 10px ;
    padding : 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color: #C01920 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content .games .layItem li {
    /* spacing */
    margin : 2px 0 ;
    /*
    padding : 10px ;
    */
    /* layout */
    overflow : hidden ;
    /* decoration */
    border : solid 1px #009E96 ;
    border-radius : 5px ;
    /* letter */
    line-height : 2.0 ;
}

#content .games .divConf a {
    /* size */
    width : 260px ;
    /* spacing */
    margin : 20px 10px 10px ;
    padding : 10px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color: #C01920 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}


/* handy */

#content .handy a {
    color: #FFFFFF ;
    text-decoration:none;
    background-color : #0086D1 ;

    display: block;
    overflow : hidden ;
    text-align : center ;
    padding : 0 ;
    margin : 10px 10px ;
    width : 120px ;
    height : 40px ;
    background-image : none ;
    border-radius : 5px ;
    line-height : 2.5 ;
    text-decoration:none;

}


#content .divtablenm {
    /* size */
    width : 98% ;
    /* spacing */
    margin : 20px 10px ;
    /* layout */
    clear : both ;
}

#content button.tablenm {
    /* size */
    width : 200px ;
    /* spacing */
    margin : 10px ;
    padding : 10px ;
    /* layout */
    display : inline-block ;
    /* decoration */
    background-color : #C01920 ;
    border : none ;
    /* letter */
    font-size : 15px ;
    color : #FFFFFF ;
}


#content td.liketh {
    /* spacing */
    padding : 5px ;
    /* decoration */
    /*background-color : #009E96 ;*/
    /* letter */
    color : #FFFFFF ;
}

/* initial */

#content .initialone a {
    color: #FFFFFF ;
    text-decoration:none;
    background-color : #0086D1 ;
    float: left;
    display: inline;
    overflow : hidden ;
    text-align : center ;
    padding : 0px 7px ;
    margin : 3px 5px 3px 9px ;
    background-image : none ;
    border-radius : 5px ;
    cursor: default;
    line-height : 2.5 ;
    text-decoration:none;

}

#content .initial a {
    color: #FFFFFF ;
    text-decoration:none;
    background-color : #0086D1 ;
    float: left;
    display: inline;
    overflow : hidden ;
    text-align : center ;
    padding : 0px 3px ;
    margin : 3px 5px 3px 9px ;
    background-image : none ;
    border-radius : 5px ;
    cursor: default;
    line-height : 2.5 ;
    text-decoration:none;

}


/* paginator */

#content .paginator {
    /* layout */
    overflow : hidden ;
    /*letter  */
    text-align : center ;
}

#content .paginator li {
    /* size */
    width : 120px ;
    height : 40px ;
    /* spacing */
    margin : 10px ;
    /* layout */
    float : left ;
    /* decoration */
    background-color : #0086D1 ;
    border-radius : 5px ;
}

#content .paginator li {
    /* size */
    width : 120px ;
    height : 40px ;
    /* spacing */
    margin : 10px ;
    /* layout */
    float : left ;
    /* decoration */
    background-color : #0086D1 ;
    border-radius : 5px ;
}

#content .paginator li a {
    /* spacing */
    padding:13px;
    /* layout */
    display: block;
    /* letter */
    color: #fff;
}

#content .paginator li.next a ,
#content .paginator li.prev a {
    /* size */
    width : 120px ;
    height : 40px ;
    /* spacing */
    padding : 0 ;
    /* decoration */
    background-image : none ;
    /* letter */
    line-height : 3.0 ;
    text-align: center ;
    color : #FFFFFF ;
}

#content .paginator li:nth-child(2n) {
    /* decoration */
    background-color : #0086D1 ;
}

#content .paginator p {
    /* spacing */
    margin : 10px ;
    /* layout */
    clear : both ;
    /* letter */
    text-align : left ;
}

/* user_list */

#content .userListHead {
    /* spacing */
    margin : 0 0 0 10px ;
}

#content .userListBtn button {
    /* size */
    width : 150px ;
    /* spacing */
    margin : 0 0 0 10px ;
}

#content td.table_color_1 {
    background-color : #000080 ;
}

#content td.table_color_2 {
    background-color : #008000 ;
}

#content td.table_color_3 {
    background-color : #808000 ;
}
#content td.table_color_4 {
    background-color : #800080 ;
}
#content td.table_color_5 {
    background-color : #800000 ;
}
#content td.table_color_6 {
    background-color : #008080 ;
}
#content td.table_color_7 {
    background-color : #808080 ;
}
#content td.table_color_8 {
    background-color : #000000 ;
}
#content td.table_color_9 {
    background-color : #000040 ;
}
#content td.table_color_0 {
    background-color : #004000 ;
}
.button-radio input[type="radio"] {
  display:none;
}
.button-radio label {
  display: inline-block !important;
    color: #fff;
    background-color: #2780e3;
    padding: 5px 10px;
    margin: 5px 5px;
    /* width: 40px; */
    border-radius: 5px;
    border-style: groove;
}
.button-username label{
  background-color: #D87F22;
  color: rgba(255, 255, 255, 0.7);
  width: 100px;
  border-radius: 5px;
  text-align: center;
}
.submit-conf input {
   width: 200px;
   margin: 20px 10px 10px;
   padding: 10px;
   display: block;
   background-color: #C01920;
   text-align: center;
   color: #FFFFFF;
   font-size: x-large;
}
#content input[type="password"] {
    width: 240px;
    padding: 10px;
    display: block;
    border: solid 1px #999999;
    font-size: 15px;
}
#content p.left{
    margin: 10px 10px 10px 0;
}

/* ipad */

#content .games .divIpadConf a {
    /* size */
    width : 260px ;
    /* spacing */
    margin : 20px 10px 10px ;
    padding : 10px ;
    /* layout */

    /* decoration */
    background-color: #C01920 ;
    /* letter */
    text-align : center ;
    color : #FFFFFF ;
}

#content .divIpadConf button.tablenm {
    /* size */
    width: 128px;
    /* spacing */
    margin: 10px;
    padding: 14px;
    /* layout */
    display: inline-block;
    /* decoration */
    background-color: #009966;
    border: none;
    /* letter */
    font-size: 15px;
    color: #FFFFFF;
}

#content .ipad_table td {
    /* decoration */
    border-bottom: none;
}

#content .ipad_table li {
    font-size: 18px;
}

#content .games .ipad_table .divDelete a {
    /* size */
    width: 200px;
    /* spacing */
    margin: 10px 0 10px 10px;
    /* layout */
    float: right;
}

#content .ipad_table form button {
    /* size */
    width: 220px;
    /* spacing */
    margin: 10px 10px 0 10px;
    padding: 10px;
    /* layout */
    display: block;
    float: right;
    /* decoration */
    background-color: #C01920;
    border: none;
    /* letter */
    font-size: 15px;
}

#content .games .ipad_table .divRelease a {
    /* size */
    width: 200px;
    /* spacing */
    margin: 10px 0 10px;
    /* layout */
    float: left;
}

#content .ipad_table [data-value="1"] .divName, #content .ipad_table [data-value="1"] .divRank,
#content .ipad_table [data-value="2"] .divName, #content .ipad_table [data-value="2"] .divRank,
#content .ipad_table [data-value="3"] .divName, #content .ipad_table [data-value="3"] .divRank,
#content .ipad_table [data-value="4"] .divName, #content .ipad_table [data-value="4"] .divRank{
    /* size */
    width: 150px;
    /* spacing */
    padding: 20px 40px;
    margin: 0;
    /* decoration */
    float: none;
}

#content .ipad_table .divName {
    /* letter */
    font-size: 18px;
    /* decoration */
    border-top: 1px solid #FFF;
}

#content .ipadTableName {
    /* size */
    width: 230px;
    /* spacing */
    padding: 47px 0;
    /* decoration */
    background-color: #009966;
    /* letter */
    font-size: 18px;
    color: #FFF;
    text-align: center;
}

#content .ipad_table .rankTable {
    position: relative;
    margin-top: 20px;
    height: 450px;
}

#content .ipad_table .tableLayout1 {
    position: absolute;
    left: 260px;
}

#content .ipad_table .tableLayout2 {
    position: absolute;
    left: 260px;
    top: 300px;
}

#content .ipad_table .tableLayout3 {
    position: absolute;
    top: 150px;
    left: 0px;
}

#content .ipad_table .tableLayout4 {
    position: absolute;
    top: 150px;
    left: 520px;
}

#content .ipad_table .tableLayout5 {
    position: absolute;
    left: 260px;
    top: 150px;
}

#content .games .ipad_table .layItem li {
    margin: 20px 0;
    border: none;
}

#content .paginator.Ipadpaginator {
    overflow: visible;
    text-align: left;
    display: inline-block;
}

#content .games .divIpadConf .Ipadpaginator a {
    padding: 10px 60px;

}

#content .divIpadConf.divtablenm {
    margin: 30px 10px;
}

/* rankings */

.rankings .flexslider {
    color: #333;
    overflow-x: hidden;
    overflow-y: hidden;
}

.rankings .flexslider table td,
.rankings .flexslider table th{
    font-weight: bold;
    font-size: 50px;
    padding: 15px 10px;
}

.rankings .flexslider table th {
    background-color: #009E96;
    color: #FFF;
}

.rankings .flexslider table td {
    border-bottom: 1px solid #009E96;
    padding: 15px 10px 15px 20px;
}

.rankings .flexslider table.event_table th {
    background-color: #FF5722;
}

.rankings .flexslider table.event_table td {
    border-bottom: 1px solid #FF5722;
}

.rankings .flexslider table {
    width: 100vw;
}

.rankings .flexslider .ranking_container {
    clear: both;
}

.rankings .flexslider .ranking_container li {
    width:48%;
    float: left;
    margin: 0 1%;
    font-size: 16px;
}

.rankings .flexslider .ranking_container li p {
    font-size: 18px;
    font-weight: bold;
}

.rankings .flexslider .title_box {
    clear: both;
}

.rankings .flexslider .event_title {
    padding: 20px 20px 0;
    font-size: 100px;
    font-weight: bold;
    float:left;
}

.rankings .flexslider p.reload_time {
    font-size: 55px;
    font-weight: bold;
    padding: 35px 25px 0;
    float: right;
    color: #1565C0;
}

.rankings .flexslider .title_box {
    clear: both;
}

.rankings .flexslider p.stay {
    color:#81C784;
    font-weight:bold;
    padding-left:30px;
}

.rankings .flexslider p.up {
    color:#f44336;
    font-weight:bold;
    padding-left:30px;
    transform:rotate(45deg);
    width:70px;
}

.rankings .flexslider p.down {
    color:#64B5F6;
    font-weight:bold;
    padding-left:30px;
    transform:rotate(-45deg);
    width:90px;
}

/* edit_game */

.edit_game_btn {
    clear:both;
}

.edit_game_btn .divConf {
    float:left;
}

.edit_game_btn .btn {
    float:right;
}