@charset "shift_jis";

body {}

.o h1 {
	clear:both;
	padding:6px;
	background:#EDE8DB;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:#8F8174;
}
.o h2.caption {
	margin:20px 10px 10px;
	border:solid 1px #AFA36D;
	padding:2px 5px;
	background:#EFE6C2;
	font-size:medium;
	font-weight:bold;
	color:#8F8559;
}
.o h2.choise {
	margin:15px 10px;
	padding:5px;
	background:#efefef;
	font-size:small;
}
.o h3 {
	margin:0 10px;
	font-weight:bold;
}
.o p {margin:0 10px;}
.o .pagingNav {
	margin:10px 10px 20px;
	padding:5px;
	text-align:right;
}
.o .status {
	margin:10px;
	padding:5px;
}
.e h1.cart {
	margin:20px 5px 10px;
	border:solid 1px #AFA36D;
	padding:2px 5px;
	background:#EFE6C2;
	font-weight:bold;
	color:#8F8559;
}
.e h2 {
	left:0;
	margin:6px 6px 6px -6px;
	border:solid 1px #AFA36D;
	padding:3px 7px 3px;
	background:#EFE6C2;
	font-weight:bold;
	font-size:medium;
	color:#8F8559;
}

#cDetail h1 {
	margin-bottom:10px;
	/*border-bottom:solid 1px #cccccc;*/
}
#cDetail h2 {
	margin:20px 0 10px 0;
	border:solid 1px #AFA36D;
	padding:2px 5px;
	background:#EFE6C2;
	font-size:small;
	font-weight:bold;
	color:#8F8559;
}
/* details */

.dp {
	float:left;
	margin:0 10px;
	width:140px;
	/* ＼*/
	width:180px;
	/* */
}
.dp li {padding:5px 10px;}
.dbox {
	width:380px;
	float:left;
}
.dbox table {
	float:left;
	margin:15px 0 20px;
	border:solid 1px #cccccc;
	padding:0;
	width:380px;
}

html>body .dbox table {width:auto;}
.dbox table tr {
	margin:0;
	padding:0;
}
.dbox table tr.col1 {
	margin:0;
	padding:0;
	width:100%;
	background:#EDE8DB;
}
.dbox table tr.col2 {
	margin:0;
	padding:0;
	width:100%;
	background:#F9F6EE;
}
.dbox table tr.col3 {
	margin:0;
	padding:0;
	width:100%;
	background:#E8E8E8;
}
.dbox table td {
	margin:0;
	padding:10px 5px;
	font-size:small;
}
.desc p {margin:0 10px;}

/* recentCheck */

.e h3 {
	margin:0;
	padding:0;
}

.rc {
	float:left;
	margin:20px 5px 0 0;
	border:solid 1px #c2c6a5;
	width:430px;
}
.rc_four {
	float:left;
	margin:0;
	width:430px;
}
.rc h3 {width:430px;}
.rc .blocks {width:90px;}
.rcc {
	float:right;
	margin:20px 0 0 5px;
	border:solid 1px #c2c6a5;
	width:145px;
}
.rcc h3 {
	height:auto;
	width:145px;
}
.rc h3 p, .rcc h3 p {
	border-bottom:solid 1px #c2c6a5;
	padding:2px 5px;
	background:#EFECE3;
	color:#66561E;
}
.rcc ul {
	clear:both;
	padding:5px;
}
.rcc ul li {
	margin-left:2px;
	padding:0 3px 0 12px;
	background-image:url(../images/parts/liArOrange.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	line-height:1.2em;
}

/* leftMenu */
li {
	margin-bottom:5px;
	margin-top:5px;
	line-height:100%;
}

#leftCart {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #cccccc;
	padding:4px 2px 2px 20px;
	background:#f2edcd;
	font-weight:bold;	
	color:#a15227;
}
#leftCategory, #leftRank, #leftGuide, #leftCatalog {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #cccccc;
	padding:4px 2px 2px 20px;
	background:#ffd284;
	font-weight:bold;
	color:#993300;
}

