﻿/*■トップページ-------------------------------------------*/
/*オススメ-------------------------------------------*/
.leftTopContents {
margin:0 0 5px 0;
}

#recommend{
width:350px;
border:1px solid #B46EB2;
height:330px;
background-color:#FFF;
text-align:center;
float:left;
margin-right:5px;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#recommend h2 {
font-size:14px;
background-color:#B46EB2;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#recommend img {
margin:7px 0 5px 0;
width:250px;
height:190px;
}

#recommend p {
width:335px;
text-align:left;
font-size:12px;
line-hight:164%;
margin:0 0 0 10px;
}

#recommend p.gameTitle {
text-align:center;
margin-bottom:5px;
}

#recommend strong {
font-size:14px;
line-height:140%;
}

#recommend2{
width:280px;
border:1px solid #B46EB2;
height:330px;
background-color:#FFF;
text-align:center;
float:right;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#recommend2 h2 {
font-size:14px;
background-color:#B46EB2;;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#recommend2 img {
margin:6px 0 0 0;
float:left;
width:100px;
height:75px;
}

#recommend2 a p {
text-decoration:underline;
}

#recommend2 p {
text-align:left;
font-size:12px;
line-hight:164%;
margin:3px 0 0 0;
width:150px;
float:right;
}

#recommend2 strong {
font-size:14px;
line-height:140%;
}

#recommend2 ul.recommondGame {
width:260px;
margin:0 0 0 10px;
}

#recommend2 ul.recommondGame li {
border-bottom:1px solid #DDD;
padding-bottom:10px;
margin-top:2px;
_display:inline;
word-break:break-all;
}

#recommend2 ul.recommondGame li.noBorder {
border-bottom:none;
}

#recommend2 ul.recommondGame li:after {
    content: ""; 
    display: block; 
    clear: both;}
}

#recommend2 ul.recommondGame li {zoom:1;}


/*プロの無料ゲーム紹介------------------------------------*/

#topProGames {
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#topProGames h2 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
margin-bottom:10px;
}

#topProGames ul {
width:600px;
margin:0 0 0 52px;
padding:0;
}

#topProGames li {
float:left;
width:250px;
margin:0 35px 17px 0;
text-align:center;
_margin:0 17px 10px 0;
}

#topProGames p{
text-align:left;
line-height:150%;
}

#topProGames p.title {
text-align:center;
}

#topProGames img {
margin-bottom:2px;
width:250px;
height:180px;
}

#topProGames strong {
font-size:14px;
line-height:145%;
}

/*ピックアップ------------------------------------*/

#topPickUpGames {
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#topPickUpGames h2 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
margin-bottom:10px;
}

#topPickUpGames ul {
margin:0 0 0 25px;
}

#topPickUpGames li {
float:left;
margin:0 15px 10px 0;
text-align:center;
width:135px;
font-size:12px;
font-weight:bold;
line-height:145%;
_margin:0 8px 15px 0;
height:135px;
}

#topPickUpGames img {
margin-bottom:2px;
width:140px;
height:100px;
}

/*カテゴリー-----------------------------------*/

#topCategories {
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#topCategories h2 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

.categorySection {
width:200px;
float:left;
}

#topCategories h3 {
font-size:14px;
text-indent:0.5em;
color:#CC0000;
text-align:left;
margin:10px 0 7px 10px;
}

#topCategories ul {
margin:10px 0 10px 20px;
width:200px;
}

#topCategories li {
background:url(/img/marker.gif) no-repeat 0 3px;
padding-left:15px;
margin:0 0 8px 0;
text-align:left;
font-size:14px;
font-weight:bold;
}


/*イラスト枠----------------------------------------*/

#topPickUpIllusts {
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#topPickUpIllusts h2 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
margin-bottom:10px;
}

#topPickUpIllusts ul {
margin:0 0 0 25px;
}

#topPickUpIllusts li {
float:left;
margin:0 5px 10px 0;
text-align:center;
width:145px;
font-size:12px;
font-weight:bold;
line-height:145%;
_margin:0 8px 15px 0;
height:140px;
}

img.illustListWidth {
margin-bottom:2px;
width:140px;
}

img.illustListHeight {
margin-bottom:2px;
height:100px;
}


/*右サイド詳細設定----------------------------------------*/

#box-main-right-info {
margin:10px 0;
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#box-main-right-info h3 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

