@charset "iso-8859-1";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/


/* //////////////////////////////////////////////////////////// mainContent Common */

div#mainContent {
	width:772px;
	margin: 0 15px 0 15px;

}

div#mainContent p {
	margin: 0 0 1em 0;
}
div#mainContent img {
	border: none;
	vertical-align: top;
}

div#mainContent a:link,
div#mainContent a:hover,
div#mainContent a:visited,
div#mainContent a:active {
	text-decoration: underline;
	color: #8d7515;
}
div#mainContent a:hover {
	text-decoration: none;
}

/* //////////////////////////////////////////////////////////// topArea */
div#mainContent div#topArea {
	margin: 0 0 20px 0;
}

div#mainContent div#titleArea {
	width: 764px;
	border-top: 5px solid #67934d;
	border-bottom: 1px solid #a4be94;
	padding: 12px 0 12px 8px;
	margin: 0 0 20px 0;
}

div#mainContent h1#itemName{
	color: #67934d;
	font-weight: bold;
	font-size: 200%;
	margin: 0;
	padding:0;
}

/*
div#mainContent p.notice {
	margin: 4px 0 0 0;
	color: #67934d;
}
*/
/* limited contents ***************************************** */
div#mainContent div.shincha {
  	background: url(../images/limited_bg_shincha.jpg) top right no-repeat;
}
div#mainContent div.kuradashi {
  	background: url(../images/limited_bg_kuradashi.jpg) top right no-repeat;
}
div#mainContent div.competition {
  	background: url(../images/limited_bg_competition.jpg) top right no-repeat;
}
div#mainContent div.sencha {
  	background: url(../images/limited_bg_sencha.jpg) top right no-repeat;
}
div#mainContent div.houjicha {
  	background: url(../images/limited_bg_houjicha.jpg) top right no-repeat;
}
div#mainContent div.tencha {
  	background: url(../images/limited_bg_tencha.jpg) top right no-repeat;
}
div#mainContent div.gyokuro {
  	background: url(../images/limited_bg_gyokuro.jpg) top right no-repeat;
}
div#mainContent div.others {
  	background: url(../images/limited_bg_others.jpg) top right no-repeat;
}

/*
20110322 SearaySystem add Start
*/
div#mainContent div.new {
  	background: url(../images/limited_bg_new.jpg) top right no-repeat;
}
div#mainContent div.shincha_no_limited {
  	background: url(../images/limited_bg_shincha_no_limited.jpg) top right no-repeat;
}
/*
20110322 SearaySystem add End
*/

     
div#mainContent div.limited div#titleArea {
	width: 692px;
	padding: 12px 0 12px 80px;
	min-height: 66px;
	height: auto !important;
	height: 90px;
}
*html div#mainContent div.limited div#titleArea {
	width: 772px;
}
div#mainContent div.limited p.notice {
	margin: 4px 0 0 0;
	font-size:13px;  /* 201-02-17 add */
}
/* each category **************/

/* Shincha */
div#mainContent div.limited div.shincha {
	background: url(../images/limited_shincha.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.shincha h1#itemName{
	color: #009A57;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.shincha p.notice{
	margin: 4px 0 0 0;
	color :#009A57;
}
div#mainContent div.limited div.shincha div.show-pc-only {
	margin: 4px 0 0 0;
	color :#009A57;
	display: block;
}

