@charset "utf-8";

/* Headings
==============================*/

/* metaheading */

.metaheading {
	background: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 4px 10px;
	margin: 2em 0 1em;
}

/* general heading */

.h1A,
.h2A,
.h3A,
.h4A,
.h5A,
.h6A{
	color: #333333;
}

.h1A a,
.h2A a,
.h3A a,
.h4A a,
.h5A a,
.h6A a,
.waveHeading a,
.navHeading a,
.asideHeading a{
	color: #333333;
}

.h1A,
.h2A,
.h3A {
	background: url(/shared/img/components/sprite_heading.png) 0 0 no-repeat;
}
.h1A {
	padding: 12px 12px 0;
	min-height: 45px;
	_height: 45px;
}
/* h1 2行対応ここから */
h1.twoLine {
	display:table-cell;
	height:57px;
	width:714px;
	vertical-align:middle;
	padding: 0;
	behavior: expression(
		this.currentStyle.getAttribute("display")=="block" && (
			heightBase = document.createElement('div'),
			heightBase.className = 'heightBase',
			this.appendChild(heightBase),
			this.style.behavior = "none"
		)
	);
}
h1.twoLine.with-pict {
	width: 662px;
}

div.twoLineInner{
	padding: 0 12px;
	vertical-align:middle;
	line-height: 1.2em;
}


* html div.twoLineInner{
	display:inline;
	zoom:1;
}

*:first-child+html div.twoLineInner{
	display:inline;
	zoom:1;
}

/* Item マーク */
h1.twoLine2{
	display:table-cell;
	width:704px;
	vertical-align:middle;
	padding: 0 0 0 10px;
	behavior: expression(
		this.currentStyle.getAttribute("display")=="block" && (
			heightBase = document.createElement('div'),
			heightBase.className = 'heightBase',
			this.appendChild(heightBase),
			this.style.behavior = "none"
		)
	);
}
div.twoLineInner1{background:url(/shared/img/components/mk_Osakana.gif) 0 2px no-repeat; height:57px;}
div.twoLineInner2{background:url(/shared/img/components/mk_AnotherOne.gif) 0 2px no-repeat; height:57px;}
span.txtsp{margin-left:55px;line-height:60px;display:block;}
/* //Item マーク */

h1.twoLine div.heightBase{
	height:100%;
	display:inline;
	zoom:1;
	vertical-align:middle;
}
/* h1 2行対応ここまで */

.side_personal .h1A{
	background-position: 0 0;
}
/*  20100726 追加 ここから  */
.side_personal .span_120 .h1A{
	background-position: 0 -417px;
}
/*  20100726 追加 ここまで  */
.side_personal .span_90 .h1A{
	background-position: 0 0;
}
.side_business .h1A{
	background-position: 0 -71px;
}
/*  20100726 追加 ここから  */
.side_business .span_120 .h1A{
	background-position: 0 -484px;
}
/*  20100726 追加 ここまで  */
.side_business .span_90 .h1A{
	background-position: 0 -71px;
}
h1.with-pict{
	padding-left: 52px;
	background-position: left top;
	background-repeat: no-repeat;
}
.h1A.frozen{
	background-image: url(/shared/img/personal/h1A_fronzen.gif);
}
.h1A.fish{
	background-image: url(/shared/img/personal/h1A_fish.gif);
}
.h1A.paste{
	background-image: url(/shared/img/personal/h1A_paste.gif);
}
.h1A.bottled{
	background-image: url(/shared/img/personal/h1A_bottled.gif);
}
.h1A.retort{
	background-image: url(/shared/img/personal/h1A_retort.gif);
}
.h1A.character{
	background-image: url(/shared/img/personal/h1A_character.gif);
}
.h1A.health{
	background-image: url(/shared/img/personal/h1A_health.gif);
}
.h1A.business{
	background-image: url(/shared/img/personal/h1A_business.gif);
}
.h1A.gift{
	background-image: url(/shared/img/personal/h1A_gift.gif);
}
.h1A.etc{
	background-image: url(/shared/img/personal/h1A_etc.gif);
}

