@charset "utf-8";


.left{float:left;}
.right{float:right;}

/*
 *1 body
 */
body{
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	overflow-x:hidden;
}

/*
 *1 a
 */
a{ text-decoration:none; color:#0066CC; }
a:link{ color:#0066CC; }
a:visited{ color:#0066CC; }
a:hover{ color:red; text-decoration:underline; }
a:active{ color:orange; }

/*
 *1 .base
 */
.base{
	width:960px;
	text-align:left;
	margin:0 auto;
}

/*
 *1 #header
 */
#header{
	background-color:#d0331c;
	background-image:url(//img.gamesjp.com/img/common/header-back.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-bottom:10px;
	z-index:999;
	text-align:left;
}
/*
 *2 #header-group-sites
 */
#header-group-sites{
	background-color:#333333;
	background-color:#d0331c;
	padding:2px 0 2px 0;
	text-align:right;
}
#header-group-sites li{
	display:inline;
	font-size:14px;
	margin:0 10px;
}
#header-group-sites li a{
	color:white;
}
#header-group-sites li a:hover{
	color:yellow;
}
#header-group-sites li.search div,
#header-group-sites li.search form{
	display:inline;
	z-index:1;
}

/*
 *2 #header-logo
 */
#header-logo{
	background-image:url(//img.gamesjp.com/img/common/logo-back.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0;
	width:212px;
}
#header-logo a{
	padding:20px 23px 2px 23px;
	display:block;
}
#header-logo a:hover{
	position:relative;
	top:1px;
	left:1px;
}
/*
 *1 #header-global-navi
 */
#header-global-navi{
	position:absolute;
	left:250px;
	bottom:0;
	list-style:none;
	margin:0;
	padding:0;
	z-index:10;
}
#header-global-navi li{
	position:relative;
	float:left;
	width:120px;
	margin:0;
	padding:0;
}
#header-global-navi li a{
	display:block;
	padding:10px 8px 8px 8px;
	margin:0 15px 0 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:white;
	color:#4169E1;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#header-global-navi li ul.child{
	display:none;
	position:absolute;
	top:32px;
	left:0;
	background-color:white;
	border:solid 1px silver;
	border-top:0;
	list-style:none;
	margin:0;
	padding:0;
}
#header-global-navi li ul.child li{
	float:none;
	width:auto;
	margin:0;
	padding:0;
}
#header-global-navi li ul.child li a{
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:5px 10px;
	white-space:nowrap;
	text-align:left;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#header-global-navi li ul.child li a:hover{
	background-color:#FFE4E1;
}

/*
 *1 #container
 */
#container{
	
}
/*
 *2 #side-right
 */
#side-right{
	float:right;
	width:780px;
	border-left:solid 1px silver;
}
/*
 *3 h1
 */
#side-right h1{
	margin:0 0 15px 15px;
	color:#333333;
}
/*
 *3 .content
 */
#side-right #main .content{
	padding-left:15px;
	background-color:#fafafa;
	margin: 0 0 40px 0;
}
/*
 *4 h2
 */
#side-right #main .content h2{
	margin:0 0 15px 0;
	font-size:22px;
	font-weight:bold;
	color:#555555;
}
/*
 *4 h3
 */
#side-right #main .content h3{
	margin:0 0 12px 0;
	font-size:18px;
	font-weight:bold;
	color:#555555;
}
/*
 *4 p
 */
#side-right #main .content p{
	line-height:1.3em;
	margin-bottom:1em;
}
/*
 *4 .widget
 */
#side-right #main .content .widget{
	
}
#side-right #main .content .widget .title{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:8px 10px;
	background-color:#555555;
	color:#ffffff;
	letter-spacing:1px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
#side-right #main .content .widget .body{
	border:solid 1px #555555;
	border-top:0;
	margin: 0 0 30px 0;
	padding:10px 15px;
	background-color:#ffffff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

#side-right #main .content .widget .body p{
	padding:5px 0;
	margin:0;
	line-height:1.5em;
}
#side-right #main .content .widget .body ul{
	padding:5px 0;
	margin:0;
	line-height:1.2em;
	list-style:inside;
}
#side-right #main .content .widget .body ul li{
	padding:3px 0;
}

#side-right #main .content .widget .body h4{
	color:green;
	font-size:14px;
	margin:20px 0 10px 0;
	padding:0;
}
#side-right #main .content .widget .body p.wrap{
	margin-left:15px;
}

/*
 *4 .page-navi
 */
#side-right #main .content ul.page-navi{
	margin-top:20px;
	margin-bottom:20px;
}
#side-right #main .content ul.page-navi li{
	padding:2px 0 2px 0;
	font-size:14px;
}
#side-right #main .content ul.page-navi li a{
	color:#4169E1;
}

/*
 *3 .side-right-column1
 */
.side-right-column1 #main{
}
/*
 *3 .side-right-column2
 */
.side-right-column2 #main{
	float:left;
	width:650px;
	border-right:solid 1px silver;
}
.side-right-column2 #sub{
	float:right;
	width:120px;
	background-color:#ffafaa;
}
.side-right-column2 #main .content{
	padding-right:15px;
}


/*
 *1 #side-left{
 */
