/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 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.css 5952 2007-03-03 06:18:46Z drbyte $
 */

@charset "utf-8";


/*******
//Old Navigation Menu CSS
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
	padding: 0;
	margin: 0;
	line-height: 1;
	font-family: 'Capriola', verdana, arial, helvetica, sans-seriff;	
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

	content: '';
	display: table;
	
}


#cssmenu:after, #cssmenu > ul:after {

	clear: both;
	
}

#cssmenu {
        width: 1000px;
        margin:0 0 0 25px;
	zoom:1;
	height: 69px;
	background: url(../customimages/bottom-bg.png) repeat-x center bottom;
	border-radius: 2px;
        float:left;
	
}

#cssmenu ul{

	background: url(../customimages/nav-bg.png) repeat-x 0px 4px;
	height: 69px;
	
}

#cssmenu ul li{

	float: left;
	list-style: none;
	
}

#cssmenu ul li a{
	
	display: block;
	height: 37px;
	padding: 22px 30px 0;
	margin: 4px 2px 0;
	border-radius: 4px 6px 0 0;
	text-decoration: none;
	font-size: 13px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
	font-weight: bold;
	opacity: .9;
	
}

#cssmenu ul li:first-child a{
	
	margin: 4px 2px 0 0;
	
}

#cssmenu ul li a:hover, #cssmenu ul li.active a{
	
	background: url(../customimages/color.png) center bottom;
	display: block;
	height: 37px;
	margin-top: 0px;
	padding-top: 26px;
	color: #004f7c;
	text-shadow: 0 3px 3px rgba(255, 255, 255, .55);
	opacity: 1;
	
}



//End Navigation Menu CSS

***************/
#ok-logo  {
       height:60px;
       background: url(../customimages/headerlogo_2.jpg) no-repeat center right;
       float:none;
       margin-top:-21px;
       }


#gcgaiyo {
       margin-left:30px;
       margin-top:30px;
       width:87%;
       height:100%;
       border-width: thin;
       border-color: #848484;
       border-style: solid;
       border-radius: 10px;
       padding : 5px 15px 15px 15px;
       float:none;
       }

#crngaiyo {
       margin-left:30px;
       margin-top : 30px;
       width:87%;
       height:100%;
       border-width: thin;
       border-color: #848484;
       border-style: solid;
       border-radius: 10px;
       padding : 5px 15px 15px 15px;
       float:none;
       }

.gmapgc, .gmapcrn {
       margin-top:10px;
       }

.storeinside {
       margin-left:20px;
       }

.itemTitle, .listingDescription {
       text-align : left;
       margin-left : 1.5em;
       }

#flashads {
       margin-left :12px;
       }

#navCurrenciesWrapper a {
       color: #ffffff;
       text-decoration: none;
       }

#navCurrenciesWrapper a:hover {
       color: #000000;
       text-decoration: none;
       }

#navCurrenciesWrapper  {
       margin-right:25px;
       margin-top:-35px;
       }

/**** start IE7 IE8 ****/
*+html #navCurrenciesWrapper  {
       margin-top:-25px;
       }
/**** endIE7 IE8 ****/

.paypal_logo  {
    background-image: url(https://www.paypalobjects.com/en_AU/i/bnr/horizontal_solution_PP.gif); 
    width:184px; 
    height:80px;
    margin-left: 10px;
    }

.weather_widget  {
    margin-top: 10px;
    margin-left: 28px;
    }

.catchcopy {
    width:1000px;
    background-image: url(../customimages/catchcopybg.jpg); 
    margin-top:0px;
    color:#0080FF;
    font-style: bold;
    }

/**** star mango product description ****/
#mango_cut {
    float: left;
    }

.mango_1 {
     width:100%;
     border: 1px #848484 solid;
        }

@media only screen and (max-width:480px){
    .mango_1 { margin: 0 -10px; }
    .mango_1 th,
    .mango_1 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .mango_1 tr:first-child th   { border-top: 1px solid #ddd; }
}


#hayawari_price_1 {
    width: 305px;
    height:155px;
    float: left;
    margin-bottom: 10px;
    border: 1px #848484 solid;
    padding: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    background-color: #FBFF95;
    }

