@charset "utf-8";

* {margin:0;padding:0;}
img{border:0;}
ul{list-style-type: none;}
.text-right{text-align:right;}
body{
    text-align:center;
    color:#333;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

a:link		{color:#cc0033;}
a:visited 	{color:#cc0033;} 
a:active	{color:#cc0033;}
a:hover		{color:#cc0033;text-decoration:underline;}

.clear{clear:both;height:0;}

.label {
    width:455px;
}

.sClear {
    font-weight:bold;
    background-color:yellow;
    text-align:center;
    margin-top:5px;
}

.price_sel {
    color:#cc0033;
    cursor:pointer;
}

.price_sel:hover {
    text-decoration:underline;
}

.sClear a {
    color:red;
}

.readMore{
	text-align:right;
	font-size:80%;
	padding:5px 10px 10px 0px;
}

.readMore a{
	background:0px 0px url("../image/arrow.gif") no-repeat;
	padding-left:18px;
}

a.leftIcon {
	background:0px 0px url("../image/arrow_left.gif") no-repeat;
	padding-left:18px;
}

a.upIcon {
	background:0px 0px url("../image/arrow_up.gif") no-repeat;
	padding-left:18px;
}

img.item {
	border:1px #ddd solid;
	margin-bottom:5px;
}

.itemText {font-size:90%;}

/* icon */
img.icon {
	margin:0px 2px 2px 0px;
}

.banner {
	margin-bottom:10px;
}

.banner p {
	margin-bottom:10px;
}

.iconArrow {
	background:0px 2px url("../image/icon_arrow.gif") no-repeat;
	padding-left:18px;
}

.iconMiniRed {
	background:0px 2px url("../image/icon_mini_red.gif") no-repeat;
	padding-left:10px;
    font-weight:bold;
    text-decoration:underline;
}

.iconMiniGray {
	background:0px 3px url("../image/icon_mini_gray.gif") no-repeat;
	padding-left:10px;
    margin-top:5px;
    margin-bottom:5px;
}

/*---------------------------------------------------------------------------------*/

/*a:link{color:red;}
a:visited{color:red;}*/

/*---------------------------------------------------------------------------------*/
#wrMain {margin-left:auto;	margin-right:auto;width:960px;text-align:left;}
#wrTop {margin-bottom:10px;}
#wrLeft {float:left;width:180px;}
#wrCenter {float:left;width:620px;}
#wrCenter2 {float:left;width:770px;}
#wrRight {float:left;width:140px;}
#wrBottom {width:960px;}


/*---------------------------------------------------------------------------------*/
/* wrMain
/*---------------------------------------------------------------------------------*/

.m01top {
	background-color:#cc0033;
	text-align:center;
	color:white;
    height:22px;
}

.m01top p {padding-top:5px;}
.m02top p {padding-top:5px;}
.m03top p {padding-top:5px;}
.m04top p {padding-top:5px;}
.m05top p {padding-top:5px;}

.m02top {
	background-color:#990026;
	text-align:center;
	color:white;
    height:22px;
}

.m03top {
	background-color:gray;
	text-align:center;
	color:white;
    height:22px;
}

.m04top {
	background-color:#dadada;
	text-align:center;
	color:#333;
    height:22px;
}

.m05top {
	background-color:#ffccd9;
	text-align:center;
	color:#333;
    height:22px;
}

.mTopP {
	font-size:80%;
	font-weight:bold;
}

.mTopP a {
    color:white;
}

.m01Body {
	border-right:1px #cc0033 solid;
	border-left:1px #cc0033 solid;
	border-bottom:1px #cc0033 solid;
}

.m02Body {
	padding:10px;
	border:1px #990026 solid;
    margin-bottom:10px;
}

.m03Body {
	padding:10px;
	border:1px gray solid;
    margin-bottom:10px;
}

.m04Body {
	padding:10px;
	border:1px #dadada solid;
    margin-bottom:10px;
}

.mTopLeft {background:top left url("../image/1.gif") no-repeat;}
.mTopRight {background:top right url("../image/2.gif") no-repeat;}

/*---------------------------------------------------------------------------------*/
/* wrTop
/*---------------------------------------------------------------------------------*/

/* topInfo */

#topInfo {
	margin-bottom:5px;
}

#topInfo p {
	font-size:80%;
	text-align:right;
	padding:5px;
}

#topInfo a {
	background:0px 3px url("../image/icon_mini_gray.gif") no-repeat;
	padding-left:8px;
	margin-left:15px;
    text-decoration:none;
}

/* titleBar */

#titleBar {
	height:80px;
	background:top right url("../image/title.jpg") no-repeat;
}

#shopTitle  {
	font-size:150%;
	position:absolute;
    font-weight:bold;
    margin-top:15px;
}

