/*====================================================
	#ヘッダ（固有）
====================================================*/
#headerArea {
	width: 100%;
	background: url(../../onlineshop/images/bg_header.jpg) no-repeat;
	width: 900px;
	height: 80px;
}

/*====================================================
	#右カラム（メイン）
====================================================*/
#main .lookCart {
	padding-bottom: 10px;
}

/*====================================================
	#左ナビゲーション
====================================================*/
#main #columnLefta ul.leftNavi {
 margin: 0 30px 20px 0;
 padding: 0;
 }

#main #columnLefta ul.leftNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #columnLefta ul.leftNavi li {
	margin: 0;
	padding: 0;
 display: block;
 width: 180px;
 height: 33px;
	vertical-align: middle;
 text-indent: 25px;
	line-height: 280%;
 }

#main #columnLefta ul.leftNavi li a {
 display: block;
 width: 180px;
 height: 33px;
 color: #333333 ;
 background: url(../../onlineshop/images/btn_lnav01.jpg) no-repeat;
	text-decoration: none;
 }

#main #columnLefta ul.leftNavi li a:hover{
 background: url(../../onlineshop/images/btn_lnav01_f2.jpg) no-repeat;
	text-decoration: none;
 }



#main #columnLefta ul.leftNavi02 {
 margin: 0 30px 20px 0;
 padding: 0;
 height: 33px;
 }

#main #columnLefta ul.leftNavi02:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}

#main #columnLefta ul.leftNavi02 li {

 }
#main #columnLefta ul.leftNavi02 li.guide {
	margin: 0;
	padding-left: 14px;
	background-image: url(../images/arw_lnav01.jpg);
	background-position:0 14px 1px 0 ;
	background-repeat:no-repeat;
	font-size: 10px;
}

#main #columnLefta ul.leftNavi02 li.guide a:link	{
	color: #333333;
	text-decoration: none;
	}
	
#main #columnLefta ul.leftNavi02 li.guide a:visited {
	color: #333333;
	text-decoration: none;
	}
	
#main #columnLefta ul.leftNavi02 li.guide a:hover	{
	color: #333333;
	text-decoration: underline;
	}
	
#main #columnLefta ul.leftNavi02 li.guide a:active	{
	color: #333333;
	text-decoration: underline;
	}
	


					
/* メニュー全体 */
div#menuA, div#menuA * {
	margin:0;
	padding:0;
	}
div#menuA {
 margin: 0 30px 20px 0;
 padding: 0;
	border-width: 1px;
	border-style: none solid none solid;
	border-color: #D9D9D9;
	}
div#menuA dl {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	}
	
/* カテゴリ名 */
div#menuA dt {
	margin: 0;
	padding: 0;
 display: block;
 width: 178px;
 height: 32px;
	vertical-align: middle;
 text-indent: 25px;
	line-height: 280%;
	border-width: 1px;
	border-style: none none solid none;
	border-color: #D9D9D9;
	}
	
div#menuA dt a {
	background: url("../../onlineshop/images/btn_lnav02_f2.jpg") no-repeat right center;
	padding:5px 0; 
	display:block;
 width: 178px;
 height: 32px;
	color: #333333;
	text-decoration:none;
	width:100%;
}

div#menuA dt a:hover {
	background: url("../../onlineshop/images/btn_lnav02.jpg") no-repeat right center;
}

/* カテゴリメニュー */
div#menuA dd {
	line-height: 160%;
	margin-top: 5x;
}
div#menuA dd a {
	text-decoration:none;
	display:block;
	background: url("../../onlineshop/images/s_ttl_nav01_f2.jpg") no-repeat top left;
	padding-left: 35px;
	color: #333333;
	}
div#menuA dd a:hover {
	color: #333333;
	background: url("../../onlineshop/images/s_ttl_nav01.jpg") no-repeat top left;
	}
	
div#menuA dd a.subMenu, div#menuA dd a.line:hover {
	padding: 3px 3px 3px 35px;
	line-height: 160%;
	}
div#menuA ul {
 border-width: 1px;
	border-style: none none solid none;
	border-color: #D9D9D9;
}

div#menuA li {
	margin: 0;
	padding: 0;
	width: 178px;
}

div#menuA li.activeSubMenu {
	background: url("../../onlineshop/images/s_ttl_nav01_f2.jpg") no-repeat top left;
	margin: 0;
	padding: 0;
	line-height: 180%;
}

