@charset "utf-8";
/* CSS Document */

/* footerを常に下に固定 */
html {
	height: 100%;
	margin: 0px;
}
body {
	height: 100%;
	text-align: center;
	margin: 0px;
}
body > #wrap {
	height: auto;
}
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}
#container {
	width: 950px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 73px;
	text-align: center;
}
/* ▲▲footerを常に下に固定▲▲ */


/*========================================================================================
　グローバル　アイテム　
========================================================================================*/

* {
margin: 0;
padding: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: normal;
	color: #000;
	background-image: url(../images/bg_headerTop_s1.jpg);
	background-repeat: repeat-x;
}

fieldset {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
img {border:0; vertical-align:top;}

*:first-child+html body { 
padding-left: 1px; } 

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul, ol, dl { /
	padding: 0;
	margin: 0;
}

a {
	color: #000;
	text-decoration: none;
}

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

a:visited{

}
a:active{
}
a:hover img {
  filter: alpha(opacity=45);
  /*-moz-opacity:0.65;
  opacity:0.65;*/
}

p {
	line-height: 150%;
	text-align: justify;
}

.leftside { float:left;
}
.rightside { float:right;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.red {
	color: #F03;
}
.last_li {
	marginright: 0px;
}
.gray666 {
	color: #666;
}
.hr_dotted {
	height: 1px;
	border-top: 1px dotted #999;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	clear: both;
	margin: 0px;
}
.bt_gotop {
	position: relative;
	height: 14px;
	width: 690px;
	margin: 3px 0px 0px;
	padding: 0px;
}
.bt_gotop img{
	position: absolute;
	top: 0px;
	right: 0px;
}



/*========================================================================================
　レイアウト　アイテム　
========================================================================================*/


/* header --------------------------------*/

#header {
	margin: 0px auto;
	padding: 0px;
	height: 112px;
	width: 950px;
	background-color: #C5B8B2;
	border-bottom: 7px solid #000;
	background-image: url(../images/header2.gif);
	background-repeat: no-repeat;
}
#header #logo{
	height: 85px;
	width: 72px;
	padding-top: 17px;
	padding-left: 28px;
	float: left;
}
#header #header_right {
	float: right;
	width: 673px;
	padding-right: 15px;
}
#header #header_top_nav {
	height: 20px;
	width: 187px;
	margin-top: 18px;
	margin-left: 487px;
}
#header #header_bottom_nav {
	height: 21px;
	width: 676px;
	margin-top: 40px;
}

#header #header_bottom_nav {
}
#header #header_bottom_nav ul li.header_search {
	float: left;
	width: 187px;
	margin: 0px 0px 0px 43px;
	padding: 0px;
	height: 21px;
}
#header #header_bottom_nav ul li.header_search dl{
	float: left;
}
#searchform1 {
	position: relative;
	height: 21px;
	width: 200px;
	float: left;
}  
#keywords1  {
	width: 180px;
	height: 21px;
	padding: 0px;
	/*background-image: url(../images/search_area.gif);*/
	background-repeat: no-repeat;
	margin: 0px;
	border-style: none;
}
#keywords1 input{
	border-style: none;
}   
#searchBtn1 {
	top: 0;
	left: 163px;
	height: 21px;
	width: 21px;
	position: absolute;
} 

#searchform2 {  
position: relative;   
}  
#keywords2  {
	width: 157px;
	height: 19px;
	border: 1px solid #666;
	padding: 0px 2px;
	color: #666;
	background-color: #FFF;
	float: left;
}  
#searchBtn2 {
	top: 0;
	_top: 1px;
	width: 21;
	height: 21;
	float: left;
	margin-left: 1px;
}  
*:first-child + html #searchBtn2    {  
    top: 1px;  
}