#shopTitle a {
	color:black;
	text-decoration:none;
}

#shopText {
	font-size:80%;
	position:absolute;
	margin-top:50px;
    font-weight:normal;
}

/* topLink */

#wrTop .topLink {
	font-size:80%;
	text-align:right;
	background-color:#eee;
    border-bottom:3px #cc0033 solid;
}

#wrTop .topLink p {
	padding:10px;
}

#wrTop .topLink p a {
	color:black;
    padding:5px 30px 5px 30px;
    text-decoration:none;
}

#searchBar {
	text-align:left;
	padding:10px;
}

#searchBar select {
    margin-bottom:10px;
}

#searchBar input {
    margin-bottom:10px;
}

#sb {
    text-align:center;
}

/*---------------------------------------------------------------------------------*/
/* wrLeft
/*---------------------------------------------------------------------------------*/

.infoBox ul {
	padding:10px;
	font-size:80%;
	line-height:150%;
}

.infoBox ul li a {
    color:#333;
}

#corpInfo {
	padding:10px;
	border:1px gray solid;
}

#corpInfo p {
	font-size:75%;
	line-height:150%;
}

#categoryBox {
	padding-bottom:10px;
}

#menu p {
    padding:5px 10px 5px 10px;
	background:left bottom url("../image/border_dot.gif") repeat-x;
	font-size:80%;
    line-height:100%;
	font-weight:bold;
}

#menu p a {
    text-decoration:none;
}

#menu ul {
    padding:10px 0px 10px 0px;
    font-size:80%;
    background-color:#f3f3f3;
}

#menu ul li {
    padding:0px 10px 5px 10px;
}

#menu ul li a{
    color:#333;
    text-decoration:none;
    padding-left:10px;
    background:0px 3px url("../image/icon_mini_gray.gif") no-repeat;
}

#searchBox {
    font-size:80%;
	padding:10px;
	border:1px gray solid;
    margin-bottom:10px;
    line-height:150%;
}


.sbPrice {
    border-top:1px #ccc solid;
    padding:5px 0px 5px 0px;
}

.sbCheck {
    border-top:1px #ccc solid;
    padding:5px 0px 5px 0px;
}

.sbCheck input {
    margin-right:2px;
    width:15px;
}

.sbButton {
    text-align:center;
    border-top:1px #ccc solid;
    padding-top:5px;
}

.sbButton input {
    width:80px;
}

#links p {
    border:2px #ccc solid;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
    font-size:80%;
    background-color:#eee;
}

#links p a {
    color:#333;
}

#qrCode {
	padding:10px;
	background-color:#ffccd9;
	margin-bottom:10px;
	text-align:center;
}

#qrCode img {
    margin-bottom:10px;
}

#qrCode p {
	font-size:60%;
	text-align:left;
    line-height:140%;
}

#shopLink {
    padding:10px;
    font-size:80%;
}

#shopLink p {
	background:0px 3px url("../image/icon_mini_gray.gif") no-repeat;
	padding-left:8px;
    margin-bottom:5px;
}

/*---------------------------------------------------------------------------------*/
/* wrCenter
/*---------------------------------------------------------------------------------*/

#wrCenter {
	margin:0px 10px 0px 10px;
}

#wrCenter2 {
	margin:0px 0px 0px 10px;
}

.categoryTitle {
	padding:2px 0px 2px 10px;
	border-left:8px #990026 solid;
	margin-bottom:10px;
	font-size:100%;
}

.pageTitle {
	padding:2px 0px 2px 10px;
	border-left:8px #cc0033 solid;
    text-align:left;
    font-weight:bold;
    font-size:80%;
}

.guideTitle {
	padding:5px 0px 5px 10px;
    border:1px #990026 solid;
	border-left:10px #990026 solid;
 	margin-bottom:10px;
	font-size:80%;
    text-align:left;
}

.pageLink {
    margin-left:20px;
    list-style-type:circle;
}

/* naviBar */

#naviBar {
	font-size:80%;
	height:30px;
}

#naviBar h2{
	font-size:90%;
    display:inline;
}

#naviBar ul {
	float:left;
}

#naviBar li {
	margin-right:5px;
	display:inline;
}

#naviBar li a{
	padding-right:10px;
	background: right center url("../image/navi_arrow.gif") no-repeat;
}

#naviBar span {
	float:right;
}



#topBanner {
	text-align:center;
	margin-bottom:10px;
}

#wrMain .left {float:left;}
#wrMain .right {float:right;}

#pickup .pickupBlock {
	background:0 0 url("../image/pickup_back.gif") no-repeat;
	width:305px;
	height:120px;
	margin-bottom:5px;
}


#pickup .pickupBlock img.pbItem {
	float:left;
	margin:0px 10px 0px 0px;
    border:1px #dadada solid;
}