#box-main-right-info li {
text-align:left;
border-bottom:1px solid #EEE;
background:url(/img/marker.gif) no-repeat 280px 50%;
width:274px;
padding:8px 8px 8px 15px;
}

#box-main-right-info li a {
width:282px;
display:block;
}

/*その他コンテンツ*/
#box-main-right-info2 {
margin:10px 0;
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#box-main-right-info2 h3 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

#box-main-right-info2 li {
text-align:left;
border-bottom:1px solid #EEE;
background:url(/img/marker.gif) no-repeat 280px 50%;
width:274px;
padding:8px 8px 8px 15px;
}

#box-main-right-info2 li a {
width:282px;
display:block;
}

/*ゲームリンク*/
#box-main-right-info3 {
margin:10px 0;
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#box-main-right-info3 h3 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

#box-main-right-info3 li {
text-align:left;
border-bottom:1px solid #EEE;
background:url(/img/marker.gif) no-repeat 280px 50%;
width:274px;
padding:8px 8px 8px 15px;
}

#box-main-right-info3 li a {
width:282px;
display:block;
}


/*■カテゴリ-------------------------------------------*/

/*一覧-------------------------------------------*/
#categoryList {
border-top:1px solid #EAA748;
border-bottom:1px solid #EAA748;
}

.section01 {
background-color:#FFF;
padding:0 0 5px 0;
border-right:1px solid #EAA748;
border-left:1px solid #EAA748;
}

.section02 {
background-color:#EEE;
padding:0 0 5px 0;
border-right:1px solid #EAA748;
border-left:1px solid #EAA748;
}

#centerBox2 h4 {
font-size:22px;
margin:0 0 3px 0;
background-color:#E5720D;
/*border:1px solid #0479DC;*/
padding:5px 5px 5px 10px;
border-bottom:1px solid #EAA748;
}

#centerBox2 h4 a:link,
#centerBox2 h4 a:visited,
#centerBox2 h4 a:hover {
/*color:#053FE6;*/
color:#FFF;
text-decoration:none;
}

#centerBox2 h4 a:hover {
text-decoration:underline;
}


#centerBox2 .photo {
width:200px;
float:left;
margin:5px 0 0 10px;
}

#centerBox2 .photo img {
width:200px;
height:150px;
border:1px solid #FFF;
}

#centerBox2 .text {
width:340px;
float:right;
margin:5px 10px 8px 0;
font-size:14px!important;
line-height:150%;
word-wrap:break-word;
}

#centerBox2 .text p {
margin-bottom:5px;
}

.section01, .section02 {zoom:1;}
.section01:after,
.section02:after{
    content: ""; 
    display: block; 
    clear: both;}


/*ゲーム詳細画面------------------------------*/
h1.categoryTit span {
font-size:14px;
line-height:150%;
}

div.categoryTit span {
font-size:14px;
line-height:150%;
}

#detailPhoto1, #detailPhoto2 {
width:750px;
/*border:2px solid #F27A10;
background-color:#F4B058;*/
border:1px solid #DDDDDD;
background-color:#FBFBFB;
text-align:center;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#detailPhoto2 {
text-align:center;
margin:7px 0;
padding:5px 0;
}

#detailPhoto1 img {
margin:10px 0;
width:500px;
border:3px double #FFF;
}

/*#detailPhoto2 ul {
width:580px;
list-style-type:none;
margin:10px auto 0 auto;
padding:0 0 0 0;
}

#detailPhoto2 li {
width:290px;
float:left;
line-height:0;
}

#detailPhoto2 img {
width:280px;
margin-bottom:10px;
border:1px solid #FFF;
}

#detailPhoto2 ul {zoom:1;}
#detailPhoto2 ul:after{
    content: ""; 
    display: block; 
    clear: both;}*/

#detailPhoto2 img {
width:280px;
border:1px solid #FFF;
margin:4px;
vertical-align:top;
}
    
#gameExplain {
width:752px;
border:1px solid #999;
background-color:#FFF;
text-align:left;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
margin:7px 0;
word-wrap: break-word;
}

#gameExplain p {
font-size:14px;
line-height:155%;
margin:10px;
word-wrap: break-word;
}

#gameImpression{
width:752px;
border:1px solid #999;
background-color:#FFF;
text-align:left;
margin:0 0 7px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#gameImpression h2 {
font-size:14px;
background-color:#999;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#gameImpression ul{
margin:10px;
padding:0 0 0 15px;
list-style-type:square;
}

