/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_new.css 3688 2006-06-02 00:12:18Z drbyte $
 */

body {
	margin: 0;
	/*font-size: 62.5%;*/
	color: #000000;
}

img {
border:0px;
}


a img{ 
background:none!important; }   
a:hover img{ opacity:0.6; 
filter:alpha(opacity=60); 
-ms-filter: "alpha( opacity=60 )"; 
background:none!important; 
} 


a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	/*color: #3300FF;*/
	text-decoration: none;
	}
 
a:visited {
	/*color: #3300FF;*/
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
}
h2 {
  font-size: 1.4em;
  margin: 5px 10px 10px 0;
  padding: 3px 0 3px 5px;
  border-left: 8px solid #ff81a7;
  border-top: 1px solid #a9a9a9;
}
h3 {
	font-size: 1.1em;
	color:#666;
}

h4, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1em;
	color:#666;
}

h5 {
	font-size: 1em;
	margin: 2px 0 5px 0;
}
	
	
.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h6 {
	margin: 0 0.3em 0.3em 0;
}

CODE {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
	font-size: 1em;
	}
FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}
	
textarea {
	font-size:1.3em;
}
	
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
}
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color:#ff80a6;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	font-size: 0.95em;
	width: 10em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 0.1em;
	font-size: 14px;
	line-height: 140%;
}
ADDRESS {
	font-style: normal;
	}
.clearBoth {
	clear: both;
}
HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}
.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}
.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}
.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}
/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 900px;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}
#tagline {
  color:#000000;
	font-size: 2em;
  text-align : center;
	vertical-align: middle;
}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 10px 0px;
	width: 100%;
	}
	
.floatingBox, #csNotifications {
	margin: 10px 0px;
	width: 95%;
	}
		
	

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {
	margin: 0.5em;
	font-size: 0.9em;
	}
.navSplitPagesLinks {
	margin: 0.5em;
	font-size: 0.9em;
	}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #ffffff;
	font-weight: bold;
	color: #9a9a9a;
	height: 1%;
	width: 100%;
}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	/*white-space: nowrap;*/
}
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #9a9a9a;
}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}
#navEZPagesTOC ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
}
#navEZPagesTOC ul li {
	white-space: nowrap;
}
#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription  {
	margin: 0.5em;
}
#navBreadCrumb {}
#navEZPagesTop {
	/*background-image: url(../images/tile_back.jpg);*/
	background-repeat: repeat-x;
	border: 1px solid #9a9a9a;
	}
#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	margin: 0em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	}

#navColumnOne {
	padding: 0em;
	/*border-left: 1px solid #cccccc;*/
	}
#navColumnTwo {
	padding: 0em;
	/*border-right: 1px solid #cccccc;*/
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

#productDescription, .shippingEstimatorWrapper {
	padding: 0em;
	font-size:1.1em;
	line-height: 140%;
}

.alert {
	color: #FF0000;
	margin-left: 0.1em;
	font-size: 0.9em;
	}
.advisory {}
.important {
	font-size: 1.1em;
	padding-left: 0.5em;
	}
	
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}
	
.faq {
	padding:1em;
	line-height: 140%;
	margin-left: 20px;
}

	

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #999;
	padding: 1em;
	}

.cartTableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;

	}
.cartProductDisplay  {
	border-top: 1px solid #999;
	padding: 0.5em 0em;
	font-size: 1.1em;
	font-weight: bold;

	}
.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}
#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

#cartAttribsList {
	margin-left: 1em;
	font-size: 1em;
	font-weight: normal;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

.totalBox {
	width: 6em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
}
.categoryIcon {}
#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

h2.centerBoxHeading, .productListing-rowheading {
	margin: 0em;
	  background-color: #abbbd3;/*タイトルバーの色*/
	font-size: 1em;
	color: #ffffff;
	padding: 0.5em 0.2em;
	border-bottom: 1px solid #9a9a9a;
	}
.centerBoxWrapper, .tabTable {
	padding: 0px;
	height: 1%; /*do not remove- IEhack*/
	border: 1px solid #9a9a9a;
	margin-bottom: 1em;
	}

.sideBoxContent {
	/*background-color: #ffffff;
	padding: 0.4em;*/
	}

/*h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFF00;
	}*/

/*.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.2em 0em;
	}*/

h3.leftBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 
h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}
.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

/*#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}
*/