div#menuA #closer_1 , div#menuA #closer_2 , div#menuA #closer_3 , div#menuA #closer_4{
	margin: 0;
	padding: 0;
 width: 178px;
 height: 32px;
}

div#menuA #opener_1 , div#menuA #opener_2 , div#menuA #opener_3 , div#menuA #opener_4{
	margin: 0;
	padding: 0;
}

/*====================================================
	#右カラム（メイン）
====================================================*/
#main table.net {
}

#main table.net th{
	font-size: 10px;
	line-height: 150%;
	padding: 5px 1px 1px 1px;
}

#main table.net td{
	font-size: 10px;
	line-height: 150%;
	padding: 1px;
}

#main table.photo {
	background: #E6E6E6;
	border: 1px solid #E6E6E6;
}

#main table.photo td{
	border: 1px solid #FFFFFF;
	padding: 5px;
	_padding: 4px;
}

#main .categoryMark {
	padding-bottom: 9px;
}

#main .copyTxt {
	font-size: 18px;
	line-height: 120%;
	font-weight: bold;
	color: #000000;
	border-bottom: 2px solid #EF3B5E;
	padding: 0 5px 9px 0;
}

#main .memoTxt {
	font-size: 12px;
	line-height: 167%;
	padding: 15px 0 20px 0;
}

#main table.flavor {
	border: 1px solid #D9D9D9;
	margin-bottom:30px;
	font-size: 12px;
	line-height: 150%;
}

#main table.flavor th {
	background-color: #FFE8EA;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	font-weight: bold;
}

#main table.flavor td {
	padding: 5px;
	vertical-align: middle;
}

#main .priceArea {
	background-color: #FFD8D8;
	padding:10px;
}

#main .price {
	padding: 0 0 8px 10px;
	font-size: 14px;
	line-height: 150%;
	color: #CA0007;
	font-weight: bold;
}

#main .selectNum {
	padding: 0 0 1px 10px;
	font-size: 14px;
	line-height: 150%;
}

#main .attnArea {
	background-color: #FFF1F2;
	padding:10px;
}

#main table.attn {
	margin-bottom: 10px;
}

#main table.attn td {
	padding: 1px;
	font-size: 10px;
	line-height: 130%;
}

#main .addCart {
	margin: auto;
	text-align: center;
}

#main .voiceArea {
	background: url(../../onlineshop/images/bg_voice.gif) repeat-y;
	padding:0 10px 0 10px;
}

#main .osusumeArea {
	display: inline-block;
	border-left: 1px solid #F2627E;
	border-right: 1px solid #F2627E;
	padding: 10px 17px 10px 17px;
}

#main .osusumePhoto img{
	border: 1px solid #E6E6E6;
	padding: 3px;
}

#main .osusumeTxt {
	font-size: 10px;
	line-height: 140%;
	padding: 5px 12px 0 5px;
}

#main ul#aboutGuide {
 margin: 0;
 padding: 0;
 width: 670px;
}

#main ul#aboutGuide:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main ul#aboutGuide li.list01 {
	padding: 0;
 width: 227px;
	float: left;
	list-style: none;
}

#main ul#aboutGuide li.list02 {
	padding: 0;
	margin: 0;
 width: 216px;
	float: right;
	list-style: none;
}

#main #goal h3 {
	margin-bottom: 20px;
}

#main #goal h4 {
	margin-top: 10px;
}

#main #goal table.mgnB20 {
	margin-bottom: 30px;
}

#main #goal .lPhoto {
	background: url(../../onlineshop/images/bg_onlineshop01.jpg) no-repeat;
	width: 240px;
	height: 240px;
	padding: 8px 27px 8px 8px;
}

#main #goal .copyTxtLink a {
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
	color: #1793CD;
}

#main #goal .copyTxtLink {
	font-size: 12px;
	line-height: 167%;
	color: #333333;
	border-bottom: 2px solid #EF3B5E;
	padding: 0 5px 9px 0;
}

#main #goal table.taste {
	margin: 5px 0 0 2px;
}

#main #goal table.taste th {
	padding: 3px 4px 1px 0;
}

#main #goal table.taste td {
	padding: 1px;
	font-size: 12px;
	line-height: 167%;
}

#main #goal .example {
	padding: 3px 0 8px 2px;
	font-size: 12px;
	line-height: 167%;
}