#crumb {
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 950px;
	clear: both;
}
#contens {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 50px;
}
#side {
	float: left;
	width: 200px;
}
#primary {
	float: right;
	width: 690px;
	padding-bottom: 50px;
}
#footer_nav {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 53px;
	position: relative;
}
#footer #footer_nav #bt_gotop {
	height: 18px;
	width: 70px;
	position: absolute;
	top: 0px;
	right: 10px;
	display: block;
	background-color: #C5B8B2;
}


#footer #footer_nav #footer_base {
	height: 24px;
	width: 950px;
	background-color: #C5B8B2;
	position: absolute;
	left: 0px;
	top: 18px;
	padding-top: 11px;
}
#footer #footer_nav #c_right {
	height: 12px;
	width: 237px;
	float: right;
	margin-right: 6px;
}



/* side --------------------------------*/

#side #news_top{
	width: 200px;
	margin-top: 5px;
	margin-bottom: 25px;
	overflow: hidden;
}
#side #news_top #pane2 {
	/*height:190px;*/
	height: 175px;
	width: 200px;
	overflow-y: scroll;
}
#side #news_top dl{
	margin: 0px;
	padding: 0px;
	width: 185px;
}
#side #news_top dl dt{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 135%;
	font-weight: bold;
}
#side #news_top dl dd{
	font-size: 11px;
	line-height: 145%;
	margin-bottom: 5px;
}
#side #news_top dl dd span{
	text-align: right;
}
#side #news_top .go_news {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-size: 10px;
	line-height: 10px;
	margin-top: 6px;
}
#side #side_nav {
	clear: both;
}


/*========================================================================================
　ページ　アイテム　
========================================================================================*/


/* index --------------------------------*/
#topImage {
	height: 423px;
	width: 950px;
	padding: 0px 0px 12px;
}
#topImage .slideshow {
	height: 403px;
	width: 950px;
	margin: 0px;
}
#top_cat {
	width: 690px;
	margin-bottom: 25px;
}
#top_cat h2{
	margin: 0px 0px 7px;
	height: 18px;
	width: 690px;
	position: relative;
}
#top_cat h2 img{
	margin: 0px 8px 0px 0px;
	float: left;
}
.toptab1_text {
	font-size: 12px;
	line-height: 18px;
	color: #796355;
	position: absolute;
	z-index: 40;
	left: 185px;
	top: 0px;
	background-color: #FFF;
}
.toptab2_text {
	font-size: 12px;
	line-height: 18px;
	color: #796355;
	z-index: 30;
	left: 185px;
	top: 0px;
	position: absolute;
	background-color: #FFF;
}
.toptab3_text {
	font-size: 11px;
	line-height: 18px;
	color: #796355;
	z-index: 20;
	left: 185px;
	top: 0px;
	position: absolute;
	background-color: #FFF;
}
.toptab4_text {
	font-size: 12px;
	line-height: 18px;
	color: #796355;
	z-index: 10;
	left: 185px;
	top: 0px;
	position: absolute;
	background-color: #FFF;
}
h2.toph2{
	margin: 0px 0px 4px;
	padding: 0px;
}
#topArea {
	width: 690px;
	height: 80px;
}
#topArea2 {
	width: 690px;
	padding-top: 22px;
	padding-bottom: 25px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 25px;
}
#topArea2 h2{
	margin: 0px 0px 4px;
	padding: 0px;
}

#topArea3 {
	width: 690px;
	margin-bottom: 25px;
}
#topArea4 {
	width: 690px;
	margin-bottom: 25px;
}
.topcontentArea {
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #CCC;
}
.topcontentArea h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 11px;
}

.messageArea {
	margin-bottom: 30px;
}


/* color --------------------------------*/

