@charset "utf-8";

/*  汎用
---------------------------------------------------------- */
div#body {position: relative;width: 960px;min-height: 400px;margin: 0 auto;padding: 15px 15px 40px 15px;text-align: left;}
 div.group h1.inline {display: inline;margin: 0;padding: 0 20px 0 0;}
div#body h1 {margin: 0 0 15px 0;font-size: 166%;line-height: 1.2;}
a.rollover img {
	border: 1px solid #ccc;
}

a.rollover:hover img {
	border: 1px solid #dd889e;
}

a.noBorderRollOver:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}


/* 見出し */

div#body h1 {
	margin: 0 0 15px 0;
	font-size: 166%; /* 20px */
	line-height: 1.2;
}

div#body h2 {
	margin: 0 0 15px 0;
	font-size: 117%; /* 14px */
}

div.group h1.inline {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}

div.group p.inline {
	display: inline;
}

div#body div.hasCategoryBackLink h1.inline {
	display: inline;
	margin: 0;
	padding: 0 13px 0 0;
	border-right: 1px solid #dad7d7;
	line-height: 20px;
}

div#body div.hasCategoryBackLink p.categoryBack {
	display: inline;
	padding: 0 0 0 10px;
}

div#body div.hasCategoryBackLink p.categoryBack a {
	padding: 0 0 0 15px;
	background: url(../images/shopping/arrow_gray_categoryback.gif) no-repeat 0 50%;
}

p.h1Link {
	float: right;
}

div#body h2.grayTitle,
div#body h3.grayTitle {
	margin: 20px 0 5px 0;
	color: #888;
	font-size: 100%;
}

div#body .roundTitleBorder {
	margin: 20px -15px 0 -15px;
	padding: 20px 15px 10px 15px;
	border-top: 1px solid #edbfcc;
}

div#body h3.roundTitleBorder {
	margin-top: 15px;
	padding-top: 15px;
	font-size: 100%;
}

div#body h3 {
	margin: 0.5em 0;
	font-size: 117%; /* 14px */
}

div#body div > h3:first-child {
	margin-top: 0;
}

div#body h3.step {
	font-size: 100%;
}

div#body h3.step span {
	padding: 1px 4px 2px 4px;
	background: url(../images/shopping/bg_step.gif) no-repeat 0 0;
	color: #fff;
	font-size: 84%;
	font-weight: normal;
}

p.price em.large {
	font-size: 166%; /* 20px */
}

/* 注釈 */

ul.noteA li,
ul.noteB li,
ul.noteC li {
	margin: 5px 0 5px 1em;
	font-size: 83%; /* 10px */
	text-indent: -1em;
}

ul.default li ul.noteA li,
ul.default li ul.noteB li,
ul.default li ul.noteC li {
	list-style: none;
	margin: 5px 0 5px 1em;
}

ul.noteB {
	color: #666;
}

ul.noteC li {
	font-size: 100%;
}

span.noteA {
	font-size: 83%; /* 10px */
}

/* リスト */

ul.default {
	margin: 1em 0 0 0;
}

ul.default li {
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 1.4;
}

ol.default {
	margin: 1em 0;
}

ol.default li {
	list-style: decimal;
	margin: 0 0 0.5em 20px;
	line-height: 1.4;
}

ul.inlineColumn2 li {
	float: left;
	width: 47%;
	padding: 0 0 0 5%;
}

ul.inlineColumn3 li {
	float: left;
	width: 31%;
	padding: 0 0 0 3%;
}

ul.inlineColumn2 li.inlineLeft,
ul.inlineColumn3 li.inlineLeft {
	padding: 0;
}


/*  テキスト形式のアイコン
---------------------------------------------------------- */

ul.textMetaInfo {
	overflow: hidden;
	margin: 5px 0 0 0;
	_zoom: 1;
}

ul.textMetaInfo li {
	float: left;
	margin: 0 1px 0 0;
	padding: 3px 5px;
	background: #f2f2f2;
}

	ul.textMetaInfo li.img {
		padding: 0;
		background: none;
	}

	ul.textMetaInfo li.free {
		background: url(../images/shopping/bg_icon_free.gif) left top no-repeat;
	}

ul.textMetaInfoSmall {
	overflow: hidden;
	margin: 5px 0 0 0;
	_zoom: 1;
}

ul.textMetaInfoSmall li {
	float: left;
	margin: 0 1px 0 0;
	padding: 3px 5px;
	background: #f2f2f2;
	color: #666;
	font-size: 83%; /* 10px */
}

ul.textInfo {
	margin: 10px 0;
}

ul.textInfo li {
	float: left;
	margin: 0 5px 0 0;
	padding: 3px 5px 3px 20px;
	font-size: 83%; /* 10px */
}

ul.textInfo li.depart,
ul.textInfo li.specialist,
ul.textInfo li.gms,
ul.textInfo li.ds,
ul.textInfo li.other {
	background: #eae6db url(../images/shopping/icon_textinfo_specialist.gif) no-repeat 3px 50%;
	color: #666;
}

