@charset "utf-8";

/*  汎用
---------------------------------------------------------- */

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(/shared/img/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 .roundTitleBorder01 {
	margin: 0 -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(/shared/img/bg_step.gif) no-repeat 0 0;
	color: #fff;
	font-size: 84%;
	font-weight: normal;
}

p.price em.large {
	font-size: 166%; /* 20px */
}
p.price em.large {
	*font-size: 150%; /* 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.inlineColumn4 li {
	float: left;
	width: 21%;
	padding: 0 0 0 3%;
}

ul.inlineColumn2 li.inlineLeft,
ul.inlineColumn3 li.inlineLeft,
ul.inlineColumn4 li:nth-child(4n+1) {
	padding: 0;
}

/* SNSシェアリスト */
ul.listSnsShare li {
	float: left;
	width: 171px;
	height: 48px;
	margin-left: 34px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
}

ul.listSnsShare li:first-child {
	margin-left: 134px;
}

ul.listSnsShare li a {
	display: block;
	width: 171px;
	height: 48px;
}

ul.listSnsShare li:hover {
	opacity: 0.75;
}

ul.listSnsShare .snsTwitter {
	background: url(/shared/img/btn_share_twitter.png) no-repeat left top;
}

ul.listSnsShare .snsFacebook {
	background: url(/shared/img/btn_share_facebook.png) no-repeat left top;
}

ul.listSnsShare .snsGooglePlus {
	background: url(/shared/img/btn_share_googleplus.png) no-repeat left top;
}


/*  テキスト形式のアイコン
---------------------------------------------------------- */

ul.textMetaInfo {
	overflow: hidden;
	margin: 5px 0 0 0;
	_zoom: 1;
}

ul.textMetaInfo li {
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px 5px 1px 5px;
	background: #f2f2f2;
	border: 1px solid #666666;
}

	ul.textMetaInfo li.img {
		padding: 0;
		background: none;
	}

	ul.textMetaInfo li.free {
		background: #faf4c3;
	}
	ul.textMetaInfo li.purple {
		background: #d3b7ea;
	}

	ul.textMetaInfo li.yellow {
		background: #faf4c3;
	}

	ul.textMetaInfo li.green {
		background: #b3efe3;
	}

	ul.textMetaInfo li.pink {
		background: #facfeb;
	}

	ul.textMetaInfo li.brown {
		background: #dfd5c3;
	}

	ul.textMetaInfo li.blue {
		background: #8bdcf3;
	}

	ul.textMetaInfo li.gray {
		background: #d4d4d4;
	}

	ul.textMetaInfo li.orange {
		background: #ffc9b2;
	}

	ul.textMetaInfo li.white {
		background: #ffffff;
	}

	ul.textMetaInfo li.violet {
		color: #ffffff;
		background: #b70735;
	}

ul.textMetaInfo li a {
	padding-left: 7px;
	text-decoration: none;
	background: url("/shared/img/arrow_black.gif") no-repeat left 50%;
}

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(/shared/img/icon_textinfo_specialist.gif) no-repeat 3px 50%;
	color: #666;
}

ul.textInfo li.depart {
	background-image: url(/shared/img/icon_textinfo_depart.gif);
}

ul.textInfo li.gms {
	background-image: url(/shared/img/icon_textinfo_gms.gif);
}

ul.textInfo li.ds {
	background-image: url(/shared/img/icon_textinfo_ds.gif);
}

ul.textInfo li.other {
	background-image: url(/shared/img/icon_textinfo_other.gif);
	background-position: 5px 40%;
}

ul.textInfo li.ticket,
ul.textInfo li.point {
	background: #f8e5ea url(/shared/img/icon_textinfo_ticket.gif) no-repeat 3px 50%;
	color: #db8098;
}

ul.textInfo li.ticket {
	padding-left: 23px;
}

ul.textInfo li.point {
	background-image: url(/shared/img/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.roundPinkBorder {
	float: left;
	width: 438px;
	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;
}

div.columns div.columnsGroupLeft div.roundPinkBorder {
	margin-left: 0;
}

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 #c1c1c1;
}

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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/bg_slide_pink_01_br.png) no-repeat 0 0;
}

div#slideShow div.gray span.slideTL {
	background-image: url(/shared/img/bg_slide_gray_01_tl.png);
}

div#slideShow div.gray span.slideTR {
	background-image: url(/shared/img/bg_slide_gray_01_tr.png);
}

div#slideShow div.gray span.slideBL {
	background-image: url(/shared/img/bg_slide_gray_01_bl.png);
}

div#slideShow div.gray span.slideBR {
	background-image: url(/shared/img/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(/shared/img/bg_slide_green_01_tl.png) no-repeat 0 0;
}

div#slideShow div.green span.slideTR {
	top: -4px;
	right: -4px;
	background: url(/shared/img/bg_slide_green_01_tr.png) no-repeat 0 0;
}

div#slideShow div.green span.slideBL {
	bottom: -4px;
	left: -4px;
	background: url(/shared/img/bg_slide_green_01_bl.png) no-repeat 0 0;
}

div#slideShow div.green span.slideBR {
	bottom: -4px;
	right: -4px;
	background: url(/shared/img/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(/shared/img/arrow_gray.gif) no-repeat 0 0.6em;
}