#main #blend h3 {
	margin-bottom: 10px;
}

#main #blend h4 {
	margin-bottom: 15px;
}

#main #blend .mainTxt {
	padding-right: 20px;
	font-size: 12px;
	line-height: 167%;
}

#main #blend .notice {
	background: #EEEEEE;
	width: 205px;
	padding: 10px;
	font-size: 10px;
	line-height: 160%;
}

#main #blend ul.menuList {
	width: 670px;
	margin: 0 0 20px 0;
}
	
#main #blend ul.menuList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #blend ul.menuList li {
	float: left;
}

#main #blend table.spec td.imgLink img {
 border:1px solid #1794CE;
}

#main #blend table.taste {
	margin: 0;
}

#main #blend table.taste th {
	padding: 2px 4px 1px 0;
}

#main #blend table.taste td {
	padding: 1px;
	font-size: 10px;
	line-height: 167%;
}

#main #single {
	width: 670px;
}

#main #single h3 {
	margin-bottom: 10px;
}

#main #single h4 {
	margin-bottom: 15px;
}

#main #single .mainTxt {
	padding-right: 20px;
	font-size: 12px;
	line-height: 167%;
}

#main #single .notice {
	background: #EEEEEE;
	width: 205px;
	padding: 10px;
	font-size: 10px;
	line-height: 160%;
}

#main #single ul.menuList {
	width: 670px;
	margin: 0 0 0 0;
}
	
#main #single ul.menuList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #single ul.menuList li {
	float: left;
	margin: 0;
	padding: 0;
}

#main #single .flavorBtn {
	text-align: right;
	margin-bottom: 20px;
}

#main #single table.spec td.imgLink img {
 border:1px solid #1794CE;
}

#main #single table.taste {
	margin: 0;
}

#main #single table.taste th {
	padding: 2px 4px 1px 0;
}

#main #single table.taste td {
	padding: 1px;
	font-size: 10px;
	line-height: 167%;
}



#main #oil {
	width: 670px;
}


#main #oil h3 {
	margin-bottom: 10px;
}

#main #oil h4 {
	margin-bottom: 10px;
}

#main #oil h5 {
	margin: 0 0 10px 10px;
}

#main #oil .mainTxt {
	font-size: 12px;
	line-height: 167%;
	margin-bottom: 30px;
}

#main #oil ul.menuList01 {
	width: 670px;
	margin: 0;
}
	
#main #oil ul.menuList01:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #oil ul.menuList01 li {
	float: left;
}

#main #oil ul.menuList02 {
	width: 670px;
	margin: 0 0 25px 0;
}
	
#main #oil ul.menuList02:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #oil ul.menuList02 li {
	float: left;
}

#main #oil ul.menuList03 {
	width: 670px;
	margin: 0 0 45px 0;
}
	
#main #oil ul.menuList03:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #oil ul.menuList03 li {
	float: left;
}

#main #oil table.mgnBL20 {
	margin: 0 0 20px 20px;
}

#main #oil table.mgnL20 {
	margin-left: 20px;
}

#main #oil table.spec td.imgLink img {
 border:1px solid #1794CE;
}

#main #oil table.spec td.sName {
	padding: 2px 10px 3px 0;
	font-size: 12px;
	line-height: 167%;
}

#main #oil table.spec td.sPrice {
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 167%;
}



#main #onlineshopIndex {
	width: 670px;
}

#main #onlineshopIndex h2 {
	margin-bottom: 17px;
}

#main #onlineshopIndex h3 {
	margin-bottom: 10px;
}

#main #onlineshopIndex table.info {
}

#main #onlineshopIndex table.info th {
	background: url(../../onlineshop/images/ico_os_main01.gif) no-repeat 2px 3px;
	border-bottom: 1px dotted #CCCCCC;
	width: 20px;
	padding: 0 0 10px 0;
	vertical-align: middle;
	font-size: 12px;
	line-height: 167%;
	font-weight: bold;
}

#main #onlineshopIndex table.info td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 10px 10px 0;
	font-size: 12px;
	line-height: 167%;
}

#main #onlineshopIndex table.info td img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main #onlineshopIndex table.info td a {

}

#main #onlineshopIndex #ctsBox {
	width: 670px;
	margin-bottom: 35px;
}

#main #onlineshopIndex #ctsBox:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main #onlineshopIndex #ctsBoxL {
	width: 330px;
	float: left;
	padding-right: 10px;
}