.bestsellers_thumbnail {
width: 120px;
padding-right: 4px;
float: left;
margin: 0px;
  }

#bestsellers .wrapper {
	margin: 0em 0em 0em 0em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 0em;
	}

#bestsellers li {
  margin-left: 3px;
	padding-top: 5px;
	margin: 0em 0em 1.3em 0em;
	clear: both;
	}
	
#bannerboxHeading {
	background-color: #0000CC;
}
#upProductsHeading {
	text-align: left;
	}
#upDateHeading {
	text-align: right;
	}
/*misc*/
.back {
  float: left;
}
.forward {
	float: right;
}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	font-size:120%;
	line-height: 180%;
	border-bottom: dotted;
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
/* ---------------------------------------- #globalnaviの指定 */


 #globalnavi{
  margin: 0;
  padding: 0;
  width: 900px;
  height: 38px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float:left;

  margin: 0;
  padding: 0;
}


#globalnavi a{
  display: block;
  width: 100%;
  height: 40px;
  background-image: url(../images/headermenu.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0; width: 59px;}
#menu2 a{background-position: -59px 0; width: 116px;}
#menu3 a{background-position: -175px 0; width: 113px;}
#menu4 a{background-position: -287px 0; width: 103px;}
#menu5 a{background-position: -390px 0; width: 127px;}
#menu6 a{background-position: -517px 0; width: 79px;}
#menu7 a{background-position: -596px 0; width: 156px;}
#menu8 a{background-position: -753px 0; width: 61px;}
#menu9 a{background-position: -814px 0; width: 86px;}



#globalnavi a:hover{
  background-image: url(../images/headermenu.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -38px;}
#menu2 a:hover{background-position: -59px -38px;}
#menu3 a:hover{background-position: -175px -38px;}
#menu4 a:hover{background-position: -287px -38px;}
#menu5 a:hover{background-position: -390px -38px;}
#menu6 a:hover{background-position: -517px -38px;}
#menu7 a:hover{background-position: -596px -38px;}
#menu8 a:hover{background-position: -753px -38px;}
#menu9 a:hover{background-position: -814px -38px;}

#checkoutConfirmDefaultHeading, #cartDefaultHeading, #checkoutPaymentHeading, #checkoutShippingHeading, #loginDefaultHeading,
#createAcctDefaultHeading, #checkoutSuccessHeading, #shippingInfoHeading, #pageTwoHeading, #pageHeading, #ezPagesHeading, #indexCategoriesHeading,
#accountDefaultHeading, #addressBookDefaultHeading, #productListHeading, #pageNotFoundHeading, #conditionsHeading, #logoffDefaultHeading, #checkoutShipAddressDefaultHeading, #checkoutPayAddressDefaultHeading, #privacyDefaultHeading, #unsubDefaultHeading, #discountcouponInfoHeading, #siteMapHeading, #pageThreeHeading, #acctNewslettersDefaultHeading, #pageNotFoundHeading {
	font-size: 180%;
	color:#d64e80;
	font-weight: bold;
}

/*------------------------------zoom*/