ul.linkInline li {
	float: left;
	margin: 0 10px 0 0;
}

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(/shared/img/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(/shared/img/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(/shared/img/bg_pager_current.gif) no-repeat 50% 50%;
	color: #fff;
}

ul.pager li a:hover {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
	background: url(/shared/img/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;
}


/*  角丸
---------------------------------------------------------- */

div.roundGray,
div.roundPink,
div.roundPinkBorder,
div.roundPinkBorderTop,
div.roundYellow,
div.roundBeige,
div.roundBlue {
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px 15px;
}

div.roundPinkBorder,
div.roundBlue {
	padding: 15px;
}

	div > span.roundTl,
	div > span.roundTr,
	div > span.roundBl,
	div > span.roundBr {
		position: absolute;
		width: 10px;
		height: 10px;
		background-image: url(/shared/img/bg_round.png);
		background-repeat: no-repeat;
		z-index: 5;
	}

	span.roundTl {
		top: 0;
		left: 0;
		background-position: -10px -10px;
	}

	span.roundTr {
		top: 0;
		right: 0;
		background-position: 0 -10px;
	}

	span.roundBl {
		bottom: 0;
		_bottom: -1px;
		left: 0;
		background-position: -10px 0;
	}

	span.roundBr {
		bottom: 0;
		_bottom: -1px;
		right: 0;
		background-position: 0 0;
	}

	div .roundTitle {
		position: relative;
		top: -10px;
		left: -15px;
		_left: 0;
		width: 100%;
		margin: 0 !important;
		_margin: 0 -15px !important;
		padding: 10px 15px;
		font-size: 100% !important; /* 12px */
		font-weight: bold;
		z-index: 2;
	}

	div.roundPink .roundTitle h2,
	div.roundPinkBorder .roundTitle h2 {
		margin: 0 !important;
		font-size: 100% !important;
	}

	div.roundPink .roundTitle .normal,
	div.roundPinkBorder .roundTitle .normal {
		font-weight: normal !important;
	}

	div.roundPink .roundTitle .roundTitleRight,
	div.roundPinkBorder .roundTitle .roundTitleRight {
		position: absolute;
		top: 10px;
		right: 15px;
		font-weight: normal;
	}

	div.roundPinkBorder .roundTitle .roundTitleRight ul {
		margin-top: 0;
	}

	div.roundPinkBorder .roundTitle .roundTitleRight ul li {
		margin-right: 0;
	}

div.roundGray {
	min-height: 25px;
	_height: 25px !important;
	background-color: #f1f1f1;
}

	div.roundGray.cautionGray {
	}

	div.roundGray.cautionGray dl dt {
		position: relative;
		padding: 2px 0 0 21px;
		background: url(/shared/img/icon_caution_red.gif) no-repeat 0 0.3em;
		font-weight: bold;
	}

	div.roundGray.cautionGray dl dd {
		padding: 0 0 0 21px;
	}

	div.roundGray.cautionGrayInline {
		float: left;
		min-height: 0;
		padding: 7px 5px 7px 5px;
		text-align: center;
	}

	div.cautionGrayInline {
		_height: 1.5em !important;
	}

	div.roundGray.cautionGrayInline p {
		display: inline;
		padding: 1px 15px 1px 21px;
		background: url(/shared/img/icon_caution_red.gif) no-repeat 0 0;
		line-height: 1.1;
	}

div.roundPink {
	min-height: 25px;
	_height: 25px !important;
	background-color: #f8e5ea;
}

	div.roundPink .roundTitle {
		background: #edbfcc;
	}

	div.secondary div.roundPink .roundTitle,
	div#aside div.roundPink .roundTitle {
		background: #ca4165;
		color: #fff;
	}

div.roundPinkBorder {
	border: 1px solid #edbfcc;
	*zoom: 1;
}

	div.roundPinkBorder > span.roundTl,
	div.roundPinkBorder > span.roundTr {
		top: -1px;
		background-image: url(/shared/img/bg_round_pink_border_top.gif);
	}

	div.roundPinkBorder > span.roundBl,
	div.roundPinkBorder > span.roundBr {
		bottom: -1px;
		background-image: url(/shared/img/bg_round_pink_border_btm.gif);
	}

	div.roundPinkBorder > span.roundTl {
		left: -1px;
		background-position: 0 0;
	}

	div.roundPinkBorder > span.roundTr {
		right: -1px;
		background-position: 100% 0;
	}

	div.roundPinkBorder > span.roundBl {
		left: -1px;
		background-position: 0 100%;
	}

	div.roundPinkBorder > span.roundBr {
		right: -1px;
		background-position: 100% 100%;
	}

	div.roundPinkBorder .roundTitle {
		top: -15px;
		background: #f8e5ea;
	}

	div.roundPinkBorder .roundTitle span.balloon {
		padding: 0 0 3px 20px;
		background: url(/shared/img/icon_balloon_red.gif) no-repeat 0 0;
	}

	div.roundPinkBorder .roundTitle span.separator {
		margin: 0 5px;
		color: #ccc;
	}

	div.roundPinkBorder.hasBg {
		margin-top: 15px;
		background-color: #fdf7f9;
	}

div.roundPinkBorderTop {
	border: 1px solid #edbfcc;
	padding: 0;
	*zoom: 1;
}

	div.roundPinkBorderTop > span.roundTl,
	div.roundPinkBorderTop > span.roundTr {
		top: -1px;
		background-image: url(/shared/img/bg_round_pink_border_top.gif);
	}

	div.roundPinkBorderTop > span.roundBl,
	div.roundPinkBorderTop > span.roundBr {
		bottom: -1px;
		background-image: url(/shared/img/bg_round_pink_border_btm.gif);
	}

	div.roundPinkBorderTop.topTitle > span.roundTl,
	div.roundPinkBorderTop.topTitle > span.roundTr {
		top: -1px;
		background-image: url(/shared/img/bg_round_pink_border_title_top.gif);
	}

	div.roundPinkBorderTop > span.roundTl {
		left: -1px;
		background-position: 0 0;
	}

	div.roundPinkBorderTop > span.roundTr {
		right: -1px;
		background-position: 100% 0;
	}

	div.roundPinkBorderTop > span.roundBl {
		left: -1px;
		background-position: 0 100%;
	}

	div.roundPinkBorderTop > span.roundBr {
		right: -1px;
		background-position: 100% 100%;
	}

	div.roundPinkBorderTop .detailArea{
		padding: 15px;
	}

div.roundYellow {
	background-color: #fff0d9;
}

	div.roundYellow.cautionYellow,
	div.roundYellow.cautionYellowInline,
	div.roundYellow.cautionYellowInline02 {
		padding: 7px 5px 5px 5px;
		text-align: center;
	}

	div.roundYellow.cautionYellow p,
	div.roundYellow.cautionYellowInline p,
	div.roundYellow.cautionYellowInline02 p {
		display: inline;
		padding: 0 15px;
		background: url(/shared/img/icon_caution.gif) no-repeat 0 0;
	}
	div.roundYellow.cautionYellowInline {
		float: left;
	}

	div.roundYellow.cautionYellowInline p {
		padding-right: 0;
		line-height: 1.0;
	}

	div.roundYellow.cautionYellowInline02 {
		padding: 5px 5px 3px 5px;
		text-align: left;
	}

	div.roundYellow.cautionYellowInline02 p {
		display: block;
		background-position: 0 0.3em;
	}
	div.roundYellow.cautionYellowInline p.important {
	line-height: 1.6;
	display: block;
	background: url(/shared/img/icon_caution.gif) no-repeat 0 3px;
	}
	div.cautionYellowInline p.important a{
	color: #B80132;
	}
	div.cautionYellowInline p.important a:hover,
	div.cautionYellowInline p.important a:active{
	color: #e39096;
	}
	div.roundYellow p.iconCaution {
		background: url(/shared/img/icon_caution.gif) 0 2px no-repeat;
		padding-left: 21px;
	}

div.roundBeige {
	background-color: #eae6db;
}

	div.roundBeige .roundTitle {
		top: -10px;
		background: #d1c8af;
		font-weight: normal;
	}

	div.roundBeige .roundTitle span.balloon {
		padding: 0 0 3px 20px;
		background: url(/shared/img/icon_balloon_beige.gif) no-repeat 0 0;
	}

div.roundBlue {
	background-color: #e6f2f9;
	*zoom: 1;
}

	div.roundBlue .roundTitle {
		top: -15px;
		background: #cde7f4;
	}


div.roundBlue p.more,
div.roundPinkBorder p.more {
	margin: 15px -15px -15px -15px;
	padding: 5px;
	background: #f8e5ea;
	text-align: center;
	_zoom: 1;
}

div.roundBlue p.more {
	background: #cde7f4;
}

div.roundBlue p.more a,
div.roundPinkBorder p.more a {
	padding: 0 0 0 15px;
	background: url(/shared/img/arrow_brown_down_large.png) no-repeat 0 50%;
}

div.roundBlue p.more a.open,
div.roundPinkBorder p.more a.open {
	background-image: url(/shared/img/arrow_brown_up_large.png);
}

/*  フォーム
---------------------------------------------------------- */

div.agreement {
	overflow-y: scroll;
	padding: 10px;
	border: 1px solid #edbfcc;
	color: #444;
}

div.agreement .border {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
}

div.agreement a {
	color: #444;
}

div.agreement ol.numberParen01 li {
	list-style: none;
	margin: 0 0 0 2em;
	text-indent: -2em;
}

div.agreement ol.default ul.default li {
	list-style: disc;
	margin-bottom: 0;
}

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.width100 {
	width: 100px !important;
}

input.width170 {
	width: 150px !important;
}

input.width170 {
	width: 170px !important;
}

input.width250 {
	width: 250px !important;
}

input.width420 {
	width: 420px !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;
	font-size: 13px;
}

th select {
	font-weight: normal;
}

/*  ボタン
---------------------------------------------------------- */

p.buttonBrandSearch,
p.buttonSearch,
p.buttonFavorite,
p.buttonStore,
p.buttonDelete,
p.buttonCalendar,
p.buttonCart,
p.buttonCartDisable,
p.buttonDisable,
p.buttonMovie,
p.buttonLogin,
p.buttonNewEntry,
p.buttonBlank,
p.buttonPrint,
p.buttonBack,
p.buttonBackBrown,
p.buttonBrown,
p.buttonGray,
p.buttonRed,
p.buttonRedB,
p.buttonWhite,
p.ButtonSeeColor,
p.buttonGrayLDown,
p.buttonBackL,
p.buttonRedLL,
p.buttonReviewWrite {
	overflow: hidden;
	height: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
	zoom: 1 !important;
}

div#body ul.userGuide li button,
p.buttonBrandSearch button,
p.buttonSearch button,
p.buttonSearchDisable button,
p.buttonFavorite button,
p.buttonStore button,
p.buttonDelete button,
p.buttonCalendar button,
p.buttonCart button,
p.buttonCartDisable button,
p.buttonDisable button,
p.buttonMovie button,
p.buttonLogin button,
p.buttonNewEntry button,
p.buttonBlank button,
p.buttonPrint button,
p.buttonBack button,
p.buttonBackBrown button,
p.buttonBrown button,
p.buttonGray button,
p.buttonRed button,
p.buttonRedB button,
p.buttonWhite button,
p.ButtonSeeColor button,
p.buttonGrayLDown button,
p.buttonBackL button,
p.buttonRedLL button,
p.buttonReviewWrite button {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 1px 0 1px 0;
	background-color: transparent;
	background-position: 100% -24px;
	background-repeat: no-repeat;
	font-family: MS UI Gothic;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}
p.buttonDelete button {
	padding:3px 10px;
	*padding:0 1px !important;
}

td > p.buttonDelete button {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

p.buttonBrandSearch span,
p.buttonSearch span,
p.buttonSearchDisable span,
p.buttonStore span,
p.buttonDelete span,
p.buttonCalendar span,
p.buttonCart span,
p.buttonCartDisable span,
p.buttonDisable span,
p.buttonMovie span,
p.buttonLogin span,
p.buttonNewEntry span,
p.buttonBlank span,
p.buttonPrint span,
p.buttonBack span,
p.buttonBackBrown span,
p.buttonBrown span,
p.buttonGray span,
p.buttonRed span,
p.buttonRedB span,
p.buttonGrayLDown span,
p.buttonBackL span,
p.buttonRedLL span {
	padding: 0 3px 0 15px;
	background: url(/shared/img/arrow_gray_light.gif) no-repeat 7px 50%;
	color: #fff;
}
p.buttonWhite span {
	padding: 0 3px 0 15px;
	background: url(/shared/img/arrow_black.gif) no-repeat 7px 50%;
	color:#463937;
}

	p.buttonBrown:hover span,
	p.buttonGray:hover span,
	p.buttonRed:hover span,
	p.buttonRedB:hover span,
	p.buttonRedLL:hover span {
		background-imaeg: url(/shared/img/arrow_gray_light_on.gif);
	}

	p.buttonWhite:hover span {
		color:#999;
	}

p.buttonWhite {
	background-image: url(/shared/img/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;
}

p.buttonGrayLDown span {
	background: url(/shared/img/arrow_gray_light_down.gif) no-repeat 0 50%;
}

/* button共通ここまで */
p.buttonStore {
	*width: 150px;
	height: 32px;
	background-color: #4e72a9;
	background-image: url(/shared/img/btn_blue_xlarge.gif);
}

	p.buttonStore button {
		*width: 150px;
		background-position: 100% -32px;
		background-image: url(/shared/img/btn_blue_xlarge.gif);
		font-size: 117%; /* 14px */
		text-align: center;
	}

	p.buttonStore span {
		padding: 0 7px 0 27px;
		background: url(/shared/img/btn_store.gif) no-repeat 7px 50%;
	}

	/* hover */
	p.buttonStore:hover {
		background-color: #7a95bf;
		background-image: url(/shared/img/btn_blue_xlarge_on.gif);
	}
		p.buttonStore:hover button {
			background-image: url(/shared/img/btn_blue_xlarge_on.gif);
		}

		p.buttonStore:hover span {
			background-image: url(/shared/img/btn_store_on.gif);
		}

p.buttonDelete,
p.buttonCalendar,
p.buttonPrint,
p.buttonBack,
p.buttonGray,
p.buttonGrayLDown {
	background-color: #888;
	background-image: url(/shared/img/btn_gray.gif);
}

	p.buttonDelete button,
	p.buttonCalendar button,
	p.buttonPrint button,
	p.buttonBack button,
	p.buttonGray button,
	p.buttonGrayLDown button {
		background-image: url(/shared/img/btn_gray.gif);
	}

	/* hover */
	p.buttonDelete:hover,
	p.buttonCalendar:hover,
	p.buttonPrint:hover,
	p.buttonBack:hover,
	p.buttonGray:hover,
	p.buttonGrayLDown:hover {
		background-color: #a6a6a6;
		background-image: url(/shared/img/btn_gray_on.gif);
	}

		p.buttonDelete:hover button,
		p.buttonCalendar:hover button,
		p.buttonBack:hover button,
		p.buttonPrint:hover button,
		p.buttonGray:hover button,
		p.buttonGrayLDown:hover button {
			background-image: url(/shared/img/btn_gray_on.gif);
		}

	p.buttonDelete span {
		padding: 0 3px 0 20px;
		background: url(/shared/img/btn_delete.gif) no-repeat 3px 50%;
	}

		p.buttonDelete:hover span {
			background-image: url(/shared/img/btn_delete_on.gif);
		}

	p.buttonCalendar span {
		padding: 0 3px 0 20px;
		background: url(/shared/img/btn_calendar.gif) no-repeat 3px 50%;
	}

		p.buttonCalendar:hover span {
			background-image: url(/shared/img/btn_calendar_on.gif);
		}

	p.buttonPrint,
	p.buttonPrint button {
		width: 150px;
		margin: 0 auto;
	}

	p.buttonPrint span {
		padding: 0 3px 0 25px;
		background: url(/shared/img/btn_print.gif) no-repeat 3px 50%;
	}

		p.buttonPrint:hover span {
			background-image: url(/shared/img/btn_print_on.gif);
		}

	p.buttonBack span {
		background-image: url(/shared/img/arrow_gray_back.gif);
	}

		p.buttonBack:hover span {
			background-image: url(/shared/img/arrow_gray_back_on.gif);
		}

p.buttonBackL {
	height: 30px;
	background-color: #888;
	background-image: url(/shared/img/btn_gray_large.gif);
}
	p.buttonBackL button {
		background-position: 100% -30px;
		background-image: url(/shared/img/btn_gray_large.gif);
	}

	p.buttonBackL:hover {
		background-color: #a6a6a6;
		background-image: url(/shared/img/btn_gray_large_on.gif);
	}

		p.buttonBackL:hover button {
			background-image: url(/shared/img/btn_gray_large_on.gif);
		}

		 p.buttonBackL span {
			padding: 0 10px 0 20px;
			background: url(/shared/img/arrow_gray_back.gif) no-repeat 7px 50%;
		}

p.buttonBrandSearch,
p.buttonSearch,
p.buttonMovie,
p.buttonBackBrown,
p.buttonBrown {
	background-color: #463937;
	background-image: url(/shared/img/btn_brown.gif);
}

	p.buttonBrandSearch button,
	p.buttonSearch button,
	p.buttonMovie button,
	p.buttonBackBrown button,
	p.buttonBrown button {
		background-image: url(/shared/img/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(/shared/img/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(/shared/img/btn_brown_on.gif);
		}

	p.buttonBrandSearch span {
		padding: 0 3px 0 23px;
		background: url(/shared/img/btn_brand_search.gif) no-repeat 6px 50%;
	}

		p.buttonBrandSearch:hover span {
			background-image: url(/shared/img/btn_brand_search_on.gif);
		}

	p.buttonSearch span {
		padding: 2px 3px 2px 23px;
		background: url(/shared/img/btn_search_brown.gif) no-repeat 6px 50%;
	}

		p.buttonSearch:hover span {
			background-image: url(/shared/img/btn_search_brown_on.gif);
		}

	p.buttonSearchDisable span {
		padding: 2px 3px 2px 23px;
		background: url(/shared/img/btn_brand_search_disable.gif) no-repeat 6px 50%;
		color: #c5c5c5;
	}

	p.buttonMovie span {
		padding: 0 3px 0 23px;
		background: url(/shared/img/btn_movie.gif) no-repeat 3px 50%;
	}

		p.buttonMovie:hover span {
			background-image: url(/shared/img/btn_movie_on.gif);
		}

	p.buttonBackBrown span {
		background-image: url(/shared/img/arrow_brown_back.gif);
	}

		p.buttonBackBrown:hover span {
			background-image: url(/shared/img/arrow_brown_back_on.gif);
		}

	p.buttonBrown span {
		background-image: url(/shared/img/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(/shared/img/btn_disable.gif);
}

	p.buttonCartDisable button,
	p.buttonDisable button {
		background-image: url(/shared/img/btn_disable.gif);
		cursor: default;
	}

	p.buttonCartDisable span {
		padding: 0 3px 0 23px;
		background: url(/shared/img/btn_cart_disable.gif) no-repeat 3px 50%;
	}

	p.buttonCartDisable span,
	p.buttonDisable span {
		color: #c5c5c5;
	}

p.buttonCart,
p.buttonLogin,
p.buttonNewEntry,
p.buttonBlank,
p.buttonRed,
p.buttonRedB,
p.buttonRedLL {
	background-color: #ca4165;
	background-image: url(/shared/img/btn_red.gif);
}

	p.buttonCart button,
	p.buttonLogin button,
	p.buttonNewEntry buttton,
	p.buttonBlank button,
	p.buttonRed button,
	p.buttonRedB button {
		background-image: url(/shared/img/btn_red.gif);
	}

	/* hover */
	p.buttonCart:hover,
	p.buttonLogin:hover,
	p.buttonNewEntry:hover,
	p.buttonBlank:hover,
	p.buttonRed:hover,
	p.buttonRedB:hover,
	p.buttonRedLL:hover {
		background-color: #d7718c;
		background-image: url(/shared/img/btn_red_on.gif);
	}
	
		p.buttonCart:hover button,
		p.buttonLogin:hover button,
		p.buttonNewEntry:hover buttton,
		p.buttonBlank:hover button,
		p.buttonRed:hover button,
		p.buttonRedB:hover button {
			background-image: url(/shared/img/btn_red_on.gif);
		}

	p.buttonCart span {
		padding: 0 3px 0 25px;
		background: url(/shared/img/btn_cart.gif) no-repeat 5px 50%;
	}

		p.buttonCart:hover span {
			background-image: url(/shared/img/btn_cart_on.gif);
		}

	p.buttonLogin span {
		padding: 1px 0 1px 20px;
		background: url(/shared/img/btn_login.gif) no-repeat 0 50%;
	}

		p.buttonLogin:hover span {
			background-image: url(/shared/img/btn_login_on.gif);
		}

	p.buttonNewEntry span {
		padding: 1px 0 1px 20px;
		background: url(/shared/img/btn_new_entry.gif) no-repeat 0 50%;
	}

		p.buttonNewEntry:hover span {
			background-image: url(/shared/img/btn_new_entry_on.gif);
		}

	p.buttonBlank span {
		padding: 0 3px 0 27px;
		background: url(/shared/img/btn_blank.gif) no-repeat 7px 50%;
	}

		p.buttonBlank:hover span {
			background-image: url(/shared/img/btn_blank_on.gif);
		}

	p.buttonRed span,
	p.buttonRedB span,
	p.buttonRedLL span {
	background-image: url(/shared/img/arrow_pink.gif);
	}

		p.buttonRed:hover span,
		p.buttonRedB:hover span,
		p.buttonRedBLL:hover span {
			background-image: url(/shared/img/arrow_pink_on.gif);
		}

	
	p.buttonRedB button {
		background-image: url(/shared/img/btn_red.gif);
	}

button.buttonArrow {
	*line-height: 16px;
	padding: 0 0 0 5px;
	background: transparent url(/shared/img/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;
	}

p.buttonSearch a:hover {
	text-decoration: none;
}

	p.buttonWhite button {
		background-image: url(/shared/img/btn_white_02.gif);
		background-position: right;
	}


/* buttonCenter */
div.buttonCenter {
	margin: 0 auto;
	text-align: center;
}

div.hasLargeButton {
	overflow: hidden;
}

div.hasLargeButton p.buttonBlank {
	margin: 0 5px 0 20px;
}

div.hasLargeButton button {
	font-size: 113%; /* 14px */
}

div.buttonCenter p.buttonBrown,
div.buttonCenter p.buttonGray,
div.buttonCenter p.buttonRed,
div.buttonCenter p.buttonRedB,
div.buttonCenter p.buttonRedLL,
div.buttonCenter p.buttonDisable,
div.buttonCenter p.buttonLogin,
div.buttonCenter p.buttonNewEntry,
div.buttonCenter p.buttonGrayLDown {
	display: inline-block;
	*display: inline;
	width: 210px;
	margin: 0 4px;
	vertical-align: middle;
}

p.buttonLogin,
p.buttonNewEntry,
p.buttonBlank,
div.hasLargeButton p.buttonBrandSearch,
div.buttonCenter p.buttonBrown,
div.buttonCenter p.buttonGray,
div.buttonCenter p.buttonRed,
div.buttonCenter p.buttonRedB,
div.buttonCenter p.buttonDisable {
	height: 30px;
}

div.buttonCenter p.buttonRedLL {
	height: 50px;
}

div.buttonCenter p.buttonGray {
	*zoom: 1;
}

	div.buttonCenter p.buttonBrown button,
	div.buttonCenter p.buttonGray button,
	div.buttonCenter p.buttonRed button,
	div.buttonCenter p.buttonRedB button,
	div.buttonCenter p.buttonRedLL button,
	div.buttonCenter p.buttonDisable button {
		*display: inline;
		width: 210px;
	}

	p.buttonLogin button,
	p.buttonNewEntry button,
	p.buttonBlank button,
	div.hasLargeButton p.buttonBrandSearch button,
	div.buttonCenter p.buttonBrown button,
	div.buttonCenter p.buttonGray button,
	div.buttonCenter p.buttonRed button,
	div.buttonCenter p.buttonRedB button,
	div.buttonCenter p.buttonRedLL button,
	div.buttonCenter p.buttonDisable button {
		padding: 0;
		background-position: 100% -30px;
		*height: 30px;
		*line-height: 2;
	}
	div.buttonCenter p.buttonRedLL button {
		background-position: 100% -50px;
	}

	div.buttonCenter p.buttonRed span,
	div.buttonCenter p.buttonRedLL span.arrowR,
	div.buttonCenter p.buttonDisable span {
		padding: 0 7px 0 3px;
		background-position: 100% 50%;
	}

div.hasLargeButton p.buttonBrandSearch,
div.hasLargeButton p.buttonBrandSearch button,
div.buttonCenter p.buttonBrown,
div.buttonCenter p.buttonBrown button {
	background-image: url(/shared/img/btn_brown_large.gif);
}

	/* hover */
	div.hasLargeButton p.buttonBrandSearch:hover,
	div.hasLargeButton p.buttonBrandSearch:hover button,
	div.buttonCenter p.buttonBrown:hover,
	div.buttonCenter p.buttonBrown:hover button {
		background-image: url(/shared/img/btn_brown_large_on.gif);
	}

div.buttonCenter p.buttonGray,
div.buttonCenter p.buttonGray button {
	background-image: url(/shared/img/btn_gray_large.gif);
}

	/* hover */
	div.buttonCenter p.buttonGray:hover,
	div.buttonCenter p.buttonGray:hover button {
		background-image: url(/shared/img/btn_gray_large_on.gif);
	}

p.buttonLogin,
p.buttonLogin button,
p.buttonNewEntry,
p.buttonNewEntry button,
p.buttonBlank,
p.buttonBlank button,
div.buttonCenter p.buttonRed,
div.buttonCenter p.buttonRed button,
div.buttonCenter p.buttonRedB,
div.buttonCenter p.buttonRedB button {
	background-image: url(/shared/img/btn_red_large.gif);
}
	/* hover */
	p.buttonLogin:hover,
	p.buttonLogin:hover button,
	p.buttonNewEntry:hover,
	p.buttonNewEntry:hover button,
	p.buttonBlank:hover,
	p.buttonBlank:hover button,
	div.buttonCenter p.buttonRed:hover,
	div.buttonCenter p.buttonRed:hover button,
	div.buttonCenter p.buttonRedB:hover,
	div.buttonCenter p.buttonRedB:hover button {
		background-image: url(/shared/img/btn_red_large_on.gif);
	}


div.buttonCenter p.buttonRedLL,
div.buttonCenter p.buttonRedLL button {
	background-image: url(/shared/img/btn_red_llarge.gif);
}
	div.buttonCenter p.buttonRedLL:hover,
	div.buttonCenter p.buttonRedLL:hover button {
		background-image: url(/shared/img/btn_red_llarge_on.gif);
	}

div.buttonCenter p.buttonDisable,
div.buttonCenter p.buttonDisable button {
	background-image: url(/shared/img/btn_disable_large.gif);
}

div.smallButton p.buttonBrown,
div.smallButton p.buttonBrown button,
div.smallButton p.buttonGray,
div.smallButton p.buttonGray button,
div.smallButton p.buttonGrayLDown,
div.smallButton p.buttonGrayLDown button {
	width: 130px;
	height: 24px;
	background-image: url(/shared/img/btn_gray.gif);
}
div.buttonCenter p.buttonRedB,
div.buttonCenter p.buttonRedB button {
	background-image: url(/shared/img/btn_red_large.gif);
}

	div.smallButton p.buttonBrown button,
	div.smallButton p.buttonGray button,
	div.smallButton p.buttonGrayLDown button {
		background-position: 100% -24px;
	}

	/* hover */
	div.smallButton p.buttonBrown:hover,
	div.smallButton p.buttonBrown:hover button,
	div.smallButton p.buttonGray:hover,
	div.smallButton p.buttonGray:hover button,
	div.smallButton p.buttonGrayLDown:hover,
	div.smallButton p.buttonGrayLDown:hover button {
		background-image: url(/shared/img/btn_gray_on.gif);
		*height: 24px;
		*line-height: 1.5;
	}

div.smallButton p.buttonBrown,
div.smallButton p.buttonBrown button {
	*line-height: 1.5;
	background-image: url(/shared/img/btn_brown.gif);
}

	/* hover */
	div.smallButton p.buttonBrown:hover,
	div.smallButton p.buttonBrown:hover button {
		background-image: url(/shared/img/btn_brown_on.gif);
	}

div.tooltipContent div.buttonCenter {
	overflow: hidden;
	padding: 10px 0 0 28px;
}

div.tooltipContent div.buttonCenter p.button {
	overflow: hidden;
	float: left;
	width: 60px;
	height: 24px;
	margin: 0 2px;
	background: #fff url(/shared/img/btn_tooltip.gif) no-repeat 0 0;
	zoom: 1 !important;
}

div.tooltipContent div.buttonCenter p.button button {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 1px 0 1px 0;
	background: transparent url(/shared/img/btn_tooltip.gif) no-repeat 100% -24px;
	font-family: MS UI Gothic;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}

div.tooltipContent div.buttonCenter p.button span {
	padding: 0 3px 0 15px;
	background: url(/shared/img/arrow_gray_light.gif) no-repeat 7px 50%;
	color: #333;
}

	div.tooltipContent div.buttonCenter p.button:hover {
		background-color: #333;
		background-image: url(/shared/img/btn_tooltip_on.gif);
	}

	div.tooltipContent div.buttonCenter p.button:hover button {
		background-image: url(/shared/img/btn_tooltip_on.gif);
	}

	div.tooltipContent div.buttonCenter p.button:hover span {
		color: #fff;
	}

/* buttonFavorite */
p.buttonFavorite button {
	padding:2px 10px;
	*padding:0 1px !important;
}
td > p.buttonFavorite button {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
td > p.buttonRight button {
	padding: 2px 10px !important;
}
td > p.buttonRight button {
	*padding: 2px 0 !important;
}
p.buttonFavorite span {
	padding: 0 3px 0 15px;
	color: #fff;
}
p.buttonFavorite {
	margin-top: 1px;
	background-image: url(/shared/img/btn_favorite2_off.gif);
}
p.buttonFavorite button {
	background-image: url(/shared/img/btn_favorite2_off.gif);
}
/* hover */
p.buttonFavorite:hover {
	background-image: url(/shared/img/btn_favorite2_on.gif);
}
p.buttonFavorite:hover button {
	background-image: url(/shared/img/btn_favorite2_on.gif);
}
p.buttonFavorite span {
	color: #555555;
	padding: 2px 5px 2px 20px;
}
p.buttonFavorite:hover span {
	color: #bcb3b1;
	padding: 2px 5px 2px 20px;
}
/****20131106 ButtonSeeColor******/
p.ButtonSeeColor {
	background-color: #de7c91;
	height: 24px;
	background-image: url(/shared/img/ButtonSeeColor_off.gif);
}
p.ButtonSeeColor button {
		background-image: url(/shared/img/ButtonSeeColor_off.gif);
}
	/* hover */
p.ButtonSeeColor:hover {
	background-color: #e79dac;
	background-image: url(/shared/img/ButtonSeeColor_on.gif);
}
p.ButtonSeeColor:hover button {
	background-image: url(/shared/img/ButtonSeeColor_on.gif);
}
p.ButtonSeeColor span {
	color: #fff;
	padding: 0 23px 0 30px;
	background: url(/shared/img/arrow_light_pink_off.gif) no-repeat 20px center;
}
p.ButtonSeeColor:hover span {
	background-image: url(/shared/img/arrow_light_pink_on.gif);
}
	/* Close */
#body p.buttonClose {
	display: inline-block;
	width: 160px;
	margin: 0 10px;
	height: 37px;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #463937;
	background-image: url(/shared/member/img/btn_close.gif);
	overflow: hidden;
	zoom: 1 !important;
}
#body p.buttonClose button {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	background-color: transparent;
	background-position: 100% -37px;
	background-repeat: no-repeat;
	background-image: url(/shared/member/img/btn_close.gif);
	font-family: MS UI Gothic;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}
#body p.buttonClose span {
	padding: 1px 0 1px 22px;
	background: url(/shared/member/img/icon_close.gif) no-repeat 0 30%;
	color: #fff;
}
#body p.buttonClose:hover {
	background-color: #746b69;
	background-image: url(/shared/member/img/btn_close_on.gif);
}
#body p.buttonClose:hover button {
	background-image: url(/shared/member/img/btn_close_on.gif);
}

/* buttonReviewWrite */
p.buttonReviewWrite {
	height: 50px;
	background-color: #eae6db;
	background-image: url(/shared/img/btn_review_write.gif);
}

p.buttonReviewWrite button {
		background-image: url(/shared/img/btn_review_write.gif);
		background-position: 100% -50px;
	}

	/* hover */
	p.buttonReviewWrite:hover {
		background-color: #f4f2ed;
		background-image: url(/shared/img/btn_review_write_on.gif);
	}

		p.buttonReviewWrite:hover button {
			background-image: url(/shared/img/btn_review_write_on.gif);
		}

	p.buttonReviewWrite span {
		line-height: 50px;
		vertical-align: middle;
		display: inline-block;
		padding: 0 15px 0 51px;
		background: url(/shared/img/btn_review_write_icon.png) no-repeat 0 50%;
		font-weight: bold;
	}


/****20131106******/
/*  表
---------------------------------------------------------- */

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 #edbfcc;
}

	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,
table.borderGray tbody th,
table.borderGray tbody td {
	padding-top: 10px;
}

	table.default table td,
	table.default table th {
		padding: 0 5px 5px 0;
	}

	div.roundPinkBorder table.stripeA td,
	div.roundPinkBorder table.stripeA th,
	div.roundPinkBorder table.stripeB td,
	div.roundPinkBorder table.stripeB th {
		padding: 3px 10px;
	}

	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 th.topTitle {
	background-color: #edbfcc;
	font-size: 117%;
}

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 #edc0cd;
}

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;
	}