ul.textInfo li.depart {
	background-image: url(../images/shopping/icon_textinfo_depart.gif);
}

ul.textInfo li.gms {
	background-image: url(../images/shopping/icon_textinfo_gms.gif);
}

ul.textInfo li.ds {
	background-image: url(../images/shopping/icon_textinfo_ds.gif);
}

ul.textInfo li.other {
	background-image: url(../images/shopping/icon_textinfo_other.gif);
	background-position: 5px 40%;
}

ul.textInfo li.ticket,
ul.textInfo li.point {
	background: #f8e5ea url(../images/shopping/icon_textinfo_ticket.gif) no-repeat 3px 50%;
	color: #db8098;
}

ul.textInfo li.ticket {
	padding-left: 23px;
}

ul.textInfo li.point {
	background-image: url(../images/shopping/icon_textinfo_point.gif);
}

/*  機能アイコン
---------------------------------------------------------- */

ul.metaInfoSmall {
	overflow: hidden;
	_zoom: 1;
}

ul.metaInfoSmall li {
	float: left;
	margin: 5px 1px 0 0;
	padding: 2px 0px;
}

/*  カラム
---------------------------------------------------------- */

div.columns {
}

div.columns div.width250,
div.columns div.width340,
div.columns div.width460,
div.columns div.width470,
div.columns div.width600 {
	float: left;
	margin: 0 0 0 20px;
}



div.columns div.first-child {
	margin-left: 0 !important;
}

div.columns > div:first-child {
	margin-left: 0 !important;
}

div.columns div.columnsGroupLeft {
	float: left;
	width: 470px;
}


dl.customerName dt,
dl.customerName dd {
	float: left;
}

dl.customerName dt {
	width: 245px;
}

div.keyVisual {
	margin: 15px 0;
}

/*  slideShow
---------------------------------------------------------- */

div#slideShow {
	position: relative;
}

div#slideShow ul.main {
}

div#slideShow ul.main li {
	position: absolute;
	display: none;
	overflow: hidden;
}

div#slideShow ul.main li img{
	border-radius: 10px;
	vertical-align: top;
}

div#slideShow ul.main li.current {
	display: block;
}

div#slideShow ul.main li a {
	display: block;
}

/* pink, green */
div#slideShow div.pink,
div#slideShow div.green,
div#slideShow div.gray {
	position: absolute;
	top: 0;
	left: 0;
}

div#slideShow div.pink.hasLink,
div#slideShow div.green.hasLink,
div#slideShow div.gray.hasLink {
	cursor: pointer;
}

div#slideShow span.slideTL,
div#slideShow span.slideTR,
div#slideShow span.slideBL,
div#slideShow span.slideBR {
	display: block;
	position: absolute;
	_background: none !important;
}

div#slideShow div.pink {
	border: 1px solid #edc0cd;
}

div#slideShow div.green {
	border: 4px solid #d1efe3;
}

div#slideShow div.gray {
	border: 1px solid #ccc;
}

div#slideShow div.pink span.slideTL,
div#slideShow div.pink span.slideTR,
div#slideShow div.pink span.slideBL,
div#slideShow div.pink span.slideBR,
div#slideShow div.gray span.slideTL,
div#slideShow div.gray span.slideTR,
div#slideShow div.gray span.slideBL,
div#slideShow div.gray span.slideBR {
	width: 12px;
	height: 12px;
}

div#slideShow div.pink span.slideTL,
div#slideShow div.gray span.slideTL {
	top: -1px;
	left: -1px;
	background: url(../images/shopping/bg_slide_pink_01_tl.png) no-repeat 0 0;
}

div#slideShow div.pink span.slideTR,
div#slideShow div.gray span.slideTR {
	top: -1px;
	right: -1px;
	background: url(../images/shopping/bg_slide_pink_01_tr.png) no-repeat 0 0;
}

div#slideShow div.pink span.slideBL,
div#slideShow div.gray span.slideBL {
	bottom: -1px;
	left: -1px;
	background: url(../images/shopping/bg_slide_pink_01_bl.png) no-repeat 0 0;
}

div#slideShow div.pink span.slideBR,
div#slideShow div.gray span.slideBR {
	bottom: -1px;
	right: -1px;
	background: url(../images/shopping/bg_slide_pink_01_br.png) no-repeat 0 0;
}

div#slideShow div.gray span.slideTL {
	background-image: url(../images/shopping/bg_slide_gray_01_tl.png);
}

div#slideShow div.gray span.slideTR {
	background-image: url(../images/shopping/bg_slide_gray_01_tr.png);
}

div#slideShow div.gray span.slideBL {
	background-image: url(../images/shopping/bg_slide_gray_01_bl.png);
}

div#slideShow div.gray span.slideBR {
	background-image: url(../images/shopping/bg_slide_gray_01_br.png);
}

