@charset "Shift_JIS";

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
}


/*------------------------------------
	font
------------------------------------*/

body{
	font-size:12px;
	_font-size:73%;
	font-family:"Hiragino Kaku Gothic Pro",Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:100%;
}

table{
	font-size:100%;
}


/*------------------------------------
	anchor
------------------------------------*/

a:link{
	text-decoration:underline;
	color:#1a3181;
}
a:visited{
	color:#555;
}

#pbody a:link,
#pbody a:visited{
	text-decoration:none;
}

a:link:hover,
a:link:focus,
a:link:active,
a:visited:hover,
a:visited:focus,
a:visited:active{
	text-decoration:underline;
	color:#d00;
}

#pbody a:link:hover,
#pbody a:link:focus,
#pbody a:link:active,
#pbody a:visited:hover,
#pbody a:visited:focus,
#pbody a:visited:active{
	text-decoration:underline;
}


/*for WIN IE*/

a:link{
	_text-decoration:underline;
	_color:#1a3181;
}
a:visited{
	_color:#555;
}

a:hover{
	_text-decoration:underline;
	_color:#d00;
}

a:active{
	_text-decoration:underline;
	_color:#d00;
}

#pbody a:link,
#pbody a:visited{
	_text-decoration:none;
}

#pbody a:hover{
	_text-decoration:underline;
	_color:#d00;
}

#pbody a:active{
	_text-decoration:underline;
	_color:#d00;
}


/*------------------------------------
	img
------------------------------------*/

a img{
	border:none;
}


/*------------------------------------
	em,strong
------------------------------------*/

em{
	font-style:normal;
	font-weight:bold;
}

/*------------------------------------
	form
------------------------------------*/

input,
select,
textarea{
	font-size:12px;
	line-height:1;
	/* except MacIE \*/
	font-family:"Hiragino Kaku Gothic Pro", "Lucida Grande", "ヒラギノ角ゴ Pro W3",
	            Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
	/* affect to only MacIE \*//*/
	font-family:"ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	/* end */
}

input.password{
	font-family:Arial, sans-serif;
}


input.submit,
input.reset,
input.button{
	_line-height:1.05; /* WinIE */
}


/*------------------------------------
	centering layout
------------------------------------*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
pre,
ul,
ol,
li,
dl,
dt,
dd,
address,
form,
blockquote{
	text-align:left;
}

body{
	/* except MacIE \*/
	_text-align:center;
	_text\-align:left;
	/* end */
}

div#pbody{
	width:771px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}


div.detcapwrap{
	width:771px;
	height:auto;
	margin:10px auto 14px auto
}
ul.detcap02{
    clear:both;
    margin:0px auto;
    padding:0px;
    width:100%; 
    height:auto; 
    display:block;
    list-style:none;
    font-size:11px;
    font-weight:normal;
    line-height:110%;
	text-align:left;
}
ul.detcap02 li{
    width:auto;
    height:auto;
    margin:0px auto 2px auto;
    padding:0px 0px 0px 6px;
    text-align:left;
	list-style:none;
	list-style-position:outside;
	font-size: x-small; 
	background:url(/products/img/icon_disc01.gif) no-repeat 0px 2px;
}
/*------------------------------------
	general-purpose class
------------------------------------*/

.for-non-visual{
	width:1px;
	height:1px;
	font-size:1px;
	overflow:hidden;
	/* except MacIE \*/
	position:absolute;
	/* end */
	left:0;
	top:0;
	color:#fff;
	background:#fff;
}

.right,
.price{
	text-align:right;
}

.left{
	text-align:left;
}

.center{
	text-align:center;
}

img.num{
	vertical-align:middle;
	margin-right:3px;
}

@media screen{
	img.num{
		_position:relative;
		_top:0.06em
	}
}

span.release-dateA01,
span.release-dateA02{
	font-size:83%;
	font-weight:normal;
	color:#ff0000;
}

p .release-dateA01{
	line-height:2;
}

span.release-dateA02{
	padding-left:4px;
}

span.note{
	font-size:83%;
	font-weight:normal;
	padding-left:4px;
}

