@charset "utf-8";


/*----------------------------------------------------------
	コンテンツ内の設定
----------------------------------------------------------*/

.none {
	display: none;
}

#tracer {
	display: none;
}

/*----------------------------------------------------------
	head
----------------------------------------------------------*/

#header img {
	display: inline;
}

#header #logo {
	margin: 0 3px 5px 16px;
}

#header h1 {
	display: inline;
}

#header h1 img {
	margin: 0 47px 3px 80px;
}

#header #howtouse {
	margin: 0 10px 0 0;
}

#header #logout {
	margin: 0 0 4px 0;
}

/*----------------------------------------------------------
	threeDimensionsArea
----------------------------------------------------------*/

#threeDimensionsArea {
	position: relative;
/*	float: left;*/
	margin: 1px 0;
	padding: 0 0 0 15px;
}

* html #threeDimensionsArea { /* for IE 6 */
	padding: 0;
}

*+html #threeDimensionsArea { /* for IE 7 */
	padding: 0;
}


/*----------------------------------------------------------
	OpenViewerLoginFlashArea
----------------------------------------------------------*/
#threeDimensionsArea .LoginFlashArea {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
}

/*----------------------------------------------------------
	OpenViewerArea
----------------------------------------------------------*/
#threeDimensionsArea .OPVArea {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
}

/*----------------------------------------------------------
	BeforeLoginArea
----------------------------------------------------------*/
#threeDimensionsArea .BeforeLogin {
	text-align: left;
	width: 955px;
	height: 435px;
	font-size: 120%;
	line-height: 18px;
	color: #fff;
	visibility: visible;
	position: absolute;
	background-image: url(../img/error/bg_beforeLogin.jpg);
	padding: 16px 0 0 0;
}

#threeDimensionsArea .BeforeLogin a {
	color: #99ffff;
}

#threeDimensionsArea .BeforeLogin a:hover {
	color: #ccffff;
}

/*----------------------------------------------------------
	firstVisit
----------------------------------------------------------*/
#threeDimensionsArea .firstVisit {
	width: 955px;
	height: 435px;
	visibility: hidden;
	position: absolute;
	font-size: 120%;
	line-height: 18px;
	color: #fff;
	background-image: url(../img/error/bg_firstVisit.jpg);
	padding: 15px 0 0 0;
}

#threeDimensionsArea #firstVisit img {
	cursor: pointer;
}

#threeDimensionsArea #firstVisit a {
	color: #99ffff;
}

#threeDimensionsArea #firstVisit a:hover {
	color: #ccffff;
}


/*----------------------------------------------------------
	GetPointFlashArea
----------------------------------------------------------*/
#threeDimensionsArea .GetPointFlashArea {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
}

/*----------------------------------------------------------
	SDJump
----------------------------------------------------------*/
#threeDimensionsArea .SDJump {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
	background-image: url(../img/error/bg.jpg);
	padding: 120px 0 0 0;
	background-repeat: no-repeat;
	background-position: 0px 0;
}

#top #logoArea #container #threeDimensionsArea #SDJump #btSection #backLink img {
	cursor: pointer;
}

/*----------------------------------------------------------
	SANWAnologin
----------------------------------------------------------*/
#threeDimensionsArea .SANWAnologin {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
	background-image: url(../img/error/error_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
}

#top #logoArea #container #threeDimensionsArea #SANWAnologin #btSection #backLink img {
	cursor: pointer;
}

/*----------------------------------------------------------
	SANWApointend
----------------------------------------------------------*/
#threeDimensionsArea .SANWApointend {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
	background-image: url(../img/error/error_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
}

#top #logoArea #container #threeDimensionsArea #SANWApointend #btSection #backLink img {
	cursor: pointer;
}


/*----------------------------------------------------------
	fullFilled
----------------------------------------------------------*/
#threeDimensionsArea .fullFilled {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: absolute;
	background-image: url(../img/error/filled_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
}

