@charset "UTF-8";

/* -- global -- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:150%;
	letter-spacing:1px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
br {
	letter-spacing:0px;
}
img {
	vertical-align: bottom;
	border: none;
}
ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th {
	text-align:left;
}
fieldset,img,abbr {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}


/* -- class -- */
.right {
	display: block;
	float: right;
}
.left {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.clear {
	clear:both;
}
.bold{
	font-weight: bold;
}
.tcenter {
	text-align: center;
}
.c900 {
	color: #900;
}
.cc66 {
	color: #c66;
}
.c039 {
	color: #039;
}
.cc00 {
	color: #c00;
}
/* layout */
*html body {
	font-size:12px;
}
body {
	text-align: center;
	font: 72.5% "ＭＳ Ｐゴシック", "MS P Gothic";
	background: #56352A url(../share/bg_03.jpg) repeat left top;
}
#bg { background: url(../share/bg_02.jpg) repeat-x left top; }

h1{
	margin: 0 auto;
	padding: 3px;
	width: 750px;
	color: #eee;
	font-weight: normal;
	text-align: right;
}

#layout {
	margin: 0 auto;
	width: 750px;
	text-align: left;
	background-color: #dedede;
	background-image: url("../share/layout_bg.gif");
	background-repeat: repeat-y;
}

#right {
	float: right;
	width: 590px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 0 136px;
	background-color: #dedede;
	background-image: url("../share/right_bg.gif");
}
#header {
	position: relative;
	padding-top: 92px;
	height: 44px;
	background: url("../share/header_bg.jpg") no-repeat top left;
}
#menu{
	float: right;
	width: 367px;
	height: 22px;
}
#submenu {
	float: right;
	width: 390px;
	height: 22px;
}
#menu li,
#submenu li {
	float: left;
}
#cart {
	position: absolute;
	top: 5px;
	right: 6px;
}
#contents {
	padding: 0 15px;
}
#contents #pankuzu {
	padding: 12px 0 10px 0;
}
#contents #pankuzu ul li {
	display: inline;
	margin-right: 5px;
}
#contents #pankuzu ul li a {
	color: #c66;
}
#guide {
	padding-bottom: 10px;
	width: 560px;
	background: #993;
}
#guide h2 {
	background: #dedede;
}
#guide .body {
	margin: 10px 0 0 0;
	padding: 8px 15px 0px 15px;
	background: url("../share/right_guide_bg.gif") repeat-y center;
}
#guide .body .left {
	width: 250px;
}
#guide .body .right {
	width: 250px;
}
#guide .body dl {
	margin-bottom: 10px;
}
#guide .body dl dt {
	margin-bottom: 3px;
	color: #c66;
}
#guide .body dl.send dd,
#guide .body dl.card dd {
	font-size: 90%;
}
#guide .body dl.send dd div {
	margin: 0 5px 5px 5px;
	padding: 5px;
	background: #ffc;
}


#left {
	float: left;
	width: 160px;
}
#left .inner {
	margin-left: 10px;
	padding-bottom: 8px;
	width: 132px;
}
#left .inner .body p{
	margin-bottom: 3px;
}
#left .inner .body a {
	color: #cc6;
	font-weight: bold;
	text-decoration: underline;
	font-size: 110%;
}
#left #left-logo {
	padding-bottom: 12px;
}
#left #left-manager h2 {
	padding: 8px;
	background: #330;
}
#left #left-manager .body {
	padding: 0px 8px 5px 8px;
	color: #fff;
	background: #330;
}
#left #left-manager .body dl {
	padding-top: 5px;
	height: 50px;
}
#left #left-manager .body dl dt {
	float: left;
	padding-top: 25px;
}
#left #left-manager .body dl dt a {
	color: #cc9;
}
#left #left-manager .body dl dd {
	float: right;
}
#left #left-select h2 {
	margin-bottom: 8px;
}
#left #left-select h3 {
	padding: 8px 8px 3px 8px;
	background: #660;
}
#left #left-select .body {
	padding: 0px 8px 2px 8px;
	margin-bottom: 4px;
	color: #cc6;
	background: #660;
}
#left #left-select .body ul li{
	margin-bottom: 4px;
	color: #fff;
}
#left #left-select .body ul li img{
	margin-bottom: 3px;
}
#left #left-mypage .body {
	color: #fff;
}
#left #left-column h3,
#left #left-guide h3 {
	padding: 8px 8px 8px 8px;
	background: #660;
}
#left #left-column .body,
#left #left-guide .body {
	padding: 8px 8px 5px 8px;
	color: #fff;
	background: #330;
}
#left #left-column .body a,
#left #left-guide .body a {
	color: #fff;
	font-size: 110%;
}
#left #left-column .body ul li,
#left #left-guide .body ul li {
	padding: 0 0 0 13px;
	margin-bottom: 5px;
	background: url("../share/list_style_01.gif") no-repeat 0px 6px;
}




