@charset "UTF-8";
/*formatting style*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333;
	background-color: #FFF;
	font-size: 8.5pt;
	line-height: 1.6;
	font-family: "Myriad Pro", "Helvetica", "Arial";
	background-image: url(../../../image/Hexagon.jpg);
}
/*basic layout*/
#wrapper {
	margin: 0px auto;
	width: 968px;
}
#header {
	height: 65px;
	width: 968px;
	background-color: #000;
}
#gnavi {
	width: 968px;
	background-color: #000;
	height: 25px;
	border-bottom: 2px solid #00a6ba;
}
#logo {
	height: 65px;
	width: 65px;
	float: left;
}
#banner {
	height: 545px;
	width: 968px;
	border-bottom: 1px solid #666;
}
#middle {
	width: 968px;
	height: 100px;
	background-color: #FFF;
}
#left {
	float: left;
	height: 100px;
}
#pan {
	background-color: #000;
	height: 25px;
	width: 968px;
	border-top: 1px solid #333;
	color: #666;
}
#pan b {
	position: relative;
	bottom: 8px;
	font-weight: 100;
}
#pan a {
	color: #00a6ba;
	text-decoration: none;
	position: relative;
	bottom: 8px;
}
#pan a:hover {
	color: #FFF;
	text-decoration: none;
}
#pan a img {
	top: 8px;
	position: relative;
}
#footer {
	width: 958px;
	color: 666;
	background-color: #000;
	padding-left: 10px;
	border-top: 2px solid #00a6ba;
}
#footer address {
	color: #666;
}
#right {
	float: right;
	height: 100px;
}
#navi {
	float: right;
	height: 45px;
	width: 417px;
	padding-top: 0px;
	position: relative;
	left: 17px;
}
#footer ul li a {
	color: #00a6ba;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer p a {
	color: #00a6ba;
}
#footer p a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 2px;
}
#pagetop {
	background-color: #FFF;
	padding-left: 890px;
}
#pagetop ul li a {
	color: #666;
	text-decoration: none;
}
#pagetop ul li a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#pagetop ul li {
	list-style: none;
}
#main {
	width: 928px;
	height: 270px;
	border-bottom: 1px dotted #CCC;
	padding-top: 20px;
}
#mainend {
	width: 928px;
	height: 270px;
	padding-top: 20px;
}
#mainleft {
	width: 362px;
	float: left;
	background-color: #FFF;
	height: 250px;
}
#mainright {
	float: right;
	width: 520px;
	height: 250px;
}
#lang {
	height: 30px;
	width: 80px;
	padding-top: 0px;
	position: relative;
	float: right;
}
/*more*/
#aboutmore {
	background-color: #FFF;
	height: 535px;
	padding-top: 10px;
	padding-left: 20px;
	color: #666;
}
#aboutmore p #more4color {
	position: relative;
	top: 50px;
	left: 200px;
}
#morenavi {
	background-color: #FFF;
	width: 458px;
	padding-left: 510px;
	float: none;
}
#morenavi ul li a {
	color: #666;
	text-decoration: none;
}
#morenavi ul li a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#morenavi ul li {
	list-style: none;
	display: inline;
	margin-right: 10px;
}
#iphone {
	width: 928px;
	background-color: #FFF;
	height: 1530px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-top: 2px solid #CCC;
}
#ipodtouch {
	width: 928px;
	background-color: #FFF;
	height: 650px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-top: 2px solid #CCC;
}
#ipodnano {
	background-color: #FFF;
	width: 928px;
	height: 360px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#ipodshuffle {
	background-color: #FFF;
	width: 968px;
}
#macbook {
	background-color: #FFF;
	width: 968px;
}
/*razerpro*/
#aboutrazerpro {
	background-color: #FFF;
	height: 535px;
	padding-left: 22px;
	color: #666;
	background-image: url(image/razerpro/razerpro_bg.jpg);
}
#razerpro {
	width: 914px;
	background-color: #FFF;
	height: 1700px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #CCC;
}
#mainrazerpro {
	width: 918px;
	height: 320px;
	padding-top: 20px;
}
#mainrazerprolefta {
	width: 450px;
	float: left;
	background-color: #FFF;
	height: 250px;
	left: 25px;
	position: relative;
}
#mainrazerprorighta {
	float: right;
	width: 380px;
	height: 250px;
	position: relative;
	right: 20px;
}
#mainrazerprorighta p a {
	color: #00a6ba;
	text-decoration: none;
	font-size: 90%;
}
#mainrazerprorighta p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerproleftb {
	width: 360px;
	float: left;
	background-color: #FFF;
	height: 250px;
	position: relative;
	left: 60px;
}
#mainrazerprorightb {
	float: right;
	width: 450px;
	height: 250px;
	position: relative;
	right: 45px;
}
#mainrazerproend {
	width: 918px;
	height: 320px;
	padding-top: 20px;
}
#mainrazerproleftb p a {
	font-size: 90%;
	color: #00a6ba;
	text-decoration: none;
}
#mainrazerproleftb p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerprorightc {
	float: right;
	width: 380px;
	height: 250px;
	position: relative;
	right: 40px;
}
#mainrazerprorightc p a {
	color: #00a6ba;
	text-decoration: none;
	font-size: 90%;
}
#mainrazerprorightc p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerproleftc {
	width: 360px;
	float: left;
	background-color: #FFF;
	height: 250px;
	position: relative;
	left: 80px;
}
#mainrazerproleftc p a {
	font-size: 90%;
	color: #00a6ba;
	text-decoration: none;
}
#mainrazerproleftc p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
/*razer*/
#razernavi {
	background-color: #000;
	width: 958px;
	float: none;
	padding-left: 10px;
}
#razernavi ul li a {
	color: #666;
	text-decoration: none;
}
#razernavi ul li a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#razernavi ul li {
	list-style: none;
	display: inline;
	margin-right: 10px;
}
#mouse {
	width: 914px;
	background-color: #000;
	height: 2500px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
