@charset "utf-8";

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

NEWS Article

-------------------------------------------------------------- */
.trackRight {
	margin-left:450px;
	width:450px;
}
.trackLeft {
	margin-left:450px;
	float:left;
}

.newsSec h1 {
	padding: 10px 15px;
	font-size: 115.4%;
	font-weight: bold;
	border-bottom: 3px solid #cd4187;
}
.newsSec .articleDate { font-size: 84.6%; }
.newsSec h2 {
	margin-bottom: 1em;
	font-weight: bold;
}
.newsSec figure {
	margin-bottom: 12px;
	text-align: center;
}
.newsSec figure img { max-width: 90%; }
.newsSec .newsDetailsHead {
	margin-bottom: 6px;
	font-weight: bold;
	color: #cd4187;
	border-bottom: 1px dotted #cd4187;
}
.newsSec .newsBlockBordercolor { margin-bottom: 12px; }
.newsSec .newsBlockBordercolor li {
	padding: 0 10px;
	font-size: 92.3%;
}
.newsSec .newsBlockBordercolor li:nth-child(odd) { background-color: #f1f1f1; }
.newsSec .accordionShare { margin-top: 25px; }
.newsSec .shareBox .socialBox {
	margin-top: 0;
	border-top: none;
}


/* LHE 20120606 start */
.newsSec .newsBlockBordercolor2 { margin-bottom: 12px; }
.newsSec .newsBlockBordercolor2 li {
	padding: 0 10px;
	font-size: 92.3%;
}
.newsSec .newsBlockBordercolor2 li:nth-child(even) { background-color: #f1f1f1; }
.newsSec .accordionShare { margin-top: 25px; }
.newsSec .shareBox .socialBox {
	margin-top: 0;
	border-top: none;
}
/* LHE 20120606 end */


.newsSec strong,
.newsSec b { font-weight: bold; }

.recommendSec { margin-bottom: 10px; }

.newsStuffHead {
	padding: 8px 13px;
	background-color: #ffe3f3;
	color: #cd4187;
}
.btnNewsTop {
	width: 100%;
	margin: 0 auto 30px;
	background-color: #cd4187;
	text-align: center;
}
.btnNewsTop a {
	padding: 11px 0;
	text-decoration: none;
	color: #fff;
	display: block;
}
.btnNewsTop img {
	margin-right: 4px;
	vertical-align: text-bottom;
}

.btnNewsLismoTop {
	width: 100%;
	margin: 0 auto 30px;
	background-color: #7FC31C;
	text-align: center;
}
.btnNewsLismoTop a {
	padding: 11px 0;
	text-decoration: none;
	color: #fff;
	display: block;
}
.btnNewsLismoTop img {
	margin-right: 4px;
	vertical-align: text-bottom;
}


/* LHE追記 start */

/*=====================================================
component.css override
=====================================================*/

/* __.7-4 ブルーグレイ角ありグラデーション ====================*/
.shareHead {
	margin: 0;
}
.shareBox .socialBox {
	margin-top: 0;
	border-top: none;
}
.accordionShare .shareBox {
	border: none;
	padding: 0;
	margin: 0;
}

/* LHE追記 end */

/* ニューススマホ化対応追記 start */
/* styles-black-20120227.cssから必要なものを移行 start */
div.newsLastSelection {
 margin-bottom: 25px!important
}
div.newsSection {
 margin: 0 0 15px
}
div.newsSection div.newsPicupImage li {
 width: 98%; float: none; margin: 0 0 10px; padding: 0 0 10px 0; background: url("/image70/line_dotted03.gif") 0 100% repeat-x;
}
div.newsSection div.newsPicupImage {
 float: left; width: 50%; margin: 0 0 0 0!important;
}
div.newsSection div.newsPicupImageInner {
 margin: 0
}
div.newsSection p.ad {
 float: right; width: 49%; text-align: center;
}
div.newsSection p.click {
 float: right; width: 49%; text-align: left;
}
div.newsPagerMod {
 margin-top: 40px
}
div.gnewsPagerMod {
 margin-top: 40px; padding-bottom: 20px!important;
}
div.newsTopics {
 width: 170px; float: left; margin: 10px 0 0; padding-left: 10px;
}
div.newsTopics h3 {
 margin: 0 0 15px
}
div.newsTopics h3 a {
 color: #cd4187
}
div.newsTopics p {
 font-size: 90%
}
div.newsTopics div.newsText {
 float: left; width: 100%; margin: 0 0 0 -169px;
}
div.newsTopics div.newsTextInner {
 margin: 0 0 0 169px
}
div#contNews p.contHeadIndex {
 clear: both; margin: 0 15px 0 0; text-align: right;
}
ul.newsList {
 width: 300px; float: right; margin: 10px 0 0; padding-right: 10px;
}
ul.newsList li {
 margin: 0 0 2px; padding: 0 0 0 12px; background: url("/image70/icon_arrow02.gif") left .3em no-repeat; /background-position: left .4em;
}
div.newsPicupImage li {
 float: left; width: 47%; margin: 0 0 20px;
}
div.newsPicupImage li.second {
 float: right
}
div.newsTopPicup li {
 width: 49%; padding: 0 0 10px 0; background: url("/image70/line_dotted03.gif") 0 100% repeat-x;
}
div.newsTopPicup li.return {
 float: right
}
div.newsPicupImage p.newsThumb {
 position: relative; float: left; width: 70px; height: 70px; overflow: hidden; margin-right: 10px;
}
div.newsPicupImage div.newsText {
 width: 100%; float: right; margin-left: -80px;
}
div.newsPicupImage div.newsTextInner {
 margin-right: 15px; margin-left: 80px;
}
div.newsPicupImage h2 {
 margin: 0 0 10px
}
div.newsPicupImage div.newsText p {
 margin: 0 0 7px
}
div.newsPicupImage p.seeDetail {
 clear: both; margin: 0 15px 0 0; text-align: right;
}
div.newsPicupImage p.seeDetail a {
 padding: 0 15px 0 0; border: 0; background-position: 100% .4em;
}
div.topSectionNews, div.topSectionNews2 {
 margin: 0
}
div.topSectionNews p {
 position: relative; float: left; width: 335px; margin-right: 25px; text-align: left;
}
div.topSectionNews2 p {
 float: left; width: 335px; margin-right: 25px;
}
div.topSectionNews p img {
 float: left; margin: 0 10px 0 0; vertical-align: middle; _vertical-align: baseline!important;
}
div.topSectionNews2 p img {
 margin: 0 10px 0 0; vertical-align: middle; _vertical-align: baseline!important;
}
div.topSectionNews p span {
 display: block; padding: 5px 10px; background: #f2f2f2; text-align: left;
}
div.topSectionNews p strong, div.topSectionNews2 p strong {
 position: relative; top: 10px;
}
div.topSectionNews p em, div.topSectionNews2 p span {
 display: block; clear: both; margin: 0 35px 0 0; padding-top: 5px; text-align: right; font-style: normal;
}
div.topSectionNews div.normalList, div.topSectionNews2 div.normalList {
 float: left; width: 100%; _width: auto; margin: 0 0 0 -360px;
}
div.topSectionNews2 div.normalList {
 float: none; width: auto; overflow: hidden; margin: 0; _zoom: 1;
}
div.topSectionNews div.normalList ul {
 margin: 0 0 0 360px
}
div.topSectionNews2 div.normalList ul li {
 padding: 4px 10px; background: url("/image70/line_dotted03.gif") repeat-x scroll 0 100% transparent;
}
div.topSectionNews2 div.normalList ul a {
 padding: 0 0 0 12px; background: url("/image70/icon_arrow02.gif") no-repeat scroll left .3em transparent;
}
div.itemNews {
 margin: 0; padding: 0;
}
div.itemNews div.styleNews {
 margin: 20px 0 0
}
div.itemNews h3 {
 display: inline; font-size: 100%;
}
div.itemNews h4 {
 font-weight: normal
}
div.itemNews h3, div.itemNews h4, div.itemNews p {
 display: inline; margin-right: 5px;
}
div.itemNews div.styleNews h3 {
 padding: 0; background: none; font-weight: bold; color: #cd4187;
}
div.itemNews div.styleNews li {
 padding: 0 0 0 10px; background: url("/image70/icon_arrow02.gif") 0 .5em no-repeat;
}
div.newsMod {
 border: 1px solid #ccc; margin: 0 0 18px 0; padding: 12px 18px 12px 18px;
}
div.newsMod h2 {
 color: #cd4187; margin: 0 0 10px 0;
}
div.newsMod ul li {
 float: left; width: auto; margin: 0 27px 0 0; padding: 0 0 0 10px; background: url("/image70/icon_arrow02.gif") no-repeat 0 50%; white-space: nowrap;
}
.newsLeadAnchor {
 margin: 0 0 15px 0; font-size: .9em;
}
.newsLeadAnchor li {
 zoom: 1; background: transparent url("/image70/icon_arrow10.gif") no-repeat scroll 0 50%; color: #888; float: left; margin: 0 7px 5px 0; padding: 0 0 0 13px; word-break: keep-all; white-space: nowrap;
}
.newsLeadAnchor li a {
 zoom: 1; margin: 0 7px 0 5px; white-space: nowrap;
}
.newsPickup {
 padding: 0 0 15px 0
}
.newsPickup .newsOutline {
 margin: 0 0 20px 0; padding: 0;
}
.newsPickup .jacket {
 width: 146px; float: left; margin: 0 24px 0 0;
}
.newsPickup .jacket img {
 border: 1px solid #000
}
.newsPickup h3 {
 color: #cd4187
}
.newsPickup .time {
 margin: 5px 0 2px
}
.newsPickup ul {
 margin: 0 10px 0 10px; font-size: .9em;
}
.newsPickup ul li {
 background: url("/image70/icon_arrow02.gif") no-repeat 0 50%; padding: 0 0 0 10px;
}
.newsPowerpush {
 background: url("/image70/line_dotted01.gif") repeat-x left bottom; margin: 0 10px 15px 10px; padding: 0 0 15px 0;
}
div.newsDetailsContents {
 margin: 0 0 12px; padding: 0 0 12px 0;
}
div.newsDetailsArticle {
 float: left; width: 100%; margin: 0 -330px 0 0;
}
div.newsDetailsArticleInner {
 margin: 0 330px 0 0
}
div.w100 div.newsDetailsArticle {
 margin: 0
}
div.w100 div.newsDetailsArticleInner {
 margin: 0
}
div.newsDetailsArticle p.btnNewsTop {
 margin: 80px 0 0!important; text-align: center!important;
}
div.newsDetailsArticle p.time {
 margin: 0 0 3px; font-size: 78%;
}
div.newsDetailsArticle h2 {
 margin: 0 0 20px; font-size: 100%;
}
div.newsDetailsArticle p.articleThumb {
 margin: 0 0 18px
}
div.newsDetailsSection {
 margin: 0 0 20px 0
}
div.newsDetailsSection h2 {
 margin: 0 0 20px 0; padding: 5px; background: #ffe4f3; color: #cd4187; font-size: 100%;
}
div.newsDetailsSection h2.color {
 background: #e0fccb; color: #66a737;
}
div.newsDetailsGoods {
 margin: 0 0 12px; padding: 0 0 5px 0; background: url("/image70/line_dotted03.gif") 0 100% repeat-x;
}
div.newsDetailsGoods p.thumb {
 float: left; width: 190px; width: 190px; overflow: hidden; margin: 0 0 5px; padding: 1px;
}
div.newsDetailsGoods p.thumb img {
 display: block; margin: 0 auto; text-align: center;
}
div.newsDetailsGoods ul.newsDetailsGoodsIcon {
 float: left; padding: 0 0 0 9px;
}
div.newsDetailsGoods div.newsDetailsText {
 clear: both
}
div.newsDetailsGoods div.multibuy {
 float: right; width: 209px; font-size: 90%; background: url("/image70/bg_multibuy_bottom.gif") 0 100% no-repeat;
}
div.newsDetailsGoods div.multibuy p {
 padding: 3px; background: url("/image70/bg_multibuy_top.gif") 0 0 no-repeat; text-align: center; font-weight: bold; color: #cd4187;
}
div.newsDetailsGoods p.format {
 margin: 0 0 10px; font-size: 100%;
}
div.newsDetailsGoods h3.format img {
 margin-right: 5px; vertical-align: middle; _vertical-align: baseline!important; _display: block; _float: left; _margin-top: 2px;
}
div.newsDetailsGoods p.price {
 margin: 10px 0; font-weight: normal;
}
div.newsDetailsGoods span strong.priceNum {
 font-weight: normal
}
div.newsDetailsGoods h4 {
 margin: 0 0 5px; font-weight: normal; _clear: both;
}
div.newsDetailsGoods p {
 font-size: 90%
}
div.newsDetailsGoods p em {
 font-style: normal; font-weight: bold; color: #cd4187;
}
div.newsDetailsGoods div.newsDetailsText img.point {
 margin-right: 5px
}
div.newsDetailsTrade {
 margin: 10px 0 0; text-align: right; font-weight: bold;
}
div.newsDetailsTrade p {
 margin: 0 0 7px; font-size: 100%;
}
div.newsDetailsTrade li {
 font-size: 90%
}
div.newsDetailsTrade img {
 vertical-align: middle
}
div.newsDetailsTrade img.point {
 margin-right: 5px
}
dl.newsDetailsNumber {
 margin: 0; font-size: 78%;
}
dl.newsDetailsNumber dt, dl.newsDetailsNumber dd, dl.newsDetailsNumber dd ul, dl.newsDetailsNumber dd li {
 display: inline
}
div.newsDetailsSection li {
 padding-right: 0
}
div.newsDetailsSection div.goods p.goodsThumb, div.newsDetailsSection div.goods2 p.goodsThumb {
 float: left; width: 80px; height: 80px; overflow: hidden; margin-right: 15px; padding: 0; text-align: center;
}
div.newsDetailsSection div.goods div.goodsInfo, div.newsDetailsSection div.goods2 div.goodsInfo {
 float: none; width: 100%!important; margin-bottom: 10px;
}
div.newsDetailsSection div.goods div.goodsText, div.newsDetailsSection div.goods2 div.goodsText {
 float: left; width: 200px; margin-right: 0; margin-left: 0;
}
div.newsDetailsSection div.goods div.goodsTextInner, div.newsDetailsSection div.goods2 div.goodsTextInner {
 margin-right: 0; margin-left: 0;
}
div.newsDetailsSection div.goodsText h3 {
 margin-bottom: 0; font-weight: bold!important;
}
div.newsDetailsSection div.goodsText h4 {
 margin: 0 0 5px; font-weight: normal!important;
}
div.newsDetailsSection div.goods div.goodsText h3, div.newsDetailsSection div.goods div.goodsText h4, div.newsDetailsSection div.goods div.goodsText p, div.newsDetailsSection div.goods2 div.goodsText h3, div.newsDetailsSection div.goods2 div.goodsText h4, div.newsDetailsSection div.goods2 div.goodsText p {
 float: none; width: auto; margin: 0; margin-right: 0!important;
}
div.newsDetailsSection p.fIcon {
 margin-bottom: 3px!important
}
div.newsDetailsSection div.goodsTrade {
 clear: both; float: right; width: 100%!important; margin-top: 7px; text-align: right;
}
div.newsDetailsSection div.goodsTrade li {
 display: block; float: none!important; font-size: 90%;
}
div.newsDetailsSection div.goodsTrade a, div.newsDetailsSection div.goodsTrade img {
 display: inline!important; float: none!important; vertical-align: middle;
}
div.newsDetailsSection div.goodsTrade img.point {
 margin-right: -3px; margin-left: 5px;
}
div.newsDetailsSection div.goodsTrade .multibuyStar {
 margin-right: 5px; vertical-align: top;
}
div.newsDetailsSection div.goodsTrade .price span strong {
 font-weight: normal
}
div.newsDetailsSection div.columnList {
 margin-left: 0
}
div.newsDetailsSection div.columnList ul {
 width: 140px; margin-right: 10px;
}
div.newsDetailsSection div.columnList ul.last {
 margin-right: 0
}
div.newsDetailsSection div.columnList li {
 background-position: 0 .2em
}
div.newsDetailsSection p.sampleHere {
 margin: 10px 0 0; text-align: right; font-size: 78%;
}
div.newsDetailsSection div.relationLinkMod ul {
 width: 140px; margin-right: 10px;
}
div.newsDetailsSection div.relationLinkMod ul li {
 background-position: 0 .3em
}
div.articleList div.styleNews {
 margin: 40px 0 0
}
div.articleList div.styleNews h3 {
 padding: 0; background: none; font-weight: bold; color: #cd4187;
}
div.articleList div.styleNews li {
 padding: 0 0 0 10px; background: url("/image70/icon_arrow02.gif") 0 .5em no-repeat;
}
div#staticNews div.staticNavBoxInner {
 padding: 10px 1px 10px 14px
}
div#staticNews h3 {
 position: relative; margin: 0 0 7px -7px; font-size: 100%; color: #cd4286;
}
div#staticNews .format .icon {
 margin-right: 2px; padding: 0;
}
ul#newsRankingMenu, ul#newsRankingMenuIE {
 border-bottom: solid 2px #cd4286; font-size: 0; line-height: 0;
}
ul#newsRankingMenu li, ul#newsRankingMenuIE li {
 display: inline
}
div#newsRanking h2 {
 margin: 0 0 8px
}
div#newsRanking ol {
 margin: 0 0 0 14px
}
div#newsRanking li img {
 margin: 0 6px 0 0; vertical-align: middle;
}
ol.navSubNews {
 position: relative; margin: 10px 0 10px 10px;
}
ol.navSubNews li {
 margin: 0 0 2px
}
ol.navSubNews li p.num {
 float: left; width: 24px; margin: 0 11px 0 0;
}
ol.navSubNews li p {
 float: left; width: 248px; font-size: 90%;
}
ul.navSubNewsList {
 margin: 10px 17px 0
}
ul.navSubNewsList li {
 zoom: 1; padding: 0 0 0 11px; background: url("/image70/icon_arrow02.gif") 0 .4em no-repeat;
}



