/*
  $Id: stylesheet.css,v 1.23 2014/09/25 04:37:07 kat Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

*/

* {
  font-family: Osaka, Verdana, Arial, sans-serif;
 font-size: 12px;
}

.boxText {
  font-size: 13px;
}
.errorBox {
  font-size : 10px;
  background: #FFB3B5;
  font-weight: bold;
}
.stockWarning {
  font-size : 13px;
  color: #c03;
}
.productsNotifications {
  background: #F2FFF7;
}
.orderEdit {
  font-size : 13px;
  color: #70D250;
  text-decoration: underline;
}
BODY {
  background: #fff;
  color: #000;
  margin: 0;
}
A {
  color: #000;
  text-decoration: none;
}
A:hover {
/*  color: #AABBDD; */
  text-decoration: underline;
}
FORM {
  display: inline;
}
TR.header {
  background: #fff;
}
TR.headerNavigation {
  background: #8B9FB1;
}
TD.headerNavigation {
  font-size: 11px;
  background: #8B9FB1;
  color: #fff;
  font-weight : bold;
}

#header_logo {
 width: 360px;
 height: 69px;
 background: transparent url(images/20111118/top_banner1.gif) -42px -13px no-repeat;
}

#header_logo a {
 display: block;
 width: 360px;
 height: 69px;
 text-indent: -1000px;
}

div.design-headerNavigation {
  font-size: 0.7em;
}

A.headerNavigation {
  color: #fff;
}
A.headerNavigation:hover {
  color: #fff;
}