#mainrazer {
	width: 918px;
	height: 320px;
	padding-top: 20px;
}
#mainrazerlefta {
	width: 450px;
	float: left;
	background-color: #FFF;
	height: 250px;
	left: 25px;
	position: relative;
}
#mainrazerrighta {
	float: right;
	width: 380px;
	height: 250px;
	position: relative;
	right: 20px;
}
#mainrazerrighta p a {
	color: #00a6ba;
	text-decoration: none;
	font-size: 90%;
}
#mainrazerrighta p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerleftb {
	width: 360px;
	float: left;
	background-color: #000;
	height: 250px;
	position: relative;
	left: 60px;
}
#mainrazerrightb {
	float: right;
	width: 450px;
	height: 250px;
	position: relative;
	right: 45px;
}
#mainrazerend {
	width: 918px;
	height: 320px;
	padding-top: 20px;
}
#mainrazerleftb p a {
	font-size: 90%;
	color: #00a6ba;
	text-decoration: none;
}
#mainrazerleftb p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerrightc {
	float: right;
	width: 380px;
	height: 250px;
	position: relative;
	right: 40px;
}
#mainrazerrightc p a {
	color: #00a6ba;
	text-decoration: none;
	font-size: 90%;
}
#mainrazerrightc p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mainrazerleftc {
	width: 360px;
	float: left;
	background-color: #000;
	height: 250px;
	position: relative;
	left: 80px;
}
#mainrazerleftc p a {
	font-size: 90%;
	color: #00a6ba;
	text-decoration: none;
}
#mainrazerleftc p a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#mousepad {
	width: 914px;
	background-color: #000;
	height: 1050px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
#keyboards {
	width: 914px;
	background-color: #000;
	height: 1050px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
#accessories {
	width: 914px;
	background-color: #000;
	height: 400px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
#accessories {
	width: 914px;
	background-color: #000;
	height: 400px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
#audio {
	width: 914px;
	background-color: #000;
	height: 1050px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	border-top: 2px solid #333;
	color: #666;
}
/*msy*/
#aboutmsy {
	height: 525px;
	padding-left: 20px;
	color: #333;
	padding-top: 20px;
	border-bottom: 2px solid #CCC;
	background-image: url(image/basara_top.jpg);
}
#aboutmsyyoutube {
	position: relative;
	top: 30px;
	left: 180px;
}
#aboutmsy p a img {
	float: left;
	margin-right: 15px;
}
#aboutmsy #FlashID {
	position: relative;
	left: 80px;
	top: 40px;
}
#pslic {
	float: right;
	padding: 8px;
	position: relative;
	top: 400px;
	width: 450px;
}
#pslic .ps_olp {
	float: left;
	vertical-align: middle;
	margin-right: 8px;
}
#pslic span {
	font-size: 10px;
	line-height: 11px;
}
#msy {
	width: 968px;
	background-color: #ffffff;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