h2.newsDetailsHead {
 margin: 15px 0 12px!important; padding: 5px 11px 5px 5px; color: #cd4187; background: #d9d9d9; font-size: 110%!important;
}
h2.color {
 background: #ffe4f3
}
h3.newsDetailsHead {
 margin: 10px 0 8px; padding: 0 0 2px 0; background: url("/image70/line_dotted05.gif") 0 100% repeat-x; color: #cd4187;
}
h3.newsDetailsHead.color1 {
 background: url("/image70/line_dotted06.gif") 0 100% repeat-x; color: #666;
}
div.newsDetailsBox01 {
 margin: 0 0 21px; background: #f1f1f1 url("/image70/bg_news_top_left01.gif") 0 0 no-repeat;
}
div.newsDetailsBox01Inner {
 background: url("/image70/bg_news_top_right01.gif") 100% 0 no-repeat
}
div.newsDetailsBox01Frame {
 background: url("/image70/bg_news_bottom_left01.gif") 0 100% no-repeat
}
div.newsDetailsBox01FrameInner {
 padding: 11px; background: url("/image70/bg_news_bottom_right01.gif") 100% 100% no-repeat;
}
div.newsDetailsBox01Color {
 background: #ffe4f3 url("/image70/bg_news_top_left02.gif") 0 0 no-repeat
}
div.newsDetailsBox01Color div.newsDetailsBox01Inner {
 background: url("/image70/bg_news_top_right02.gif") 100% 0 no-repeat
}
div.newsDetailsBox01Color div.newsDetailsBox01Frame {
 background: url("/image70/bg_news_bottom_left02.gif") 0 100% no-repeat
}
div.newsDetailsBox01Color div.newsDetailsBox01FrameInner {
 padding: 11px; background: url("/image70/bg_news_bottom_right02.gif") 100% 100% no-repeat;
}
div.newsDetailsBox02 {
 margin: 0 0 16px; border: solid 1px #ccc;
}
div.newsDetailsBox02Inner {
 padding: 11px; border: solid 1px #fff; background: #f1f1f1;
}
div.newsDetailsBox03 {
 margin: 0 0 16px; padding: 11px; border: solid 1px #ccc;
}
div.color1 {
 border: solid 1px #e365a4
}
div.color1 div.newsDetailsBox02Inner {
 background: #ffe4f3
}
div.newsDetailsSub {
 float: right; width: 300px; margin-left: 30px; _margin-left: 0;
}