div#slideShow div.green span.slideTL,
div#slideShow div.green span.slideTR,
div#slideShow div.green span.slideBL,
div#slideShow div.green span.slideBR {
	width: 15px;
	height: 15px;
}

div#slideShow div.green span.slideTL {
	top: -4px;
	left: -4px;
	background: url(../images/shopping/bg_slide_green_01_tl.png) no-repeat 0 0;
}

div#slideShow div.green span.slideTR {
	top: -4px;
	right: -4px;
	background: url(../images/shopping/bg_slide_green_01_tr.png) no-repeat 0 0;
}

div#slideShow div.green span.slideBL {
	bottom: -4px;
	left: -4px;
	background: url(../images/shopping/bg_slide_green_01_bl.png) no-repeat 0 0;
}

div#slideShow div.green span.slideBR {
	bottom: -4px;
	right: -4px;
	background: url(../images/shopping/bg_slide_green_01_br.png) no-repeat 0 0;
}

/* pager */
div#slideShow ul.slideShowPager {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div#slideShow ul.slideShowPager li {
	float: left;
	margin: 0 0 0 8px;
	line-height: 1.0;
}

div#slideShow ul.slideShowPager li img {
	cursor: pointer;
}


/*  リンク/ナビゲーション
---------------------------------------------------------- */

ul.link,
ul.linkInline,
ul.linkAnchor,
ul.linkAnchorUp {
	margin: 10px 0 0 0;
}

ul.link li,
ul.linkInline li {
	_position: relative;
	padding: 0 0 0 8px;
	background: url(../images/shopping/arrow_gray.gif) no-repeat 0 0.6em;
}

ul.linkInline li {
	float: left;
	margin: 0 10px 0 0;
	*white-space: nowrap;
}

ul.linkRight li {
	float: right !important;
	margin: 0 0 0 1em !important;
	*white-space: nowrap;
}

ul.linkAnchor li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url(../images/shopping/arrow_gray_down.gif) no-repeat 0 50%;
}

ul.linkAnchorUp li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url(../images/shopping/arrow_gray_up.gif) no-repeat 0 50%;
}

a.link,
a.linkAnchor {
	margin: 0 0 0 3px;
}