#msy h4 {
	font-size: 12px;
	line-height: 16px;
}
#msy h5 {
	font-size: 10px;
}
#msynavi {
	background-color: #FFF;
	width: 958px;
	float: none;
	padding-left: 10px;
}
#msynavi ul li a {
	color: #666;
	text-decoration: none;
}
#msynavi ul li a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#msynavi ul li {
	list-style: none;
	display: inline;
	margin-right: 10px;
}
#nestcase {
	width: 968px;
	height: 440px;
	padding-top: 40px;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}
#readmore {
	height: 40px;
	width: 968px;
}
#readmoreleftnc {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 45px;
	left: 765px;
}
#readmoreleftbf {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 40px;
	left: 900px;
}
#readmoreleftbf2 {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 40px;
	left: 200px;
}
#readmoreleftbf3 {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 60px;
	left: 400px;
}
#readmoreleftrf {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 0px;
	left: 392px;
	top: 40px;
}
#readmoreright {
	float: right;
	height: 30px;
	width: 100px;
	position: relative;
	bottom: 0px;
	font-size: 100%;
	right: 15px;
}
#readmoreright a {
	color: #00a6ba;
	text-decoration: none;
}
#readmoreright a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
/*roccaforte*/
#roccaforte {
	width: 968px;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#roccaforteleft {
	float: left;
	height: 355px;
	width: 429px;
	padding-top: 45px;
	padding-left: 20px;
}
#roccaforteright {
	float: right;
	height: 400px;
	width: 519px;
}
#roccaforteleft a {
	color: #00a6ba;
	text-decoration: none;
}
#roccaforteleft a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
/*falcon*/
#falcon {
	width: 968px;
	height: 480px;
	border-bottom: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
#falcon2 {
	width: 968px;
	height: auto;
	border-bottom: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
#falconright {
	float: right;
	height: 390px;
	width: 582px;
	margin-top: 20px;
}
#falconleft {
	float: left;
	height: 440px;
	width: 364px;
	padding-top: 25px;
	padding-left: 20px;
}
#falconleft2 {
	float: left;
	height: auto;
	width: 364px;
	padding-top: 25px;
	padding-left: 20px;
}
#chui {
	border: 1px solid #999;
}
#falconleft a {
	color: #00a6ba;
	text-decoration: none;
}
#falconleft a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#falconleft2 a {
	color: #00a6ba;
	text-decoration: none;
}
#falconleft2 a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#falconbasara {
	width: 968px;
	height: 450px;
	border-bottom: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
/*nestbag*/
#nestbag {
	width: 968px;
	height: auto;
	border-bottom: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
#nestbagleft {
	float: left;
	height: 400px;
	width: 580px;
}
#nestbagright {
	float: right;
	height: 380px;
	width: 367px;
	padding-top: 10px;
	padding-left: 20px;
}
#nestbagright a {
	color: #00a6ba;
	text-decoration: none;
}
#nestbagright a:hover {
	color: #00a6ba;
	text-decoration: underline;
}
#zoomnestbag {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	bottom: 60px;
	right: 560px;
}
#basara_seal {
	width: 968px;
	height: 216px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}
#basara_seal img {
	display: block;
	float: left;
	height: 216px;
	width: 349px;
}
#basara_seal span {
	display: block;
	float: left;
	width: 254px;
	height: 196px;
	padding: 8px;
	color: #666;
	line-height: 12pt;
	font-size: 8pt;
}
#basara_seal .caution {
	margin-top: 15px;
	color: #F00;
	font-weight: bold;
	border: 1px solid #666;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gripgallery {
	text-align: right;
	width: 968px;
}
.gripgallery .gallerydiscription {
	float: left;
	width: 324px;
	text-align: left;
	padding: 20px;
	margin-top: 65px;
}
.gripgallery .prodimg {
	height: 193px;
	width: 290px;
	border: 2px solid #666;
	margin-left: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 4px;
}