table.borderGray {
	border: none;
}

	table.borderGray table tbody td,
	table.borderGray table tbody th {
		border-bottom: none;
	}

	table.borderGray tbody td {
		border-bottom: 1px solid #e5e5e5;
	}

/* 角丸処理 */
div.table > span.roundTl,
div.table > span.roundTr {
	top: 0;
	background-image: url(/shared/img/bg_round_pink_border_top.gif);
}

div.table > span.roundBl,
div.table > span.roundBr {
	bottom: 0;
	background-image: url(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/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(/shared/img/bg_table_gray_btm.gif);
}

table.darkbeigeyellow tr.first-child th,
table.darkbeigeyellow tr.first-child td,
table.darkbeigeyellow tr.only-child div {
	background-image: url(/shared/img/bg_table_darkbeige_top.gif);
}

table.darkbeigeyellow tr.last-child th,
table.darkbeigeyellow tr.last-child td,
table.darkbeigeyellow tr.only-child th,
table.darkbeigeyellow tr.only-child td.cellRight {
	background-image: url(/shared/img/bg_table_pink_btm.gif);
}

table.darkbeigeyellow tr.first-child th,
table.darkbeigeyellow tr.first-child td,
table.darkbeigeyellow tr.only-child div {
	background-image: url(/shared/img/bg_table_darkbeige_top.gif);
}

table.darkbeigeyellow tr.last-child th,
table.darkbeigeyellow tr.last-child td,
table.darkbeigeyellow tr.only-child th,
table.darkbeigeyellow tr.only-child td.cellRight {
	background-image: url(/shared/img/bg_table_darkbeige_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 .noPaddingL {
	padding-left: 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.onlyHeader tr td {
	border-bottom: 1px solid #edc0cd;
}

/*  表 (背景色つき)
---------------------------------------------------------- */

table.pink,
table.red,
table.gray,
table.darkbeigeyellow {
	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.darkbeigeyellow td,
table.darkbeigeyellow th {
	padding: 10px 10px 7px 10px;
}

table.pink th,
table.red th,
table.gray th,
table.darkbeigeyellow th {
	border-top: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: right;
}

table.pink td,
table.red td,
table.gray td,
table.darkbeigeyellow 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.darkbeigeyellow th {
	background: #d1c8af;
	color: #333;
}

table.darkbeigeyellow td {
	background: #eae6db;
	color: #333;
}

table.darkbeigeyellow th.pink {
	background: #db8098;
	color: #fff;
	background-position:0 100%;
	background-repeat:no-repeat;
}

table.darkbeigeyellow td.pink {
	background: #f8e5ea;
	color: #333;
	background-position:100% 100%;
	background-repeat:no-repeat;
}

table.darkbeigeyellow th.darkbeige {
	background: #D1C8AF;
	color: #333;
	background-position:0 0;
	background-repeat:no-repeat;}

table.darkbeigeyellow td.yellow {
	background: #eae6db;
	color: #333;
	background-position:100% 0;
	background-repeat:no-repeat;
}

/*  タブ
---------------------------------------------------------- */

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(/shared/img/bg_tab2_current.gif) no-repeat 0 0;
}

ul.tab li.current a,
ul.bodyNav li.current a {
	background: url(/shared/img/bg_tab2_current.gif) no-repeat 100% 100%;
	color: #b70031;
}

ul.tabColumn2 {
	background: url(/shared/img/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(/shared/img/bg_tab2_700.gif);
}

ul.tabColumn3 {
	background: url(/shared/img/bg_tab3_960.gif) no-repeat 0 0;
}

ul.tabColumn3 li {
	float: left;
	width: 318px;
	margin: 0 3px 0 0;
}

ul.tabColumn3 li.mr00 {
	margin: 0 0 0 0;
}

ul.tabCategory {
	overflow: hidden;
	width: 935px;
	margin: 0 0 -5px 0;
	background: url(/shared/img/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(/shared/img/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(/shared/img/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;
}

/*  レビュー
---------------------------------------------------------- */

/* 総合評価 ★ */
.reviewAll .point {
	padding: 18px 24px;
	text-align: center;
	background: url(/shared/img/bg_review_allPoint.gif) #ffedd2 repeat-x left bottom;
}

.reviewAll .point em {
	display: inline-block;
	min-height: 19px;
	padding: 4px 0 0 134px;
	font-weight: normal;
}

/* review total */
.reviewAll .total {
	padding: 8px 0;
	background-color: #fff;
}

.reviewAll .total em {
	color: #e10068;
	font-size: 117%;
}

.reviewAll .reviewWrite {
	padding: 13px 29px;
	border: 1px #dedbd4 solid;
	background-color: #fff;
	text-align: center;
}

.reviewAll .reviewWrite p {
	color: #666;
}

/* レビュー一覧 */
.userReview .review {
	background-color: #fff;
	padding: 25px;
	margin-top: 20px;
}

.userReview .review .reviewHeader {
	margin: -25px -25px 15px;
	padding: 10px 12px 8px;
	background-color: #f8e5ea;
}
.userReview .review .reviewHeader .date {
	float: right;
	margin-left: 1em;
}

.userReview .review .reviewHeader .name {
	float: left;
	margin-right: 1em;
	font-weight: bold;
	word-break: break-all;
}

.userReview .review .text {
	margin-bottom: 10px;
}

.userReview .review .text p {
	word-break: break-all;
}

.userReview .review .textTtlArea {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #e5e5e5 solid;
}

.userReview .review .text .point {
	float: right;
	padding: 2px 0 0 82px;
	min-height: 13px;
	line-height: 1em;
}

.userReview .review .textTtl {
	float: left;
	color: #df1161;
	font-size: 117%;
	font-weight: bold;
	word-break: break-all;
}

.userReview .review .data.flL {
	float: left;
}

.userReview .review .data.flR {
	float: right;
}

.userReview .review .data table {
	border-collapse: collapse;
	border: 0;
	border-bottom: 1px #e5e5e5 solid;
}

.userReview .review .data table th {
	box-sizing: border-box;
	width: 124px;
	padding: 10px;
	color: #999;
	font-weight: bold;
	border-top: 1px #e5e5e5 solid;
	background-color: #f1f1f1;
}

.userReview .review .data table td {
	box-sizing: border-box;
	width: 321px;
	padding: 5px;
	border-top: 1px #e5e5e5 solid;
	word-break: break-all;
}


/* ポイント画像 */
.pointimg {
	display: inline-block;
	vertical-align:top;
	width: 77px;
	min-height: 13px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.point00_b {
	background: url(/shared/img/img_point00_b.png) no-repeat left;
}
.point05_b {
	background: url(/shared/img/img_point05_b.png) no-repeat left;
}
.point10 {
	background: url(/shared/img/img_point10.png) no-repeat left;
}
.point10_b {
	background: url(/shared/img/img_point10_b.png) no-repeat left;
}
.point15 {
	background: url(/shared/img/img_point15.png) no-repeat left;
}
.point15_b {
	background: url(/shared/img/img_point15_b.png) no-repeat left;
}
.point20 {
	background: url(/shared/img/img_point20.png) no-repeat left;
}
.point20_b {
	background: url(/shared/img/img_point20_b.png) no-repeat left;
}
.point25 {
	background: url(/shared/img/img_point25.png) no-repeat left;
}
.point25_b {
	background: url(/shared/img/img_point25_b.png) no-repeat left;
}
.point30 {
	background: url(/shared/img/img_point30.png) no-repeat left;
}
.point30_b {
	background: url(/shared/img/img_point30_b.png) no-repeat left;
}
.point35 {
	background: url(/shared/img/img_point35.png) no-repeat left;
}
.point35_b {
	background: url(/shared/img/img_point35_b.png) no-repeat left;
}
.point40 {
	background: url(/shared/img/img_point40.png) no-repeat left;
}
.point40_b {
	background: url(/shared/img/img_point40_b.png) no-repeat left;
}
.point45 {
	background: url(/shared/img/img_point45.png) no-repeat left;
}
.point45_b {
	background: url(/shared/img/img_point45_b.png) no-repeat left;
}
.point50 {
	background: url(/shared/img/img_point50.png) no-repeat left;
}
.point50_b {
	background: url(/shared/img/img_point50_b.png) no-repeat left;
}


/*  お知らせ
---------------------------------------------------------- */

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.searchMore div.roundPinkBorder {
	height: 10px;
	line-height: 24px;
}

div#body div.searchMore div.roundPinkBorder div.roundTitle {
	padding: 8px 15px;
	z-index: 0;
}


/*  検索結果
---------------------------------------------------------- */

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;
}


/*  エラーページ
---------------------------------------------------------- */

h1.error span {
	padding: 2px 0 2px 30px;
	background: url(../img/icon_caution_red_large.gif) no-repeat 0 50%;
}

p.errorSubTitle {
	padding: 2px 0 2px 25px;
	background: url(../img/icon_question.gif) no-repeat 0 50%;
	font-weight: bold;
}

span.errorRed {
	color: #c00;
}

/*  Clearfix
---------------------------------------------------------- */

ul.textInfo:after,
ul.inline:after,
ul.linkInline:after,
ul.linkAnchor:after,
ul.linkAnchorUp:after,
ul.inlineColumn2:after,
ul.inlineColumn3:after,
ul.inlineColumn4:after,
div.pagerHasResult:after,
div.roundGray:after,
div.roundPink:after,
div.roundPinkBorder:after,
div.roundYellow:after,
div.roundBeige:after,
div.roundTitle:after,
div.columns:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

ul.textInfo,
ul.inline,
ul.linkInline,
ul.linkAnchor,
ul.linkAnchorUp,
ul.inlineColumn2,
ul.inlineColumn3,
ul.inlineColumn4,
div.pagerHasResult,
div.roundGray,
div.roundPink,
div.roundPinkBorder,
div.roundYellow,
div.roundBeige,
div.roundTitle,
div.columns {
	display: inline-block;
}

/*\*/
* html ul.textInfo,
* html ul.inline,
* html ul.linkInline,
* html ul.linkAnchor,
* html ul.linkAnchorUp,
* html ul.inlineColumn2,
* html ul.inlineColumn3,
* html ul.inlineColumn4,
* html div.pagerHasResult,
* html div.roundGray,
* html div.roundPink,
* html div.roundPinkBorder,
* html div.roundYellow,
* html div.roundBeige,
* hrml div.roundTitle,
* html div.columns {
	height: 1%;
}

ul.textInfo,
ul.inline,
ul.linkInline,
ul.linkAnchor,
ul.linkAnchorUp,
ul.inlineColumn2,
ul.inlineColumn3,
ul.inlineColumn4,
div.pagerHasResult,
div.roundGray,
div.roundPink,
div.roundPinkBorder,
div.roundYellow,
div.roundBeige,
div.roundTitle,
div.columns {
	display: block;
}
/**/