#gameImpression li{
font-size:14px;
line-height:155%;
margin-bottom:10px;
}

#gameFunIllust{
width:752px;
border:1px solid #999;
background-color:#FFF;
text-align:left;
margin:0 0 7px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#gameFunIllust h2 {
font-size:14px;
background-color:#999;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#gameFunIllust p {
font-size:14px;
line-height:155%;
margin:5px;
}

#gameFunIllust img {
/*height:150px;*/
/*padding:0 3px 3px 0;
float:left;*/
}

#gamedL {
width:750px;
border:2px solid #FFAA56;
background-color:#FEDBA3;
text-align:left;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}


#gamedL h2 {
font-size:14px;
background-color:#F27A10;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#gamedL p{
font-size:14px;
line-height:155%;
margin:10px;
}

.twitterBanner {
margin:5px 10px;
}

.gameDltxt {
margin:10px 0 15px 10px;
border:3px double #FF0000;
padding:8px;
width:700px;
}

.gameDltxt a {
color:#FF0000;
font-size:16px;
}

.gameDltxt img {
margin-right:5px;
}

.gameDetailInfo {
margin:0 0 7px 0;
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
text-align:left;
word-wrap:break-word;
}

.gameDetailInfo h3 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

.gameDetailInfo p {
font-size:14px;
line-height:155%;
margin:10px;
}

#gameDetailSimilarGames
{
border:1px solid #999;
background-color:#FFF;
text-align:left;
margin:0 0 7px 0;
padding:0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#gameDetailSimilarGames h2
{
font-size:14px;
background-color:#999;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

#gameDetailSimilarGames ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#gameDetailSimilarGames li
{
float:left;
width:180px;
height:180px;
padding:2px;
margin:1px;
text-align:center;
border:1px #999999 solid;
background-color:#FFF;
}

#gameDetailSimilarGames img
{
width:160px;
height:120px;
}

#win_game_mylist p { 
position: relative;
} 

#win_game_mylist_baloon {
display: none;
position: absolute;
padding: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:solid 4px #D56D07;
border-radius: 8px;
background: #FEFDC6;
color: #000;
} 

#win_game_mylist_baloon:after {
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -10px;
border: solid transparent;
border-color: rgba(51, 51, 51, 0);
border-bottom-color: #D56D07;
border-width: 10px;
pointer-events: none;
content: " ";
}

span.hide_win_game_mylist_baloon {
color:blue;
text-decoration:underline;
cursor: pointer;
}


/*管理画面用CSS--------------------------*/

#configMain {
text-align:left;
}

#configMain p {
font-size:14px;
line-height:160%;
}

#configMain h2 {
background-color:#EA923D;
margin:10px 0 10px 0;
font-size:20px;
padding:10px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
border:1px solid #D56D07;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#configMain h3 {
font-size:16px;
color:#581917;
margin:8px 0;
/*background:url(../../images/marker2.gif) no-repeat 0 2px;*/
padding-left:22px;
}

#memberBase {
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
padding:15px;
}

#memberBase h3 {
border:1px solid #CCC;
background-color:#FFEDFF;
font-size:16px;
color:#333333;
margin:8px 0;
padding:8px 3px;
}


/*テーブル設定----------------*/
#configMain table{
border-collapse:collapse;
margin:15px 0;
}

#configMain table.type1Tbl {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}

#configMain table.type1Tbl th, 
#configMain table.type1Tbl td {
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
padding:8px;
}

#configMain table.type1Tbl th {
background-color:#EEE;
color:#003366;
}


#configMain table.type1Tbl td {
background-color:#FFF;
font-size:12px;
line-height:164%;
}

#configMain table.type1Tb2 {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}

#configMain table.type1Tb2 th, 
#configMain table.type1Tb2 td {
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
padding:8px;
}

#configMain table.type1Tb2 th {
background-color:#F58A3C;
color:#FFF;
}


#configMain table.type1Tb2 td {
background-color:#FFF;
font-size:12px;
line-height:164%;
}

/*フォーム設定----------------*/
#configMain input[type=radio] {
vertical-align:text-bottom;
margin-bottom:1px;
margin-right:3px;
}

#configMain input[type=checkbox] {
vertical-align:middle;
}

#configMain input.w500 {
width:500px;
}