.leftBox01 {
	margin-bottom:10px;
	border:solid 1px #cccccc;
	padding-bottom:5px;
	width:150px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.leftBox01List {
	padding:5px 0 5px;
	width:148px;
}
.leftBox02 {
	margin-bottom:10px;
	border:solid 1px #cccccc;
	padding-bottom:5px;
	width:150px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.leftBox02List {
	padding:5px 0 5px;
	width:148px;
}
.leftBox03 {width:149px;}
.leftBox01List ul {margin-top:5px;}

.leftBox01List ul li {margin-bottom:2px;}
.leftBox02List ul li {
background-image:url(../images/parts/liArOrange.gif);
background-repeat:no-repeat;
background-position:left 5px;
	line-height:1.2em;
	margin-left:8px;
	padding:0 3px 0 12px;
}
.leftBox02List ul li.large_c {padding-left:1em;}
.leftBox02List ul li.medium_c{
	padding-left:1.5em;
	background-image:url(../images/parts/liArOrange.gif);
	background-repeat:no-repeat;
	background-position:0.5em 0px;
}
.leftBox02List ul li.small_c{
	padding-left:2.5em;
	background-image:url(../images/parts/liArOrange.gif);
	background-repeat:no-repeat;
	background-position:1.5em 0px;
}
.leftBox01List ul li.beginner {
	background-image:url(../images/parts/icBeginner.gif);
	background-repeat:no-repeat;
	background-position:-3px top;
}
.leftBox03 ul li {
	margin:0 5px 5px 2px;
	border-bottom:solid 1px #cccccc;
	padding:0 3px 5px 5px;
	background-image:url(../images/parts/liArBlue.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	line-height:1.2em;
	font-size:x-small;
}
.leftBox03 ul li img {padding:2px 0;}
.banners {
	padding:10px 0;
	text-align:center;
}
.banners img {padding:5px 0;}



/* menu */
/* **** サイドメニュー背景緑 **** */
#menu01, #menu07, #menu06, #menu02, #menu05 {
	background:url(../images/parts/bg_green_h17.gif) left top repeat-x #006b43;
	text-align:center;
	color:#fff;
}

/*
#menu03 {
	background:url(../images/parts/lb01_3.gif) #ffd284 4px 4px no-repeat;
}
*/
#menu04 {
	background:url(../images/parts/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
}

.leftBox01 p, .leftBox02 p {
	padding:3px 0 3px 0px;
	font-weight:bold;
	color:#993300;
}



/* top */
#top {
	padding-right:5px;
	border-bottom:solid 5px #ffb000;
	background:#e8ebcd;
	text-align:right;
	font-size:x-small;
}
#top p {
	display:inline;
	position:relative;
	top:-3px;
	font-size:9pt;
	font-weight:bold;
}
#top img {margin:2px 2px 0 2px;}

/* header */
#header {text-align:center;}

#headerNavi {
	display:block;
	float:left;
	position:absolute;
	left:465px;
	top:48px;
	font-size:9pt;
}

html>body #headerNavi {
	left:435px;
	top:26px;
	margin:20px 60px -30px 0;
	padding:20px 0;
	/* ＼*/
	padding-top:0px;
	/* */
}

#headerJrGroup {
	position:absolute;
	left:713px;
	top:40px;
	z-index:1;
}

#headerJrGroup a {
	display:block;
	width:45px;
	height:26px;
}

/* **** ショップロゴ **** */
#shopLogo {
	float:left;
	width:260px;
	height:100px;
}
#description {
	float:right;
	width:500px;
}
/* **** ヘッダー背景 **** */
#description h1 {
	margin:0;
	padding:0;
	width:500px;
	height:100px;
	background:url(../images/parts/hd_train_pic.jpg) no-repeat;
}

#description h5 {
	float:left!important;
	border:none;
	padding:23px 10px;
	background:none;
	font-size:x-small;
	color:#000;
}
h1 {
	clear:both;
	padding:6px;
	background:#007b4d;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:#fff;
}
.e h1 {
	clear:both;
	margin-bottom:0;
	/* border-bottom:solid 1px #EDE8DB; */
	padding:3px 5px;
	background:#fff;
	text-align:left;
	font-size:medium;
	color:#000;
}
#gSearch h1 {
	border:none;
	background:none;
}
.c h2, .m h2 {
	margin:20px 0 0 21px;
	padding:5px 7px;
	font-size:medium;
}


/* トップバナー関連 */
h2.bb {
	width:580px;
	height:168px;
}
.bbLeft {
	float:left;
	margin:8px 4px 10px 0;
}
.bbRight {
	float:left;
	margin:8px 0 10px 4px;
}


/* トップ新着情報 */
h3.news {
	clear:both;
	color:#993300;
	margin-bottom:0;
	border:solid 1px #AF944C;
	padding:3px 5px 0;
	width:576px;
	background:#EFC377;
}