/* Kuradashi */
div#mainContent div.limited div.kuradashi {
	background: url(../images/limited_kuradashi.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.kuradashi h1#itemName{
	color: #7A453D;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.kuradashi p.notice{
	margin: 4px 0 0 0;
	color :#7A453D;
}
div#mainContent div.limited div.kuradashi div.show-pc-only {
	margin: 4px 0 0 0;
	color :#7A453D;
	display: block;
}
/* Competition */
div#mainContent div.limited div.competition {
	background: url(../images/limited_competition.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.competition h1#itemName{
	color: #9E2236;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.competition p.notice{
	margin: 4px 0 0 0;
	color :#9E2236;
}
div#mainContent div.limited div.competition div.show-pc-only {
	margin: 4px 0 0 0;
	color :#9E2236;
	display: block;
}
/* Sencha */
div#mainContent div.limited div.sencha {
	background: url(../images/limited_sencha.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.sencha h1#itemName{
	color: #737C3E;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.sencha p.notice{
	margin: 4px 0 0 0;
	color :#737C3E;
}
div#mainContent div.limited div.sencha div.show-pc-only {
	margin: 4px 0 0 0;
	color :#737C3E;
	display: block;
}
/* Houjicha */
div#mainContent div.limited div.houjicha {
	background: url(../images/limited_houjicha.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.houjicha h1#itemName{
	color: #B47700;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.houjicha p.notice{
	margin: 4px 0 0 0;
	color :#B47700;
}
div#mainContent div.limited div.houjicha div.show-pc-only {
	margin: 4px 0 0 0;
	color :#B47700;
	display: block;
}
/* Tencha */
div#mainContent div.limited div.tencha {
	background: url(../images/limited_tencha.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.tencha h1#itemName{
	color: #89983B;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.tencha p.notice{
	margin: 4px 0 0 0;
	color :#89983B;
}
div#mainContent div.limited div.tencha div.show-pc-only {
	margin: 4px 0 0 0;
	color :#89983B;
	display: block;
}

/* Gyokuro */
div#mainContent div.limited div.gyokuro {
	background: url(../images/limited_gyokuro.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.gyokuro h1#itemName{
	color: #C67A85;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.gyokuro p.notice{
	margin: 4px 0 0 0;
	color :#C67A85;
}
div#mainContent div.limited div.gyokuro div.show-pc-only {
	margin: 4px 0 0 0;
	color :#C67A85;
	display: block;
}

/* Others */
div#mainContent div.limited div.others {
	background: url(../images/limited_others.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.others h1#itemName{
	color: #223a70;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.others p.notice{
	margin: 4px 0 0 0;
	color :#223a70;
}
div#mainContent div.limited div.others div.show-pc-only {
	margin: 4px 0 0 0;
	color :#223a70;
	display: block;
}

/*
20110322 SearaySystem add Start
*/

/* New */
div#mainContent div.limited div.new {
	background: url(../images/limited_new.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.new h1#itemName{
	color: #223a70;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.new p.notice{
	margin: 4px 0 0 0;
	color :#223a70;
}
div#mainContent div.limited div.new div.show-pc-only {
	margin: 4px 0 0 0;
	color :#223a70;
	display: block;
}

/* Shincha_no_limited */
div#mainContent div.limited div.shincha_no_limited {
	background: url(../images/limited_shincha_no_limited.jpg) no-repeat left center;
}
/*
div#mainContent div.limited div.shincha_no_limited h1#itemName{
	color :#009A57;
	font-weight: bold;
	font-size: 200%;
}
*/
div#mainContent div.limited div.shincha_no_limited p.notice{
	margin: 4px 0 0 0;
	color :#009A57;
}
div#mainContent div.limited div.shincha_no_limited div.show-pc-only {
	margin: 4px 0 0 0;
	color :#009A57;
	display: block;
}

/*
20110322 SearaySystem add End
*/


/* **************************************** */

div#mainContent div#visualArea{
	width: 249px;
	float: left;
	display: none;
}
/* 2014-02-17 modi mainPhoto -> mainphoto*/
/*div#mainContent div#visualArea div.mainPhoto{*/
div#mainContent div#visualArea div.mainphoto{
	padding: 0 0 6px 0;
	border-bottom: 1px solid #c9c9c9;
}
div#mainContent div#visualArea ul {
	margin: 0;
	padding: 0;
	
}
div#mainContent div#visualArea ul li{
	list-style-type: none;
	margin:0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #c9c9c9;
	float: left;
}
div#mainContent div#galleryButton{
	clear: both;
	padding: 6px 0 0 0;
	width:249px;
	text-align: center;
}

div#mainContent div#gallery {

 	display: none; 
	top:0;
 	position: absolute;
	z-index: 10;



}