#color_top {
	background-image: url(../images/color_top.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 690px;
}
#color_topAroow {
	clear: both;
	height: 43px;
	width: 675px;
	margin-left: 7px;
}
#color_topAroow ul{
	height: 43px;
	width: 675px;
}
#color_topAroow ul li{
	float: left;
	height: 43px;
	width: 45px;
}
#catArea {
	height: 600px;
	width: 690px;
	border-radius:10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	behavior:url(../common_js/border-radius.htc);
	clear: both;
	border-width: 0px;
}
#catArea #color_proverb {
	height: 113px;
	width: 660px;
	padding-top: 25px;
	margin-left: 20px;
	clear: both;
	overflow: hidden;
}
#catArea #color_proverb .proverb {
	height: 100px;
	width: 245px;
	float: left;
}
#catArea #color_proverb .proverbText {
	text-align: left;
	float: right;
	width: 400px;
	color: #FFF;
	line-height: 160%;
	overflow: hidden;
}
#catArea #color_proverb .proverbTextGray {
	text-align: left;
	float: right;
	width: 400px;
	color: #666;
	line-height: 160%;
	overflow: hidden;
}
#catArea .box670 {
	height: 202px;
	width: 670px;
	margin-left: 10px;
	clear: both;
	margin-bottom: 21px;
}
#catArea .box330 {
	height: 202px;
	width: 330px;
	background-color: #FFF;
	position: relative;
}
.color_cat1 {
	background-image: url(../images/color-cat1.gif);
	background-repeat: no-repeat;
}
.color_cat2 {
	background-image: url(../images/color-cat2.gif);
	background-repeat: no-repeat;
}
.color_cat3 {
	background-image: url(../images/color-cat3.gif);
	background-repeat: no-repeat;
}
.color_cat4 {
	background-image: url(../images/color-cat4.gif);
	background-repeat: no-repeat;
}
#catArea .box330 dl {
	height: 121px;
	width: 300px;
	margin-top: 55px;
	margin-left: 20px;
}
#catArea .box330 dl dt{
	height: 121px;
	width: 116px;
	float: left;
}
#catArea .box330 dl dd{
	height: 100px;
	width: ;
	margin-left: 130px;
	position: relative;
	padding-top: 14px;
}

#catArea .box330 dl dd h3{
	line-height: 120%;
	height: 37px;
}
#catArea .box330 dl dd p{
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	height: 42px;
}
#catArea .box330 dl dd .priceArea{
	height: 18px;
	width: 140px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	font-weight: bold;
}
#catArea .box330 .go_detail a{
	height: 11px;
	width: 54px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	line-height: 8px;
	background-position: 0px 0px;
}
#catArea .box330 .go_detail a:hover{
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}


.color01 {
	background-color: #831A38;
}
.color02 {
	background-color: #AA4177;
}
.color03 {
	background-color: #EB6B8D;
}
.color04 {
	background-color: #E74994;
}
.color05 {
	background-color: #F6B282;
}
.color06 {
	background-color: #F49C00;
}
.color07 {
	background-color: #EF7C1C;
}
.color08 {
	background-color: #FFFBE3;
}
.color09 {
	background-color: #C1C4C6;
}
.color10 {
	background-color: #5FBCEB;
}
.color11 {
	background-color: #A7D9DD;
}
.color12 {
	background-color: #A2B2B1;
}
.color13 {
	background-color: #004A9A;
}
.color14 {
	background-color: #BB9BC7;
}
.color15 {
	background-color: #6C005E;
}


/*==========================================
 ツールチップSCRIPT用
===========================================*/
p#vtip {
	display: none;
	position: absolute;
	padding: 6px;
	left: 5px;
	font-size: 0.86em;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9999;
	text-align: left;
}
p#vtip #vtipArrow {
	position: absolute;
	left: 8px;
	/*left: 8px;*/
	bottom: -10px;
}


/* category --------------------------------*/

#cat_top {
	height: 27px;
	width: 690px;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