#configMain input.w300 {
width:300px;
}

#configMain input.w150 {
width:150px;
}

#configMain input.checkBox {
margin-right:5px;
}

#configMain textarea.w500 {
width:500px;
}

#configMain textarea.w350 {
width:350px;
}

#configMain textarea.h100 {
height:100px;
}

#configMain textarea.h200 {
height:200px;
}

#configMain textarea.h300 {
height:300px;
}

/*リスト設定----------------*/
#configMain ul {
list-style-type:none;
margin:5px 0;
padding:0;
}

#configMain li {
/*background:url(../../images/marker.gif) no-repeat 0 7px;*/
padding-left:15px;
margin-bottom:7px;
line-height:164%;
}


/*ダウンロード画面----*/

strong.downLoad {
font-size:18px;
color:#FF0000;
line-height:155%;
}

/*ブランドページ（他ページも共通）------*/
#box-main-right-bannar {
margin-bottom:7px;
background-color:#FFF;
}

#gameCreater {
width:752px;
border:1px solid #999;
background-color:#FFF;
text-align:left;
margin:0 0 7px 0;
padding:10px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#gameCreater h3 {
font-size:14px;
text-indent:0.5em;
color:#F27A10;
text-align:left;
margin:10px 0 0 20px;
/*background:url(../../images/marker2.gif) no-repeat 0 0;*/
padding-left:15px;
}

#gameCreater p {
font-size:14px;
line-height:155%;
margin:7px 10px 20px 40px;
}

#createrOthergame {
width:754px;
}

#createrOthergame h3 {
text-align:center;
padding:5px;
margin-bottom:3px;
background-color:#EA923D;
border:1px solid #EAA748;
font-size:18px;
color:#FFF;
}

#createrOthergame h4 {
font-size:16px;
margin:0 0 3px 0;
background-color:#E5720D;
/*border:1px solid #0479DC;*/
padding:3px 3px 3px 10px;
border-bottom:1px solid #EAA748;
}

#createrOthergame a:link,
#createrOthergame a:visited,
#createrOthergame a:hover {
/*color:#053FE6;*/
color:#FFF;
text-decoration:none;
}

#createrOthergame a:hover {
text-decoration:underline;
}

#createrOthergame .photo {
width:200px;
float:left;
margin:5px 0 0 10px;
}

#createrOthergame .photo img {
width:200px;
height:150px;
border:1px solid #FFF;
}

#createrOthergame .text {
width:515px;
float:right;
margin:5px 10px 8px 0;
font-size:14px!important;
line-height:150%;
}

#createrOthergame .text p {
margin-bottom:5px;
}

#createrOthergame .section01 {
border-bottom:1px solid #EAA748;
}

#createrOthergame .text a:link,
#createrOthergame .text a:visited {
color:#003399;
text-decoration:underline;
}

#createrOthergame .text a:hover {
color: #FA07B8;
}

/*ゲームレビュー感想--------*/
#reviewGame {
width:750px;
margin-bottom:10px;
border:2px solid #DDDDDD;
background-color:#FBFBFB;
text-align:center;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#reviewGame img {
width:300px;
float:left;
margin:10px 0 10px 10px;
}

#reviewGame .text {
float:right;
width:415px;
text-align:left;
margin:10px 10px 10px 0;
font-size:12px;
line-height:164%;
}

#reviewGame .text a:link, 
#reviewGame .text a:visited, 
#reviewGame .text a:hover {
color:#003399;
text-decoration:none;
}

#reviewGame .text a:hover {
text-decoration:underline;
}


#reviewGame p.goSubmit {
font-size:16px;
font-weight:bold;
margin-top:15px;
line-height:150%;
}

.reviewComments {
width:752px;
border:1px solid #999;
background-color:#FFF;
text-align:left;
margin:0 0 7px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

.reviewComments h2 {
font-size:14px;
background-color:#999;
padding:5px 0;
text-indent:0.5em;
color:#FFF;
text-align:left;
}

.reviewComments p {
font-size:14px;
line-height:164%;
margin:10px;
}

.reviewComments p.reviewer {
font-size:12px;
}

.reviewComments .delete {
text-align:right;
margin:10px;
}

.reviewComments .delete input {
vertical-align:middle;
}

#reviewSubmit {
width:752px;
border:1px solid #ED9ADE;
background-color:#FFF;
text-align:center;
margin:0 0 7px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#reviewSubmit table {
margin:20px auto;
border-collapse:collapse;
width:700px;
}