div#mainContent div#gallery ul.filmstrip {

}
div#mainContent div#gallery ul.filmstrip li{
	border: none;
	border-right: none;
	background: none;
}
div#mainContent div#gallery h2 {
	font-size: 11px;
}
div#mainContent div#galleryBg {

	display: none;

	background: #000000;
	left:0;
	top:0;
	z-index: 5;
 	position: absolute;
	
}


div#mainContent div#summaryArea{
	margin: 0 0 0 15px;
	width: 341px;
	float: right;
}

#summaryArea p {font-size:13px;}  /* 2014-02-17 add */

div#mainContent div#utilityArea {
	padding: 0;
	width: 152px;
	float: right;
}
div#mainContent div#utilityArea h2 {
	margin: 0px 6px 0px 6px;
	padding: 10px 0 0 0;
	height: 13px;
	
}
div#mainContent div#utilityArea h2 img {
	display: block;

}
div#mainContent div#utilityArea ul {
	margin: 0;
	padding: 0;
}
div#mainContent div#utilityArea #priceArea {
	background: #e4ebd8 url(../images/price_btm.gif) bottom no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	
}

div#mainContent div#utilityArea #priceArea #content {
	background: url(../images/price_mdl.gif) repeat-y;
}

div#mainContent div#utilityArea #priceArea h2 {
	margin: 0;
	padding: 0;
}

div#mainContent div#utilityArea #priceArea div#price{
	text-align: center;
	padding: 20px 0;
	font-size: 152%;
	font-weight: 800;
}
div#mainContent div#utilityArea #priceArea div#price span.price2 {
	font-size: 60%;
}
div#mainContent div#utilityArea #priceArea #tooltiplink{
	font-size: 85%;
	padding: 3px;
	margin: 0 0 6px 0;
}
div#mainContent div#utilityArea #priceArea #tooltiplink a {
	display: block;
}
div#mainContent div#utilityArea #priceArea #carttooltip {


	display: none;

	position: absolute;
	z-index: 140;
	width: 230px;
	padding: 6px;
	text-align: left;
	background: #ffffdd;
	border: 1px solid #aaaaaa;
	


}

div#mainContent div#utilityArea #priceArea div#cart {
	background: #ffffff url(../images/cart_btm.gif) bottom no-repeat;
	width: 138px;
	margin: 0 6px 10px 6px;
	padding: 0 0 8px 0;
	text-align: center;
	
}
div#mainContent div#utilityArea #priceArea div#cart div#quantity{
	margin: 3px 0 6px 0;
	padding: 0;
}
*html div#mainContent div#utilityArea #priceArea div#cart div#quantity{
	margin-top: -6px;
}
div#mainContent div#utilityArea #priceArea div#cart div#cartButton{

}
div#mainContent div#utilityArea #priceArea p {
	font-size: 85%;
	margin: 0 6px 0px 6px;
}


div#mainContent div#utilityArea div.relationalArea {
	margin: 0 0 6px 0;
	padding: 0 0 8px 0;
	background: #ffffff url(../images/relation_btm.gif) bottom no-repeat;
}


div#mainContent div#utilityArea div.relationalArea h2{
	margin: 0;
	padding: 0;
}

div#mainContent div#utilityArea div.relationalArea ul {
	width: 152px;
	margin: 0 0 6px 0;
	padding: 12px 0 0 6px;
	background: url(../images/relation_mdl.gif) repeat-y;
	
}
*html div#mainContent div#utilityArea div.relationalArea ul {
	padding-top: 6px;
}
div#mainContent div#utilityArea div.relationalArea ul li{
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0;
}

/* //////////////////////////////////////////////////////////// subArea */