p.note{
	margin:0.41em 0 0 0;
	padding:0;
}





/* ---- to top link */

div#to_top{
	clear:both;
	padding-top:20px;
	text-align:right;
}

div#to_top a{
	padding-right:13px;
	font-size:80%;
	background:url(/products/img/icon_arrow10.gif) right center no-repeat;
}

.toTopLink,
.to-top-link{
	margin-top:0;
	padding-top:20px;
	clear:both;
	font-size:83.3%;
	text-align:right;
}




/* ---- header footer */

div.trail{
	font-size:74%;
}

div.trail em a{
	font-size:125%;
}

div#footer-area{
	padding-top:45px;
}

.closure { font-size: xx-small; color: #FF0000; }


/* ---- new */

h1{
	margin:0px 0px 1px;
	padding:7px 0px 6px 8px;
	font-size:large;
	line-height:1;
	font-weight:bold;
	background:url(/shared/img/bg_head01.gif) right top no-repeat;
	border-bottom:1px solid #000;
}

h1 img{
	margin-left:9px;
	vertical-align:middle;
}

div#pname{
	position:relative;
	width:771px;
	margin:0px 0px 1px;
	padding:0px;

	background:url(/shared/img/bg_head01.gif) right top no-repeat;
	border-bottom:1px solid #000;
}

div#pname h1{
	position:absolute;
	top:7px;
	left:0px;
	margin:0px;
	padding:0px 0px 0px 8px;
	background:none;
	border:none;
	width: 660px;
}

div#pname h1 img{
	margin-left:9px;
	vertical-align:middle;
}

div#pname h1 a{
	padding:0px;
	vertical-align:middle
}

div#pname div{
	width:85px;
	margin:0px 0px 0px auto;
	padding:8px 0px 8px 8px;
	background:url(/products/img/line_head01.gif) top left repeat-y;
}

div#pname div a{
	padding-left:14px;
	background:url(/products/img/icon_arrow01.gif) left no-repeat;
}


div#pname_wide{
	position:relative;
	width:1024px;
	margin:0px 0px 1px;
	padding:0px;
	background:#D9D9CE url(/shared/img/bg_head01.gif) right top no-repeat;
	border-bottom:1px solid #000;
}

div#pname_wide h1{
	position:absolute;
	top:7px;
	left:0px;
	margin:0px;
	padding:0px 0px 0px 8px;
	background:none;
	border:none;
	width: 913px;
}

div#pname_wide h1 img{
	margin-left:9px;
	vertical-align:middle;
}

div#pname_wide h1 a{
	padding:0px;
	vertical-align:middle
}

div#pname_wide div{
	width:85px;
	margin:0px 0px 0px auto;
	padding:8px 0px 8px 8px;
	background:url(/products/img/line_head01.gif) top left repeat-y;
}

div#pname_wide div a{
	padding-left:14px;
	background:url(/products/img/icon_arrow01.gif) left no-repeat;
}


div#pbody{
	width:771px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

div#pbody a:link,
div#pbody a:visited{
	text-decoration:none;
}


div#fill{
	padding-bottom:10px;
}

div#fill_nallow{
	width:771px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px;
}

div#fill_wide{
	width:1024px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px;
}


a:link:hover,
a:link:focus,
a:link:active,
a:visited:hover,
a:visited:focus,
a:visited:active{
	text-decoration:underline;
	color:#d00;
}

div#pbody a:link:hover,
div#pbody a:link:focus,
div#pbody a:link:active,
div#pbody a:visited:hover,
div#pbody a:visited:focus,
div#pbody a:visited:active{
	text-decoration:underline;
}

a.alpha60:hover img{
	filter:alpha(opacity=60);
}

div#lcol{
	margin:0px 21px 0px 0px;
	padding:0px;
	width:507px;
	float:left;
}

div#lcol p{
	font-size:120%;
	line-height:140%
}

div#lcol .cmlink{
	text-align:right;
}

div#rcol{
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	width:243px;
}


div#rcol #nav{
	position:relative;
	margin:0px;
}