img.linkIcon {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

table a {
	font-weight: normal;
}

/* pager */
ul.pager {
	margin: 20px 0 0 0;
	text-align: center;
}

ul.pager li {
	display: inline;
	margin: 0 0 0 -3px;
}

ul.pager li.next a,
ul.pager li.prev a {
	width: auto;
	color: #666;
	font-size: 83%; /* 10px */
	line-height: 20px;
	font-weight: normal;
	_position: relative;
}

ul.pager li a,
ul.pager li em {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

ul.pager li.current em {
	background: url(../images/shopping/bg_pager_current.gif) no-repeat 50% 50%;
	color: #fff;
}

ul.pager li a:hover {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
	background: url(../images/shopping/bg_pager_current.gif) no-repeat 50% 50%;
	color: #fff;
}

ul.pager li.next a:hover,
ul.pager li.prev a:hover {
	background: none;
	color: #666;
}

/* stepNav */
div.stepNav {
	margin: 0 0 20px 0;
}

/* pagerHasResult */
div.pagerHasResult ul.pager {
	float: right;
}

div.pagerHasResult p.result {
	float: right;
	margin: 22px 20px 0 0;
}

/* pagerRight */
ul.pager.pagerRight {
	float: right;
	line-height: 1.8;
}


/*  角丸
---------------------------------------------------------- */
.shoppingguibar{ width:800px; margin:0 auto}

/*  フォーム
---------------------------------------------------------- */

div.agreement {
	overflow-y: scroll;
	height: 7em;
	padding: 10px;
	border: 1px solid #edbfcc;
	color: #999;
}

span.must {
	color: #b70031;
	font-size: 83%; /* 10px */
}

ul.inline li {
	float: left;
	margin: 0 1em 0 0;
	*white-space: nowrap;
}

ul.inline li.first-child,
ul.inline li:first-child {
	margin-left: 0;
}

ul.inline li input {
	vertical-align: middle;
}

fieldset {
	margin: 0 0 1em 0;
}

fieldset legend {
	font-weight: bold;
}

input.text,
input.password {
	width: 120px !important;
	font-weight: normal;
}

input.width50 {
	width: 50px !important;
}

input.width70 {
	width: 70px !important;
}

input.width170 {
	width: 150px !important;
}

input.width170 {
	width: 170px !important;
}

input.width250 {
	width: 250px !important;
}

input.example {
	color: #999;
}

label.hasInput {
	display: block;
	text-indent: -1.2em;
	padding: 0 0 0 1.2em;
}

label.disabled {
	background: #fff !important;
	color: #ccc !important;
}

label.disabled input {
	background: #f7f7f7;
	border-color: #ccc;
}

label.disabled span {
	background-color: #f7f7f7;
}

label input[type=radio],
label input[type=checkbox] {
	vertical-align: middle;
}

.formInlineLeft {
	float: left;
	margin: 0 10px 0 0;
}

.post {
	color: #b8b8b8;
}

select {
	padding: 2px 0;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
}

th select {
	font-weight: normal;
}

/*  ボタン
---------------------------------------------------------- */
 
  
td > p.buttonDelete button,
td > p.buttonFavorite button {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
 

	p.buttonBrown:hover span,
	p.buttonGray:hover span,
	p.buttonRed:hover span,
	p.buttonRedB:hover span{
		background-imaeg: url(../images/shopping/arrow_gray_light_on.gif);
	}

	p.buttonWhite:hover span {
		color:#999;
	}

p.buttonWhite {
	background-image: url(../images/shopping/btn_white_01.gif);
}

p.buttonLeft {
	float: left;
	*display: inline;
	margin: 0 5px 0 0;
}

p.buttonRight {
	float: right;
	*display: inline;
	margin: 0 0 0 5px;
}

p.buttonVerticalMiddle {
	position: absolute;
	top: 50%;
	right: 15px;
	*display: inline;
	margin-top: -12px;
}

p.buttonLeft button,
p.buttonRight button,
p.buttonVerticalMiddle button {
	*float: left;
	*width: auto;
}

/* button共通ここまで */
p.buttonStore {
	*width: 150px;
	height: 32px;
	background-color: #4e72a9;
	background-image: url(../images/shopping/btn_blue_xlarge.gif);
}

	p.buttonStore button {
		*width: 150px;
		background-position: 100% -32px;
		background-image: url(../images/shopping/btn_blue_xlarge.gif);
		font-size: 117%; /* 14px */
		text-align: center;
	}

	p.buttonStore span {
		padding: 0 7px 0 27px;
		background: url(../images/shopping/btn_store.gif) no-repeat 7px 50%;
	}

	/* hover */
	p.buttonStore:hover {
		background-color: #7a95bf;
		background-image: url(../images/shopping/btn_blue_xlarge_on.gif);
	}
		p.buttonStore:hover button {
			background-image: url(../images/shopping/btn_blue_xlarge_on.gif);
		}

		p.buttonStore:hover span {
			background-image: url(../images/shopping/btn_store_on.gif);
		}

p.buttonFavorite,
p.buttonDelete,
p.buttonCalendar,
p.buttonPrint,
p.buttonBack,
p.buttonGray {
	background-color: #888;
	background-image: url(../images/shopping/btn_gray.gif);
}

	p.buttonFavorite button,
	p.buttonDelete button,
	p.buttonCalendar button,
	p.buttonPrint button,
	p.buttonBack button,
	p.buttonGray button {
		background-image: url(../images/shopping/btn_gray.gif);
	}

	/* hover */
	p.buttonFavorite:hover,
	p.buttonDelete:hover,
	p.buttonCalendar:hover,
	p.buttonPrint:hover,
	p.buttonBack:hover,
	p.buttonGray:hover {
		background-color: #a6a6a6;
		background-image: url(../images/shopping/btn_gray_on.gif);
	}

		p.buttonFavorite:hover button,
		p.buttonDelete:hover button,
		p.buttonCalendar:hover button,
		p.buttonBack:hover button,
		p.buttonPrint:hover button,
		p.buttonGray:hover button {
			background-image: url(../images/shopping/btn_gray_on.gif);
		}

	p.buttonFavorite span {
		padding: 2px 5px 2px 25px;
		background: url(../images/shopping/btn_favorite.gif) no-repeat 5px 50%;
	}

		p.buttonFavorite:hover span {
			background-image: url(../images/shopping/btn_favorite_on.gif);
		}

	p.buttonDelete span {
		padding: 0 3px 0 20px;
		background: url(../images/shopping/btn_delete.gif) no-repeat 3px 50%;
	}

		p.buttonDelete:hover span {
			background-image: url(../images/shopping/btn_delete_on.gif);
		}

	p.buttonCalendar span {
		padding: 0 3px 0 20px;
		background: url(../images/shopping/btn_calendar.gif) no-repeat 3px 50%;
	}

		p.buttonCalendar:hover span {
			background-image: url(../images/shopping/btn_calendar_on.gif);
		}

	p.buttonPrint,
	p.buttonPrint button {
		width: 150px;
		margin: 0 auto;
	}

	p.buttonPrint span {
		padding: 0 3px 0 25px;
		background: url(../images/shopping/btn_print.gif) no-repeat 3px 50%;
	}

		p.buttonPrint:hover span {
			background-image: url(../images/shopping/btn_print_on.gif);
		}

	p.buttonBack span {
		background-image: url(../images/shopping/arrow_gray_back.gif);
	}

		p.buttonBack:hover span {
			background-image: url(../images/shopping/arrow_gray_back_on.gif);
		}

p.buttonBrandSearch,
p.buttonSearch,
p.buttonMovie,
p.buttonBackBrown,
p.buttonBrown {
	background-color: #463937;
	background-image: url(../images/shopping/btn_brown.gif);
}

	p.buttonBrandSearch button,
	p.buttonSearch button,
	p.buttonMovie button,
	p.buttonBackBrown button,
	p.buttonBrown button {
		background-image: url(../images/shopping/btn_brown.gif);
	}

	/* hover */
	p.buttonBrandSearch:hover,
	p.buttonSearch:hover,
	p.buttonMovie:hover,
	p.buttonBackBrown:hover,
	p.buttonBrown:hover {
		background-color: #746b69;
		background-image: url(../images/shopping/btn_brown_on.gif);
	}
	
		p.buttonBrandSearch:hover button,
		p.buttonSearch:hover button,
		p.buttonMovie:hover button,
		p.buttonBackBrown:hover button,
		p.buttonBrown:hover button {
			background-image: url(../images/shopping/btn_brown_on.gif);
		}

	p.buttonBrandSearch span {
		padding: 0 3px 0 23px;
		background: url(../images/shopping/btn_brand_search.gif) no-repeat 6px 50%;
	}

		p.buttonBrandSearch:hover span {
			background-image: url(../images/shopping/btn_brand_search_on.gif);
		}

	p.buttonSearch span {
		padding: 2px 3px 2px 23px;
		background: url(../images/shopping/btn_search_brown.gif) no-repeat 6px 50%;
	}

		p.buttonSearch:hover span {
			background-image: url(../images/shopping/btn_search_brown_on.gif);
		}

	p.buttonSearchDisable span {
		padding: 2px 3px 2px 23px;
		background: url(../images/shopping/btn_brand_search_disable.gif) no-repeat 6px 50%;
		color: #c5c5c5;
	}

	p.buttonMovie span {
		padding: 0 3px 0 23px;
		background: url(../images/shopping/btn_movie.gif) no-repeat 3px 50%;
	}

		p.buttonMovie:hover span {
			background-image: url(../images/shopping/btn_movie_on.gif);
		}

	p.buttonBackBrown span {
		background-image: url(../images/shopping/arrow_brown_back.gif);
	}

		p.buttonBackBrown:hover span {
			background-image: url(../images/shopping/arrow_brown_back_on.gif);
		}

	p.buttonBrown span {
		background-image: url(../images/shopping/arrow_brown.gif);
	}

div.roundGray p.buttonBack,
div.roundGray p.buttonBackBrown,
div.roundPink p.buttonBack,
div.roundPink p.buttonBackBrown {
	position: absolute;
	left: 15px;
	bottom: 10px;
	*display: inline;
}

	div.roundGray p.buttonBack button,
	div.roundGray p.buttonBackBrown button,
	div.roundPink p.buttonBack button,
	div.roundPink p.buttonBackBrown button {
		*float: left;
		*width: auto;
	}

p.buttonCartDisable,
p.buttonDisable {
	background-color: #f2f2f2;
	background-image: url(../images/shopping/btn_disable.gif);
}

	p.buttonCartDisable button,
	p.buttonDisable button {
		background-image: url(../images/shopping/btn_disable.gif);
		cursor: default;
	}

	p.buttonCartDisable span {
		padding: 0 3px 0 23px;
		background: url(../images/shopping/btn_cart_disable.gif) no-repeat 3px 50%;
	}

	p.buttonCartDisable span,
	p.buttonDisable span {
		color: #c5c5c5;
	}
 
  

	p.buttonCart span {
		padding: 0 3px 0 25px;
		background: url(../images/shopping/btn_cart.gif) no-repeat 5px 50%;
	}

		p.buttonCart:hover span {
			background-image: url(../images/shopping/btn_cart_on.gif);
		}

	p.buttonLogin span {
		padding: 1px 0 1px 20px;
		background: url(../images/shopping/btn_login.gif) no-repeat 0 50%;
	}

		p.buttonLogin:hover span {
			background-image: url(../images/shopping/btn_login_on.gif);
		}

 
	p.buttonBlank span {
		padding: 0 3px 0 27px;
		background: url(../images/shopping/btn_blank.gif) no-repeat 7px 50%;
	}

		p.buttonBlank:hover span {
			background-image: url(../images/shopping/btn_blank_on.gif);
		}

	p.buttonRed span,
	p.buttonRedB span {
		background-image: url(../images/shopping/arrow_pink.gif);
	}

		p.buttonRed:hover span,
		p.buttonRedB:hover span {
			background-image: url(../images/shopping/arrow_pink_on.gif);
		}

button.buttonArrow {
	*line-height: 16px;
	padding: 0 0 0 5px;
	background: transparent url(../images/shopping/arrow_gray.gif) no-repeat 0 50%;
	border: none;
	text-align: left;
	cursor: pointer;
	vertical-align: middle;
}

	button.buttonArrow span {
		text-decoration: underline;
		color: #4e3430;
	}

 
/*  表
---------------------------------------------------------- */

div.table {
	position: relative;
	margin: 20px 0 0 0;
	_zoom: 1;
}

table.default,
table.stripeA,
table.stripeB {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

	table.default table {
		border: none;
	}

table.default th,
table.default td {
	padding: 0 15px 10px 15px;
	*padding: 10px 15px 10px 15px;
}

table.default thead th,
table.default thead td,
table.default tfoot th,
table.default tfoot td,
table.default > tbody > tr:first-child > th,
table.default > tbody > tr:first-child > td,
table.stripeA tbody th,
table.stripeA tbody td,
table.stripeB tbody th,
table.stripeB tbody td,
table.border tbody th,
table.border tbody td {
	padding-top: 10px;
}

	table.default table td,
	table.default table th {
		padding: 0 5px 5px 0;
	}

	table table.stripeA td,
	table table.stripeA th,
	table table.stripeB td,
	table table.stripeB th {
		padding: 5px 10px;
	}

table th .normal {
	font-weight: normal;
}

table tbody th span.normal {
	color: #333;
	font-weight: normal;
}

table.default thead th,
table.default thead td,
table.default tfoot th,
table.default tfoot td {
	background-color: #f8e5ea;
	font-weight: bold;
}

table.default thead td,
table.default tfoot td {
	font-weight: normal;
}

table.default tbody th,
table.stripeA tbody th,
table.stripeB tbody th {
	font-weight: bold;
	color: #999;
}

table.stripeA tr.bg,
table.stripeA td.bg,
table.stripeA th.bg,
table.stripeB tr.bg,
table.stripeB td.bg,
table.stripeB th.bg {
	background-color: #fdf7f9;
}

table.border tbody th,
table.border tbody td {
	border-top: 1px solid #ccc;
}

table.border tr:first-child td,
table.border tr:first-child th {
	border-top: none;
}

	table.border table td,
	table.border table th {
		border-top: none;
	}

/* 角丸処理 */
div.table > span.roundTl,
div.table > span.roundTr {
	top: 0;
	background-image: url(../images/shopping/bg_round_pink_border_top.gif);
}

div.table > span.roundBl,
div.table > span.roundBr {
	bottom: 0;
	background-image: url(../images/shopping/bg_round_pink_border_btm.gif);
}

div.table > span.roundTl {
	left: 0;
	background-position: 0 0;
}

div.table > span.roundTr {
	right: 0;
	background-position: 100% 0;
}

div.table > span.roundBl {
	left: 0;
	background-position: 0 100%;
}

div.table > span.roundBr {
	right: 0;
	background-position: 100% 100%;
}

table tr.only-child th {
	background-position: 0 100%;
	background-repeat: no-repeat;
}

table tr.only-child td {
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

table tr.only-child th,
table tr.only-child td.cellRight {
	padding: 0;
}

table tr.only-child th div,
table tr.only-child td div {
	padding: 10px 10px 7px 10px;
}

table tr.only-child th div {
	background-position: 0 0;
	background-repeat: no-repeat;
}

table tr.only-child td div {
	background-position: 100% 0;
	background-repeat: no-repeat;
}

table tr.first-child th {
	background-position: 0 0;
	background-repeat: no-repeat;
}

table tr.first-child td {
	background-position: 100% 0;
	background-repeat: no-repeat;
}

table tr.last-child th {
	background-position: 0 100%;
	background-repeat: no-repeat;
}

table tr.last-child td {
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

table.pink tr.first-child th,
table.pink tr.first-child td,
table.pink tr.only-child div {
	background-image: url(../images/shopping/bg_table_pink_top.gif);
}

table.pink tr.last-child th,
table.pink tr.last-child td,
table.pink tr.only-child th,
table.pink tr.only-child td.cellRight {
	background-image: url(../images/shopping/bg_table_pink_btm.gif);
}

table.red tr.first-child th,
table.red tr.first-child td,
table.red tr.only-child div {
	background-image: url(../images/shopping/bg_table_red_top.gif);
}

table.red tr.last-child th,
table.red tr.last-child td,
table.red tr.only-child th,
table.red tr.only-child td.cellRight {
	background-image: url(../images/shopping/bg_table_red_btm.gif);
}

table.gray tr.first-child th,
table.gray tr.first-child td,
table.gray tr.only-child div {
	background-image: url(../images/shopping/bg_table_gray_top.gif);
}

table.gray tr.last-child th,
table.gray tr.last-child td,
table.gray tr.only-child th,
table.gray tr.only-child td.cellRight {
	background-image: url(../images/shopping/bg_table_gray_btm.gif);
}

table.pinkyellow tr.first-child th,
table.pinkyellow tr.first-child td,
table.pinkyellow tr.only-child div {
	background-image: url(../images/shopping/bg_table_yellow_top.gif);
}

table.pinkyellow tr.last-child th,
table.pinkyellow tr.last-child td,
table.pinkyellow tr.only-child th,
table.pinkyellow tr.only-child td.cellRight {
	background-image: url(../images/shopping/bg_table_pink_btm.gif);
}

table.yellow tr.first-child th,
table.yellow tr.first-child td,
table.yellow tr.only-child div {
	background-image: url(../images/shopping/bg_table_yellow_top.gif);
}

table.yellow tr.last-child th,
table.yellow tr.last-child td,
table.yellow tr.only-child th,
table.yellow tr.only-child td.cellRight {
	background-image: url(../images/shopping/bg_table_yellow_btm.gif);
}

/* 角丸ここまで */

table.noStyle td,
table.noStyle th {
	padding: 0;
	border: none;
	background: none;
}

table td ul.first-child,
table td ul:first-child {
	margin-top: 0;
}

table td.normal,
table th.normal {
	font-size: 100% !important; /* 12px */
	font-weight: normal !important;
	color: #333 !important;
	text-align: left !important;
}

table .noBg {
	background-color: #fff !important;
}

table.noBorder,
table td.noBorder,
table th.noBorder {
	border: none !important;
}

table td.textRight {
	text-align: right !important;
}

table .noPaddingR {
	padding-right: 0 !important;
}

table .noPaddingT {
	padding-top: 0 !important;
}

table .noPaddingB {
	padding-bottom: 0 !important;
}

table .noPadding {
	padding: 0 !important;
}

table.widthFix {
	width: 100%;
}

table tr th.borderTopA,
table tr td.borderTopA {
	border-top: 1px solid #edc0cd;
}

table tr th.borderBottomA,
table tr td.borderBottomA {
	border-bottom: 1px solid #edc0cd;
}

table tr th.borderLeftA,
table tr td.borderLeftA {
	border-left: 1px solid #ccc;
}

table.onlyHeader tr td {
	border-bottom: 1px solid #edc0cd;
}

/*  表 (背景色つき)
---------------------------------------------------------- */

table.pink,
table.red,
table.gray,
table.pinkyellow ,
table.yellow {
	text-align: right;
	width: 480px;
	margin: 0 0 0 auto;
}

table.red.width660 {
	width: 660px;
}

table.pink td,
table.pink th,
table.red td,
table.red th,
table.gray td,
table.gray th,
table.pinkyellow td,
table.pinkyellow th,
table.yellow td,
table.yellow th {
	padding: 10px 10px 7px 10px;
}

table.pink th,
table.red th,
table.gray th,
table.pinkyellow th,
table.yellow th {
	border-top: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: right;
}

table.pink td,
table.red td,
table.gray td,
table.pinkyellow td,
table.yellow td {
	border-top: 1px solid #fff;
	text-align: right;
	font-weight: bold;
	font-size: 117%; /* 14px */
}

table.pink th {
	background: #db8098;
}

table.pink td {
	background: #f8e5ea;
}

table.red th {
	background: #ca4165;
}

table.red td {
	background: #f8e5ea;
	color: #b80132;
}

table.gray th {
	background: #dad7d7;
	color: #333;
}

table.gray td {
	background: #ecebeb;
	color: #333;
}

table.yellow th {
	background: #ff9e00;
	color: #fff;
}

table.yellow td {
	background: #fff7de;
	color: #333;
}

table.pinkyellow th.pink {
	background: #db8098;
	color: #fff;
	background-position:0 100%;
	background-repeat:no-repeat;
}

table.pinkyellow td.pink {
	background: #f8e5ea;
	color: #333;
	background-position:100% 100%;
	background-repeat:no-repeat;
}

table.pinkyellow th.yellow {
	background: #ff9e00;
	color: #fff;
	background-position:0 0;
	background-repeat:no-repeat;}

table.pinkyellow td.yellow {
	background: #fff7de;
	color: #333;
	background-position:100% 0;
	background-repeat:no-repeat;
}

/* 静的独自要素 */

div.table01 table th {
	padding: 3px 0;
	color: #858585;
	font-weight: bold;
}

div.table01  table td {
	padding: 3px 0;
}

div.table02 {
	background: #FAFAFA;
}

/*  タブ
---------------------------------------------------------- */

ul.tab,
ul.bodyNav {
	overflow: hidden;
	_zoom: 1;
}

ul.tab li,
ul.bodyNav li {
	float: left;
}

ul.tab li a,
ul.bodyNav li a {
	display: block;
	line-height: 40px;
	color: #463937;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	_zoom: 1;
}

ul.tab li a:hover,
ul.bodyNav li a:hover {
	text-decoration: underline;
}

ul.tab li.current,
ul.bodyNav li.current {
	background: url(../images/shopping/bg_tab2_current.gif) no-repeat 0 0;
}

ul.tab li.current a,
ul.bodyNav li.current a {
	background: url(../images/shopping/bg_tab2_current.gif) no-repeat 100% 100%;
	color: #b70031;
}

ul.tabColumn2 {
	background: url(../images/shopping/bg_tab2_960.gif) no-repeat 0 0;
}

ul.tabColumn2 li {
	float: left;
	width: 50%;
}

div.primary ul.tabColumn2,
div#main ul.tabColumn2 {
	background-image: url(../images/shopping/bg_tab2_700.gif);
}

ul.tabColumn3 {
	background: url(../images/shopping/bg_tab3_960.gif) no-repeat 0 0;
}

ul.tabColumn3 li {
	float: left;
	width: 318px;
	margin: 0 0 0 3px;
}

div#main ul.tabColumn3 {
	background-image: url(../images/shopping/bg_tab3_700.gif);
}

div#main ul.tabColumn3 li {
	width: 231px;
}

ul.tabColumn3 li.first-child,
ul.tabColumn3 li:first-child {
	margin: 0 0 0 0;
}

ul.tabCategory {
	overflow: hidden;
	width: 935px;
	margin: 0 0 -5px 0;
	background: url(../images/shopping/bg_search_category.gif) repeat-y -374px 0;
}

ul.tabCategory li {
	float: left;
	width: 182px;
	margin: 0 5px 5px 0;
}

ul.tabCategory li a {
	display: block;
	height: 30px;
	padding: 0 0 0 10px;
	background: url(../images/shopping/bg_search_category.gif) no-repeat -187px 0;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

ul.tabCategory li.current a {
	background: url(../images/shopping/bg_search_category.gif) no-repeat 0 0;
	color: #fff;
}

ul.tabCategory li a:hover {
	color: #bcb3b1;
	text-decoration: none;
}

ul.tabCategory li.current a:hover {
	color: #fff;
	text-decoration: none;
}


/*  お知らせ
---------------------------------------------------------- */

div#body div.information {
	position: relative;
}

div#body div.information h2 {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dad7d7;
	font-size: 100%;
}

div#body div.information ul.link,
div#body div.information ul.oldLink {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

div#body div.information div.table {
	margin: 10px 0 0 0;
}

div#body div.information div.table td {
	padding: 0 15px 10px 0;
	vertical-align: middle;
}