div#mainContent div.subArea {

	margin: 0 0 20px 0;
	border-top: 1px solid #a4be94;
}
div#mainContent div.subArea h2 {
	color: #67934d;
	font-weight: bold;
	font-size: 107%;
	padding:6px 0 10px;
	margin: 0;
	text-decoration: none; /* 2014-02-17 add */
}
div#mainContent div.subArea p,
div#mainContent div.subArea td {
	font-size: 85%;
}
div#mainContent div.subArea table#features {
	width: 316px;
	margin: 0;
	padding: 0;
}
div#mainContent div.subArea table#features td.head {
	padding-left: 25px;
	text-align: left;
	color: #67934d;
	font-weight: bold;
	font-size: 12px;
}
div#mainContent div.subArea table#features td {
	margin: 0;
	padding: 0;
	background: #e8eede;
	text-align: center;
}
div#mainContent div.subArea ul.featuresSpec {
	width: 435px;
	padding:0;
	margin:0 0 0 20px;
}
div#mainContent div.subArea ul.featuresSpec li {
	list-style-type: none;
	list-style-position: inside;
	padding:0;
	margin:0;
}

div#mainContent div.subArea table#review {
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	border: none;
	
}
div#mainContent div.subArea table#review td {
	padding: 3px;
}

div#mainContent div.subArea table#review tr#head {
	background: #eff3e8;
	font-weight: bold;
	color: #67934d;
}
div#mainContent div.subArea p.reviewNote {
	width: 616px;
	padding: 6px 0 0 0;
}

/* //////////////////////////////////////////////////////////// Readings */

#readings div.mainVisual{
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

#readings ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#readings ul li ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#readings ul.anchorList {
	margin: 0;
	padding: 0 0 0 20px;
}
#readings ul.anchorList li{
	margin: 0 0 4px 0;
}
#readings h2 {
	color: #67934d;
	font-weight: bold;
	font-size: 107%;
	margin: 0 0 15px 0;
}

div#readings p {
	margin: 10px 0px 1em 0px;
}

#readings table.cellpadding-5 {
}
#readings table.cellpadding-5 th {
	padding: 5px;
}
#readings table.cellpadding-5 td {
	padding: 5px;
}

#readings table.imgContainer{
	width: 100%;
	margin: 20px 0;
}

#readings table.imgContainer td{
	text-align: center;
	vertical-align: top;
}

#readings table.itemList {
	width: 100%;
}

#readings table.itemList td{
	vertical-align: top;
	line-height: 1.5em;
	padding: 0 0 10px 0;
}

#readings div.description {
	margin-bottom: 10px;
}
#readings div.freelink {
	margin-bottom: 10px;
}

#readings div.videoLeft {
	text-align: center;
	float: left;
	margin-bottom: 10px;
}
#readings div.videoRight {
	text-align: center;
	margin-bottom: 10px;
}

#readings span.font85parcent {
	font-size: 85%;
}

#readings .indent1 {
	margin-left: 20px;
}
#readings .indent2 {
	margin-left: 40px;
}
#readings .indent3 {
	margin-left: 60px;
}

#readings hr.spOnly {
	display: none;
}

/* //////////////////////////////////////////////////////////// Common */

table.border {
	border-collapse: collapse;
}
table.border th {
	border: 1px solid gray;
}
table.border td {
	border: 1px solid gray;
}

.pagetop {
	text-align: right;
}
.pagetopArrow {
	padding-right: 18px;
	background: url(../images/icons/link_arrow2.gif) no-repeat right center;
}
/*
.pagetop {
	width: 32px;
	display: block;
	padding: 0 18px 0 0;
	margin: 0 0 0 720px;
	background: url(../images/icons/link_arrow2.gif) no-repeat right 15%;
	vertical-align: middle;
	text-decoration: none;
}
*/
hr {
	margin: 5px 0px 10px 0px;
	height: 1px;
	background-color: #a4be94;
	color: #a4be94;
	border:none;
}
.arrow {
	display: block;
	padding: 0 0 0 18px;
	background: url(../images/icons/link_arrow1.gif) no-repeat left center;
	vertical-align: middle;
}


.notice {
	color: #900;
}
.notice_col1 {
	color:#004aab;
}
.notice_col2 {
	color:#00a66e;
}

.fl{float:left;}
.fr{float:right;}

.clear{
	clear:both;
}


/* modern browsers */

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

/* IE7 */

.clearfix,
.container {
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .container {
	height: 1%;
}

.clearfix,
.container {
	display: block;
}

.show-pc-only {
	display : block;
}
.show-sp-only {
	display : none;
}