@charset "utf-8";

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

	filename:	boxeditem.css
	created:	061219
	update:		090402

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

/* ------------------------------------------------------------ レイアウト */
div#mainContents div.boxedItem h2,
div#mainContents div.boxedItem h2:first-child,
div#mainContents div.boxedItem h3,
div#mainContents div.boxedItem h4,
div#mainContents div.boxedItem h5,
div#mainContents div.boxedItem h6,
div#mainContents div.boxedItem p,
div#mainContents div.boxedItem ul,
div#mainContents div.boxedItem ol,
div#mainContents div.boxedItem dl { margin: 0 0 10px 10px; }

div#mainContents div.boxedItem table { margin: 0 10px 10px 10px; }

div#mainContents div.boxedItem hr { margin: 0 10px 10px 10px; }

* html div#mainContents div.boxedItem hr { margin: -7px 10px 9px 10px; }

div#mainContents div.boxedItem *.directLastChild { margin-bottom: 0; }

/* ------------------------------------------------------------- 囲み記事 */
div#mainContents div.boxedItem {
	margin: 0 0 10px 20px;
	padding: 10px 10px 10px 0;
	clear: both;
	background-color: #FFF;
	border: 1px solid #CCC;
}

div#mainContents div.boxedItem h2 {
	padding-left: 10px;
	background-position: 0 1px;
}

div#mainContents div.boxedItem h4 { padding-left: 0; }

div#mainContents div.boxedItem > *.lastChild { margin-bottom: 0; }

div#mainContents div.boxedItem div.heading {
	margin-bottom: 0;
	background-image: none;
}

* html div#mainContents div.boxedItem div.heading h2 { margin-left: 5px; }

/* アクションエリア */
div#mainContents div.action {
	background-color: #EEF4F8;
	border: none;
}

div#mainContents div.action h2 { background-image: url(/SYS/cmn/images/common/bg_h2_action.gif); }

div#mainContents div.action h3 { background-image: url(/SYS/cmn/images/common/bg_h3_action.gif); }

div#mainContents div.action h2,
div#mainContents div.action h3,
div#mainContents div.action h4,
div#mainContents div.action h5,
div#mainContents div.action p,
div#mainContents div.action ul li,
div#mainContents div.action dl dt,
div#mainContents div.action dl dd { color: #406680; }

/* 訴求エリア */
div#mainContents div.appeal {
	background-color: #FFEAD9;
	background-image: url(/SYS/cmn/images/common/bg_boxeditem_appeal.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	border-right: solid 1px #FCC688;
	border-bottom: solid 1px #FCC688;
}

div#mainContents div.appeal h2 { background-image: url(/SYS/cmn/images/common/bg_h2_appeal.gif); }

div#mainContents div.appeal h3 { background-image: url(/SYS/cmn/images/common/bg_h3_appeal.gif); }

/* チェックエリア */
div#mainContents div.check h2 {
	padding-left: 0;
	background-image: none;
}

div#mainContents div.check h3 {
	color: #AD0908;
	border-left-color: #AD0908;
}

/* 注意エリア */
div#mainContents div.attention {
	background-color: #FFF8E0;
	border: none;
}

div#mainContents div.attention h2 { background-image: url(/SYS/cmn/images/common/bg_h2_attention.gif); }

div#mainContents div.attention h3 { background-image: url(/SYS/cmn/images/common/bg_h3_attention.gif); }

div#mainContents div.attention p img.public { margin: 0 3px 2px 0; }

/* image */
div#mainContents div.boxedItem div.column5A p.photoS {
	width: 128px;
	height: 128px;
}

/* エラー */
div#mainContents div.boxedItem.error {
	border-color: #DA4040;
}

div#mainContents div.boxedItem.error * {
 color: #DA4040;
}

/* サポートエリア */
div#mainContents div.support {
	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	background-image: url(/SYS/cmn/images/common/front/bg_support.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

div#mainContents div.support div.column3A {
	width: 230px;
	margin-right: 10px;
}

div#mainContents div.support div.column3A.lastChild { margin-right: 0; }

div#mainContents div.support div.column3A div.pic {
	float: right;
	width: 90px;
	text-align: right;
}

div#mainContents div.support div.column3A div.txt {
	float: left;
	width: 140px;
}

