@charset "UTF-8";
/* ---------- rapoo Gaming ----------------------------- */

/* ---------- Top -------- */

#rg {
	max-width: 1000px;
	margin: 0 auto;
}

.rapoogaming #rg-util {
	overflow:hidden;
}
.rapoogaming #rg-side {
	width: 30%;
	text-align:left;
	float: left;
	}

.rapoogaming #rg-bread {
	width:70%;
	margin-top: 0 !important;
	text-align:left;
	float:right;
	}

.rapoogaming .nav1 {
	list-style: none;
	overflow: hidden;
	margin: 40px 0;
}
.rapoogaming .nav1 li:nth-child(odd) {
	float: left;
}
.rapoogaming .nav1 li:nth-child(even) {
	float: right;
}

.rapoogaming .pr2 {
	background-image:url(../products/rapoo-gaming/img/photo2.jpg);
	background-position:center right;
	background-repeat:no-repeat;
}
.rapoogaming .pr2 .cap {
	text-align:left;
	width:400px;
	padding: 70px 50px;
}
.rapoogaming .pr2 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr2 p {
	font-size: 16px;
}
.rapoogaming .pr3 {
	background-image:url(../products/rapoo-gaming/img/photo3.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}
.rapoogaming .pr3 .cap {
	text-align:left;
	width:400px;
	margin: 0 0 0 auto;
	padding: 70px 50px;
}
.rapoogaming .pr3 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr3 p {
	font-size: 16px;
}
.rapoogaming .pr4 {
	background-image:url(../products/rapoo-gaming/img/photo4.jpg);
	background-position:center right;
	background-repeat:no-repeat;
}
.rapoogaming .pr4 .cap {
	text-align:left;
	width:400px;
	padding: 40px 50px;
}
.rapoogaming .pr4 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr4 p {
	font-size: 16px;
}
.rapoogaming .pr5 {
	background-image:url(../products/rapoo-gaming/img/photo5.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}
.rapoogaming .pr5 .cap {
	text-align:left;
	width:360px;
	margin: 0 0 0 auto;
	padding: 60px 50px;
}
.rapoogaming .pr5 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr5 p {
	font-size: 16px;
}
.rapoogaming .pr6 {
	background-image:url(../products/rapoo-gaming/img/photo6.jpg);
	background-position:center right;
	background-repeat:no-repeat;
}
.rapoogaming .pr6 .cap {
	text-align:left;
	width:400px;
	padding: 80px 50px;
}
.rapoogaming .pr6 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr6 p {
	font-size: 16px;
}
.rapoogaming .pr7 {
	background-image:url(../products/rapoo-gaming/img/photo7.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}
.rapoogaming .pr7 .cap {
	text-align:left;
	width:360px;
	margin: 0 0 0 auto;
	padding: 60px 50px;
}
.rapoogaming .pr7 h3 {
	font-size: 20px;
	font-weight:bold;
}
.rapoogaming .pr7 p {
	font-size: 16px;
}
.rapoogaming .firmware {
	padding:40px;
}

/* ---------- 共通 -------- */

.rapoogaming .nav3 {
	margin:10px 0 50px;
	list-style-type:none;
}
.rapoogaming .nav3 li {
	display:inline-block;
}
.rapoogaming .nav3 img:hover {
 	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.rapoogaming .buy {
	margin-bottom:20px;
}
.rapoogaming .buy img:hover {
 	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.rapoogaming .pdf {
	margin-top:20px;
	margin-bottom:20px;
}
.rapoogaming .pdf img:hover {
 	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.rapoogaming #spec {
	background-color:#00C1E0;
	padding:20px;
	color:#000;
}
.rapoogaming #spec table {
	border-collapse:collapse;
}
.rapoogaming #spec th {
	text-align: right;
	vertical-align:top;
	padding: 4px;
	font-size:16px;
}
.rapoogaming #spec td {
	text-align: left;
	border-left:solid 1px #000;
	vertical-align:top;
	padding:4px;
	font-size:16px;
}
.rapoogaming #navi ul {
	list-style: none;
	overflow: hidden;
	margin: 40px 0;
}
.rapoogaming #navi li {
	float:left;
	margin-left: 1px;
}

/*

＝＝＝＝＝＝＝＝＝＝タブレット＝＝＝＝＝＝＝＝＝＝

*/

@media screen and (min-width:750px) and (max-width: 988px) {
.rapoogaming .nav1 li {
	float: none !important;
	text-align:center;
}
.rapoogaming .pr2 {
	background-position:bottom center;
}
.rapoogaming .pr2 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 300px;
}

.rapoogaming .pr3 {
	background-position:bottom center;
}
.rapoogaming .pr3 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 350px;
}

.rapoogaming .pr4 {
	background-position:bottom center;
}
.rapoogaming .pr4 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 300px;
}

.rapoogaming .pr5 {
	background-position:bottom center;
}
.rapoogaming .pr5 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 300px;
}

.rapoogaming .pr6 {
	background-position:bottom center;
}
.rapoogaming .pr6 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 350px;
}

.rapoogaming .pr7 {
	background-position:bottom center;
}
.rapoogaming .pr7 .cap {
	text-align:center;
	width:400px;
	margin:0 auto;
	padding: 10px 50px 400px;
}

.rapoogaming #navi ul {
	margin: 40px auto;
	width:400px;
}


}

/*

＝＝＝＝＝＝＝＝＝＝スマホ＝＝＝＝＝＝＝＝＝＝

*/

@media screen and (max-width:750px) {
#rg-side {
	display:none;
}
.rapoogaming #rg-bread {
	width:100%;
	margin-top: 0 !important;
	text-align:left;
	float:none;
}

.rapoogaming .pr2 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr2 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 125px 0;
}
.rapoogaming .pr2 p {
	font-size:14px;
}
.rapoogaming .pr3 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr3 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 160px 0;
}
.rapoogaming .pr3 p {
	font-size:14px;
}
.rapoogaming .pr4 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr4 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 160px 0;
}
.rapoogaming .pr4 p {
	font-size:14px;
}
.rapoogaming .pr5 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr5 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 160px 0;
}
.rapoogaming .pr5 p {
	font-size:14px;
}
.rapoogaming .pr6 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr6 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 180px 0;
}
.rapoogaming .pr6 p {
	font-size:14px;
}
.rapoogaming .pr7 {
	background-position:bottom center;
	background-size: 85% auto;
}
.rapoogaming .pr7 .cap {
	text-align:center;
	width: 90%;
	margin:0 auto;
	padding:0 0 160px 0;
}
.rapoogaming .pr7 p {
	font-size:14px;
}
.rapoogaming #spec th {
	font-size:12px;
}
.rapoogaming #spec td {
	font-size:12px;
}
.rapoogaming #navi ul {
	margin: 40px auto;
	width:200px;
}


}