.zitem {
	width:60px;
	height:101px;	
	border:1px solid #222;	
	margin:0px 0px 0px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:60px;
	height:20px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:10px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.caution {
  font-size: 200%;
  font-weight: bold;
  color:#FF0000;
  line-height: 130%;
}

.cautionbar {
	background:#FFFF00;
	background-image:url(http://order.shunostyle.jp/images/common/caution.gif);
	background-repeat: no-repeat;
	color:#F00;
	
	font-weight: bold;
	/*font-size: 120%;*/
	padding: 3px 0 3px 22px;
}
	

.cautionsmall {
  font-size: 150%;
  font-weight: bold;
  color:#FF0000;
  line-height: 130%;
}

.cautionbig {
  font-size: 300%;
  font-weight: bold;
  color:#FF0000;
  line-height: 130%;
}

.caution2 {
  font-size: 110%;
  font-weight: bold;
  color:#FF0000;
  line-height: 120%;
  margin: 3px 0 5px 0;
}


div.cautionwaku{
	font-size: 140%;
	color: #F00;
	font-weight: bold;
	line-height: 140%;
	border: 1px #F00 solid; /* 枠線（太さ・色・スタイル） */ 
    padding: 10px; /* ボックス内の余白 */ 
}
.tosen {
  font-size: 110%;
  font-weight: bold;
  color:#000000;
  line-height: 200%;
}

.payment_title {
  font-size: 180%;
  font-weight: bold;
  color:#7e0001;
  background: #e6c8c8;
  padding: 5px 0 5px 5px;
}

.greeting {
	  font-size: 110%;
  font-weight: bold;
	margin-bottom: 10px;
}

/*------------------------
 * サイドメニュー
 -----------------------*/

.side-hondana-menu{
background:#e3e6ef;
}

.side-hondana-menu h2{
font-weight:bold;
font-size:120%;
margin:0px;
padding:10px 0 10px 0px;;
border:none;
background:none;
}


.side-hondana-menu h3{
margin:0px 0 0 0px;
padding:10px 0 10px 10px;
background:url(../images/bg_side.jpg) no-repeat 0 0;
font-size:120%;
color:#2c221d;
font-weight:bold;
}


.side-hondana-menu h3 span{
display:block;
margin:3px 0 0 0;
/*font-weight:normal;*/
font-size:85%;
color:#ee4509;
}


.side-hondana-menu h4,
.side-hondana-menu a{
display:block;
font-weight:bold;
}

.side-hondana-menu h4{
font-size:90%;
color:#ee4509;
margin:0px 0 0 0px;
padding:0px 0px 0px 10px;
border-bottom:1px solid #fffbf6;
background:url(../images/bg_anchor.gif) no-repeat 1px 50% #e3e6ef;
}

.side-hondana-menu h4 a{
height:19px;
padding:11px 0 11px 5px;
}

.side-hondana-menu h4 a{color:#484035;text-decoration:none;}
.side-hondana-menu li a{color:#484035;text-decoration:none;}

.side-hondana-menu h4 a:hover{color:#e68e39;text-decoration:underline;}
.side-hondana-menu li a:hover{color:#e68e39;text-decoration:underline;}



.side-hondana-menu li{
padding:5px 0 5px 25px;
background:url(../top_images/bg_anchor.gif) no-repeat 10px 6px #e6e6e6;
font-size:85%;
border-bottom:1px solid #fffbf6;
}


table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-left: 7px;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	line-height: 140%;
    text-align: left;
}

table#table-02 {
    width: 70%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-left: 20px;
}

table#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
	line-height: 140%;
    text-align: left;
}


.b2b{
  background-image: url(http://hondana.shunostyle.jp/images/top/b2b2.gif); 
  background-repeat: no-repeat;
  height: 157px;
  width: 100%;
}
.b2bbtn {
  float: left;
  margin: 115px 0 0 5px;
}

.main2 {
margin-top: 11px;
  padding: 0 0 0 0;
  background-image: url(http://hondana.shunostyle.jp/images/top/top01.gif); 
  background-repeat: no-repeat;
  height: 233px;
  width: 100%;
}

.main_reviwe {
	font-size: 1.1em;
	line-height: 140%;
}

.tuppari {
  float: right;
  margin: 175px 0 0 0;
}

.attribsCheckbox{
	font-size: 90%;
}

#soho {
	padding: 10px 0 10px 0;
}
p.cancelWarning{
	margin-left: 10px;
	font-size: 110%;
	background-color: #FFE6E6;
	padding: 15px;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	border:1px solid #ff0000;
}

p.Warning{
	margin-left: 5px;
	font-size: 100%;
	background-color: #FFE6E6;
	padding: 10px;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	border:1px solid #ff0000;
}

.caution211 {
	text-align: right;
	margin: 5px 0 0 0;
}

.caution_haba {
	text-align: right;
	margin: 15px 0 0 0;
}

.equip {
	margin: 0 0 0 15px;
}

/**
 *  SITE RULES 上置
 */
#main_site{
  width: 715px;
  height: 650px;
  margin: auto;
  overflow: hidden;
  background: #fff;
  clear: left;
  position: relative;
}

#wrappernavi{
  width: 765px;
  height: 650px;
  overflow: auto;
  position: relative;
  overflow-y: hidden; 
}

.page{
  width: 715px;
  height: 650px;
  color: #000;
  overflow: hidden;
  position: relative;
}
	
.page h3{
  font-size: 120%;
}
	
ol,ul {
  list-style:none;
}

q:before,q:after {
  content:'';
}

/**
 *  TABBED MENU
 */ 
 
#navigation{
}
 
#navigation ul{
  width: 715px;
  margin: auto;
}

#navigation li{
  float: left;
  width: 235px;
  border-bottom: solid 1px;
}