div#rcol #nav h2{
	margin:0px 0px 11px;
	padding:0px;
	border-bottom:1px solid #333;
}

div#rcol #nav .list_all{
	position:absolute;
	top:2px;
	right:0px;
	padding-left:13px;
	background:url(/products/img/icon_plus01.gif) left center no-repeat;
}

div#rcol #nav div a,div#rcol #nav div b{
	display:block;
	padding:4px 0px 4px 20px;
	font-size:120%;
	line-height:1.1;
	background:url(/products/img/icon_plus01.gif) 5px 8px no-repeat;
}

div#rcol #nav .indent1{
	margin-left:15px
}

div#rcol #nav .indent2{
	margin-left:30px
}

div#rcol #nav div a.indent2{
	background-image:url(/products/img/icon_arrow01.gif);
	background-repeat:no-repeat;
}

div#rcol #nav div b{
	color:#fff;
	font-weight:normal;
	background-image:url(/products/img/icon_minus01_neg.gif);
	background-repeat:no-repeat;
	background-color:#b39060;
}

div#rcol #nav div b.indent1,div#rcol #nav div b.indent2{
	background-image:url(/products/img/icon_arrow01_neg.gif);
	background-repeat:no-repeat;
}

div#rcol #nav div a.minus{
	background-image:url(/products/img/icon_minus01.gif);
	background-repeat:no-repeat;
}

div#rcol #nav div b.minus{
	background-image:url(/products/img/icon_minus01_neg.gif);
	background-repeat:no-repeat;
}

/*
div#rcol #nav.sour div a.indent1{
	background-image:url(/products/img/icon_arrow01.gif)!important;
	background-repeat:no-repeat;
}

div#rcol #nav.sour div b.indent1,div#rcol #nav.sour div b.minus{
	background-image:url(/products/img/icon_arrow01_neg.gif)!important;
	background-repeat:no-repeat;
}
*/

div#rcol #nav div a:hover{
	background-color:#e8e8e8;
	color:#f00;
}

div#rcol #nav div b.beer{
	background-color:#c3731e;
}

div#rcol #nav div b.sour{
	background-color:#7070b3;
}

div#rcol #nav div b.shochu{
	background-color:#b3a16b;
}

div#rcol #nav div b.wine{
	background-color:#b36498;
}

div#rcol #nav div b.whisky_brandy{
	background-color:#b39060;
}

div#rcol #nav div b.spirits_liqueur{
	background-color:#84b37b;
}

div#rcol #nav div b.others{
	background-color:#b3ae78;
}

div#rcol #nav div a.beer:hover{background-color:#f2dabd}
div#rcol #nav div a.sour:hover{background-color:#dbdbef}
div#rcol #nav div a.shochu:hover{background-color:#f1ead3}
div#rcol #nav div a.wine:hover{background-color:#edd4e5}
div#rcol #nav div a.whisky_brandy:hover{background-color:#f0e4d4}
div#rcol #nav div a.spirits_liqueur:hover{background-color:#dff0dc}
div#rcol #nav div a.others:hover{background-color:#f1efda}

div#rcol #nav div div a:hover{color:#f00}

div#rcol #square_banner{
	margin-top:10px;
}

div#rcol #square_banner a{
	float:left;
	margin-top:3px;
}

div#rcol #square_banner a.left{
	margin-right:3px;
}

div#rcol #square_banner a img{
	display:block;
}

div#rcol #square_banner div{
	clear:both;
	height:1px;
	overflow:hidden;
}


div#rcol a.l_arrow,
div#rcol a.l_blank,
div#rcol a.l_pdf{
	display:block;
	padding:3px 0px 3px 13px;
	background:url(/products/img/icon_arrow01.gif) left center no-repeat;
}

div#rcol a.l_blank{
	background-image:url(/products/img/icon_window01.gif);
}

div#rcol a.l_pdf{
	background-image:url(/products/img/icon_pdf01.gif);
}

div#rcol div.info_box a.l_arrow{
	background-image:url(/products/img/icon_arrow02.gif);
}