/* 新着情報アイコン */
table.rightBoxGreenTable {
	border-bottom:solid 1px #AF944C;
	border-left:solid 1px #AF944C;
	border-right:solid 1px #AF944C;
	width:588px;
}
td.campaign {
	padding-left:80px;
	background:url(../images/parts/icRightBoxGreenCampaign.gif) 7px 2px no-repeat;
}
td.newprod {
	padding-left:80px;
	background:url(../images/parts/icRightBoxGreenNewprod.gif) 7px 2px no-repeat;
}
td.present {
	padding-left:80px;
	background:url(../images/parts/icRightBoxGreenPresent.gif) 7px 2px no-repeat;
}
td a.ar {
	border:none;
	padding:6px 0 0 10px;
	width:449px;
	background-image:url(../images/parts/liArOrange.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
	text-align:left;
	font-weight:normal;
}


/* トップランキング */
h3.ranking {
	clear:both;
	margin:0;
	border-bottom:solid 1px #cecece;
	padding:25px 6px 0;
	width:576px;
	height:22px;
	background:url(../images/parts/bgRightBoxGray_2.gif) top left no-repeat;
	font-weight:bold;
}
.rankingDiv {
	background:url(../images/parts/bgRightBoxGrayBottom.gif) bottom left no-repeat;
}
.fourbox {
	float:left;
	margin:0;
	width:590px;
}
h3.tokusyu {
	margin-top:20px;
	margin-bottom:0;
	border:solid 1px #BFB483;
	padding:6px 6px 0;
	background:#EFE9D1;
	line-height:1.5em;
}

/* **** おすすめ背景緑 **** */
h3.osusume {
	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px 0;
	background:url(../images/parts/bg_green_h30.gif) left top repeat-x #006b43;
	color:#fff;
}
.footerBanners {
	clear:both;
	padding:10px 40px;
	text-align:center;	
}


/* 展示商品一覧 */
#gl h4, #gs h2 {
	margin:20px 0 10px;
	font-size:small;
	color:#003399;
}
.lh {margin-left:5px;}
.searchPaging {
	margin-bottom:20px;
	text-align:right;
	font-size:x-small;
}
.srBox {
	clear:both;
	position:relative;
	margin-bottom:10px;
	border:solid 1px #cccccc;
	padding:10px;
}
.srImg {
	float:left;
	display:block;
}
.srName {
	float:left;
	padding:10px;
	width:180px;
	height:64px;
}
.srDesc {
	float:left;
	padding:10px;
	width:250px;
}
.clear{clear:both;}



/* モバイルSuicaID & ログイン */
#login #contents {text-align:center;}
#login h2 {background:url(../images/parts/bgContentsGray.gif) no-repeat;}
#login h3 {
	margin:20px 20px 0;
	padding:5px 0;
	width:700px; /* 回り込んだら数値を減らすこと。 */
}
#login table {border:solid 1px #e0dede;}
#login .yet {
	margin:0 20px;
	border:solid 1px #e0dede;
	padding:15px 10px;
	background:#eeeeee;
	text-align:center;
}


/* myPage */
#mpMenu {margin:0 0 10px;}
#mpMenu .left {
	float:left;
	width:50%;
}
#mpMenu li {
	height:83px;
	padding:15px 10px 10px 90px;
}
#mpMenu .right {
	float:right;
	width:50%;
}
.mpContents {
	clear:both;
	margin-top:10px;
}
.mpLeft {
	float:left;
	margin:0 4px 0 4px;
	width:590px;
}
.mpRightOkini, .mpRightRec {
	float:right;
	margin:20px 5px 0 0;
	border:solid 1px #cccccc;
	width:140px;
}
.mpRightOkini p {
	padding:2px;
	background:#eeeeee;
}
.mpRightRec p {
	padding:2px;
	background:#eeeeee;
}
.mpRightOkini ul, .mpRightRec ul {
	padding:4px 2px;
}

h3.rbox_lg, h3.rbox_y, h3.rbox_lb {
	margin-top:20px;
	margin-bottom:0;
}
h3.rbox_g {
	clear:both;
	margin-bottom:0;
	border:solid 1px #bbda91;
	padding:3px 5px;
	width:576px;
	background:#eaf1c5;
}
h3.rbox_b {
	clear:both;
	margin:0;
	border-bottom:solid 1px #9ccad7;
	padding:25px 6px 0;
	width:576px;
	height:22px;
	background:url(../images/parts/bgRightBoxBlue.gif) top left no-repeat;
	font-weight:bold;
}
h3.rbox_y {
	background:url(../images/parts/bgRightBoxYellow.gif) left top no-repeat;
}
h3.barRec {
	padding:6px 0 6px 4px;
	background:url(../images/parts/bgRightBoxGray.gif) left top no-repeat;
}