#hayawari_price_2 {
    width: 305px;
    height:155px;
    float: left;
    margin-bottom: 10px;
    border: 1px #848484 solid;
    padding: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    background-color: #FCC8FF;
    }

#hayawari_price_3 {
    width: 305px;
    height:155px;
    float:left;
    margin-bottom: 10px;
    border: 1px #848484 solid;
    padding: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    background-color: #C8FFD4;
    }

#hayawari_price_4 {
    width: 305px;
    height:155px;
    float:left;
    margin-bottom: 10px;
    border: 1px #848484 solid;
    padding: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    background-color: #FFD67B;
    }

.clearboth   {
    clear:both;
    }


#oyster_1 {
    margin-left: 20px;
    float: left;
    }

#oyster_2 {
    margin-left: 250px;
    }

#banner_m {
    margin-left:11px;
    margin-bottom: 20px;
    }
/**** end mango product description ****/    


/**** start shipping info page  ****/
.postagetbl {
     margin-top: 5px;
        }
/**** end shipping info page ****/  


/**** start skkiping girl product info ****/  
#sgrc1-1  {
        float : left;
        text-align : center;
        }

#sgrc1-2 {
        text-align : center;
        }

#sgrc1-3 {   
        text-align : center;  
        }

.sg_margin_bottom { 
        margin-bottom:20px;
        }
/**** end skkiping girl product info ****/        
#placenta_1  {
        width: 480px;
        float : left;
        }

#jojoba_p  {
        margin-left: 10px;

        }

.floatleft {
        float:left;
       
        }

.centering {
        text-align : center;
        }

.inputLabelPaymenteWay{
	width: 12em;
	float: left;
	}

#eway_rapid-cc-number, #eway_rapid-cc-expires-month, #eway_rapid-cc-expires-year, #eway_rapid-cc-cvv {
        margin-top: 12px;
        margin-left: 4px;
        }


/*- Menu Tabs3 --------------------------- */
#tabs3 ul {
      margin:0 auto;
      padding:10px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
      display:table;
      white-space:nowrap;
      list-style:none;
      height:40px;
      position:relative;
      background:#fff;
      font-size:12px;
}
#tabs3 li {
      display:table-cell;
      margin:0;
      padding:0;
}
#tabs3 li a {
      display:block;
      float:left;
      height:40px;
      line-height:14px;
      color:#333;
      text-decoration:none;
      font-family:arial, verdana, sans-serif;
      font-weight:bold;
      text-align:center;
      text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
      padding:0 0 0 10px;
      cursor:pointer;
      background:url(../customimages/pro_six_0a.gif) no-repeat;
}
#tabs3 li a b {
      float:left;
      display:block;
      padding:3px 20px 5px 15px;
      background:url(../customimages/pro_six_0b.gif) no-repeat right top;
}
#tabs3 li.current a {
      color:#fff;
      background:url(../customimages/pro_six_2a.gif) no-repeat;
}
#tabs3 li.current a b {
      background:url(../customimages/pro_six_2b.gif) no-repeat right top;
}
#tabs3 li a:hover {
      color:#fff;
      background: url(../customimages/pro_six_1a.gif) no-repeat;
}
#tabs3 li a:hover b {
      background:url(../customimages/pro_six_1b.gif) no-repeat right top;
}
#tabs3 li.current a:hover {
      color:#fff;
      background: url(../customimages/pro_six_2a.gif) no-repeat;
      cursor:default;
}
#tabs3 li.current a:hover b {
      background:url(../customimages/pro_six_2b.gif) no-repeat right top;
}

#tabs3 ul {
      display:inline-block;
}
#tabs3 ul {
      display:inline;
}
#tabs3 ul li {
      float:left;
}
#tabs3 {
      text-align:center;
      margin: 5px 0 0 3px;
}