/* styles-black-20120227.cssから必要なものを移行 end */

/* styles-black-20120227.cssから必要なものを移行 start */
p#interviewTime {
	font-size: 80%;
}
p#interviewMainvisual {
	margin: 0 0 15px;
}
p#interviewMainvisual img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
div#interviewMain {
	float: left;
	width: 100%;
	margin: 0 -360px 0 0;
}
div#interviewMainInner {
	margin: 0 360px 0 0;
}
div#interviewContents div.w100 {
	margin: 0 !important;
}
div#interviewContents div.w100 div#interviewMainInner {
	margin: 0 0 0 0;
}
div#interviewSub {
	float: right;
	width: 310px;
	margin: 0 0 0 50px;
}

/* main */
dl.interviewer {
	margin: 0 0 8px;
	font-weight: bold;
}
dl.interviewer dt {
	clear: both;
	float: left;
}
div.interviewArchive {
	margin: 0 0 15px;
	padding: 9px;
	border: solid 1px #cccccc;
}
div.interviewArchive h3 {
	color: #cd4187;
	font-size: 100%;
}
div.interviewArchive dl {
	zoom: 1;
	margin: 5px 0 0;
	padding: 5px 0 0 3px;
	border-top: solid 1px #ccc;
}
div.interviewArchive dt {
	clear: both;
	float: left;
}
div.interviewArchive a {
	font-weight: bold;
}
div#interviewMain .headstyleBase {
	margin-bottom: 15px;
	padding: 2px 0 3px 3px;
}
p.interviewCommentLead {
	margin: 0 10px 10px;
	font-weight: bold;
	font-size: 110%;
}
div.interviewComment {
	margin: 0 0 10px;
	padding: 10px 11px;
	border: solid 1px #cccccc;
}
div.interviewComment dl {
	margin-top: -12px;
}
div.commentPt01 dt {
	margin: 12px 0 0;
	color: #189b37;
}
div.commentPt02 dt {
	margin: 12px 0 0;
	color: #9629cc;
}
div.commentPt03 dt {
	margin: 12px 0 0;
	color: #bf680a;
}
div.interviewComment dd {
	margin: 12px 0 0;
}
div.interviewComment dd p {
	margin-bottom: 12px;
}