#reviewSubmit table th,
#reviewSubmit table td {
padding:7px;
font-size:12px;
line-height:160%;
text-align:left;
}

#reviewSubmit table th {
background-color:#EFE4ED;
width:100px;
border-bottom:1px dotted #CCC;
color:#666;
}

#reviewSubmit table td {
width:100px;
border-bottom:1px dotted #CCC;
}

.reviewSubmit input {
vertical-align:middle;
margin-bottom:3px;
}

#reviewSubmit span.caution {
font-size:10px;
line-height:135%;
}

#reviewSubmit span.redText {
color:#FF0000;
}

#reviewSubmit p.btnSubmit {
margin:0 0 20px 0;
}

/*ランキング設定-----------------------------*/
.rankingNum {
width:90px;
float:left;
text-align:center;
}

.rankingNum .num {
font-size:40px;
font-weight:bold;
color:#FF0000;
}

.rankingNum .upDwon {
font-size:18px;
font-weight:bold;
color:#FF0000;
}

.rankingRight {
width:475px;
float:right;
}

.rankingContents .text {
width:255px!important;
}

.rankingContents .photo {
margin:5px 0 0 0!important;
}

/*素材販売・DL-------------------------*/
#sozaiList {
background-color:#fff;
padding:10px;
border:1px solid #CCC;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#sozaiList ul {
padding:3px;
}
.sozaiSection {
border-bottom:1px dotted #CCC;
padding-bottom:12px;
margin-top:12px;
}

.sozaiSection li {
float:left;
}

.sozaiSection li.play {
width:50px;
margin:2px 0 0 0;
}

.sozaiSection li.title {
width:275px;
margin:3px 10px 0 0;
font-weight:bold;
font-size:1.3em;
}

.sozaiSection li.time {
background:url(../img/icon_time.gif) no-repeat 0 0;
width:60px;
height:15px;
padding:0 0 0 20px;
margin:3px 0 0 0;
}

.sozaiSection li.price {
background:url(../img/icon_price.gif) no-repeat 0 0;
width:60px;
height:15px;
padding:0 0 0 20px;
margin:3px 0 0 0;
}

.sozaiSection li.cart {
width:50px;
text-align:right;
}

ul.sozaiTag {
font-size:10px;
margin:5px 0 0 0;
width:530px;
clear:both;
}

ul.sozaiTag li.keyword {
color: #AAAAAA;
}

.sozaiSection:after {
    content: ""; 
    display: block; 
    clear: both;}
}

.sozaiSection {zoom:1;}

#sozaiDetail {
width:560px;
text-align:left;
padding:10px;
border:2px solid #F27A10;
background-color:#fcc98c;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#sozaiDetail p {
font-size:12px;
line-height:170%;
}

#sozaiDetail table {
margin:20px 0 0 0;
width:100%;
border-collapse:collapse;
}

#sozaiDetail td {
padding:7px;
border-bottom:1px dotted #666;
font-size:12px;
line-height:170%;
vertical-align:top;
}

#sozaiDetail th {
width:80px;
padding:7px;
border-bottom:1px dotted #666;
font-size:12px;
line-height:170%;
vertical-align:top;
}

#sozaiDetail th.price {
color:#FF0000;
vertical-align:middle;
}

#sozaiDetail td.price {
font-size:18px;
font-weight:bold;
color:#FF0000;
vertical-align:middle;
}

#sozaiDetail .player {
margin:0 0 15px 0;
}

#sozaiDetail .player img {
margin:5px 0 0 0;
}

#sozaiDetail .cartBtn {
margin:10px 0 0 0;
text-align:center;
}

/*カート------------------------*/

#cart {
background-color:#fff;
padding:10px;
border:1px solid #CCC;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#cart h3 {
background-color:#FFEDFF;
text-align:left;
font-size:18px;
border:1px dotted #CCC;
padding:5px;
color:#fb7803;
margin:0px;
}

#cart p {
margin:10px 0;font-size:12px;text-align:left;
line-height:17px;
}

#cart table {
/*width:100%;*/
border-collapse:collapse;
}

#cart table th{
text-align:center;
/*border-right:1px solid #FFF;*/
background-color:#EEE;
padding:8px;
}