#cat_top h1{
	float: left;
	height: 18px;
	width: 164px;
}
#cat_top ul{
	float: right;
	height: 27px;
	width: 350px;
}
#cat_top ul li{
	text-indent: -9999px;
	display: block;
	float: left;
	height: 27px;
	width: 80px;
}
#cat_top ul li.tab1 {
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px -27px;
}
#cat_top ul li.tab1 a{
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
}
#cat_top ul li.tab2 {
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -90px -27px;
}
#cat_top ul li.tab2 a{
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -90px 0px;
}
#cat_top ul li.tab3 {
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -180px -27px;
}
#cat_top ul li.tab3 a{
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -180px 0px;
}
#cat_top ul li.tab4 {
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -270px -27px;
}
#cat_top ul li.tab4 a{
	background-image: url(../images/tea_cat_tag.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: -270px 0px;
}
#cat_list {
	width: 690px;
	margin-top: 50px;
}
.list3column {
	width: 735px;
	position: relative;
	overflow: hidden;
	margin-right: -45px;
	clear: both;
	margin-bottom: 40px;
}
.list3column dl{
	width: 200px;
	float: left;
	overflow: hidden;
	margin-right: 45px;
}
.list3column dl dt{
	width: 200px;
	line-height: 100%;
	margin-bottom: 10px;
}
.list3column dl dd{
	width: 200px;
	margin-right: 45px;
	margin-bottom: 5px;
	line-height: 120%;
	padding-bottom: 24px;
}
.list3column dl dt .tumb {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
}
.list3column dl dd.credit{
	height: 15px;
	width: 200px;
	position: absolute;
	bottom: 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
}
.list3column dl dd.credit h4{
	float: left;
	font-size: 13px;
	font-weight: bold;
}
.list3column dl dd.credit .go_detail a{
	height: 11px;
	width: 54px;
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	line-height: 8px;
	background-position: 0px 0px;
	float: right;
	margin-top: 3px;
	overflow: hidden;
}
.list3column dl dd.credit .go_detail a:hover{
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}


/* list --------------------------------*/

#list_top {
	height: 27px;
	width: 690px;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
#list_top h1{
	float: left;
	height: 18px;
	width: 164px;
}
#list_top ul{
	float: right;
	height: 27px;
	width: 170px;
}
#list_top ul li{
	text-indent: -9999px;
	display: block;
	float: left;
	height: 27px;
	width: 80px;
}
#list_top ul li.tab1 {
	background-image: url(../images/list_tab_1.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px 0px;
}
#list_top ul li.tab1_current {
	background-image: url(../images/list_tab_1.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px -27px;
}
#list_top ul li.tab1 a{
	background-image: url(../images/list_tab_1.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px -54px;
}
#list_top ul li.tab2 {
	background-image: url(../images/list_tab_2.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px 0px;
}
#list_top ul li.tab2_current {
	background-image: url(../images/list_tab_2.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px -27px;
}
#list_top ul li.tab2 a{
	background-image: url(../images/list_tab_2.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	height: 27px;
	width: 80px;
	background-position: 0px -54px;
}
.all_list {
	width: 690px;
	margin-top: 5px;
	padding-bottom: 32px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 35px;
	clear: both;
}
.all_list p.sublead{
	margin-bottom: 27px;
}