/*  20100802 追加 ここから  */
.h1A.pc110{
	background-image: url(/shared/img/personal/h1A_fronzen.gif);
}
.h1A.pc120{
	background-image: url(/shared/img/personal/h1A_fish.gif);
}
.h1A.pc130{
	background-image: url(/shared/img/personal/h1A_paste.gif);
}
.h1A.pc140{
	background-image: url(/shared/img/personal/h1A_bottled.gif);
}
.h1A.pc150{
	background-image: url(/shared/img/personal/h1A_retort.gif);
}
.h1A.pc160{
	background-image: url(/shared/img/personal/h1A_character.gif);
}
.h1A.pc170{
	background-image: url(/shared/img/personal/h1A_health.gif);
}
.h1A.pc180{
	background-image: url(/shared/img/personal/h1A_etc.gif);
}
.h1A.pc190{
	background-image: url(/shared/img/personal/h1A_business.gif);
}
.h1A.pc200{
	background-image: url(/shared/img/personal/h1A_kinou.gif);
}
.h1A.pc_kinou{
	background-image: url(/shared/img/personal/h1A_kinou.gif);
}
.h1A.pc_business{
	background-image: url(/shared/img/personal/h1A_b_fishery.gif);
}
/*  20100802 追加 ここまで  */

.h2A{
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 11px 12px 0;
	min-height: 34px;
	_height: 34px;
	line-height: 1.4em;
}
/*  20100726 追加 ここから  */
.side_personal .span_120 .h2A{
	background-position: 0 -551px;
}
/*  20100726 追加 ここまで  */
.side_personal .span_90 .h2A{
	background-position: 0 -150px;
}
.side_personal .span_60 .h2A{
	background-position: -715px -150px;
}
.side_personal .span_45 .h2A{
	background-position: -1184px -150px;
}
.side_personal .span_30 .h2A{
	background-position: -1529px -150px;
}
/*  20100726 追加 ここから  */
.side_business .span_120 .h2A{
	background-position: 0 -611px;
}
/*  20100726 追加 ここまで  */
.side_business .span_90 .h2A{
	background-position: 0 -210px;
}
.side_business .span_60 .h2A{
	background-position: -715px -210px;
}
.side_business .span_45 .h2A{
	background-position: -1184px -210px;
}
.side_business .span_30 .h2A{
	background-position: -1529px -210px;
}

.h3A{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 6px 0 6px 9px;
	background: none;
}
/*
.side_personal .h3A{
	background-position: -1748px 0;
}
.side_business .h3A{
	background-position: -1748px -71px;
}
*/
.side_personal .h3A{
	border-left: 3px solid #b3aba1;
}
.side_business .h3A{
	border-left: 3px solid #a1adb3;
}
.h4A{
	margin-top: 20px;
	margin-bottom: 15px;
}

/* asideHeading */

.asideHeading{
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 7px 11px;
	border: 1px solid #cccccc;
	border-bottom: none;
	-webkit-top-border-left-radius: 7px;
	-webkit-top-border-right-radius: 7px;
	-moz-border-radius: 7px 7px 0 0;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	+zoom: 1;
}
.lu .asideHeading\.first-child,
.lu .asideHeading.first-child,
.lu .asideHeading:first-child{
	margin-top: 0;
}
.asideHeading img{
	/*vertical-align: middle;*/
	+zoom: 1;
}
.asideHeading.has-link a{
	display: block;
	padding: 0 0 0 10px;
	background: url(/shared/img/components/icon_arrow_01.gif) 0px 0.45em no-repeat;
	*zoom: 1;
}
.asideHeading.has-link a:hover{
	color: #444444;
	text-decoration: none;
}
.side_personal .asideHeading{
	border-bottom: 2px solid #ccc4b8;
	background-color: #ebe7e3;
}
.side_personal .asideHeading.has-link{
	background: #ede9e6 url(/shared/img/components/asideHeading_p_01.gif) left bottom repeat-x;
}
.side_personal .asideHeading\.has-link\.hover,
.side_personal .asideHeading.has-link:hover{
	background: #eddbc3 url(/shared/img/components/asideHeading_p_01_o.gif) left bottom repeat-x;
}

.side_personal .side_business .asideHeading{
	border-bottom: 2px solid #7dd4ff;
	background-color: #b2e6ff;
}
.side_personal .side_business .asideHeading.has-link{
	background: #b2e6ff url(/shared/img/components/asideHeading_special_b_01.gif) left bottom repeat-x;
}
.side_personal .side_business .asideHeading\.has-link\.hover,
.side_personal .side_business .asideHeading.has-link:hover{
	background: #b2e6ff url(/shared/img/components/asideHeading_special_b_01_o.gif) left bottom repeat-x;
}



.side_business .asideHeading{
	border-bottom: 2px solid #b8c5cc;
	background-color: #e3e8eb;
}
.side_business .asideHeading.has-link{
	background: #e7eaed url(/shared/img/components/asideHeading_b_01.gif) left bottom repeat-x;
}
.side_business .asideHeading\.has-link\.hover,
.side_business .asideHeading.has-link:hover{
	background: #c3dfed url(/shared/img/components/asideHeading_b_01_o.gif) left bottom repeat-x;
}

