/*----bof Mac IE5 import-----*/
/*\*//*/@import "macie.css";/**/
/*----eof Mac IE5 import-----*/

/*-----------------------------初期設定-----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,table,th,td,hr,img{
	margin:0px;
	padding:0px;
	line-height:1;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html body{
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/**/

table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,abbr{
border:0;
}

input,textarea{
	line-height:1.6;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
font-style:normal;
font-weight:normal;
}
caption,th {
text-align:left;
}
q:before,q:after{
content:'';
}

html{
	height:100%;
}

body{
	font-size:110%;
	text-align:center;
}

html>/**/body{
	font-size:14pt;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html body{
	font-size:110%;
}
/**/

img{
	vertical-align:top;
}

li{
	list-style-type:none;
}

/*\*/
a {
	overflow:hidden;
}
/**/

/*-----初期設定　終了----*/

/*-------共通部分-------*/

#mainWrapper{
	width:620px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#mainWrapper #header{
	padding:27px 0px 10px 0px;
	border-bottom:solid 1px #cfcfcf;
}

#mainWrapper #header h1{
	float:left;
}

#mainWrapper #header ul{
	display:inline-block;
/*Mac IE Excludes\*/
	margin-left:148px;
/**/
}

#mainWrapper #header ul:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html #mainWrapper #header ul{
	height:1px;
	overflow:visible;
	margin-left:0px;
	position:relative;
	left:-24px;
}

#mainWrapper #header ul{
	display:block;
}

/**/

#mainWrapper #header li{
	float:left;
	margin-left:46px;
}

#mainWrapper #navColumnOne{
	float:left;
	width:203px;
}

/*Win IE 7 Hack*/
*:first-child+html #mainWrapper #navColumnOne{
	margin-left:-120px;
}
/*Win IE 7 Hack End*/

/*Win IE 6 Hack*/
/*Mac IE Excludes\*/
* html #mainWrapper #navColumnOne{
	margin-left:-120px;
}
/*Win IE 6 Hack End*/

#mainWrapper #navColumnOne h2{
	margin:19px 0px 13px 2px;
}

#mainWrapper #navColumnOne li{
	margin-bottom:16px;
}

#mainWrapper #navColumnOne li.cat-0 a{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) 0px 0px;
}

#mainWrapper #navColumnOne li.cat-0 a:hover{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) 0px -20px;
}

#mainWrapper #navColumnOne li.cat-1 a{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -141px 0px;
}

#mainWrapper #navColumnOne li.cat-1 a:hover{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -141px -20px;
}

#mainWrapper #navColumnOne li.cat-2 a{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -282px 0px;
}

#mainWrapper #navColumnOne li.cat-2 a:hover{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -282px -20px;
}


#mainWrapper #navColumnOne li.cat-0 a.categorySelected{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) 0px -20px;
}

#mainWrapper #navColumnOne li.cat-1 a.categorySelected{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -141px -20px;
}

#mainWrapper #navColumnOne li.cat-2 a.categorySelected{
	display:block;
	width:141px;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/shop_menu.gif) -282px -20px;
}

#mainWrapper #navColumnOne p.coucouText{
	padding-top:2px;
	font-size:55%;
	color:#666666;
	line-height:1.25;
}

#mainWrapper #navColumnOne p.toCart {
	margin:73px 0 6px 0;
	}

#mainWrapper #navColumnOne p.howtoOrder{
	margin-bottom:8px;
}

#mainWrapper .columnCenter{
	margin-left:203px;
}

#mainWrapper #siteinfoLegal{
	clear:both;
	margin-top:38px;
	border-top:1px solid #cfcfcf;
}

#mainWrapper #siteinfoLegal p{
  	clear:both;
	padding-top:24px;
	font-size:55%;
	font-style:italic;
	text-align:right;
}

#mainWrapper #siteinfoLegal p a {
	color:#2A8F53;
	
}

#mainWrapper #siteinfoLegal p a:hover {
	color:#aacc00;
}

#mainWrapper #siteinfoLegal .information_link{
	text-align:center;
	float:left;
	width:300px;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html #mainWrapper #siteinfoLegal .information_link{
	padding-top:6px;
	white-space:nowrap;
}