/* detail --------------------------------*/
.list5column {
	width: 710px;
	position: relative;
	overflow: hidden;
	margin-right: -20px;
	clear: both;
	margin-bottom: 20px;
	margin-top: 12px;
}
.list5column dl{
	width: 122px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.list5column dl dt{
	width: 122px;
	line-height: 100%;
	margin-bottom: 2px;
	height: 85px;
}
.list5column dl dd{
	width: 122px;
	margin-right: 0px;
	margin-bottom: 3px;
	line-height: 120%;
	padding-bottom: 0px;
}
.list5column dl dd.credit{
	height: 15px;
	width: 122px;
	bottom: 0px;
	padding-bottom: 2px;
}

.list5column dl dd.credit .go_detail a{
	height: 11px;
	width: 54px;
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	line-height: 8px;
	background-position: 0px 0px;
	float: left;
	margin-top: 3px;
}
.list5column dl dd.credit .go_detail a:hover{
	background-image: url(../images/bt_go_detai.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}

/* detail --------------------------------*/

#detail {
}
#detail #item {
	width: 690px;
	margin-top: 0px;
	margin-bottom: 50px;
	overflow: hidden;
}
#detail #item  #itemArea {
	float: left;
	/*width: 426px; */
	width: 426px;
	overflow: hidden;
}
.temArea_wide {
	width: 430px;
}
#detail #item  #itemArea #item_image {
	padding: 0px;
	height: 435px;
	width: 426px;
	margin-bottom: 20px;
}
#detail #item  #itemArea #item_sam {

}
#detail #item  #itemArea #item_sam ul li img{
	cursor:pointer;
}
#detail #item  #itemArea #item_sam ul.sam2box{
	height: 85px;
	border-right: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	width: 170px;
}
#detail #item  #itemArea #item_sam ul.sam3box{
	height: 85px;
	border-right: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	width: 255px;
}
#detail #item  #itemArea #item_sam ul.sam4box{
	height: 85px;
	border-right: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	width: 340px;
}
#detail #item  #itemArea #item_sam ul.sam5box{
	height: 85px;
	border-right: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	width: 425px;
}
#detail #item  #itemArea #item_sam ul li{
	height: 70px;
	width: auto;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right-color: #CCC;
	float: left;
	line-height: 100%;
	padding: 6px;
}
#detail #item  #itemArea #item_sam ul li a{
	height: 82px;
	width: 84px;
}
#detail #cartArea {
	text-align: left;
	float: right;
	width: 234px;
}
#detail #cartArea #cartBox {
	padding-bottom: 18px;
	border-bottom: 1px dotted #999;
	margin-bottom: 16px;
}
#detail #cartArea #cartBox h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 110%;
}
#detail #cartArea #cartBox h1{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 120%;
	font-weight: normal;
	margin-bottom: 8px;
}
#detail #cartArea h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 110%;
}
#detail #cartArea h3 span{
	font-size: 12px;
	font-weight: normal;
}
#detail #cartArea p{
	margin-bottom: 10px;
	line-height: 140%;
	text-align: justify;
}
#detail #cartArea p.notice{
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 11px;
}
p.notice-3{
	margin-top: -5px;
	line-height: 140%;
	font-size: 11px;
	letter-spacing: 0.09em;
}
#detail #cartArea #cartBox_bag {
	background-image: url(../images/cart_bagArea.gif);
	background-repeat: no-repeat;
	height: 78px;
	width: 234px;
	margin-top: 32px;
	padding-top: 54px;
}
#detail #cartArea #cartBox_bag h3{
	padding-left: 20px;
	margin-bottom: 2px;
	height: 25px;
	line-height: 130%;
}
#detail #cartArea #cartBox_bag .go_cart{
	padding-left: 19px;
}
#detail #recomArea {
	clear: both;
	border-top: 1px solid #000;
}
#detail #recomArea h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}
#detail #recomArea  ul{
}
#detail #recomArea  ul li{
	float: left;
	width: 220px;
	padding-right: 10px;
}
#detail #recomArea  ul li img{
	float: left;
	margin-right: 10px;
}
#detail #recomArea  ul li p{
	line-height: 140%;
	margin: 0px;
	padding-top: 8px;
}
#detail #recomArea .recomArea2col {
	clear: both;
	margin-bottom: 22px;
	overflow: hidden;
}
#detail #recomArea .recomArea2col .recom_col{
	width: 325px;
	overflow: hidden;
}

