@charset "utf-8";

/*==============================================================================

	module
	
==============================================================================*/

/*------------------------------------------------------------------------------
	font
------------------------------------------------------------------------------*/

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }

.fl { float: left !important; width: auto; }
.fr { float: right !important; width: auto; }

.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }

.vat { vertical-align: top !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

.fwb { font-weight: bold !important; }
.fwn { font-weight: normal !important; }

.att,
.red { color: #da0717 !important; }

/*------------------------------------------------------------------------------
	margin & padding
------------------------------------------------------------------------------*/

.m00 { margin: 0 !important; }
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }

/*==============================================================================

	item
	
==============================================================================*/

#contents #main #itemCategoryList {}

#contents #main #itemCategoryList .itemCol {
	display: flex;
	justify-content: space-between;
	margin: 0 0 15px 0;
}

#contents #main #itemCategoryList dl {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 297px;
	border-left: 3px solid #e7e6f0;
	border-right: 3px solid #e7e6f0;
	border-bottom: 3px solid #e7e6f0;
}

#contents #main #itemCategoryList dl dt {
	margin: 0;
	padding: 0;
	background: #e7e6f0;
	line-height: 1.4;
}

#contents #main #itemCategoryList dl dt h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#contents #main #itemCategoryList dl dt a {
	display: block;
	padding: 20px 35px 20px 15px;
	background: url(../../common/images/category_link_icon.png) no-repeat center right 15px;
	background-size: auto 12px;
	color: #613c42;;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

#contents #main #itemCategoryList dl dt a:hover {
	opacity: 0.75;
	text-decoration: none;
	color: #FF0000;
}

#contents #main #itemCategoryList dl.lt {
	float: left;
}

#contents #main #itemCategoryList dl.rt {
	float: right;
}

#contents #main #itemCategoryList dl dd {
	box-sizing: border-box;
	margin: 0;
	padding: 12px 0;
}

#contents #main #itemCategoryList dl dd p.photo {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: center;
}

#contents #main #itemCategoryList dl dd p.photo a {
	display: block;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

#contents #main #itemCategoryList dl dd p.photo a:hover {
	opacity: 0.75;
}

#contents #main #itemCategoryList dl dd p.photo span {
}

#contents #main #itemCategoryList dl dd p.photo img {
	padding: 1px;
	border: 3px solid #ffffff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#contents #main #itemCategoryList dl dd p.info {
	padding: 0 14px 0 14px;
	line-height: 1.6;
	font-size: 12px;
	color: #805c65;
}

/*------------------------------------------------------------------------------
	itemDetail
------------------------------------------------------------------------------*/

#contents #main .cutt {
	margin: 0 0 15px 0;
	border-radius: 10px;
	background: rgba(255,246,193,1);
	border: 1px solid #ffe654;
	text-align: center;
}

#contents #main .cutt .cuttInner {}

#contents #main .cutt p {
	margin: 0;
	padding: 10px 15px;
}

#contents #main .cutt p a {
	color: #333;
}

#contents #main .cutt p span {
	padding: 0 0 0 15px;
	background: url(../images/cutt_link_icon.gif) no-repeat left center;
}

#contents #main .itemlist {
	margin-bottom: 35px;
}

#contents #main .itemlist:last-child {
	margin-bottom: 0;
}

#contents #main .itemlist table {
	width: 100%;
	margin: 0 0 15px 0;
	background: #7eb9db;
	border-collapse: separate;
	border-spacing: 1px;
	line-height: 1.6;
}

#contents #main .itemlist table th {
	padding: 10px 3px;
	background: #e4f5ff;
	color: #005491;
	text-align: center;
	table-layout: fixed;
	word-break: break-all;
	font-size: 14px;
}

#contents #main .itemlist table td {
	padding: 10px 8px;
	background:  #fff;
	text-align: center;
	table-layout: fixed;
	word-break: break-all;
	font-size: 12px;
	font-weight: bold;
}

#contents #main .itemlist table td a {
	font-weight: normal;
}

#contents #main .itemlist table td img {
	margin:  0 5px 0 0;
	padding: 0;
}

#contents #main .itemlist table td img:last-child {
	margin: 0;
}

#contents #main .itemlist table td ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contents #main .itemlist table td ul li {
	margin: 0;
	padding: 0;
}

#contents #main .itemlist table td p {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 12px;
}

#contents #main .itemlist table td span.price {
	font-weight: bold;
	font-size: 116%;
	color: #cf0003;
}
#contents #main .itemlist table td span.maru {
	font-size: 150%;
}


#contents #main .itemlist table td span.maru {
	font-size: 120%;
}

#contents #main .itemlist table td.pService {
	padding-top: 40px;
	background: #fff url(../images/price_service_icon.gif) no-repeat center 13px;
}

#contents #main .itemlist table td.pDown {
	padding-top: 40px;
	background: #fff url(../images/price_down_icon.gif) no-repeat center 13px;
}

#contents #main .itemlist table td.newItem {
	padding-top: 20px;
	background: #fff url(../images/new_icon.gif) no-repeat center 13px;
}