#gcprom_outline_1 {
      margin-left:30px;
      margin-top:30px;
      width:88%;
      height:195px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:30px;
      padding-top:10px;
      padding-left:20px;
      background: url(../images/shopinfo/prom_bg_img.jpg) no-repeat;
      background-size:cover;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

.gcprom_left_1 {
      height: 10px;
}

#gcprom_imagetxt {
      font-size:1.2em;
      color: #045FB4; 
      font-weight:bold;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, .95);
}
  
#gcprom_text_1-1 { 
      font-size: 1.8em;
      color:#FF0000;
      text-shadow: 0 1px 1px rgba(255, 255, 0, .95);
      line-height:1.7em;
      margin-top:15px;
      font-weight:bold;
      margin-right:40px;
      float:right;
}      



#gcprom_outline_2 {
      margin-left:30px;
      margin-top:30px;
      width:88%;
      height:220px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:20px;
      padding-top:10px;
      padding-left:20px;
      background-size:cover;
      background: url(../images/shopinfo/prom_bg_img_2.jpg) no-repeat;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}


#gcprom_text_2-1{ 
      font-size: 1.8em;
      color:#FF0000;
      text-shadow: 0 1px 1px rgba(255, 255, 0, .95);
      line-height:1.7em;
      font-weight:bold;
      margin-right:60px;
      float:right;
}


/**
#gcprom_outline_4 {
      margin-left:30px;
      margin-top:15px;
      width:88%;
      height:220px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:30px;
      padding-top:10px;
      padding-left:20px;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

#gcprom_text_4-1 { 
      font-size: 1.8em;
      color:#FF0000;
      text-align: center;
      text-shadow: 0 1px 1px rgba(255, 255, 0, .95);
      margin-top:10px;
      font-weight:bold;
      margin-right:15px;
      clear:both;
} 

#gcprom_text_4-2  {
      font-size: 1.4em;
      color: #045FB4; 
      text-shadow: 0 1px 1px rgba(255, 0, 0, .95);
      font-weight:bold;
}
**/

.gcprom_right_1 {
      margin-left:250px;
      width:60%;
}

/**
#gcprom_outline_3 {
      margin-left:30px;
      margin-top:15px;
      width:88%;
      height:485px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:30px;
      padding-top:10px;
      padding-left:20px;
      background: url(../images/shopinfo/happybag_1.jpg) no-repeat;
      background-size:100%;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

#gcprom_text_3-1 { 
      text-align:left;
      font-size: 1.2em;
      color:#000000;
      text-shadow: 0 1px 1px rgba(255, 255, 0, .95);
      line-height:1.5em;
      font-weight:bold;
      margin-top:260px;
}  

#gcprom_text_3-2 { 
      text-align:left;
      font-size: 1.2em;
      color:#000000;
      text-shadow: 0 1px 1px rgba(255, 255, 0, .95);
      line-height:1.5em;
      font-weight:bold;
      margin-top:260px;
      margin-left:330px;
}
**/


#cnsprom_outline_1jp {
      margin-left:30px;
      margin-top:15px;
      width:88%;
      height:195px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:30px;
      padding-top:10px;
      padding-left:20px;
      background: url(../images/shopinfo/cns_prom_bg_img_1jp.jpg) no-repeat;
      background-size:cover;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

#cnsprom_outline_1en {
      margin-left:30px;
      margin-top:15px;
      width:88%;
      height:195px;
      border: 1px #848484 solid;
      border-radius: 10px 10px 10px 10px;
      padding-bottom:30px;
      padding-top:10px;
      padding-left:20px;
      background: url(../images/shopinfo/cns_prom_bg_img_1en.jpg) no-repeat;
      background-size:cover;
      box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

#wfpopup  {
      font-weight:bold;
      font-size: 1.5em;
      margin-left:310px;
      margin-top:5px;
}
       
#cnsprom_text_1 { 
      font-size: 1.8em;
      color:#000;
      text-shadow: 0 1px 1px rgba(255, 0, 0, 1);
      line-height:1.7em;
      font-weight:bold;
      text-align: center;
      margin-left:100px;
}