div#interviewMain div.pagerMod {
	margin: 0 0 10px;
	padding: 0;
}
.interviewLink a {
	margin: 0 0 0 11px;
	padding: 0 0 0 12px;
	background: url(/image70/icon_arrow17.gif) 0 0.3em no-repeat;
	font-weight: bold;
	font-size: 110%;
}

/* sub */
div.interviewSubBox {
	margin: 0 0 7px;
	padding: 0 0 10px;
	background: url(/image70/bg_interview_bottom.gif) 0 100% no-repeat;
}
div.interviewSubBoxInner {
	padding: 10px 10px 0;
	background: url(/image70/bg_interview_top.gif) 0 0 no-repeat;
}
div.latestInterview h3,
div.interviewProfile h3 {
	margin: 0 0 5px;
	padding: 0 0 6px;
	color: #cd4187;
	font-size: 100%;
	text-align: center;
	background: url(/image70/line_dotted03.gif) 0 100% repeat-x;
}
div.latestInterview dl {
	margin: 0 0 3px;
	padding: 0 0 6px 5px;
	background: url(/image70/line_dotted03.gif) 0 100% repeat-x;
}
div.latestInterview dt {
	font-weight: bold;
}
div.latestInterview dl a,
div.latestInterview p a {
	padding: 0 0 0 9px;
	background: url(/image70/icon_arrow16.gif) 0 0.4em no-repeat;
}
div.latestInterview p {
	margin: 0 0 0 5px;
}
div.interviewItem {
	text-align: center;
}
div.interviewItem p {
	margin: 0 0 5px;
}
div.interviewItem h4 {
	font-weight: normal;
}
div.interviewItem p.interviewItemBtn {
	margin: 5px 0 0;
	padding: 11px 0 0;
	background: url(/image70/line_dotted03.gif) 0 0 repeat-x;
}
div.interviewProfile li {
	font-weight: bold;
}