div#rcol .dotop_box{
	margin-top:10px;
	padding:7px 0px 0px;
	background:url(/shared/img/line_dot11.gif) left top repeat-x;
}

div#rcol .dotop_box a.l_arrow,
div#rcol .dotop_box a.l_blank,
div#rcol .dotop_box a.l_pdf{
	width:230px
}

div#rcol .dotop_box.plugin img.bnr{
	float:left;
	margin:3px 4px 0px 0px;
	vertical-align:top;
}

div#rcol .dotop_box.plugin p{
	clear:both;
	margin-top:5px;
}

div#rcol .info_box{
	margin-top:10px;
}

div#rcol .info_box h2{
	_width:229px;
	margin:0px;
	padding:4px 7px 5px 7px;
	background:url(/shared/img/bg_info-blockAB02.gif) center top no-repeat;
}

div#rcol .info_box div.body{
	width:243px;
	padding-bottom:7px;
	background:#f2f1e6 url(/shared/img/bg_info-blockAB04.gif) bottom no-repeat;
}

div#rcol .info_box div.body .ibody{
	padding:4px 7px 0px 8px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#fbfaf7 #e8e7dc #f2f1e6 #e8e7dc;
}


div#rcol .info_box.avp div.body .ibody a.gfx{
	display:block;
	width:57px;
	float:left;
	margin:3px 5px 0px 0px;
}


div#rcol .info_box.avp div.body .ibody a.com{
	display:block;
	width:160px;
	float:left;
	margin-top:3px;
}

div#rcol .info_box.avp div.body .ibody a img{
	display:block;
	border:1px solid #ccc;
}

div#rcol .info_box.avp div.body .ibody a:hover img{
	border:1px solid #f00;
}

div#rcol .info_box div.body .ibody p{
	margin:0px;
}

div#rcol .info_box div.body .ibody .indent{
	margin-left:12px;
}

div#rcol #knowledge h2{
	_width:229px;
	margin:10px 0px 0px;
	padding:5px 7px 5px 7px;
	background:url(/shared/img/bg_info-blockC0102.gif) left top no-repeat;
}

div#rcol #knowledge div{
	_width:230px;
	margin-top:0px;
	padding:1px 7px 6px 6px;
	background:#e3e7de url(/shared/img/bg_info-blockC0104.gif) bottom no-repeat;
}

div#rcol #knowledge div img{
	display:block;
	margin-top:4px;
}


/* ほとぼり蛛Eめたら、Ebar 以下削除 */

div#rcol #bar h2{
	_width:219px;
	margin:10px 0px 0px;
	padding:4px 7px 5px 7px;
	background:url(/shared/img/bg_info-blockAB12.gif) left top no-repeat;
}

div#rcol #bar div.body{
	_width:227px;
	display:block;
	margin-top:1px;
	padding:7px 8px 7px;
	background:#dfe0e8 url(/shared/img/bg_info-blockC0104.gif) bottom no-repeat;
}

div#rcol #bar div.body div.unit{
	padding:20px 0px 0px 77px;
	background:url(/shared/img/line_dot12.gif) left 10px repeat-x;
}

div#rcol #bar div.body div.unit.top{
	padding-top:0px;
	background:none;
}

div#rcol #bar div.body div p{
	display:block;
	position:relative;
	margin:0px;
}

div#rcol #bar div.body div.unit a img{
	position:absolute;
	top:0px;
	left:-77px;
	border:1px solid #aeaeae;
}

div#rcol #bar div.body div.unit b{
	display:block;
	padding:0px 0px 3px 14px;
	background:url(/shared/img/icon_arrow02.gif) left center no-repeat;
}

div#rcol #bar div.body div.unit a:hover{
	text-decoration:underline;
}

div#rcol #bar div.body div.unit a:hover img{
	border-color:#f00;
}








div#rcol #bars h2{
	_width:229px;
	margin:10px 0px 0px;
	padding:4px 7px 5px 7px;
	background:url(/shared/img/bg_info-blockAB12.gif) left top no-repeat;
}