*:first-child+html #mainWrapper #siteinfoLegal .information_link{
	padding-top:4px;
}
/**/

#mainWrapper #siteinfoLegal .information_link p{
	display:inline;
	padding-left:8px;
	font-style:normal;
}


/*-------共通部分 END-------*/

/*-------Product List Page---*/

#mainWrapper .columnCenter #productListing{
	min-height:316px;
	margin-top:21px;
	display:inline-block;
}

#mainWrapper .columnCenter #productListing:after{
	content:".";
	height:0;
	clear:both;
	overflow:hidden;
	display:block;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html #mainWrapper .columnCenter #productListing{
	height:1px;
	overflow:visible;
}

#mainWrapper .columnCenter #productListing{
	display:block;
}
/**/
/*Win IE6 & Mac IE 5 Hack*/
* html #mainWrapper .columnCenter #productListing{
	height:316px;
}
/*Win IE6 & Mac IE 5 Hack End*/

#mainWrapper .columnCenter #productListing .productBox{
	/*float:left;*/
	position:relative;
	margin-left:0;
	margin-bottom:28px;
	padding:0 0 18px 14px;
	overflow:hidden;
	border-bottom:1px solid #cfcfcf;
}

#mainWrapper .columnCenter #productListing .productBox img {
  float:left;
  margin-right:6px;
  overflow:visible;
  border:1px solid #dddddd;
  }

/*Win IE 6&7 Hack*/
/*Mac IE Excludes\*/

* html #mainWrapper .columnCenter #productListing .productBox{
  height:1px;
  overflow:visible;
  padding-right:1px;
}

/*Win IE 6&7 Hack End*/

#mainWrapper .columnCenter #productListing .productBox h3.itemTitle{
	padding:4px;
	min-height:30px;
	font-size:55%;
	color:#666666;
	line-height:1.25;
}

/* Win IE6 Mac IE5 Hack*/
* html #mainWrapper .columnCenter #productListing .productBox h3.itemTitle{
	height:30px;
}
/* Win IE6 Mac IE5 Hack End*/

#mainWrapper .columnCenter #productListing .productBox h3.itemTitle a{
	text-decoration:none;
	color:#333333;
}

#mainWrapper .columnCenter #productListing .productBox h3.itemTitle a:hover{
	text-decoration:none;
	color:#2A8F53;
}

#mainWrapper .columnCenter #productListing .productBox p.pSize{
	padding:0px 4px 2px 4px;
	white-space:nowrap;
	font-size:55%;
	color:#333333;
}

/*Win IE 6 Hack*/
* html #mainWrapper .columnCenter #productListing .productBox p.pSize{
	padding-bottom:3px;
}
/*Win IE 6 Hack End*/

#mainWrapper .columnCenter #productListing .productBox p.pPrice{
	padding:2px 4px;
	white-space:nowrap;
	font-size:55%;
	color:#333333;
}

#mainWrapper .columnCenter #productListing .productBox p.buy-button{
  position:absolute;
  right:0;
  bottom:18px;
}

#toCart{
	text-align:right;
}

/*---Product List Page END---*/

/*-----bof Product  Ditails--*/

#mainWrapper .columnCenter #productMainImage{
	padding-top:40px;
	float:left;
	width:275px;
	overflow:hidden;
}

#mainWrapper .columnCenter #productAdditionalImages {
   margin:4px 0 4px 0;
   overflow:hidden;
}

#mainWrapper .columnCenter #productAdditionalImages p {
  float:left;
  overflow:hidden;
  min-height:100px;
  max-height:120px;
  padding:0 4px 0 0;
  margin-bottom:2px;
}

/*Win IE 6 Hack Start*/
* html #mainWrapper .columnCenter #productAdditionalImages p {
  height:120px;
}
/*Win IE 6 Hack End*/

#mainWrapper .columnCenter #productMainImage img{
  border:1px solid #cfcfcf;
}

#mainWrapper .columnCenter #productAdditionalImages img {
 border:none;
}


#mainWrapper .columnCenter #columnRight{
	margin:0 0 0 275px;
	padding-top:18px;
	padding-left:8px;
	width:140px;
}