.side_business .side_personal .asideHeading{
	border-bottom: 2px solid #ff9500;
	background-color: #ffe2ba;
}
.side_business .side_personal .asideHeading.has-link{
	background: #ffe2ba url(/shared/img/components/asideHeading_special_p_01.gif) left bottom repeat-x;
}
.side_business .side_personal .asideHeading\.has-link\.hover,
.side_business .side_personal .asideHeading.has-link:hover{
	background: #ffcf8c url(/shared/img/components/asideHeading_special_p_01_o.gif) left bottom repeat-x;
}

/* waveHeading */

.waveHeading{
	margin-top: 30px;

}
.side_business .waveHeading{
	padding: 10px 0 0;
	background: url(/shared/img/components/waveHeading_b_01.gif) left top repeat-x;
}
.side_personal .waveHeading{
	padding: 0 12px 0;
	background: url(/shared/img/components/waveHeading_p_01.gif) left top repeat-x;
}


/* navHeading */

.navHeading{
	margin-top: 20px;
	margin-bottom: 8px;
	+zoom: 1;
}
.navHeading a{
	display: block;
	padding: 3px 0 0 0;
}
.navHeading a:hover{
	color: #444444;
	text-decoration: none;
}

.navHeading a span{
	display: block;
	border: 1px solid #e1e1e1;
	-webkit-top-border-left-radius: 5px;
	-webkit-top-border-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(/shared/img/components/navHeading.gif) 0 bottom repeat-x;
	background-color: #fafafa;
	+zoom: 1;
}
.side_personal .navHeading a:hover span{
	border-color: #e5d2b7;
	background: url(/shared/img/components/navHeading_p.gif) 0 bottom repeat-x;
	background-color: #ffeacc;
}
.side_business .navHeading a:hover span{
	border-color: #b7d6e5;
	background: url(/shared/img/components/navHeading_b.gif) 0 bottom repeat-x;
	background-color: #cceeff;
}

.navHeading a span span{
	padding: 8px 11px 8px 24px;
	border: none;
	background: url(/shared/img/components/icon_arrow_02.gif) 11px 0.85em no-repeat;
	cursor: pointer;

}
.side_personal .navHeading a:hover span span,
.side_business .navHeading a:hover span span{
	border: none;
	background: url(/shared/img/components/icon_arrow_02.gif) 11px 0.85em no-repeat;
}

.navHeading img{
	vertical-align: bottom;
}




.leadingNavPanel .with-pict{
	position: relative;
	padding-left: 0;
}
.leadingNavPanel .with-pict .pict{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.leadingNavPanel .with-pict .pict02{
	position: absolute;
	top: 0;
	right: 25px;
	z-index: 10;
}



/* pickupHeading */

.pickupHeading {
	margin-top: 20px;
	+zoom: 1;
}

.pickupHeading img {
	margin-bottom: 8px;
	vertical-align: bottom;
}
.pickupHeading a {
	display: block;
	text-decoration: none;
}
.pickupHeading a:hover span,
.pickupHeading a:active span {
	text-decoration: underline;
}


/* hImage */

.hImage {
	margin-top: 20px;
	padding: 0;
}

/* add2010.12.21 */

.navHeading span.icon_sttl{
	background: url("../img/components/icon_arrow_01.gif") no-repeat scroll 0 0.7em transparent;
 padding: 5px 5px 5px 10px;
	font-weight:normal;
	margin-left:12px;
}
span.icon_sttl{
	border: none !important;
	background: url("../img/components/icon_arrow_01.gif") no-repeat scroll 0 0.7em transparent !important;
 padding: 5px 5px 5px 10px;
}
.aHead_lnone{
	font-weight:normal;
	padding-top:4px;
	padding-bottom:3px;
}

/* add2011.02.18 商品名カラー変更用 */
span.cColor_01{
	color:#b60d08;
	_vertical-align:bottom;
}

/* add2011.11.08 */
.rss_right{
	position:relative;
}
.rss_right a.icon_rss{
	cursor:pointer;
	display:block;
	position:absolute;
	top:18px;
	right:10px;
	background: url("/shared/img/components/rss_button.gif") no-repeat 0 0;
	width:122px;
	height:18px;
	outline:0;
	text-indent:-9999px;
}
.rss_right a.icon_rss_s{
	cursor:pointer;
	display:block;
	position:absolute;
	top:8px;
	right:10px;
	background: url("/shared/img/components/rss_button_s.gif") no-repeat 0 0;
	width:101px;
	height:18px;
	outline:0;
	text-indent:-9999px;
}