TR.headerError {
  background: #f00;
}
TD.headerError {

  font-size: 12px;
  background: #f00;
  color: #fff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #0f0;
}
TD.headerInfo {
  font-size: 12px;
  background: #0f0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
  background: #8B9FB1;
}
TD.footer {
  font-size: 11px;
  background: #8B9FB1;
  color: #fff;
  font-weight: bold;
}
.infoBox {
  background: #DBE1EC;
}
.contentBox {
  background: #B6B7CB;
}
.infoBoxContents {
  background:#DBE1EC;
  font-size: 13px;
}
.contentBoxContents {
  background: #F8F8F9;
  font-size: 13px;
}
.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TR.messageStackError, .messageStackWarning { background-color: #FFE6E6; }
TD.messageStackError, .messageStackWarning { font-size: 11px; background-color: #FFE6E6; }
TR.messageStackSuccess { background-color: #99ff00; }
TD.messageStackSuccess { font-size: 11px; background-color: #99ff00; }

TD.infoBoxHeading {
  font-size: 13px;
  font-weight: bold;
  background: #18598C;
  color: #fff;
}
TD.contentBoxHeading {
  font-size: 13px;
  font-weight: bold;
  background: #7A99B6;
  color: #fff;
}
TD.contentBoxHeading2 {
  font-size: 13px;
  font-weight: bold;
  background: #8E8226;
  color: #fff;
}
TD.contentBoxHeading3 {
  font-size: 13px;
  font-weight: bold;
  background: #7A9900;
  color: #fff;
}
TD.contentBoxHeading4 {
  font-size: 13px;
  font-weight: bold;
  background: #DEE287;
  color: #fff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 13px;
}
TD.productListing-odd_d {
  font-size: 13px;
  background: #fff;
  color: #000;
}
TD.productListing-even_d {
  font-size: 13px;
  background: #eee;
  color: #000;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #fff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #eee;
}
TR.productListing-heading {
  background: #E2E2E4;
}
TD.productListing-heading {
  font-size: 13px;
  background: #E2E2E4;
  color: #000;
  font-weight: bold;
  font-variant: small-caps;
}
TD.productListing-data {
  font-size: 13px;
}
A.pageResults {
	color: #36c;
	text-decoration:underline;
}
A.pageResults:hover {
	color: #39f;
	text-decoration:none;
}
.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9A9A9A;
}
TR.subBar {
  background: #F4F7FD;
}
TD.subBar {
  font-size: 10px;
  color: #fff;
}

TD.main, P.main, SPAN.main, PRE.main{
  font-size: 13px;
  line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-size: 11px;
}
TD.verySmallText, SPAN.verySmallText, P.verySmallText {
  font-size: 9px;
}
TD.accountCategory {
  font-size: 13px;
  color: #AABBDD;
}
TD.fieldKey {
  font-size: 13px;
  font-weight: bold;
}
TD.fieldValue {
  font-size: 13px;
}
TD.tableHeading {
  font-size: 13px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 13px;
  color: #f00;
}
TEXTAREA {
  width: 100%;
  font-size: 13px;
}

SPAN.greetUser {
  color: #3333cc;
  font-weight: bold;
}
TABLE.formArea {
  background: #F1F9FE;
  border-color: #7B9EBD;
  border-style: solid;
  border-width: 1px;
}
TD.formAreaTitle {
  font-size: 13px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #C76170;
  font-weight: bold;
}
SPAN.productSpecialPrice {
  font-size: 18px;
  color: #f33;

}
SPAN.errorText {
  color: #f00;
}


.moduleRow { }
.moduleRowOver {
  background-color: #D7E9F7;
}


.moduleRowSelected {
  background-color: #E9F4FC;
}

.checkoutBarFrom, .checkoutBarTo {
  font-size: 13px;
  color: #8C8C8C;
}
.checkoutBarCurrent {
  font-size: 13px;
  color: #000;
}

TR.productDescription-Heading {
  background: #E2E2E4;
}
TD.productDescription-Name {
  font-size: 16px;
  font-weight: bold;
  color: #3E538C;
}
SPAN.productDescription-Stock {
  color: #004080;
}
SPAN.productDescription-WhiteStar {
  color: #808000;
}
TD.productDescription-Title {
  font-size: 13px;
  background: #3E5E89;
  color: #fff;
}
TD.productDescription-JunkTitle {
  font-size: 13px;
  background: #95886A;
  color: #fff;
}
TD.productDescription-Price {
  font-size: 16px;
  color: #c33;
}
TD.productDescription-Remarks {
  line-height: 160%;
}

FONT.Transport {
  font-size: 13px;
  color: #c03;
  text-decoration: underline;
}

TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  border-spacing: 1px;
}
.linkListing-heading {
  font-size: 13px;
  font-weight: bold;
  background: #B6B7CB;
  color: #fff;
  text-align: center;
}
TR.linkListing-odd {
  background: #F8F8F9;
}
TR.linkListing-even {
  background: #F5F5F5;
}
TD.linkListing-data {
  font-size: 12px;
  border-right: 1px solid #B6B7CB;
  border-bottom: 1px solid #B6B7CB;
  padding: 4px;
}

TD.activeCategoriesTab {
  font-size: 13px;
  /*font-weight: bold;*/
  color: #fff;
  background: #BBC9DB;
  padding: 0px 7px;
  border-style: none none solid solid;
  border-width: 0px 0px 1px 16px;
  border-color: #BBC9DB #BBC9DB #6189BA #6189BA;
}
TD.activeCategoriesTab_Separate {
  font-size: 13px;
  color: #fff;
  background: #BBC9DB;
}
.inactiveCategoriesTab td a {
  padding: 0px 25px 0px 7px;
  margin: 2px 0;
/*
  border-left: 15px solid #fff;
  color: white;
*/
  display: block;
}

A.activeCategoriesTab {
  font-size: 13px;
  font-weight: bold;
  color: #F94646;
  background: #BBC9DB;
}
A.inactiveCategoriesTab {
  font-size: 13px;
  color: #0C3050;
  background: #BBC9DB;
}


.design-1 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.design-2 {
  font-size: 13px;
  color: #4F6EA5;
}
.design-3 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-image: url(images/design/category.gif);
  background-repeat: no-repeat;
  padding-left: 6px;
}
.design-4 {
  font-size: 13px;
  color: #677B8D;
  background-image: url(images/design/subcategory.gif);
  background-repeat: no-repeat;
  padding-left: 7px;
}
a.design-4a {
  color: #677B8D;
  text-decoration: none;
}
a.design-4a:hover {
  color: #788B9C;
  text-decoration: underline;
}
.design-5 {
  font-weight: bold;
  color: #f00;
}
.design-6 {
  font-size: 13px;
  font-weight: bold;
  color: #666666;
}
.design-7 {
  background-image: url(images/design/subcategory_2.gif);
}
.design-8 {
  font-size: 13px;
  color: #222222;
}
.design-9 {
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}

TABLE.calendar {
  border:1px #DDDDDD solid;
  border-collapse:collapse;
}

TD.calendarTitle {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:center;
  background-color:#FFFFDD;
}

TD.calendarSun {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:center;
  font-weight:bold;
  background-color:#fcc;
  color:#f00;
}

TD.calendarSat {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:center;
  font-weight:bold;
  background-color:#cff;
  color:#0000FF;
}

TD.calendarWek {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:center;
  font-weight:bold;
  background-color:#eee;
}

TD.calendarBHol {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:right;
  background-color:#fcc;
  color:#f00;
}

TD.calendarBWek {
  border:1px #DDDDDD solid;
  font-size:10px;
  padding:1px;
  text-align:center;
  background-color:#fff;
}


.H1{
  font-size : 13px;
  font-weight: normal;
  color: #8595A2;
}

h1.shoptitle {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
h2.prodtitle {
  font-size : 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.warn {
 color: #8c0f05;
  font-weight: bold;
}

div.info_detail {
 margin: 5px 45px 5px 25px;
}

div.info_detail h3 {
	margin: 25px 0 0 0;
	padding: 0 5px;
	border-left: 7px solid #1f5c97;
	font-weight: bold;
	color: #1f5c97;
	font-size: medium;
}

div.info_detail li {
	margin: 0 0 5px 0;
	list-style-type: circle;
	font-size: small;
}

table #Login_RC {
 border: 2px solid #36c;
}
table #Login_RC th {
 background-color: #36c;
 font-size: large;
}

table #Login_NC {
 border: 2px solid #f63;
}
table #Login_NC th {
 background-color: #f63;
 font-size: large;
}
table #Login_NC td h3 {
 margin: 10px 0 0 0;
 padding: 0 5px;
 border-left: 7px solid #68104b;
 font-weight: bold;
 color: #666;
 font-size: medium;
}
table #Login_NC td p {
 margin: 10px 0 0 15px;
}
table #Login_NC td img {
 margin: 5px 0 0 35px;
}
table #Login_NC td input {
 margin: 10px 0 20px 85px;
}
/*
table #Login_WA {
 border: 2px solid #f63;
}
table #Login_WA th {
 background-color: #f63;
}
*/
table.Login_table {
 padding: 0;
 margin: 0;
 height: 100%;
}
table.Login_table th {
 height: 50px;
 padding: 5px 0;
 margin: 0;
 color: #fff;
 font-size: medium;
 white-space: nowrap;
}
table.Login_table td {
 padding: 5px 15px;
 margin: 0;
 font-size: x-small;
}