div#rcol #bars div.body{
	display:block;
	_width:227px;
	margin-top:1px;
	padding:7px 8px 7px;
	background:#dfe0e8 url(/shared/img/bg_info-blockC0104.gif) bottom no-repeat;
}

div#rcol #bars div.body div.unit{
	padding:20px 0px 0px 77px;
}

div#rcol #bars div.body div.unit.top{
	padding-top:0px;
	background:none;
}

div#rcol #bars div.body div p{
	display:block;
	position:relative;
	margin:0px;
}

div#rcol #bars div.body div.unit a.bar{
	display:block;
	position:absolute;
	top:0px;
	left:-77px;
	border:1px solid #aeaeae;
}

div#rcol #bars div.body div.unit b{
	display:block;
	margin-bottom:3px;
	padding-left:14px;
	background:url(/shared/img/icon_arrow02.gif) left center no-repeat;
}

div#rcol #bars div.body div.unit a:hover{
	text-decoration:underline;
}

div#rcol #bars div.body div.unit a.bar:hover{
	border-color:#f00;
}

.clr{
	display:block;
	clear:both;
	height:1px;
	width:1px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}


/*--------------- CM ---------------*/
#cm_info {display: none;}
#cm-infoA01 {display: none;}
#cm_info_link {display: none;}

#lcol #cm_info{
	position:relative;
}

#lcol #cm_info h3{
	width:573px;
	height:35px;
	margin:0px;
	text-indent:-840px;
	overflow:hidden;
	background:url(/products/img/cmn_head_cminfo03.gif) top no-repeat;
}


#lcol #cm_info a.cm_list{
	position:absolute;
	top:10px;
	right:12px;
	padding-left:14px;
	background:url(/products/img/icon_arrow01.gif) left center no-repeat;
}


/*------------------------------------
	cm-info-headingA01
------------------------------------*/

.cm-info-headingA01{
	margin:0;
	padding:5px 0 0 0;
	border-bottom:1px solid #000;
	overflow:hidden;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
}

.cm-info-headingA01:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

/*div*/

.cm-info-headingA01 div{
	margin:0;
	padding:0;
	border-width:0 1px;
	border-style:solid;
	border-color:#000;
	overflow:hidden;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
}

.cm-info-headingA01 div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*div width*/

.cm-info-headingA01 div{
	width:505px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:571px;
}



/*heading*/

.cm-info-headingA01 h2{
	margin:0;
	padding:0;
	float:left;
}

.cm-info-headingA01 h2 img{
	margin:6px 11px 9px 11px;
	padding:0;
}

/*link*/

.cm-info-headingA01 .link{
	float:right;
	margin:0;
	padding:0;
	width:100px;
}

.cm-info-headingA01 .link a{
	display:block;
	margin:6px 11px 9px 0;
	padding:0;
	text-align:right;
}


/*------------------------------------
	cm-infoA01
------------------------------------*/

.cm-infoA01{
	margin:0 0 2.73em 0;
	padding:0 0 4px 0;
	overflow:hidden;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
}

.cm-infoA01:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.cm-infoA01{
	background:#fff url(/products/img/bg_cm-infoA0103.gif) left bottom no-repeat;
}


/*item*/

.cm-infoA01-item,
.cm-infoA01-item-first{
	border-width:0 1px;
	border-style:solid;
	border-color:#000;
}


/*item width*/

.cm-infoA01-item,
.cm-infoA01-item-first{
	width:571px;
}


/*sub-item*/

.cm-infoA01-sub-item{
	margin:0 12px;
	padding:0;
	overflow:hidden;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
}

.cm-infoA01-sub-item:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}


/*sub-item width*/

.cm-infoA01-sub-item{
	width:481px;
}


/*description*/
.description td,
.description th {
	padding: 2px 4px 2px 0;
}
.description table span {
	padding: 0 4px 0 0;
}


.cm-infoA01 .description{
	float:right;
	margin:0 0 0.83em 0;
	padding:0;
}

.cm-infoA01 .description table{
	margin:0;
	padding:0;
}