div#mainContents div.support h2 {
	background-image: url(/SYS/cmn/images/common/bg_h2_support.gif);
	font-size: 140%;
	color: #333;
}

div#mainContents div.support h3 {
	background-image: url(/SYS/cmn/images/common/bg_h3_support.gif);
	font-size: 140%;
	color: #333;
}

div#mainContents div.support div.locator h3:first-child { margin-top: 0; }

div#mainContents div.support p { color: #333; }

div#mainContents div.support ul.btn { margin-bottom: 0; }

div#mainContents div.support ul.btn li { margin-bottom: 5px; }

div#mainContents div.support ul.btn li.lastChild { margin-bottom: 0; }

div#mainContents div.support div.pic p { margin-left: 5px; }

div#mainContents div.support div.column3A.lastChild div.pic p { margin-left: 0; }


/* プリントボタンエリア 091110maekawa追記*/


div#mainContents div.printCouponBox {
	margin: 0 0 10px 20px;
	padding: 5px 0;
	background-color: #EEF4F8;
}

div#mainContents div.printCouponInner {
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #FFFFFF;
}


div#mainContents div.printCouponBox dl.printCouponBtn {
	float: left;
	width: 277px;
	margin: 0;
	padding: 0 10px 5px 0;
	border-right: 1px solid #D3E4EF;
}

div#mainContents div.printCouponBox dl.printCouponBtn dt {
	margin-top: 5px;
	padding-left: 5px;
	border-left: 4px solid #406680;
	color: #406680;
	font-weight: bold;
	line-height: 1.2;

}

div#mainContents div.printCouponBox dl.printCouponBtn dd {
	margin-top: 15px;
	text-align: right;
}

div#mainContents div.mobileCouponBox {
	float: right;
	width: 412px;
}

div#mainContents div.mobileCouponBox dl.mobileCouponBtn{
	float: left;
	width: 321px;
	margin: 0;
	padding-left: 10px;
	border-left: 1px solid #FFFFFF;
}

div#mainContents div.mobileCouponBox dl.mobileCouponBtn dt {
	margin-top: 5px;
	padding-left: 5px;
	border-left: 4px solid #406680;
	color: #406680;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
}
div#mainContents div.mobileCouponBox dl.mobileCouponBtn dd {
	margin-top: 17px;
	text-align: right;
}

div#mainContents div.mobileCouponBox div.qrBox {
	float: right;
}

div#mainContents table.cpNoticeBox {
	width: 100%;
}

div#mainContents table.cpNoticeBox td {
	padding: 5px 0 0 10px;
	background: none;
}

div#mainContents table.cpNoticeBox td.preCPbox {
	width: 30%;
	padding: 5px 10px 0 0;
	text-align: right;
	vertical-align: bottom;
}

div#mainContents div.printCouponBox ul.cpNotice {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/SYS/cmn/images/common/mark_notice.gif) 0 0 no-repeat;
}

div#mainContents div.printCouponBox ul.cpNotice li {
	line-height: 1.3;
	font-size: 80%;
}

div#mainContents div.printCouponBox ul.cpNotice span.asterisk {
	color: #CC0000;
}

div#mainContents table.cpNoticeBox td.preCPbox span {
	padding: 0 0 0 13px;
	background : url(/SYS/cmn/images/common/mark_links.gif) 0 50% no-repeat;
	vertical-align: bottom;
}


/* ------------------------- プリントボタンエリア3カラム 追記 */

/* printCouponBox_3column */

div#mainContents div.printCouponBox3column {
	margin: 0 0 10px 20px;
	padding: 5px 0 5px;
	background-color: #EEF4F8;
}

div#mainContents div.printCouponInner3column {
	padding: 0 10px 6px;
	border-bottom: 1px solid #FFFFFF;
}

/* printCouponBtn */

div#mainContents div.printCouponBox3column dl.printCouponBtn {
	float: left;
	width: 194px;
	margin: 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #D3E4EF;
}

div#mainContents div.printCouponBox3column dl.printCouponBtn dt {
	margin-top: 5px;
	padding-left: 5px;
	border-left: 4px solid #406680;
	color: #406680;
	font-weight: bold;
	line-height: 1.2;
}