/* Win IE 7&6 Hack*/
/*Mac IE Excludes\*/
#mainWrapper .columnCenter{
  position:relative;
}

* html #mainWrapper .columnCenter #columnRight{
	position:absolute;
	top:18px;
	left:0;
	margin:0px;
}

*:first-child+html #mainWrapper .columnCenter #columnRight{
	position:absolute;
	top:18px;
	left:275px;
	margin:0px;
}
/**/
/*Win IE 6&7 Hack End*/

#mainWrapper .columnCenter #columnRight #toMybascket{
	text-align:right;
	padding-right:14px;
}

#mainWrapper .columnCenter #columnRight h1#productName{
	margin:28px 0 8px 0;
	min-height:36px;
	font-size:54%;
	line-height:1.25;
	color:#007686;
}

* html #mainWrapper .columnCenter #columnRight h1#productName{
	height:36px;
}

#mainWrapper .columnCenter #columnRight h1#productName span.modelNo{
	display:block;
	color:#333333;
	padding-bottom:4px;
}

#mainWrapper .columnCenter #columnRight h2#productPrices{
	margin-bottom:4px;
	font-size:54%;
	color:#007686;
}

#mainWrapper .columnCenter #columnRight h2#productPrices span {
  color:#333333;
}

#mainWrapper .columnCenter #columnRight ul#productDetailsList{
	min-height:50px;
}

/* Win IE6 Hack*/
* html #mainWrapper .columnCenter #columnRight ul#productDetailsList{
	height:50px;
}
/* Win IE6 Hack End*/

#mainWrapper .columnCenter #columnRight ul#productDetailsList li{
	display:inline-block;
	line-height:1.25;
	margin-bottom:4px;
	font-size:54%;
	color:#222222;
}

#mainWrapper .columnCenter #columnRight ul#productDetailsList li .sizeText{
	float:left;
	width:26px;
	white-space:nowrap;
}

#mainWrapper .columnCenter #columnRight ul#productDetailsList li .sizeDitails{
	margin-left:30px;
	line-height:1.25;
	width:124px;
}

#mainWrapper .columnCenter #columnRight #productDescription{
	min-height:100px;
	margin:30px 0 10px 0;
	padding-bottom:15px;
	font-size:54%;
	line-height:1.5;
	color:#222222;
}

* html #mainWrapper .columnCenter #columnRight #productDescription{
	height:100px;
}

#mainWrapper .columnCenter #columnRight #cartAdd{
	margin:0 34px 0px 0px;
}

#mainWrapper .columnCenter #columnRight .navNextPrevList{
  float:right;
  margin:6px 34px 16px 0;
}


/*Win IE 6&7 Hack*/
/*Mac IE Excludes\*/
* html #mainWrapper .columnCenter #columnRight #cartAdd{
	margin-top:-14px;
	margin-right:16px;
}

* html #mainWrapper .columnCenter #columnRight .navNextPrevList{
	position:relative;
	top:6px;
	margin:0 8px 16px 0; 
}

*:first-child+html #mainWrapper .columnCenter #columnRight .navNextPrevList{
	position:relative;
	top:3px;
}
/*Win IE 6&7 Hack End*/


#mainWrapper .columnCenter #columnRight #cartAdd p#orderQuantity{
	font-size:54%;
	text-align:right;
	color:#222222;
	margin-bottom:4px;
}

#mainWrapper .columnCenter #columnRight #cartAdd p#orderButton{
  float:right;
  }


#mainWrapper .columnCenter #columnRight #cartAdd p#orderQuantity input{
	border:1px solid #279B3B;
	font-size:100%;
}

/*-----eof Product  Ditails--*/

/*--- lightbox css ---------*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	border-top:#5ba3cf 1px solid;
	border-left:#5ba3cf 1px solid;
	border-right:#5ba3cf 1px solid;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	border-left:#5ba3cf 1px solid;
	border-right:#5ba3cf 1px solid;
	border-bottom:#5ba3cf 1px solid;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left;
	padding:8px 0 18px 0;
	color:#5ba3cf;
	line-height:1.2
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-top:8px;
	padding-bottom: 0.7em;	
}

#lightbox-image {
	border:1px solid #cfcfcf;
}