.cm-infoA01 .description table th,
.cm-infoA01 .description table td{
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

.cm-infoA01 table span.separator{
	padding-right:5px;
}


/*description width*/

.cm-infoA01 .description{
	width:403px;
}


/*heading*/

.cm-infoA01 h3{
	margin:0 12px;
	padding:0.74em 0 0.49em 0;
	line-height:1.33;
	font-weight:normal;
}

.cm-infoA01-item h3{
	border-top:1px solid #aeaeae;
}


/*image*/

.cm-infoA01 .image{
	float:left;
	margin:0 12px 0.41em 0;
	padding:0.16em 0 0 0;
	width:66px;
}

.cm-infoA01 .image p{
	margin:0;
	padding:0;
}

.cm-infoA01 .image img{
	padding-bottom:5px;
}

.cm-infoA01 .image em{
	/*\*/
	display:block;
	/**/
	margin:0;
	padding:0;
}


.product-info-navi{
	width:771px;
	_position:relative;
	_top:-5px;
}

.product-info-navi ul{
	margin:0 10px 0 7px;
	padding:5px 0 0 0;
	list-style:none;
	overflow:hidden;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
	width:754px;
}

.product-info-navi ul:after{
	content:".";
	display:block;
	height:0; 
	clear:both;
	visibility:hidden;
}

.product-info-navi li{
	display:inline;
	margin:0;
	padding:0;
}

.product-info-navi li em{
	font-weight:bold;
}

.product-info-navi li a,
.product-info-navi li em{
	display:block;
	float:left;
	font-style:normal;
	text-decoration:none;
	margin:0 0 0 3px;
	padding:0 0 0 10px;
}

.product-info-navi li a span,
.product-info-navi li em span{
	display:block;
	padding:7px 10px 7px 0;
	white-space:nowrap;
	min-height:15px;
	_height:15px;
}

.product-info-navi li a:hover,
.product-info-navi li em{
	background:url(/shared/img/bg_product-info-navi01.gif) left top no-repeat;
}


.product-info-navi li a:hover span,
.product-info-navi li em span{
	background:url(/shared/img/bg_product-info-navi02.gif) right top no-repeat;
}







.product-info-navi.orange{
	background-color:#FFC246;
}

.product-info-navi.blue{
	background-color:#FFC246;
}
.product-info-navi.brown{
	background-color:#FFC246;
}

.product-info-navi li.ln01-current em{
	width:5em;
}

.product-info-navi li.ln01 a{
	width:6em;
}

.product-info-navi li.ln02-current em{
	width:8em;
}

.product-info-navi li.ln02 a{
	width:9em;
}


.font {
	font-size: small;
	line-height: 135%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*↓↓↓↓↓↓↓↓↓↓↓打出し画像下のタブボタン（オレンジ→使用→カクパ・旬果搾り）↓↓↓↓↓↓↓↓↓↓↓*/
.clear2{
	clear: both;
}

#cm-navi-container {
	width: 771px;
	padding: 5px 0px 0px;
	margin: 0px;
	float: left;
	background-color: #FFC246;
}

#inner-box {
	margin: 0px;
	padding: 0px;
	width: 771px;
}/*レイアウト乱れ回避用*/

#inner-box ul {
	margin: 0px;
	padding: 0px;
	background-color: #FFC246;
	list-style-type: none;
}

#inner-box li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: block;
}

#inner-box li a {
	text-decoration: none;
	display: block;
	padding: 7px;
}

#inner-box li a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(/products/sour/img/corner-orange-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#inner-box img {
	margin: 0px 5px 0px 0px;
	height: 9px;

	width: 9px;
}
#inner-box li strong {
	display: block;
	margin: 0px;
	padding: 7px 20px;
	background-color: #FFFFFF;
	background-image: url(/products/sour/img/corner-orange-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#spacer-h10px {
	height: 10px;
	background-color: #FFFFFF;
}
/*↑↑↑↑↑↑↑↑↑打出し画像下のタブボタン（オレンジ→使用→カクパ・旬果搾り）↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓打出し画像下のタブボタン（ムラサキ→使用→かのか麦）↓↓↓↓↓↓↓↓↓↓↓*/