#detail #recomArea .recomArea2col .recom_col dl{
	width: 330px;
	overflow: hidden;
}
#detail #recomArea .recomArea2col .recom_col dl dt{
	float: left;
	height: 112px;
	width: 120px;
}
#detail #recomArea .recomArea2col .recom_col dl dd{
	float: left;
	margin-left: 8px;
	line-height: 140%;
}
	
		
/* product --------------------------------*/
#product {
}
#product #product_top {
	height: 280px;
	width: 690px;
	margin-bottom: 38px;
	position: relative;
}
#product #product_top .topmessage{
	width: 240px;
	position: absolute;
	left: 18px;
	bottom: 18px;
	line-height: 165%;
}
#product #product_top .topmessage p{
	margin-bottom: 12px;
}
#product h2 {
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
.jam_topImage {
	background-image: url(../images/product/jam_top.jpg);
	background-repeat: no-repeat;
}
.teapot_topImage {
	background-image: url(../images/product/teapot_top.jpg);
	background-repeat: no-repeat;
}

		
/* guide --------------------------------*/

#guide {
	width: 690px;
}
#guide_menu {
	margin-bottom: 41px;
	width: 712px;
	margin-right: -22px;
}
#guide h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 15px;
	padding-top: 7px;
}
#guide h3{
	margin-bottom: 5px;
}
#guide p{
	margin-bottom: 18px;
	line-height: 165%;
}
#guide .guide_pkg{
	margin-bottom: 52px;
	overflow: hidden;
}
#guide .guide_top {
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}
#guide_menu ul{
	width: 712px;
	overflow: hidden;
	margin-left: 0px;
}
#guide_menu ul li{
	line-height: 42px;
	display: block;
	float: left;
	height: 42px;
	width: 156px;
	margin-bottom: 8px;
	margin-right: 22px;
}
.guide_pkg_topmargin {
	padding-top: 40px;
}
#guide table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px 0px 15px;
	}
	
#guide th {
	background-position: center;
	padding: 5px 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "sans-serif", Osaka;
	font-size: 9.4pt;
	text-align: center;
	font-weight: bold;
	background-color: #EBE8E6;
	}
	
#guide td {
	background-position: center;
	padding: 5px 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "sans-serif", Osaka;
	font-size: 9.4pt;
	text-align: center;
	}
	
#guide th.left_align {
	text-align:left;
	}
	
#guide td.left_align {
	text-align:left;
	}
	
#Guide_main th.comleft_align {
	text-align:left;
	width: 8em;
	}
	
#guide td.comleft_align {
	text-align:left;
	width: 8em;
	}

	
#guide th.lawleft_align {
	text-align:left;
	width: 10em;
	height: 3em;
	line-height: 140%;
	}
	
#guide td.lawleft_align {
	text-align:left;
	padding:5px 15px;
	line-height: 140%;
	}
	
#guide th.bank {
	padding:0.7em;
	}
#guide td.bank {
	padding:0.7em;
	}
	
#guide img.logo {
	margin:5px 0;
	}
#guide .package_notice {
	width: 690px;
	margin-top: 15px;
}
#guide .guide_can {
	width: 690px;
	overflow: hidden;
}	
#guide .package_notice dl {
	width: 320px;
	overflow: hidden;
}
#guide .package_notice dl dt {
	float: left;
	width: 30px;
	overflow: hidden;
}
#guide .package_notice dl dd {
	margin-left: 42px;
	line-height: 150%;
}


/* arrival --------------------------------*/

.arrival_news {
}
.arrival_news dl{
	padding-top: 5px;
	margin-bottom: 20px;
}
.arrival_news dl dt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 6px;
}
.arrival_news dl dd{
	margin-bottom: 5px;
	line-height: 100%;
}
.arrival_news dl dd img{
	text-align: center;
	vertical-align: middle;
}


/* contact --------------------------------*/

#contact #content.thanks{
	height: 520px;
	}

#guide ul.contact_other {
	height: 20px;
	width: 130px;
}
#guide ul.contact_other li{
	height: 20px;
	width: 130px;
	text-indent: 0px;
}
.telhl {
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "sans-serif", Osaka;
	font-size: 7.5pt;
	line-height: 170%;
	color: #666666;
	margin: 8px 0 0 0;
	padding: 0;
	}

.telno {
	font-family: "Century Gothic", "Helvetica";
	font-size: 10pt;
	line-height: 150%;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.12em;
	margin: 0px;
}