#cart table td{
text-align:center;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:8px;
}

#cart table td.tLeft, #cart table th.tLeft {
text-align:left;
}

#cart table td.tRight, #cart table th.tRight {
text-align:right;
}

#cart table td.rBorderNone{
border-right:none;
}

#cart table td.topBorder{
border-top:1px solid #ddd;
}

#cart table th.topBorder{
border-top:1px solid #EEE;
}

#cart table th.settleTh {
color:#CC0000;
}

#cart table td input.num {
width:20px;text-align:right;height:15px;
}

#cart table td.numTotal {
font-weight:bold;
font-size:1.3em;
}

#cart table td.priceTotal {
font-weight:bold;
/*border-right:none;*/
text-align:right;
font-size:1.3em;
color:#C30000;
}

.deleteBtn {
text-align:left;
font-size:10px;
margin:7px 0 0 0;
width:150px;
float:left;
}

.casherBtn {
text-align:right;
margin:10px 0;
width:400px;
float:right;
}

#cart table td input {
vertical-align:middle;
}

input.renew {
margin-left:3px;
}

/*--Contest Add 2013.04.13----------------------*/

.contestLeft1 {
width:450px;
border:1px solid #DDD;
float:left;
}

.contestRight1 {
width:450px;
border:1px solid #DDD;
float:right;
}

.contestLeft2 {
border:1px solid #DDD;
width:290px;
float:left;
margin:0 20px 0 0;
}

.contestRight2 {
border:1px solid #DDD;
width:290px;
float:right;
margin:0 0 0 0;
}

.contestCommentsTop {
padding:10px;
line-height:1.5em;
}


.title1 {
font-size:20px;
background-color:#F6EA5C;
margin:0 0 8px 0;
text-align:center;
padding:20px 0;
color:#ff0000;
font-weight:bold;
}

.title1 a:link, .title1 a:visited {
color:#000;
text-decoration:none;
}

.title1 a:hover {
text-decoration:underline;
}

.title2 {
font-size:18px;
line-height:1.3em;
background-color:#538F04;
margin:40px 0 8px 0;
text-align:center;
padding:10px 0;
color:#FFF;
font-weight:bold;
border:1px solid #104B01;
}

.title2 a:link, .title2 a:visited {
color:#F5F982;
text-decoration:none;
font-size:18px;
}

.title2 a:hover {
text-decoration:underline;
}

.second {
background-color:#ccccff;
}

.contestImg1 {
width:250px;
padding:0 0 5px 5px;
float:left;
}

.contestTxt1 {
float:right;
width:170px;
}


.contestImg2 {
width:120px;
float:left;
margin:0 0 8px 7px;
}

.contestTxt2 {
float:right;
width:149px;
margin:0 3px 0 0;
}
.contestTxt1 p {
margin:0 0 12px 0;
font-size:14px;
line-height:130%!important;
}

.contestTxt2 p.tit {
margin:0 0 5px 0;
font-size:14px!important;
line-height:130%!important;
}


.contestTxt2 p.maker {
margin:0 0 0 0;
font-size:12px!important;
line-height:130%!important;
}



div.commentH4_1, div.commentH4_2 {
margin:0;
border:1px solid #F9A7D7;
display:block;
width:420px;
height:16px;
text-decoration:none;
padding: 3px;
text-align:center;
color:#99034A;
font-weight:bold;
}


div.commentH4_1b, h4.commentH4_2b {
margin:0;
padding: 3px;
font-weight:bold;
}



.commentH4_1 a:link, .commentH4_1 a:visited {
color:#99034A;
}

.commentH4_1 a:hover {
background:#F1A8C2;
color:#FFF;
}


.commentH4_1b {
border:1px solid #F58920;
display:block;
width:420px;
height:16px;
margin:0;
padding: 3px;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#EA660E;
}

.commentH4_1b a {
border:1px solid #F58920;
display:block;
width:420px;
height:16px;
margin:0;
padding: 3px;
font-weight:bold;
text-decoration:none;
text-align:center;
}

.commentH4_1b a:link, .commentH4_1b a:visited {
color:#EA660E;
}

.commentH4_1b a:hover {
background:#ED9955;
color:#FFF;
}

.commentH4_2 {
background-color:#EF96B5;
display:block;
width:270px!important;
height:16px;
text-decoration:none;
padding:3px 0 0 0;
margin:0 0 0 7px!important;
text-align:center;
color:#943255;
border:1px solid #F9A7D7;
}