div#body div.information div.table td.date {
	padding-right: 20px;
}

div#body div.information div.table td.category span {
	display: block;
	width: 90px;
	padding: 2px 0;
	background: #dad7d7;
	font-size: 83%; /* 10px */
	text-align: center;
}


/*  再検索
---------------------------------------------------------- */

div#body div.searchMore {
	clear: both;
	overflow: hidden;
}

/*  検索結果
---------------------------------------------------------- */

div#body div.searchResult {
	margin: 20px 0 0 0;
}

div#body div.searchResult h2 {
	margin: 0 0 -15px 0;
}

div#body div.searchResult h2 span.sub {
	font-size: 83%; /* 12px */
	font-weight: normal;
}

div#body div.searchResult table td p.option {
	float: left;
}

div#body div.searchResult table td p.sort {
	float: right;
}

div#body div.searchResult table td p.option button {
	margin: 0 10px 0 0;
}

div#body div.searchResult table td span.separator {
	margin: 0 5px;
	color: #edbfcc;
}

div#body div.width307 {
	float: right;
	width: 307px;
}

div#body div.width607 {
	float: left;
	width: 607px;
}

/*  ご注意
---------------------------------------------------------- */
div.caution {
	width: 960px;
	margin:0 auto;
}
div.caution p {
	width: 940px;
	display:block !important;
	text-align:left;
	padding-top:1px !important;
}