/* utility styles
----------------------------------------------------------*/
.stringColor01 {/*グリーン*/
	color: #666;
}
.stringColor02 {/*ピンク*/
	color: #e365a4;
}
.stringColor03 {/*緑*/
	color: #b3d037;
}
.stringColor04 {/*青*/
	color: #0066cc;
}
.stringColor05 {/*赤（紫）*/
	color: #7b024f;
}
.newsDetailsArticleInner p,
newsDetailsArticleInner ul {
	margin-bottom: 20px;
}
hr.newsBorder {
	border-bottom: solid 1px #666;
	color: #666;
	height: 1px;
	margin: 10px 0 20px;
	*margin: 0 0 20px;
	padding: 0;
}
hr.color1 {
	border-bottom: solid 1px #e365a4;
	color: #e365a4;
}
.borderTop {
	border-top: solid 1px #666;
}
.newBlockImageCenter {
	display: block;
	text-align: center !important;
	margin-bottom: 20px;
}
.newBlockImageLeft,
.newBlockImageRight {
	margin-bottom: 20px !important;
}
.newBlockImageLeft img,
.newBlockImageLeft .imgBox {
	display: block;
	float: left !important;
	margin: 0 10px 0 0 !important;
	margin-top: 0.4em !important;
}
.newBlockImageLeft .imgBox {
	width: 39%;
	text-align: center !important;
}
.newBlockImageLeft .bodyBox {
	width: 59%;
	float: left;
}
.newBlockImageRight img,
.newBlockImageRight .imgBox {
	display: block;
	float: right !important;
	margin: 0 10px 0 0 !important;
	margin-top: 0.4em !important;
}
.newBlockImageRight .imgBox {
	width: 39%;
	text-align: center !important;
}
.newBlockImageRight .bodyBox {
	width: 59%;
	float: right;
}
.newBlockImageLeft .imgBox img,
.newBlockImageRight .imgBox img {
	display: inline !important;
	float: none !important;
	margin: 0 !important;
}
.newsBlockTextRight {
	display: block;
	margin-bottom: 20px !important;
	text-align: right !important;
}
.newsBlockImageList {
	margin: 10px 0 20px;
}
.newsBlockImageList li {
	margin: 0 0 15px;
}
.newsBlockImageList li p {
	margin-bottom: 0;
}
.newsBlockImageList li h4 {
	margin: 0 0 5px;
}
.newsBlockImageList .newsBlockImageListImage {
	float: left;
	width: 78px;
}
.newsBlockImageList .newsBlockImageListText {
	float: left;
	width: 100%;
	margin-left: -78px;
}
.newsBlockImageList .newsBlockImageListText * {
	margin-left: 80px;
}
.newsBlockImageList .newsBlockImageListText * * {
	margin-left: 0;
}
.newsBlockBordercolor .odd,
.newsBlockBordercolor .odd th,
.newsBlockBordercolor .odd td {
	background: #f1f1f1;
}