.commentH4_2 a:link, .commentH4_2 a:visited {
color:#943255;
}

.commentH4_2 a:hover {
background:#E28D9F;
color:#FFF;
}

.commentH4_2b a {
background-color:#F58920;
display:block;
width:270px;
height:16px;
text-decoration:none;
padding:3px 0 0 0;
margin:0 0 0 7px;
text-align:center;
font-weight:bold;
border:1px solid #F9A7D7;

}

.commentH4_2b a:link, .commentH4_2b a:visited {
color:#9E330E;
}

.commentH4_2b a:hover {
background:#ED9955;
color:#FFF;
}

commentH4_2b p {
margin:0 0 0 7px!important;
width:200px!important;
}

H4.contestComment {
margin:0;
}

.commentA1, .commentB1 {
width:425px;
margin:0 5px 5px 7px;
}

.commentA2, .commentB2 {
width:275px;
margin:0 5px 5px 7px;
line-height:1.3em;
}

div.gold {
width:275px;
background:url(../img/gold2.jpg) no-repeat 0 0;
font-weight:bold;
margin:5px 0 5px 7px;
height:40px;
}

div.gold p, div.silver p, div.bronze p {
position:absolute;
left:-9999px;
}

div.silver {
width:275px;
background:url(../img/silver2.jpg) no-repeat 0 0;
font-weight:bold;
margin:5px 0 5px 7px;
height:40px;
}

div.bronze {
width:275px;
background:url(../img/bronze2.jpg) no-repeat 0 0;
font-weight:bold;
margin:5px 0 5px 7px;
height:40px;
}

.contestTxt3 {
width:275px;
margin:0 0 5px 7px;
}

.contestTxt3 p.maker {
font-size:12px!important;
}


.closeText {
margin:0 0 0 0;
}

.openText p, .closeText p {
margin:0 0;
font-size:12px!important;
}

.closeText2 p {
width:275px;
margin:0;
padding:5px;
font-size:12px!important;
line-height:1.5em;
}

ul.out li {
background:url(../img/marker_list_contest.gif) no-repeat 0 4px!important;
padding-left:17px!important;
margin-bottom:13px!important;
}

strong.titGames {
font-size:14px;
}

ul.out li div {
margin:5px 0 5px 20px;
font-size:12px;
line-height:1.3em;
background-color:#EFEFEF;
padding:10px;
}

strong.outComment {
color:#C329AF!important;
}


.spLink {
background-color:#FFF;
width:640px;
text-align:center;
padding:7px 0;
margin:10px auto;
}



/*--Premium Add 2014.10.28----------------------*/

.button {
   text-shadow:1px 1px 0px #fff;
   font-size:22px;
   height:40px;
   line-height:100%;
   font-weight:bold;
   background-color: #FC8803;
   	background: -moz-linear-gradient(top,#FBD29D, #FDA72E 50%,#FC9004 50%,#FD7801);
	background: -webkit-gradient(linear, left top, left bottom, from(#FBD29D), color-stop(0.5,#FDA72E), color-stop(0.5,#FC9004), to(#FD7801));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #E1812C;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 20px;
	text-decoration:none;
	cursor:pointer;
}
.button:hover {
	color:#FFF1DE;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.41);
	text-decoration:none;
}
.button:active {
	top: 3px;
	box-shadow: none;
}

#premium table {
	width: 99%;
}

#premium td, #premium th {
	border: 1px solid #C8AF9F;
	padding: 20px;
	text-align: center;
	font-size:14px;
}

#premium .bold {
	font-weight: bold;
}

#premium .table-topic {
	background-color: #F6F4EE;
}

#premium .table-topic-th {
	background-color: #E6DED4;
	font-weight: bold;
}

#premium .table-premium-header, .table-premium-price, .table-premium-column {
	font-weight: bold;
	color: #FC7100;
}

#premium .table-premium-header {
	background-color: #FDB02B;
	color: #FFFFFF;
}

#premium .table-premium-price {
	background-color: #FFE4BF;
}

#premium .table-premium-column {
	background-color: #FFF1DE;
}


/*--Like Add 2014.11.28----------------------*/

#likes img {
	width:21px;
	height:21px;
	border:1px #FFF solid;
}