#cm-navi-container.purple {
	background-color: #AF5080;
}

#cm-navi-container.purple #inner-box ul {
	background-color: #AF5080;
}

#cm-navi-container.purple #inner-box li a {
	color: #FFFFFF;
}

#cm-navi-container.purple #inner-box li a:hover {
	background-image: url(/products/shochu/mugi/kanoka_mugi/cm-making/kanokanoha/image/corner-left.gif);
	color: #000000;
}

#cm-navi-container.purple #inner-box li strong {
	background-image: url(/products/shochu/mugi/kanoka_mugi/cm-making/kanokanoha/image/corner-left.gif);
}

/*↑↑↑↑↑↑↑↑↑打出し画像下のタブボタン（ムラサキ→使用→かのか麦）↑↑↑↑↑↑↑↑↑*/


/* カタログボタン追加レイアウト　（2011 12/13）
------------------------------------------------------------*/
.butlayout {
	position: relative;
	height: 1%;
}

div.butlayout .catalogbut a {
	position: absolute;
	bottom: 6px;
	right: 100px;
	width: 150px;
	height: 17px;
	padding: 0;
}

h2.butlayout .catalogbut a {
	position: absolute;
	bottom: 5px;
	right: 0px;
	width: 150px;
	height: 17px;
}

#lcol .unit h2 .catalogbut a {
	background-image: none;
	padding: 0;
}

/* 商品詳細ページユニットスタイル　（2011 12/13）
------------------------------------------------------------*/

div#unit_area{
	margin-bottom: 40px;
}


div.unit_wrap {
	padding-top: 35px;
}

/* unit_wrap内共通 h4 */
div.unit_wrap h4{
	margin: 0 0 5px 0;
	font-size:100%;
	border-bottom:1px solid #000;
}
div.unit_wrap h4 span{
	font-size:90%;
	font-weight: normal;
}

/* 商品タイトル部分 */
div.unit_title {
	border-bottom: 1px solid #8C97C5;
	border-left: 5px solid #8C97C5;
	margin: 0 0 30px 0;
} 
div.unit_title h3 {
		line-height: 1.4;
		padding: 0 0 0 7px;
		margin: 2px;
		font-size: 115%;
}
div.unit_title h3 span {
	font-weight: normal;
} 

/* 商品画像・詳細部分 */
table.unit_col {
	margin-bottom: 30px;
}
table.unit_col td.unit_itemimage {
	border: 1px solid #CCC;
	width: 140px;
	height: 140px;
	padding: 10px;
	text-align: center;
	vertical-align:middle;
}

table.unit_col td.unit_itemtex {
	padding: 0 0 0 20px;
	vertical-align:top;
}
table.unit_col td.unit_itemtex p.buy_but {
	text-align: right;
}

/* ラインナップ部分 */
div.unit_lineup {
	margin-bottom: 30px;
}
div.unit_lineup table {
	width: 100%;
	margin-bottom: 5px;
}
div.unit_lineup table th {
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
}
div.unit_lineup table td {
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
}
div.unit_lineup table th.icons {
	text-align: left;
	width: 15px;
}
div.unit_lineup table th.name,
div.unit_lineup table td.name {
	text-align: left;
	width: 45%;
}
div.unit_lineup table th.size,
div.unit_lineup table td.size {
	text-align: center;
}
div.unit_lineup table th.pakg,
div.unit_lineup table td.pakg {
	text-align: center;
}
div.unit_lineup table th.alch,
div.unit_lineup table td.alch {
	text-align: center;
	width: 90px;
}
div.unit_lineup table th.price,
div.unit_lineup table td.price {
	text-align: right;
	width: *;
}

/* 原材料部分 */
div.unit_wrap .materials {
	margin-bottom: 30px;
	padding: 5px 0 6px 0;
	border-bottom: 1px solid #CCC;
}

/* 成分 */
div.unit_wrap .detail div.outer {
	position:relative;
	float:left;
	width:210px;
	margin: 0 25px 5px 0;
	padding:0px 0 6px 0;
	border-bottom:1px solid #ccc;
}