form {
	margin-bottom:25px;
	padding: 0px;
}

#formarea {
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "sans-serif", Osaka;
	font-size: 10pt;
	line-height: 150%;
	padding: 0;
	margin-bottom: 45px;
	margin-top: 45px;
}

form action {
	margin: 0;
	padding: 0px;
	}
.formseparation {
	clear: both;
	height: 25px;
	width: 100%;
}
.inputarea input {
	font-size: 1.3em;
}
.inputarea input.sizeM {
	width: 72%;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
}
.inputarea input:focus {
	background-color: #F6F6F6;
	border: 1px solid #B9B9B9;
	}
.formcoment textarea:focus {
	background-color: #F6F6F6;
	border: 1px solid #B9B9B9;
	}
.inputarea input.namearea {
	width: 192px;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
}
.inputarea input.phoneno {
	width: 100px;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
}
.inputarea {
	margin-left: 10em;
	margin-bottom: 15px;
	}
.formcoment {
	margin-left: 10em;
	margin-bottom: 8px;
	wight: 100px;
}
textarea {
	width: 85%;
	height: 220px;
	border: 1px solid #CCCCCC;
}
.formcoment textarea:focus {
	border: 1px solid #B9B9B9;
	}

input.button_send {
	margin-right: 15px;
	width: 84px;
	font-size: 0.9em;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	padding: 0px;
	height: 26px;
	border-style: none;
	border-width: 0px;
}
input.button_reset {
	margin-right: 15px;
	width: 84px;
	font-size: 0.9em;
	color: #B5A9A3;
	cursor: pointer;
	display: block;
	float: left;
	background-image: url(../images/form_bt_reset.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	border-width: 0px;
	border-style: none;
	text-indent: -9999px;
}
input.button a{
	background-color: #0093CF;
	border-top: 1px solid #E6F2FF;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
	border-left: 1px solid #E6F2FF;
}
input.button a:hover{
	background-color: #005A82;
	border-top: 1px solid #D9ECFF;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #CCFFFF;
}

.lavel {
	width: 9em;
	float: left;

	padding:: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0px 9px 6px 0px;
	line-height: 13px;
	padding-top: 4px;
	background-image: url(../images/form_topcircle.gif);
	background-position: left center;
	padding-left: 10px;
	background-repeat: no-repeat;
}

.radio_bt {
	margin-left: 11.5em;
	margin-bottom: 2.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 11px;
	}
.radio_box {
	width: 1.5em;
	}
.thanksBox {
	background-color: #FFF;
	padding: 80px 100px 120px 100px;
	border: 1px solid #C5B8B2;
}


/* Search 結果 ***************************************/

#search h1 {
	font-size: 18px;
	margin-bottom: 5px;
}

#search p {
	line-height: 160%;
	margin-top: 8px;
}
#search a {
	color: #736057;
}
#search a:hover{
	color: #C5B8B2;
}

#search table {
	margin: 0px;
}
#search table td{
	line-height: 140%;
}


/******************************************************
　追加スタイル
******************************************************/

/*---ネガキ打消しライン----*/
.line_price {
	text-decoration: line-through;
}

#detail #cartArea h3 span.overline_price {
	font-size: 14px;
	text-decoration: line-through;
}
#detail #cartArea h3 span.sale_price  {
	font-size: 16px;
	font-weight:bold;
	color:red;
	padding-left: 15px;
}
#detail #cartArea #cartBox_bag.sale_bag {
	background-image: url(../images/cart_bagArea.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 234px;
	margin-top: 32px;
	padding-top: 40px;
}
#detail #cartArea #cartBox_bag.sale_bag h3{
	padding-left: 20px;
	margin-bottom: 0px;
	line-height: 115%;
	height: 41px;
}
#detail #cartArea #cartBox_bag.sale_bag h3 span{
	margin-bottom: 0px;
	line-height: 130%;
}