#cnsprom_text_2 { 
      font-size: 2em;
      color:#FF0000;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
      line-height:0em;
      margin-top:15px;
      font-weight:bold;
      text-align: center;
      margin-left:100px;
}  

#cnsprom_text_3 { 
      font-size: 4em;
      color:#180B81;
      text-shadow: 0 3px 3px rgba(0, 0, 0, 3);
      line-height:1.7em;
      margin-top:15px;
      font-weight:bold;
      text-align: center;
}       

#cnsprom_text_4 { 
      font-size: 1.1em;
      color:#000;
      text-shadow: 0 1px 1px rgba(255, 255, 255, .95);
      line-height:1.5em;
      margin-top:3px;
      font-weight:bold;
      text-align: left;
      margin-left: 70px;
} 

#smimage_01  {
      width:310px;
      height:363px;
      background: url(../../../../images/emu_prdct_page/sm_01.jpg) no-repeat;
      float:left;
      box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}


#slimage_01  {
      width:310px;
      height:376px;
      background: url(../../../../images/emu_prdct_page/sl_01.jpg) no-repeat;
      float:left;
      box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}

#pimage_01  {
      width:310px;
      height:376px;
      background: url(../../../../images/emu_prdct_page/paterson_01.jpg) no-repeat;
      background-size:cover;
      float:left;
      box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}


#emu_desc_01 {
       padding-top:15px;
       clear:both;
}


#emu_desc_02 {
     padding-top:15px;
}

.emusize  {
     margin-top:20px;
     width: 95%;
     border-collapse: collapse;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-bottom: 1px solid #aaa;
}

.emusize th{
     width:25%;
     padding: 6px; text-align: left;
     vertical-align: top;
     color: #666666;
     background-color:#D8BBEA;
     border-bottom: 1px solid #aaa;
     border-left: 1px solid #aaa;
}

.emusize td{
    text-align:center;
    width: 12.5%;
    padding: 6px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

.kcharm-list {
     width:89px;
     height:115px;
     float:left;
     padding: 1px;
     font-weight:bold;
     text-align: center;
     vertical-align: top;
     background: url(../images/charm_prdct_page/35959898.jpg);
     background-size: 150%;
     border: solid 4px #FCFF00;
     border-radius: 15px;
     margin: 0 1px 1px 0;
} 
   
#mango_top {
     width: 700px;
     height: 318px;
     margin-left:12px; 
     margin-bottom:40px;
     color:#8000FF;
}


#top_banner_1, #top_banner_2 {
     width: 700px;
     margin-left:12px; 
     margin-bottom:20px;
}


#bloginfo  {
     font-size: 110%;
     font-weight: bold;
     margin-top: 10px;
}

#bloginfo a   {
     font-size: 130%;
     color: #5F04B4;
     text-decoration: underline;
}

#bloginfo a:hover  {
     color: #FF0000;
}

.merit_1  {
      border: solid 1px #848484;
      padding-left: 5px;
      padding-bottom: 5px;
      background-color: #9FF781;
}

.redssize  {
     width: 95%;
     border-collapse: collapse;
}

.redssize th{
     width:180px;
     padding: 6px; 
     vertical-align: top;
     color: #666666;
     background-color:#D8BBEA;
     border: 1px solid #aaa;

}