#likes span {
	color:blue;
	text-decoration:underline;
	cursor: pointer;
	width:25px;
	height:25px;
}

#likes img.click:hover {
	border:1px #00F solid;
}



/*2015.02.07add--------------------------------------*/
img.illustListWidth {
width:124px;
height:auto;
margin:0;
}

img.illustListHeight {
height:124px;
width:auto;
margin:0;
}

#gameFunIllust ul {
list-style-type:none;
margin:0px 0 20px 16px;
}

#gameFunIllust li {
margin:22px 10px 2px 5px;
width:130px;
height:130px;
text-align:center;
float:left;
}

#gameFunIllust li a {
display:table-cell;
vertical-align: middle;
overflow:hidden;
width:130px;
height:130px;
border:1px solid #999;
/*padding:3px;*/
}


#gameFunIllust li a:hover {
border:1px solid #ccc;
background-color:#EEE;
}

input.registerButton {
    padding: 15px 40px;
    font-size: 1.2em;
    cursor:pointer;
}

input.registerButton2 {
   text-shadow:1px 1px 0px #fff;
   font-size:1.4em;
   line-height:100%;
   font-weight:bold;
   background-color: #FC8803;
   	background: -moz-linear-gradient(top,#FBD29D, #FDA72E 50%,#FC9004 50%,#FD7801);
	background: -webkit-gradient(linear, left top, left bottom, from(#FBD29D), color-stop(0.5,#FDA72E), color-stop(0.5,#FC9004), to(#FD7801));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #E1812C;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 20px;
	text-decoration:none;
	cursor:pointer;
}

input.registerButton2:hover {
    color:#FFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.41);
	text-decoration:none;
	background-color: #F78503;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CE98), color-stop(0.5,#FDA427), color-stop(0.5,#FF9305), to(#EE7002));
}


/*2015.02.21--------------------------------*/
#memberMenu {
margin-bottom:20px;
}

.memberMenu1 {
margin:0 10px 0 0;
float:left;
}

.memberMenu2 {
float:left;
}

.memberMenu1 ul {
/*width:270px;*/
margin:0!important;
padding:0 7px 0 7px!important;
list-style-type:none;
background-color:#967B28;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */
box-shadow: 2px 3px 0 rgba(132,110,42,1);
}

.memberMenu2 ul {
margin:0!important;
padding:0 7px 0 7px!important;
list-style-type:none;
/*width:460px;*/
background-color:#9BC724;
text-align:left;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */
box-shadow: 2px 3px 0 rgba(136,168,46,1);
}

.memberMenu1 li, .memberMenu2 li {
float:left;
text-align:center;
font-size:14px;
line-height:100%;
margin:0!important;
padding:0!important;

}

.memberMenu1 li a, .memberMenu2 li a {
margin:0;
display:block;
color:#FFF;
text-decoration:none;
font-weight:bold;
padding:4px 10px!important;
background-color:#967B28;
border-right:1px solid #e5d5a4;
}

.memberMenu2 li a {
background-color:#9BC724;
border-right:1px solid #c8e47c;
}

.memberMenu1 li:last-child a, 
.memberMenu2 li:last-child a{
    border-right:none;
}

.memberMenu1 li a:hover {
background-color:#e5d5a4;
}

.memberMenu2 li a:hover {
background-color:#c8e47c;
}

.memberMenu1 li.noLine a, .memberMenu2 li.noLine a {
border-right:none;
}

.memberMenu1 li a img, .memberMenu2 li a img {
width:16px;
height:auto;
vertical-align:text-bottom;
margin-right:5px;
line-height:100%;
}


/*2015.04.18--------------------------------*/
#fgQuest div.topGuildMaster {
padding:5px;
font-size:16px;
line-height:1.5em;
}

#fgQuest img.face {
width:100px;
float:left;
padding:0 10px 0 0;
}

#fgQuest th.tableTitle {
text-align:center;
}

#fgQuest th.tableLeft {
width:150px;
}

#fgQuest th.tableQuestion {
width:50px;
}

#fgQuest td {
line-height:1.5em;
}

#fgQuest img.logo {
width:99%;
}

#fgQuest div.storyZone {
padding:5px;
font-size:16px;
line-height:1.5em;
}

#fgQuest img.storyZoneFace {
width:80px;
float:left;
padding:0 10px 0 0;
}

#fgQuest div.storyZoneText {
padding:10px;
font-size:16px;
}