#main #onlineshopIndex #ctsBoxR {
	width: 330px;
	float: right;
}

#main #onlineshopIndex #MainMenu01 {
	background: url(../../onlineshop/images/bg_os_main01.jpg) no-repeat;
	width: 183px;
	height: 160px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu02 {
	background: url(../../onlineshop/images/bg_os_main02.jpg) no-repeat;
	width: 183px;
	height: 160px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu03 {
	background: url(../../onlineshop/images/bg_os_main03.jpg) no-repeat;
	width: 183px;
	height: 120px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu04 {
	background: url(../../onlineshop/images/bg_os_main04.jpg) no-repeat;
	width: 183px;
	height: 120px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu01n {
	background: url(../../onlineshop/images/bg_os_main01n.jpg) no-repeat;
	width: 183px;
	height: 185px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu02n {
	background: url(../../onlineshop/images/bg_os_main02n.jpg) no-repeat;
	width: 183px;
	height: 185px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu03n {
	background: url(../../onlineshop/images/bg_os_main03n.jpg) no-repeat;
	width: 183px;
	height: 230px;
	padding: 0 0 0 147px;
}

#main #onlineshopIndex #MainMenu04n {
	background: url(../../onlineshop/images/bg_os_main04n.jpg) no-repeat;
	width: 183px;
	height: 230px;
	padding: 0 0 0 147px;
}


#main #onlineshopIndex #MainMenu01 li ,
#main #onlineshopIndex #MainMenu02 li ,
#main #onlineshopIndex #MainMenu03 li ,
#main #onlineshopIndex #MainMenu04 li {
	background: url(../../onlineshop/images/ico_os_main01.gif) no-repeat 1px 2px;
	list-style: none;
	padding: 0 0 0 15px;
	font-size: 12px;
	line-height: 167%;
}

#main #onlineshopIndex ul.btn {
	width: 330px;
}

#main #onlineshopIndex ul.btn li {
	float: left;
}

/* sGuide */

#main #sGuide {
	width:	670px;
}

#main #sGuide h3 {
	margin-bottom: 20px;
}

#main #sGuide h4 {
	margin-bottom: 20px;
	padding: 5px;
	background: #FFEAEC;
	font-size: 12px;
	font-weight: bold;
}

#main #sGuide ul.howTo {
	margin-left: 20px;
	_margin-left: 25px;
}

#main #sGuide ul.howTo li {
	list-style: decimal;
	margin-bottom: 20px;
}

#main #sGuide ul.attnShopping {
	margin-left: 20px;
	_margin-left: 25px;
}

#main #sGuide ul.attnShopping li {
	list-style: disc;
}

/* carriage */

#main #carriage {
	width:	670px;
}

#main #carriage h3 {
	margin-bottom: 20px;
}

#main #carriage h4 {
	margin-bottom: 20px;
	padding: 5px;
	background: #FFEAEC;
	font-size: 12px;
	font-weight: bold;
}

#main #carriage p{
	margin-bottom: 20px;
}

#main #carriage .bold {
	margin-bottom: 0;
}

#main #carriage ul.howTo {
	margin-left: 20px;
	_margin-left: 25px;
}

#main #carriage ul.howTo li {
	list-style: decimal;
	margin-bottom: 20px;
}

#main #carriage ul.attnShopping {
	margin-left: 20px;
	_margin-left: 25px;
}

#main #carriage ul.attnShopping li {
	list-style: disc;
}

#main #carriage #inquiry {
	background: #F3F3F3;
	padding: 10px;
}

#main #carriage dt {
	font-weight: bold;
}

#main #carriage dd {
	padding-left: 10px;
}

#main #carriage ul.howTo02 {
	margin-left: 20px;
	_margin-left: 25px;
}

#main #carriage ul.howTo02 li {
	list-style: lower-alpha;
	margin-bottom: 0;
}

/* business */

#main #business {
	width:	670px;
}

#main #business h3 {
	margin-bottom: 20px;
}

#main #business table.profile {
}

#main #business table.profile th {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 167%;
	font-weight: normal;
}

#main #business table.profile td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
	font-size: 12px;
	line-height: 167%;
}


/* etc */

#main #etc {
	width:	670px;
}

#main #etc h3 {
	margin-bottom: 20px;
}

#main #etc .mainTxt {
	font-size: 12px;
	line-height: 167%;
	margin-bottom: 30px;
}