div#mainContents div.printCouponBox3column dl.printCouponBtn dd {
	margin-top: 15px;
	text-align:right;
}

/* mobileCouponBox_3column */

div#mainContents div.mobileCouponBox3column {
	float: left;
	width: 299px;
}

div#mainContents div.mobileCouponBox3column dl.mobileCouponBtn{
	float: left;
	width: 205px;
	margin:0;
	padding: 0 10px 13px 10px;
	text-align:right;
	border-left: 1px solid #FFFFFF;
}

div#mainContents div.mobileCouponBox3column dl.mobileCouponBtn dt {
	margin-top: 5px;
	padding-left: 5px;
	border-left: 4px solid #406680;
	color: #406680;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
}
div#mainContents div.mobileCouponBox3column dl.mobileCouponBtn dd {
	margin-top: 17px;
}

div#mainContents div.mobileCouponBox3column div.qrBox {
	float: right;
}

/* netCouponBtn */

div#mainContents div.printCouponBox3column dl.netCouponBtn{
	float: left;
	width: 174px;
	margin: 0;
	padding: 0 10px 0;
	border-right: 1px solid #D3E4EF;
	border-left: 1px solid #FFFFFF;
}

div#mainContents div.printCouponBox3column dl.netCouponBtn dt {
	margin-top: 5px;
	padding-left: 5px;
	border-left: 4px solid #406680;
	color: #406680;
	font-weight: bold;
	line-height: 1.2;
}
div#mainContents div.printCouponBox3column dl.netCouponBtn dd {
	margin-top: 15px;
	text-align: right;
}

div#mainContents table.cpNoticeBox {
	width: 100%;
}

div#mainContents table.cpNoticeBox td {
	padding: 5px 0 0 10px;
	background: none;
}

div#mainContents table.cpNoticeBox td.preCPbox {
	width: 30%;
	padding: 5px 10px 0 0;
	text-align: right;
	vertical-align: bottom;
}

div#mainContents div.printCouponBox3column ul.cpNotice {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/SYS/cmn/images/common/mark_notice.gif) 0 0 no-repeat;
}

div#mainContents div.printCouponBox3column ul.cpNotice li {
	line-height: 1.3;
	font-size: 80%;
}

div#mainContents div.printCouponBox3column ul.cpNotice span.asterisk {
	color: #CC0000;
}

div#mainContents div.underSpaceDel {
	margin-top: 5px;
	padding-bottom: 0;
}

div#mainContents div.buyCouponNotice p {
	color: #f20600;
}

/* クーポンがある近くのお店 */
div#mainContents div.nearCouponList {
	clear: both;
	margin: 0 -12px 20px -11px;
	padding:0 0 1px 0;
	background: url(/SYS/cmn/images/common/shop/bg_coupon_list_bottom.jpg) left bottom no-repeat;
	position: relative;
	zoom: 1;
}

/*チェーン店用 */
div#mainContents div.nCLmg01 {
	width:742px;
	margin:0 0 0 8px;
}

div#mainContents div.shopInner div.nearCouponList {
	margin: 0 -11px 20px 9px;
}

div#mainContents div.nearCouponList .bsTitle {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #333333;
	line-height: 1.5;
	font-size: 140%;
}

div#mainContents div.nearCouponList div.nearCouponWrap {
	padding: 10px 0 0 3px;
	background: url(/SYS/cmn/images/common/shop/bg_coupon_list.jpg) repeat-y;
	position: relative;
}

div#mainContents div.nearCouponList ul {
	margin: 0;
	margin-bottom: 10px;
	padding-left: 13px;
	padding-bottom: 3px;
	position: relative;
}

div#mainContents div.shopInner div.nearCouponList ul {
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
div#mainContents div.nearCouponList ul li {
	float: left;
	width: 230px;
	margin-right: 10px;
}

div#mainContents div.nearCouponList ul li.lastChild {
	float: left;
	width: 230px;
	margin-right: 0;
}
div#mainContents div.nearCouponList div.nearCouponImage {
    width: 223px;
    height: 167px;
    padding: 2px;
    border-color: #d7d7d7 #b0b0b0 #b0b0b0 #d7d7d7;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    text-align: center;
}

div#mainContents div.nearCouponList div.nearCouponImage a {
	display: block;
    overflow: hidden;
	width: 223px;
}