div.unit_wrap .detail div.outer div {
	position:relative;
	width:210px;
	text-align:right;
}
div.unit_wrap .detail div.outer {
/*	width:274px;	*/
	width:570px;
}
div.unit_wrap .detail div.outer div {
/*	width:274px;	*/
	width:570px;

}
div.unit_wrap .detail div.outer.r {
	margin:0px;
}
div.unit_wrap .detail div span {
	position:absolute;
	top:1px;
	left:0px;
}

div.unit_wrap .detail ul.detcap01 {
    clear:both;
    margin:4px 0px 30px 0px;
    padding:0px;
    width:100%; 
    height:auto; 
    display:block;
    list-style:none;
    font-size:10px;
    font-weight:normal;
    line-height:110%
}

div.unit_wrap .detail ul.detcap01 li {

    width:auto;
    height:auto;
    margin:0px 0px 2px auto;
    padding:0px 0px 0px 6px;
    text-align:left;
	list-style:none;
	list-style-position:outside;
	background:url(/products/img/icon_disc01.gif) no-repeat 0px 2px;
}

div.unit_wrap .detail p.blog_but {
	text-align:right;
}

div.unit_wrap .detail div.outer.indent{
	margin-left:14px;
}
div.unit_wrap .detail div.outer.indent02{
	margin-left:28px;
}

/* ラインナップ部分（TYPE2） */
div.unit_lineup_type2 {
	margin-bottom: 30px;
}
div.unit_lineup_type2 table {
	width: 100%;
	margin-bottom: 5px;
}
div.unit_lineup_type2 table th {
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
}
div.unit_lineup_type2 table td {
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
}
div.unit_lineup_type2 table th.icons {
	text-align: left;
	width: 43px;
}
div.unit_lineup_type2 table th.name 
div.unit_lineup_type2 table td.name {
	text-align: left;
	width: 208px;
}
div.unit_lineup_type2 table th.size 
div.unit_lineup_type2 table td.size {
	text-align: center;
	width: 62px;
}
div.unit_lineup_type2 table th.pakg 
div.unit_lineup_type2 table td.pakg {
	text-align: center;
	width: 95px;
}
div.unit_lineup_type2 table th.alch,
div.unit_lineup_type2 table td.alch {
	text-align: center;
}
div.unit_lineup_type2 table th.price,
div.unit_lineup_type2 table td.price{
	text-align: right;
	width: 90px;
}


/*clearfix*/
div.unit_col:after,
div.unit_wrap .detail:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;        
    clear: both; 
    visibility:hidden;
}
        
div.unit_col,
div.unit_wrap .detail {
	display: inline-block;
} 

/* Hides from IE Mac */
* html div.unit_col,
* html div.unit_wrap .detail {
	height: 1%;
}
div.unit_col,
div.unit_wrap .detail {
	display:block;
}
/* End Hack */ 


/* 	20120510 add Nagashima common.css */
div#h1_chuad{
	margin:0px 0px 1px;
	padding:7px 0px 6px 8px;
	font-size:large;
	line-height:1;
	font-weight:bold;
	background:url(/shared/img/bg_head01.gif) right top no-repeat;
	background-color: #d9d9ce;
	border-bottom:1px solid #000;
}

div#pbody_chuad{
	width:931px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

div#pbody_chuad a:link,
div#pbody_chuad a:visited{
	text-decoration:none;
}

div#pbody_chuad a:link:hover,
div#pbody_chuad a:link:focus,
div#pbody_chuad a:link:active,
div#pbody_chuad a:visited:hover,
div#pbody_chuad a:visited:focus,
div#pbody_chuad a:visited:active{
	text-decoration:underline;
}

div.unit_lineup_type2 table th.material {
	text-align: left;
}

#pbody_chuad a:link,
#pbody_chuad a:visited{
	_text-decoration:none;
}

#pbody_chuad a:hover{
	_text-decoration:underline;
	_color:#d00;
}

#pbody_chuad a:active{
	_text-decoration:underline;
	_color:#d00;
}
/* 	20120510 add Nagashima common.css */