#pickup .pickupBlock h4 {
	font-size:90%;
	margin-bottom:5px;
}

#pickup .pickupBlock h4 {
	color:#990026;
	text-decoration:underline;
}

#pickup .pickupBlock ul li.pIcon {
	vertical-align:top;
	font-size:0px;
	line-height:0%;
}

#pickup .pickupBlock ul li.pInfo {
	font-size:60%;
	font-weight:normal;
	line-height:150%;
}

#pickup .pickupBlock ul {
    padding:10px;
}

/* itemBlock */

.itemBlock {
	text-align:center;
}

.itemBlock dl .price {
	font-weight:bold;
}

.itemBlock .listA {
	float:left;
	width:123px;
	font-size:75%;
	height:170px;
	line-height:130%;
}

.itemBlock .listA dd {
	text-align:left;
	margin:0px 10px 0px 10px;
}


/* news */

#news ul {
    padding:10px;
    font-size:80%;
}

#news li {
	margin-bottom:3px;
    line-height:140%;
}

/* itemList */

#itemList {
	text-align:center;
}

#itemList .listA {
	float:left;
	width:154px;
	font-size:75%;

	line-height:120%;
}

#itemList .listA dd {
	text-align:left;
	margin:0px 10px 0px 10px;
}

#itemList dl img.icon {
	margin:0px 2px 2px 0px;
}

#itemList dl dd.price {
	font-weight:bold;
}

/* listInfo */

#listInfo1 {
	font-size:80%;
	border-bottom:1px #dadada solid;
	padding:0px 10px 10px 10px;
	height:12px;
}

.listInfo2 {
	font-size:80%;
	padding:10px 10px 30px 10px;
}


/* wrDetail　*/

#wrCenter2 .detailLeft {
	float:left;
	text-align:center;
	width:302px;
}

#imageBox {
	margin-top:10px;
}

#wrCenter2 .detailRight {
	float:right;
	text-align:left;
	width:458px;
}

#infoTable {
    font-size:80%;
}

#infoTable tr td {
    padding:2px 0px 2px 5px;
    background-color:white;
    height:20px;
}


#wrCenter2 .detailRight h2 {
	font-size:100%;
	margin-bottom:5px;
	line-height:140%;
}

#wrCenter2 .detailRight p {
	font-size:80%;
}

#wrCenter2 .detailRight img.cartButton {
	padding-bottom:10px;
}

#wrCenter2 .detailRight p.userLink1 {
	background:0px 0px url("../image/attach.jpg") no-repeat;
	padding:2px 0px 4px 20px;
}

#wrCenter2 .detailRight p.userLink2 {
	background:0px 0px url("../image/comment.jpg") no-repeat;
	padding:2px 0px 4px 20px;
}

#wrCenter2 .detailRight p.userLink3 {
	background:0px 0px url("../image/user.jpg") no-repeat;
	padding:2px 0px 4px 20px;
}

#detailCode {
	font-size:80%;
	float:left;
}

#detailCode {
	margin-top:10px;
	padding:0px 10px 0px 10px;
	line-height:180%;
}

#detailText {
    width:458px;
	float:right;
}

#detailText {
	margin-top:10px;
	padding:0px 0px 10px 0px;
	float:right;
	line-height:140%;
}

#detailText p.itemSpec {
 margin-top:10px;
 background-color:#eee;
 padding:10px;
}

img.shadow {
	border:1px #dadada solid;
}

/* shopInfo */

#shopInfo {
	font-size:80%;
}

#shopInfo dl.shopInfoBoxL {
	float:left;
	width:380px;
	margin-right:10px;
}

#shopInfo dl.shopInfoBoxR {
	float:right;
	width:380px;
}

#shopInfo dl dt {
	background-color:#ffccd9;
	text-align:center;
	padding:5px;
	border-bottom:3px #cc0033 solid; 
}

#shopInfo dl dd {
	padding:10px;
	line-height:170%;
}

/* guide */

.guide {
    font-size:80%;
    text-align:left;
    line-height:150%;
    padding:10px;
} 

.guideBox {
    padding:10px;
} 

/*---------------------------------------------------------------------------------*/
/* wrRight
/*---------------------------------------------------------------------------------*/

.subBox {
	text-align:center;
	padding-bottom:10px;
}

.subBox .m02Body p {
	text-align:left;
    line-height:140%;
}

.sub_price {
    font-size:70%;
}

.sub_title {
    font-size:75%;
}


/*---------------------------------------------------------------------------------*/
/* wrBottom
/*---------------------------------------------------------------------------------*/

#siteInfo {
	height:80px;
	background-color:#cc0033;
	color:white;
	font-size:80%;
	text-align:center;
}

#siteInfo p {
	padding:10px 10px 5px 10px;
}

#siteInfo a {
	color:white;
}