#top #logoArea #container #threeDimensionsArea #fullFilled #btSection #backLink img {
	cursor: pointer;
}



/*----------------------------------------------------------
	DummyArea
----------------------------------------------------------*/
#threeDimensionsArea .DummyArea {
	width: 955px;
	height: 450px;
	visibility: hidden;
	position: relative;
}



/*----------------------------------------------------------
	contents
----------------------------------------------------------*/

#selectChatArea {
	width: 955px;
	height: 244px;
	text-align: left;
	background: url(../img/top/bg_selectChatArea.gif) no-repeat;
	margin: 2px 0 0 0;
}

*+html #selectChatArea {
	margin: 1px 0 0 0;
}

* html #selectChatArea {
	margin: 1px 0 0 0;
}


/* -- clear float -- */ 
#selectChatArea {
	min-height:0;
	display: inline-table;
}

#selectChatArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #selectChatArea {height:0;}
#selectChatArea {display: block;}
/* */
/* -- end clear float -- */

#selectChatArea #selectSection {
	width: 508px;
	float: left;
	padding: 0 0 0 25px;
}

* html #selectChatArea #selectSection {
	width: 533px;
	padding: 0 0 25px 25px;
}

#selectChatArea #selectSection h2 {
	margin: 3px 0 15px 0;
}

#selectChatArea #selectSection #itemSelectImage {
	width: 178px;
	border: 1px solid #ccc;
}

#selectChatArea #selectSection .itemDetailSection {
	width: 317px;
	float: right;
}

*+html #selectChatArea #selectSection .itemDetailSection {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック",verdana,sans-serif;
}

#selectChatArea #selectSection #item_name {
	color: #444;
}


#selectChatArea #selectSection .itemDetailSection .itemNameSection {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#selectChatArea #selectSection .itemDetailSection .itemNameSection .itemNo {
	font-size: 90%;
	display: block;
	padding: 3px 0 0 0;
}

#selectChatArea #selectSection .itemDetailSection .itemNameSection img {
	float: left;
	padding: 0 10px 0 0;
}

#selectChatArea #selectSection .itemDetailSection .itemDetail {
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 10px 0;
}

#selectChatArea #selectSection .itemDetailSection .itemPriceSection {
	width: 155px;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 0;
}

*+html #selectChatArea #selectSection .itemDetailSection .itemPriceSection {
	font-size: 8px;
}

#selectChatArea #selectSection .itemDetailSection .itemPriceSection .itemPriceTitle {
	font-size: 12px;
}

*+html #selectChatArea #selectSection .itemDetailSection .itemPriceSection .itemPriceTitle {
	font-size: 8px;
}



#selectChatArea #selectSection .itemDetailSection .itemPriceSection .itemPrice {
	color: #ff0000;
	font-weight: bold;
}




*+html #selectChatArea #selectSection .itemDetailSection .itemPriceSection .itemPrice {
	font-size: 12px;
}

#selectChatArea #selectSection .itemDetailSection #itemBuy {
	width: 140px;
	float: right;
	margin: 0;
}

#selectChatArea #chatSection {
	width: 397px;
	float: right;
}

#selectChatArea #chatSection h3 {
	margin: 3px 0 3px 0;
}

*+html #selectChatArea #chatSection h3 {
	margin: 1px 0 3px 0;
}

#selectChatArea #chatSection #chatinput {
	width: 300px;
	height: 20px;
	float: left;
	border: 1px solid #004ea6;
	margin: 0px 3px 1px 0px;
	padding: 3px 2px 0px 3px;
}

* html #selectChatArea #chatSection #chatinput {
	height: 23px;
	margin: 0 2px 1px 0;
}



#main {
	width: 780px;
	float: left;
	text-align: left;
	padding: 20px 0 0 0;
}

#main #recommendArea {
	padding: 0 0 30px 25px;
}