.newsBlockBordercolor2 .even,
.newsBlockBordercolor2 .even th,
.newsBlockBordercolor2 .even td {
	background: #f1f1f1;
}

.newsBlockBordercolor li {
	padding-left: 15px;
}
.newsBlockBordercolor li a img {
	margin-right: 8px;
}

/* ■■clearfix for news utility styles■■ */
.newBlockImageLeft:after,
.newBlockImageRight:after,
.newsBlockImageList li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.newBlockImageLeft,
.newBlockImageRight,
.newsBlockImageList li {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
div.btnPad {
	padding-bottom:7px
}

div.listLead {
 margin: 0 0 15px; padding: 7px 20px 7px 22px; background: #f1f1f1;
}

/* styles-black-20120227.cssから必要なものを移行 end */

/* 新規追加 */
.newsSec img { max-width: 90%; }
.newsSec object { max-width: 90%; }
/* ニューススマホ化対応追記 end */

/* キャンペーンスマホ化対応追記 start */

/* styles-black-20120227.cssから必要なものを移行 start */
span.endSale {
 display: block;
 color: #c84157;
 vertical-align: 12px;
 font-weight: bold;
 text-align: center;
}
/* styles-black-20120227.cssから必要なものを移行 end */

.newsBlockImageList .newsBlockImageListText h4 {
	font-weight: bold;
}

div.flCatch {
 margin: 0 0 5px 0!important; color: #cd4187; font-size: 110%!important; font-weight: bold;
}

div.listFilter {
 background-color: white;
}
div.listFilterDesc {
 padding-left: 10px;
}
.flFilterArea {
	background-color: white;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.flFilterArea .blockBordercolor .odd,
.flFilterArea .blockBordercolor .odd th,
.flFilterArea .blockBordercolor .odd td {
	background: #f1f1f1;
}
.flFilterArea .blockBordercolor li {
	padding-left: 15px;
}
.flFilterArea .blockBordercolor li a img {
	margin-right: 8px;
}
.flFilterArea .blockBordercolor li:nth-child(odd) { background-color: #f1f1f1; }

.flCatch img {
max-width: 90%;
}

/* キャンペーンスマホ化対応追記 end */