div#mainContents div.nearCouponList dl.nearCouponDetail{
	display: block;
	margin: 0;
	padding-top: 6px;
	overflow: hidden;
}

div#mainContents div.nearCouponList dl.nearCouponDetail dd{
	text-align: right;
}


div#mainContents div.nearCouponList dl.nearCouponDetail dt a{
	font-weight: bold;
}

div#mainContents div.nearCouponList dl.nearCouponDetail dd ul{
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	border-top: none;
}

div#mainContents div.nearCouponList dl.nearCouponDetail dd li{
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 84%;
	text-align: left;
}

div#mainContents div.nearCouponList dl.nearCouponDetail dd p {
	width: 100%;
	margin: 0;
	text-align: right;
}
.nearCouponDetailTitle {
	font-weight: bold;
}
.nearCouponWrap a .nearCouponDetailTitle {
	color: blue !important;
}
.nearCouponWrap a:hover .nearCouponDetailTitle {
	color: violet !important;
}

/* 口コミ一覧の口コミ件数表示対応 */
div#mainContents div.nearCouponList ul.buzzWrapper li {
	padding-top: 31px;
}

div#mainContents div.nearCouponList div.buzzCount {
	position: absolute;
	width: auto;
	background-image: url("/SYS/cmn/images/common/bg_buzz.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: -5px;
	padding: 0 0 0 45px;
	top:0;
}

div#mainContents div.nearCouponList div.buzzCount span.strong {
	color: #fd3929;
	font-size: 200%;
	font-weight: bold;
}

/* ------------------------- clearFix */

.cFix {
	overflow: hidden;
}

.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .cFix {
	height: 1em;
	overflow: visible;
}
/**/

/* コース一覧　クーポンがある近くの店 */
div.shopInnerWide div.nearCouponList {
	margin: 0 -11px 20px 9px !important;
}

/* コース詳細　在庫わかりやすく伝える　クーポンがある近くの店 */
div#courseContents div.nearCouponList {
	clear: both;
	margin: 0 0 20px 6px;
	padding:0 0 1px 0;
	background: url(/SYS/cmn/images/common/shop/bg_coupon_list_bottom.jpg) left bottom no-repeat;
	position: relative;
	zoom: 1;
}

div#courseContents div.nearCouponList .bsTitle {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #333333;
	line-height: 1.5;
	font-size: 140%;
}

div#courseContents div.nearCouponList div.nearCouponWrap {
	padding: 10px 0 0 3px;
	background: url(/SYS/cmn/images/common/shop/bg_coupon_list.jpg) repeat-y;
	position: relative;
}

div#courseContents div.nearCouponList ul {
	margin: 0;
	margin-bottom: 10px;
	padding-left: 13px;
	padding-bottom: 3px;
	position: relative;
}

div#courseContents div.shopInner div.nearCouponList ul {
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
div#courseContents div.nearCouponList ul li {
	float: left;
	width: 230px;
	margin-right: 10px;
}

div#courseContents div.nearCouponList ul li.lastChild {
	float: left;
	width: 230px;
	margin-right: 0;
}
div#courseContents div.nearCouponList div.nearCouponImage {
    width: 223px;
    height: 167px;
    padding: 2px;
    border-color: #d7d7d7 #b0b0b0 #b0b0b0 #d7d7d7;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    text-align: center;
}

div#courseContents div.nearCouponList div.nearCouponImage a {
	display: block;
    overflow: hidden;
	width: 223px;
}

div#courseContents div.nearCouponList dl.nearCouponDetail{
	display: block;
	margin: 0;
	padding-top: 6px;
	overflow: hidden;
}

div#courseContents div.nearCouponList dl.nearCouponDetail dd{
	text-align: right;
}


div#courseContents div.nearCouponList dl.nearCouponDetail dt a{
	font-weight: bold;
}

div#courseContents div.nearCouponList dl.nearCouponDetail dd ul{
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	border-top: none;
}

div#courseContents div.nearCouponList dl.nearCouponDetail dd li{
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 84%;
	text-align: left;
}

div#courseContents div.nearCouponList dl.nearCouponDetail dd p {
	width: 100%;
	margin: 0;
	text-align: right;
}

/* EOF */