h3.barOkini {
	padding:6px 0 6px 4px;
	background:url(../images/parts/bgRightBoxGray.gif) left top no-repeat;
}
#myPage .blocks {
	margin:3px;
	border:solid 1px #cccccc;
	padding-top:4px;
	width:95px;
}
#myPage h1 {text-align:left;}
#myPage li#m01 {
	background:url(../images/parts/myPageMenu01.gif) 30px 20px no-repeat;
}
#myPage li#m02 {
	background:url(../images/parts/myPageMenu02.gif) #eeeeee 30px 20px no-repeat;
}
#myPage li#m03 {
	background:url(../images/parts/myPageMenu03.gif) 30px 20px no-repeat;
}
#myPage li#m04 {
	background:url(../images/parts/myPageMenu04.gif) #eeeeee 30px 20px no-repeat;
}
#myPage li#m05 {
	background:url(../images/parts/myPageMenu05.gif) 30px 20px no-repeat;
}
#myPage li#m06 {
	background:url(../images/parts/myPageMenu06.gif) #eeeeee 30px 20px no-repeat;
}
#myPage li#m07 {
	background:url(../images/parts/myPageMenu07.gif) 30px 20px no-repeat;
}
#myPage li#m08 {
	background:url(../images/parts/myPageMenu08.gif) #eeeeee 30px 20px no-repeat;
}
#mpMenu a {
	padding:0 3px 0 10px;
	background-image:url(../images/parts/liArGreen.gif);
	background-repeat:no-repeat;
	background-position:left 1px;
	line-height:1.2em;
}
.mpRightOkini img, .mpRightRec img {
	padding-left:4px;
}
.mpRightOkini ul li, .mpRightRec ul li {
	margin-left:8px;
	padding:0 3px 0 12px;
	background-image:url(../images/parts/liArGreen.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	line-height:1.2em;
	font-size:x-small;
}


/* 会員ページ */
.m h2.member {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
	text-align:center;
}
.m table.member {border:solid 1px #e0dede;}
.m table.member td {border-bottom:solid 1px #e0dede;}
.m h2.address {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
}
.m table.address {border:solid 1px #e0dede;}
.m table.address td {border-bottom:solid 1px #e0dede;}
.m h2.useful {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
	text-align:center;
}
.m table.useful {border:solid 1px #e0dede;}
.m table.useful td {border-bottom:solid 1px #e0dede;}


/* 郵便番号検索 + お問い合わせ入力*/
.c h2.zip {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
	text-align:center;
}
.c h2.claim {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
}
.c table.zip {border:solid 1px #e0dede;}
.c table.zip td {border-bottom:solid 1px #e0dede;}
.c table.claim {border:solid 1px #e0dede;}
.c table.claim td {border-bottom:solid 1px #e0dede;}


/* tableBorderControl */
.bc td {border:none !important;}
.c .dvt td, .m .dvt td {
	border-top:double 3px #e0dede;
}

/* leftMenuElements */


/* mod */
.leftBox01List ul li, .myPageRightOkini ul li, .myPageRightRec ul li {
	margin-left:8px;
	padding:0 3px 0 12px;
	background-image:url(../images/parts/liArOrange.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	line-height:1.2em;
	font-size:x-small;
}
.leftBox01 p {
	padding:3px 0 3px 0px;
	font-weight:bold;
	color:#505A58;
}
.leftBox02 p {
	padding:3px 0 3px 0px;
	font-weight:bold;
	color:#505A58;
}

html>body .leftBox01 p, html>body .leftBox02 p {
	padding:1px 0 0 0px;
}

p.cart {
	padding-left:5px!important;
	font-weight:normal;
	color:#000;
}


/* globalNavi */
#globalNavi {
	clear:both;
	float:left;
	width:100%;
	line-height:normal;
	font-size:8pt;
	font-weight:bold;
	background-color:#fff;
}
#globalNavi ul {
	margin:0 auto;
	padding:0 10px 0 10px;
	list-style:none;
}
#globalNavi li {
	display:inline;
	margin:0;
	padding:0;
}
#globalNavi a {
	float:left;
	margin:0;
	border:solid #007b4d;
	border-width:1px 1px 0 1px;
	padding:0 0 0 4px;
	background-color:#d3ebcd;
	text-decoration:none;
}
#globalNavi a span {
	float:left;
	display:block;
	padding:5px 10px 4px 6px;
	color:#007b4d;
}
/* Commented Backslash Hack hides rule from IE5-Mac ＼*/
#globalNavi a span {float:none;}
/* End IE5-Mac hack */

#globalNavi a:hover {
	background-color:#007b4d;
}
#globalNavi a:hover span {
	color:#fff;
}


/* searchBox */
/* **** 商品検索背景 **** */
#searchBox {
	clear:both;
	background:url("../images/parts/bg_green_h33.gif") left top repeat-x #006b43;
}

#searchBox p {
	padding:6px;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:#7A7F67;
}
#searchBox table {
	/* **** boder:solid 1px #000000; **** error **** */
	text-align:center!important;
}
#myPage #searchBox {
	padding:5px 10px;
	font-weight:bold;
	color:#7A7F67;
}
html>body #searchBox {
	margin-top:0;
}
/* **** 商品検索テキストカラー **** */
#searchBox table td {color:#fff;}