#footer {
	color: #eee;
	padding: 10px;
}
#footer a{
	color: #eee;
	text-decoration: underline;
}
#footer a:hover{
	text-decoration: none;
}
.clearfix {zoom:1;}

.clearfix:after {  
     content: " ";  
     display: block;  
     visibility: hidden;  
     height: 0;  
     font-size: 0.1em;   
     clear: both;  
 } 
#bg #layout #right #contents #item .body .inner-column .left { margin: 0px !important; }
.detail03 {
	background: #FFFFF7;
	border: 3px solid #676701;
	width: 547px;
	margin: 15px 0px;
	padding-bottom: 15px;
}
.detail03 h3 {
	border-bottom: 2px solid #BABA8A;
	font-size: 140%;
	margin: 15px 15px 10px;
}
.detail03 p {
	font-size: 110%;
	margin-right: 20px;
	margin-left: 25px;
	margin-bottom: 5px;
}
#bg #layout #right #contents .inner .body .detail03 .left {
	display: inline;
	margin: 10px 15px 10px 25px;
	color: #333333;
	text-align: center;
}
.detail03 .right_dl {
	font-size: 120%;
	float: left;
	width: 410px;
	display: inline;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 20px;
}
.detail03 .left_dl {
	font-size: 120%;
	margin: 0px 0px 15px 35px;
}
.detail03 dt {
	font-weight: bold;
	margin-top: 15px;
}
.detail03 table {
	margin: 15px 25px;
	border: 1px solid #CCCCCC;
}
.detail03 th {
	background: #FEFAEA;
	font-weight: bold;
	font-size: 110%;
	padding: 5px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.detail03 .bg_gray {
	font-weight: bold;
	background: #F4F7F0;
	text-align: center;
}
.detail03 td {
	background: #FFFFFF;
	font-size: 110%;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.detail03 em {
	display: block;
	margin-top: 10px;
	font-style: normal;
}
.detail03 .right {
	margin: 10px 25px 10px 15px;
	text-align: center;
	color: #333333;
	display: inline;
}
.detail03 h4 {
	font-size: 14px;
	color: #660000;
	margin: 15px 20px;
}
.detail03 hr {
	color: #CCCCCC;
	clear: both;
	margin: 0px 20px 10px;
}
.detail03 .caption {
	color: #666666;
	margin-bottom: 15px;
}
.oishi_column {
	color: #FFFFFF;
	background: #70713E;
	padding: 15px 30px 10px;
	font-size: 120%;
}
#bg #layout #right #contents .inner .body .back { margin-top: 10px; }
.tokoname_caption {
	font-size: 110%;
	margin-top: 10px;
	width: 550px;
}
.tokoname_caption p {
	margin-left: 15px;
	margin-right: 220px;
}
.detail03 .footnote {
	background: #F1F1F1;
	display: block;
	border: 1px solid #999999;
	width: 450px;
	margin: 10px 0px 15px 48px;
	padding: 0px 0px 10px;
}
.detail03 .footnote dt {
	display: inline;
	float: left;
	margin: 10px 0px 0px 20px;
	width: 65px;
}
.detail03 .footnote dd {
	float: left;
	width: 340px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 5px;
	display: inline;
}