#navigation li a{
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
  background: #eee;
  margin-right: 1px;
}

#navigation li a:hover{
  color: #333;
  background: #999;
}

#navigation li a:active{
  color: #fff;
  background: #f90;
}
  
#navigation li a:focus{
   background: #f90;        
}

#navigation2{
}
 
#navigation2 ul{
  width: 715px;
  margin: auto;
}

#navigation2 li{
  float: left;
  width: 235px;
  border-bottom: solid 1px;
}

#navigation2 li a{
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
  background: #ffcc00;
  margin-right: 1px;
}

#navigation2 li a:hover{
  color: #333;
  background: #999;
}

#navigation2 li a:active{
  color: #fff;
  background: #f90;
}
  
#navigation2 li a:focus{
   background: #f90;        
}

.products_info {
	margin: -30px 0 0 400px;
}

/**
 *  ページトップへ戻る
 */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 88%;
}
#page-top a {
	background: #0090ff;
	text-decoration: none;
	color: #fff;
	width: 130px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

#buyButton1 a {
	margin-top: 3px;
	float: right; 
    display: block;
    overflow: hidden;
    height: 0px;
    width: 185px;
    background-image: url(../images/btn/buy_btn.jpg);
    padding-top: 44px;
    text-align: center;
}

#buyButton1 a:hover {
    background-position: 0 -44px;
}
#buyButton0 a {
	margin-top: 3px;
	float: right; 
    display: block;
    overflow: hidden;
    height: 0px;
    width: 185px;
    background-image: url(../images/btn/syosai_btn.jpg);
    padding-top: 44px;
    text-align: center;
}

#buyButton0 a:hover {
    background-position: 0 -44px;
}


#buyButton2 a {
	float: right; 
    display: block;
    overflow: hidden;
    height: 0px;
    width: 111px;
    background-image: url(../images/btn/buy_btn_s.jpg);
    padding-top: 27px;
    text-align: center;
}

#buyButton2 a:hover {
    background-position: 0 -26px;
}

#order_bg{
  display: block;
  width: 715px;
  height: 710px;
  background-image: url(../images/order_bg.jpg);
  background-repeat: no-repeat;
  padding-top: 60px;
}
/**
 *  アコーディオン
 */

.tabNav	{
	width: 100%;
	
}
.tabNav li	{
	float: left;
	margin: 0 5px -1px;
	font-weight: bold;
	text-align: center;
}
.tabNav a	{
	display: block;
	width: 150px;
	padding: 5px 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	color: #333;
}
.tabNav a.active	{
	border-bottom: 1px solid #FFF;
}
.tabContents	{
	clear: both;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 30px;
}
.tabContents dl	{
	margin-bottom: 15px;
}
.tabContents dt	{
	font-size: 110%;
	padding: 5px 5px 5px 10px;
	font-weight: nomal;
}
.tabContents dd	{
	padding: 8px 5px 8px 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
.oritatami dt	{
	background-color: #090;
	color: #FFF;
	font-size: 110%;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}
dd{

margin:0 0 0 8px;
} 


.secondpulldown {
      display: none;
   }
div.pulldownbox {
   margin: 10px 10px 0 -8px;
   padding: 5px;
   border: 2px solid gray;
   background-color: #f0f0f0;
}
form.firstpulldown {
	font-size: 120%;
   margin: 1em;
   padding: 5px;
}

	/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp tabber$ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	width:545px;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #FF9C00;
 font: bold 18px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #FF9C00;
 border-bottom: none;
 background: #FFE0CE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #FF6600; }
ul.tabbernav li a:visited { color: #FF6600; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background: #FF8F2F;
 border-color: #FF9C00;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #FF4C29;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #FF9C00;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.sample img {
	margin: 15px 10px 0 0;
}
@media screen and (max-width: 1200px /*表示させたくない最小の大きさを記入（これはスマホの画面の大きさ）*/){
#tabbanner { display: none;}
}

#tabbanner {
width: 172px;/* 最初に表示されるバナーの幅 */
height: 213px;/* バナーの高さ */
background: url(http://mymac-design.com/card/images/kan_badge.jpg) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
left: 10px;/* 左から5pxの位置に指定 */
top: 150px;/* 上から50pxの位置に指定 */
}
#tabbanner a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tabbanner:hover {/* カーソルが乗った時の動きを指定 */
width: 200px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}