#side-left{
	float:left;
	width:179px;
}
#side-left h2{
	text-align:center;
	font-size:12px;
	color:#ffffff;
	background-color:#afafaf;
	padding:3px;
	margin:0 10px 8px 0;
}
#side-left h3{
	font-size:12px;
	color:#555555;
	margin:0 0 5px 0;
}
#side-left .wrap{
	margin-bottom:15px;
}
#side-left ul{
	list-style:none;
}
#side-left ul,
#side-left ul li{
	margin:0;
	padding:0;
}
#side-left p,
#side-left ul{
	padding:0 10px 0 10px;
}
#side-left p,
#side-left ul li{
	line-height:1.3em;
}
#side-left li.stay a{
	color:red;
}
/*
 *2 .game-search
 */
#side-left .game-search{
}
#side-left .game-search input{
	width:140px;
}







/*
 *1 .wrapper
 */
.wrapper{
	width:960px;
	text-align:left;
	margin:0 auto;
}
/*
 *1 #container
 */
#container{
	margin-bottom:50px;
}
/*
 *1 #footer
 */
#footer{
}
/*
 *2 #footer-amazon-list
 */
#footer #footer-amazon-list{
	margin-bottom:50px;
}
/*
 *3 table.amazon-similarity
 */
#footer-amazon-list .amazon-similarity{
	background-color:#fafafa;
	border:solid 1px silver;
	padding:15px;
	margin:0 0 30px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#footer-amazon-list .amazon-similarity tr{
}
#footer-amazon-list .amazon-similarity tr td{
	padding:8px 5px;
}
#footer-amazon-list .amazon-similarity tr td a,
#footer-amazon-list .amazon-similarity tr td img,
#footer-amazon-list .amazon-similarity tr td span{
	display:block;
}
#footer-amazon-list .amazon-similarity tr td a{
	text-align:center;
}
#footer-amazon-list .amazon-similarity tr td a:hover img{
	position:relative;
	top:1px;
	left:1px;
}
#footer-amazon-list .amazon-similarity tr td img{
	margin-bottom:8px;
	background-repeat:no-repeat;
	background-position:center center;
}
#footer-amazon-list .amazon-similarity tr td span{
	font-size:12px;
	line-height:1.5em;
}
/*
 *1 ul.amazon-list-horizontal
 */
ul.amazon-list-horizontal{
	list-style:none;
	margin:0;
	padding:0;
}
ul.amazon-list-horizontal li{
	margin:0;
	padding:0;
	float:left;
	width:96px;
}
ul.amazon-list-horizontal li a{
	display:block;
	font-size:10px;
	margin:0 5px;
}
ul.amazon-list-horizontal li a:hover img{
	background-color:#FFFACD;
	border:solid 1px blue;
}
ul.amazon-list-horizontal li img{
	display:block;
	border:solid 1px #eaeaea;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:10px;
}
/*
 *2 #footer-pagetop
 */
#footer-pagetop{
	text-align:center;
	margin: 0 0 20px 0;
}
#footer-body{
	border-top:solid 1px silver;
	padding:50px 0;
	background-color:#fafafa;
}
/*
 *2 #footer-greetings
 */
#footer-greetings{
	width:340px;
}
#footer-greetings #footer-introduction{
	margin-bottom:20px;
}
#footer-greetings #footer-introduction h2{
	font-size:26px;
	color:#FF8C00;
	font-weight:bold;
	margin-bottom:8px;
}
#footer-greetings #footer-introduction p{
	line-height:1.5em;
}
#footer-greetings #footer-introduction p strong{
	font-weight:normal;
}
#footer-greetings #footer-mobile{
}
#footer-greetings #footer-mobile #footer-mobile-text{
	float:right;
	width:210px;
	line-height:1.5em;
}
#footer-greetings #footer-mobile #footer-mobile-qr{
	float:left;
	width:120px;
}
/*
 *2 #footer-category
 */
#footer-category{
	position:absolute;
	right:0;
	top:30px;
}
#footer-category ul{
	float:left;
	width:160px;
	margin:0;
	padding:0;
}
/*
 *2 #footer-copyrights
 */
#footer-copyrights{
	margin-top:40px;
	text-align:center;
	line-height:1.5em;
}


/*
 *1 colors
 */
.colors-star-0{color:#ff66ff;}
.colors-star-1{color:#ffb74c;}
.colors-star-2{color:#33cc33;}
.colors-star-3{color:#1144ff;}
.colors-star-4{color:#666666;}
.colors-text-0{color:#ff66ff;}
.colors-text-1{color:#ffb74c;}
.colors-text-2{color:#33cc33;}
.colors-text-3{color:#1144ff;}
.colors-text-4{color:#333333;}

/*
 *1 sex
 */
.man{ color:#4169E1;}
.woman{ color:#FF00FF;}

/*
 *1 荒らし扱いの色
 */
.res .report0{}
.res .report1{ font-size:10px;text-decoration:line-through;}
.res .report2{ font-size:10px;color:#777;text-decoration:line-through;}
.res .report3{ font-size:10px;color:#aaa;text-decoration:line-through;}
.res .report4{ font-size:10px;color:#ddd;text-decoration:line-through;}
.res .report5{ font-size:10px;color:#fff;text-decoration:line-through;}
.res .report1 img,
.res .report2 img,
.res .report3 img,
.res .report4 img,
.res .report5 img{ width:20px;height:20px; }



@media (max-width: 767px) {

    #body-page-default-pc-search-game {

        #header-user-greeting ,
        #header-global-navi ,
        #header-search2 {
            display: none;
        }

        #container {
            width: 100%;
            float: none;
        }

        #side-right {
            width: 100%;
            float: none;
        }

        #main {
            float: none;
        }

        #main-game-search .textbox {
            width: 50%;
        }

        #main-game-search span {
            display: none;
        }

        #main-search-result .game .info {
            width: auto;
            float: none;
        }



    }
}