#contents #main .itemlist table td .catalog {
	text-align: center;
}

#contents #main .itemlist table td .catalog .heightLine {
	margin: 0 auto;
}

#contents #main .itemlist table td .catalog .heightLine ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#contents #main .itemlist table td .catalog .heightLine ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}

#contents #main .itemlist table td .catalog .heightLine ul li img {
	width: 68px;
}

/*------------------------------------------------------------------------------
	itemDetail 02
------------------------------------------------------------------------------*/

#contents #main #itemHead {
	margin: 0 0 20px 0;
}

#contents #main #itemHead .itemHeadCol2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../images/itemdetail_head_col2_bg.gif) no-repeat left bottom;
}

#contents #main #itemHead .itemHeadCol2 dl {
	width: 297px;
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../images/itemdetail_head_col2_bottom_bg.gif) no-repeat left top;
	line-height: 1.5;
}

#contents #main #itemHead .itemHeadCol2 dl dt {
	margin: 0;
	padding: 10px 0 10px 19px;
	font-weight: bold;
	color: #fff;
}

#contents #main #itemHead .itemHeadCol2 dl dd {
	margin: -3em 1em 0 6em;
	padding: 10px 0;
	word-break: break-all;
}

#contents #main #itemHead .itemHeadCol1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../images/itemdetail_head_bg.gif) no-repeat left bottom;
}

#contents #main #itemHead .itemHeadCol1 dl {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../images/itemdetail_head_bg.gif) no-repeat left top;
	line-height: 1.5;
	overflow: hidden;
}

#contents #main #itemHead .itemHeadCol1 dl dt {
	margin: 0;
	padding: 10px 0 10px 19px;
	font-weight: bold;
	color: #fff;
}

#contents #main #itemHead .itemHeadCol1 dl dd {
	margin: -3em 1em 0 12em;
	padding: 10px 0;
	word-break: break-all;
	font-weight: bold;
}

#contents #main #itemPrice {
	margin: 0 0 20px 0;
	padding: 0;
	border-radius: 10px;
	background: rgba(255,246,193,1);
	border: 1px solid #ffe654;
}

#contents #main #itemPrice dl {
	margin: 0;
	padding: 20px;
}

#contents #main #itemPrice dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#contents #main #itemPrice dl dd {
	margin: 0;
	padding: 0;
}

#contents #main #itemPrice dl dd p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

#contents #main #itemPrice dl dd p span.price {
	font-weight: bold;
	color: #cf0003;
}

#contents #main #itemPrice dl dd p span.cutt {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	background: url(../images/price_cutt_link_icon.gif) no-repeat left center;
}

#contents #main #itemPrice dl dd p a {
	color: #555;
	border: none;
}

#contents #main #itemPrice dl dd p span.cutt {
	border: none;
}

#contents #main #itemPrice dl dd p.sub {
	margin: 10px 0 0 0;
	font-size: 12px;
}

#contents #main #itemDetail {}

#contents #main #itemDetail #itemDetailPhoto,
#contents #main #itemDetail #itemDetailCatalog {
	margin: 0 0 10px 0;
	background: url(../images/itemdetail_bg.gif) repeat-y left top;
}

#contents #main #itemDetail #itemDetailPhotoInner {
	padding: 0 0 5px 0;
	background: url(../images/itemdetail_bottom_bg.gif) no-repeat left bottom;
}

#contents #main #itemDetail #itemDetailPhoto h3,
#contents #main #itemDetail #itemDetailCatalog h3 {
	margin: 0;
	padding: 10px;
	background: url(../images/itemdetail_top_bg.gif) no-repeat left top;
	border-bottom: 1px solid #e0e0d8;
	text-align: center;
	font-weight: bold;
}

#contents #main #itemDetail #itemDetailPhoto p {
	margin: 0;
	padding: 20px 0 15px 0;
	text-align: center;
}

#contents #main #itemDetail #itemDetailCatalog p {
	margin: 0;
	padding: 20px 0 25px 0;
	text-align: center;
}

#contents #main #itemDetail #itemDetailSum {
	background: url(../images/itemdetail_sum_bg.gif) no-repeat left bottom;
}

#contents #main #itemDetail #itemDetailSum h3 {
	margin: 0 1px;
	padding: 10px;
	border-top: 1px solid #e0e0d8;
	border-bottom: 1px solid #e0e0d8;
	background: #f8f8f6;
	text-align: center;
	font-weight: bold;
}

#contents #main #itemDetail #itemDetailSum p#sumList {
	margin: 0;
	padding: 15px;
	text-align: center;
}

#contents #main #itemDetail #itemDetailSum ul#sumList {
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

#contents #main #itemDetail #itemDetailSum ul#sumList li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	*display: inline;
}

#contents #main #itemDetail #itemDetailSum ul#sumList li a span {
	display: block;
	width: 124px;
	height: 124px;
	background: url(../images/itemdetail_sumlist_bg.png) no-repeat left top;
	*display: inline-block;
	*cursor: pointer;
}

#contents #main #itemDetail #itemDetailSum ul#sumList li a img {
	margin: 13px 0 0 0;
	text-align: center;
}