div.cautionNoBg{
	margin: 0 0 0 490px;
}

div.cautionNoBg p{
	padding: 0 0 0 15px;
	background: url(../images/shopping/icon_caution_bgwhite.gif) no-repeat 0 3px;
	color: #B70031;
}


/*  エラーページ
---------------------------------------------------------- */

h1.error span {
	padding: 2px 0 2px 30px;
	background: url(../images/shopping/icon_caution_red_large.gif) no-repeat 0 50%;
}

p.errorSubTitle {
	padding: 2px 0 2px 25px;
	background: url(../images/shopping/icon_question.gif) no-repeat 0 50%;
	font-weight: bold;
}


/*  Clearfix
---------------------------------------------------------- */

.duidelist{ border:1px solid #ddd; padding:20px; background:#FAFAFA; }
.duidelist li{ padding-left:10px;}
.duidelist li dd {  width: 124px;
float:left;
  display: block;
  background-color: #FFFFFF;
  border: 1px solid #E0DFE3;
  padding: 10px;
  margin: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;}
.duidemain{ border:1px solid #ddd; padding:10px; }
.duidemain .navIndex li{ margin-bottom:10px;background: url(../images/arrows.png) no-repeat 0 5px; padding-left:10px;}

.roundTitle{background:#0067BF; color: #fff; text-indent:10px; font-weight:normal; font-size:14px; margin-bottom:10px; border-radius:5px;}