.redssize td{
    width:180px;
    text-align:center;
    padding: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.redssize_kids  {
     width: 95%;
     border-collapse: collapse;
}

.redssize_kids th{
     width:180px;
     padding: 6px; 
     color: #666666;
     background-color:#D8BBEA;
     border: 1px solid #aaa;

}

.redssize_kids td{
    width:180px;
    text-align:center;
    padding: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.boldfont {
    font-weight:bold;
}



th.bold {
   font-weight: bold;
   border-bottom: 2px solid #aaa;
}

/* resonsive table */
.redssize {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.redssize tbody tr { width: 100%; margin-right: -6px;}/*px指定だとはみ出る*/
.redssize tbody td:first-child { background-color: #f5f3ec;}

/* resonsive table */
.redssize_kids {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.redssize_kids tbody tr { width: 100%; margin-right: -6px;}/*px指定だとはみ出る*/
.redssize_kids tbody td:first-child { background-color: #f5f3ec;}


/*** 送料の料金表 ***/
.postagetbl {
    width: 98%;
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.postagetbl th{
     width: 196px;
     padding: 6px; 
     color: #666666;
     background-color:#D8BBEA;
     border-bottom: 2px solid #aaa;
}

.postagetbl td {
    width: 196px: right;
    padding: 6px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: center;

}

.boldborder {
   border-right: 1px solid #aaa;
}

.border-right {
   border-right : 3px solid #aaa;
}

/* resonsive table */
.postagetbl {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.postagetbl tbody tr { width: 100%; margin-right: -6px;}/*px指定だとはみ出る*/

/* USD kids t-shirts table */
.usdsize_kids  {
     width: 95%;
     border-collapse: collapse;
}

.usdsize_kids th{
     width:180px;
     padding: 6px; 
     color: #666666;
     background-color:#D8BBEA;
     border: 1px solid #aaa;

}

.usdsize_kids td{
    width:180px;
    text-align:center;
    padding: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.top-message {
    height: 30px; 
    background-color:#FFFF22; 
    font-size:large; 
    color:#ffffff;
    text-align:center;
    padding-top:4px;
}

.cominfo   {
    border: none;
    width: 290px;
    height: 450px;
    float:left;
    margin-top: 0px;
    margin-right: 20px;
    background-color: #FFFFFF;
}

.cominf_left   {
    border: none;
    width: 40%;
    text-align: center;
    vertical-align:middle;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 7px 0 7px 0;
}

.cominf_right   {
    border: none;
    width: 60%;
    text-align: left;
    vertical-align:middle;
    background-color: #FFFFFF;
    padding: 7px 0 7px 3px;
}

.branchinfo   {
    border: none;
    width: 290px;
    height: 450px;
    float:none;
    margin-top: 0px;
    margin-right: 20px;
    background-color: #FFFFFF;
}

.brctitle   {
    border: none;
    width: 100%;
    text-align: center;
    vertical-align:middle;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 7px 0 7px 0;
}

.brcinf_left   {
    border: none;
    width: 50%;
    text-align: center;
    vertical-align:middle;
    background-color: #FFFFFF;
    padding: 7px 0 7px 0;
}

.brcinf_right   {
    border: none;
    width: 50%;
    text-align: left;
    vertical-align:middle;
    background-color: #FFFFFF;
    padding: 7px 0 7px 0;
}

.footer-cssicon {
    margin-top: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}  

.footer-cssicon:hover{
    color: #ffd700;
font-size: 180%;
}

.fa-payment{
    margin: 3px 0 0 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
} 

.header-cssicon {
    color: #A5A5A5;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}  

.header-cssicon:hover{
    color: #ffd700;
}

.header-cssicon-tw {
    color: #A5A5A5;
    margin-right: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}  

.header-cssicon-tw:hover{
    color: #ffd700;
}

.okgroup {
    float:right;
    display:none;
}
.ok-group-nz {
    float:left;
    width: 60px;
    height: 50px;
    background: url("/images/aboutus/OK_logo-NZ_en.png") no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    display:none;
}  

.ok-group-nz:hover{
    background: url("/images/aboutus/OK_logo-NZ_en_ho.png") no-repeat;
    transform: scale(1.3, 1.3);
    display:none;
}

.kayak {
    float: right;
    margin: 0 5px auto;
    padding: 0px 5px 1px;
    font-size: 90%;
    text-align: left;
    line-height: 1.1;
}

.kayak-icon {
    float: left;
    width: 50px;
    height: 50px;
    background: url("/images/aboutus/KAYAK_en.png") no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.kayak-icon:hover{
    background: url("/images/aboutus/KAYAK_en.png") no-repeat;
    transform: scale(1.3, 1.3);
}