#main #recommendArea h3 {
	margin: 0 0 15px 0;
}

#main #recommendArea .recommendItemArea {
	margin: 0 0 15px 0;
	background: url(../img/top/bg_recommendItemArea.gif) repeat-y;
}

/* -- clear float -- */ 
.recommendItemArea {
	min-height:0;
	display: inline-table;
}

.recommendItemArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .recommendItemArea {height:0;}
.recommendItemArea {display: block;}
/* */
/* -- end clear float -- */

#main #recommendArea .section {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
	padding: 5px;
}

* html #main #recommendArea .section { /* For IE 6 */
	width: 220px;
	margin: 0 27px 0 0;
}

#main #recommendArea .recommendItemArea .lastchild {
	margin: 0;
}

#main #recommendArea .recommendItemArea .section .itemImage {
	float: left;
	border: 1px solid #ccc;
}

#main #recommendArea .recommendItemArea .section .itemDetailSection {
	width: 120px;
	float: left;
	padding: 0 0 0 5px;
}

#main #recommendArea .recommendItemArea .section .itemDetailSection .itemName {
	display: block;
	width: 120px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#main #recommendArea .recommendItemArea .section .itemDetailSection .itemDetail {
	display: block;
	width: 120px;
	line-height: 1.4;
}

#main #recommendArea .recommendItemArea .section .itemPrice {
	display: block;
	width: 120px;
	font-size: 80%;
	padding: 0 0 0 93px;
}

* html #main #recommendArea .recommendItemArea .section .itemPrice { /* For IE 6 */
	width: 215px;
}

#main #recommendArea .recommendItemArea .section .itemPrice .price {
	color: #ff0000;
	font-size: 120%;
}

.catePtap {
	border-bottom: 3px solid #ff0000;
}

.catePtap span {
	color: #ff0000;
}

.cateCleaner {
	border-bottom: 3px solid #ff9900;
}

.cateCleaner span {
	color: #ff9900;
}

.cateCard {
	border-bottom: 3px solid #65ca00;
}

.cateCard span {
	color: #65ca00;
}

.cateUsb {
	border-bottom: 3px solid #006600;
}

.cateUsb span {
	color: #006600;
}

.cateTenkey {
	border-bottom: 3px solid #3399ff;
}

.cateTenkey span {
	color: #3399ff;
}

.cateMouse {
	border-bottom: 3px solid #3366cc;
}

.cateMouse span {
	color: #3366cc;
}

.cateMpad {
	border-bottom: 3px solid #6633cc;
}

.cateMpad span {
	color: #6633cc;
}

.cateBag {
	border-bottom: 3px solid #9933cc;
}

.cateBag span {
	color: #9933cc;
}

.cateCase {
	border-bottom: 3px solid #ff0099;
}

.cateCase span {
	color: #ff0099;
}

.cateSpeaker {
	border-bottom: 3px solid #993366;
}

.cateSpeaker span {
	color: #993366;
}



#sub {
	width: 175px;
	float: left;
	background: #fff;
	padding: 20px 0 0 0;
}

#sub #howtoOperation {
	margin: 15px 0 0 0;
}

#sub #howtoOperation h4 {
	margin: 0 0 10px 0;
}

#sub #bannerArea {
}

#sub #bannerArea img {
	margin: 0 0 10px 0;
}


#top #logoArea #container #contents #main #recommendArea .recommendItemArea .section .itemPrice .Price_red {
	font-weight: bold;
	color: #FF0000;
}


/*----------------------------------------------------------
	footer
----------------------------------------------------------*/

#footer p {
	padding: 15px 0;
	border-bottom: 1px solid #fff;
}


#top #logoArea #container #link_mess p {
	margin-top: 80px;
	margin-bottom: 40px;
}
#top #logoArea #container #link_mess img {
	margin-right: 20px;
	margin-left: 20px;
	cursor: pointer;
}