iframe.twitter-share-button {
 width: 105px!important;
}
div #___plusone_0 {
 width: 70px!important;
 *display: inline!important;
}
div.g-plusone {
 width: 70px!important;
 *display: inline!important;
}
.faq_title_list {
 display: block;
 padding: 3px 0;
 font-size: 1.2em;
}
.faq_cont_title {
 padding: 15px 0 10px 0;
 font-size: 1.3em;
}
.faq_cont_answer {
 padding: 5px 0 20px 0;
 line-height: 160%;
 width: 600px;
}

/* --------------------------------------------------- shigetome 2015/06/23 start */
/* top pageの「ThinkPad 型番一覧」のみで使っている */

.allmenu  {
	position: relative;
}
.allmenu > li {
	list-style: none; /*メニューの各項目を、リストスタイルで表示しない*/
	height: 0px;
	line-height: 21px;
	background: #73c3de;
}
.allmenu > li a {
	display: block;
	text-decoration: none;
	background: #73c3de;
}
.allmenu > li a:hover {
	background: #73c3de;
}
.allmenu_ul li a:hover {
	background: #ffbf7f;
}
.allmenu:before, .menu:after {
	display: table;
}
.allmenu:after {
	clear: both;
}

li.allmenu_li {
	position: absolute;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
	width: 150px;
	border: none;
	background: #73c3de;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

ul.allmenu_ul {
	visibility: hidden;
	top: 0px;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px 0px;
	background: #73c3de;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	text-align: left;
	font-weight: normal;

}

li.allmenu_li:hover {
	width: 800px;
}

li.allmenu_li:hover ul.allmenu_ul {
	visibility: visible;
	opacity: 1.0; /*透明度の指定*/
	list-style: none; /*メニューの各項目を、リストスタイルで表示しない*/
}

li.allmenu_li > ul.allmenu_ul {
	float: left;
	width: 20%;
	top: 0px;
	border: none;
	list-style: none;
}
ul.allmenu_cp {
	visibility: hidden;
	box-sizing: border-box;
	width: 800px;
	margin: 0px;
	padding: 0px 0px;
	transition: all .2s ease;
	text-align: center;
	font-weight: normal;
}
li.allmenu_li:hover ul.allmenu_cp {
	visibility: visible;
	opacity: 1.0; /*透明度の指定*/
	list-style: none; /*メニューの各項目を、リストスタイルで表示しない*/
}
li.allmenu_li > ul.allmenu_cp {
	top: 0px;
	border: none;
	list-style: none;
}
.allmenu_cp li a:hover {
	background: #ffbf7f;
}

ul.allmenu_ul > li {
	list-style: none;
	border: none;
}
/* --------------------------------------------------- shigetome 2015/06/23 end */

/* ---ヘッダーの検索ボックス-------------------------- Kinoshita 2016/01/28 start */

.header_searchbox {
	padding: 6px 1px;
	background-color: #fff;
	border: 2px solid #FFA823 !important;
	border-radius: 5px;
/*	width: 90%;
	float: left;*/
}
.header_search {
	width: 75% !important;
	height: 24px !important;
	border: 0 solid #fff !important;
	padding: 0 !important;
	margin: 1px -15px 1px 1px !important;
	color: #000000 !important;
}
    
.header_search_btn {
	width: 50px !important;
	height: 24px !important;
	padding: 0 !important;
	background-color: #FFA823 !important;
	border: none !important;
	border-radius: 3px !important;
	color: #fff !important;
	font-weight: bold !important;
}
.header_search_tbl {
	height: 38px;
	text-align:center;
}

/* --------------------------------------------------- Kinoshita 2016/01/28 end */


.visible-xs {
    display: none;
}
.header_nav a {
    padding-right: 4px;
}
.linkDetail {
    display: inline-block;
    margin-top: 10px;
}

/* PC・Mobile切り替え */
.change_mode{
	padding: 15px;
	padding-bottom: 50px;
}

.change_mode a{
	background-color: #000;
	opacity: 0.7;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 30px;
	line-height:30px;
	padding:5px 10px;
	margin-top: -1px;
	text-decoration: none;
	color: #ffffff;
	font-size:20px;
	font-weight:bold;
}
.topNewInfo {
    width: 600px;
}

ul.spec {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
}
ul.spec li.sp1 {
    float: left;
    margin-right: 0px;
    padding: 10px;
    border: 1px #ffb366 dotted;
    background-color: #fffdee;
    text-align: center;
    height:19px;
    display: table-cell;
}
ul.spec li.sp1:empty {
    display: none;
}
ul.spec li.sp2 {
    float: left;
    margin-right: 0px;
    padding: 5px;
    text-align: center;
}
.clearLeft {
    clear: left;
}

.higherProduct {
  font-size: 15px;
  padding: 5px 10px;
  display: inline-block;
  background-color: #FAEBD9;
  border-bottom: 2px #FA3932 solid;
}
.higherProduct:hover {
  text-decoration: none;
  font-weight: bold;
}