#main #etc table.mgnBL20 {
	margin: 0 0 20px 20px;
}

#main #etc table.mgnL20 {
	margin-left: 20px;
}

#main #etc table.spec td.etcimgLink img {
 border:1px solid #1794CE;
}

#main #etc table.spec td.etcsName {
	padding: 2px 20px 3px 0;
	font-size: 12px;
	line-height: 167%;
}

#main #etc table.spec td.etcsPrice {
	padding: 0 20px 0 0;
	font-size: 12px;
	line-height: 167%;
}

#main #etc hr.dot {
 border-top: 1px dotted #CCCCCC;
	margin: 10px 60px 30px 20px;
}



/*====================================================
	#左ナビゲーション改修　2010年3月
====================================================*/
#main #onlineshopNav {
	float: left;
	width: 180px;
	margin: 0 30px 0 10px;
	padding: 0 0 30px 0;
	/display: inline;
}

#main #onlineshopNav a:link,
#main #onlineshopNav a:visited {
	color: #333;
	text-decoration: none;
}

#main #onlineshopNav a:hover,
#main #onlineshopNav a:active {
	color: #333;
	text-decoration: underline;
}

#main #onlineshopNav ul.btn01 {
	margin: 0 0 5px 0;
}

#main #onlineshopNav ul.btn01 li {
	padding: 0 0 5px 0;
}

#main #onlineshopNav dl.blend {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url(../images/onlineshop/blend_bg01.gif) repeat-y left;
	border-bottom: solid 1px #E0D4D4;
}

#main #onlineshopNav dl.blend div.subTtl {
	clear: both;
	margin: 5px 0 0 5px;
}

#main #onlineshopNav dl.blend ul.link01 {
	margin: 5px 5px 0 5px;
}

#main #onlineshopNav dl.blend ul.link01 li {
	padding: 1px 0 1px 12px;
	background: url(../images/onlineshop/arw01.gif) no-repeat 3px 0.6em;
}

#main #onlineshopNav dl.blend ul.link02 {
	margin: 5px 5px 0 5px;
}

#main #onlineshopNav dl.blend ul.link02 li {
	padding: 1px 0 1px 12px;
	background: url(../images/onlineshop/arw02.gif) no-repeat 3px 0.6em;
}

#main #onlineshopNav dl.blend ul.link03 {
	margin: 5px 5px 0 17px;
}

#main #onlineshopNav dl.blend ul.link03 li {
	float: left;
	margin: 0 12px 0 0;
	padding: 1px 0;
	white-space: nowrap;
}

#main #onlineshopNav ul.btn02 {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	background: url(../images/onlineshop/tensen.gif) no-repeat left bottom;
}

#main #onlineshopNav ul.btn02 li {
	padding: 0 0 5px 0;
}

#main #onlineshopNav ul.banner {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(../images/onlineshop/tensen.gif) no-repeat left bottom;
}

#main #onlineshopNav ul.banner li {
	padding: 0 0 5px 0;
}


#main #onlineshopNav ul.otherLink {
	padding: 0 0 10px 0;
	background: url(../images/onlineshop/tensen.gif) no-repeat left bottom;
}

#main #onlineshopNav ul.otherLink li {
	padding: 0 0 0 16px;
	background: url(../images/onlineshop/arw03.gif) no-repeat 5px 0.7em;
	font-size: 10px;
}



/* categoryTop */
#main #categoryTop {
	width:	670px;
}

#main #categoryTop h3 {
	margin-bottom: 20px;
}

#main #categoryTop p.mainTxt {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 167%;
}

#main #categoryTop ul.pageLink li {
	float: left;
}

#main #categoryTop h4 {
	clear: both;
	margin: 25px 0 10px 0;
}

#main #categoryTop table.mgnBL20 {
	margin: 0 0 20px 20px;
}

#main #categoryTop table.spec td.etcimgLink img {
 border:1px solid #1794CE;
}

#main #categoryTop table.spec td.etcsName {
	padding: 2px 20px 3px 0;
	font-size: 12px;
	line-height: 167%;
}

#main #categoryTop table.spec td.etcsPrice {
	padding: 0 20px 0 0;
	font-size: 12px;
	line-height: 167%;
}

#main #categoryTop hr.dot {
 border-top: 1px dotted #CCCCCC;
	margin: 10px 60px 30px 20px;
}