@charset "utf-8";
/* ===================================================================
CSS information

file name  :index.css
style info :トップページ用
=================================================================== */

body {
	background-color: #f9f7e4;
}

img { -ms-interpolation-mode: bicubic; }

/* contentsContainer 背景画像
============================================================================================================ */
#contentsContainer {
	background-image: url(../img/index/page_bg.gif);
}


/* mainArea
============================================================================================================ */
#mainArea {
	margin-bottom: 24px;
}

/* コンテンツエリア（左カラム）
============================================================================================================ */
#contentsArea {
	float: left;
	width: 588px;
	padding-left: 30px;
	padding-bottom: 40px;
}

/* 最新ニュース
------------------------------------------------------------------- */
#newsArea {
	margin-bottom: 25px;
	border-bottom: 1px solid #bfbcbb;
	line-height: 1.5;
}
#newsArea h2 {
	margin-bottom: 18px;
}
#newsArea div {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #bfbcbb;
	zoom: 1;
}
#newsArea div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#newsArea div.last {
	margin-bottom: 0;
	border-bottom: none;
}
#newsArea p.img {
	float: left;
	-ms-interpolation-mode: bicubic;
}
#newsArea h3 {
	position: relative;
	top: -0.2em;
	margin-left: 144px;
	color: #007fc1;
}
#newsArea dl {
	margin-left: 144px;
}
#newsArea dt {
	font-weight: bold;
}


/* 大バナー
------------------------------------------------------------------- */
#largeBnrArea {
	margin-bottom: 15px;
	zoom: 1;
}
#largeBnrArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#largeBnrArea li {
	float: left;
	margin-bottom: 5px;
}


/* SC案内
------------------------------------------------------------------- */
#informationArea {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
	color: #555555;
	zoom: 1;
}
#informationArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#informationArea div {
	width: 271px;
	padding: 8px 0 10px 16px;
	border: 1px solid #d9d9d9;
}
#informationArea h2 {
	margin-bottom: 5px;
}
#informationArea #mySC {
	float: right;
}
#informationArea #mySC dt {
	float: left;
}
#informationArea #mySC dd {
	padding-bottom: 0.3em;
}
#informationArea #otherSC {
	float: left;
}

#informationArea #otherSC #Mall_info{
	width:140px;
	border:none !important;
	margin:0 !important; padding:0 !important;
	float:left;
}

#informationArea #otherSC #SC_info{
	width:126px;
	border:none !important;
	margin:0 !important; padding:0 !important;
	float:right;
}

#informationArea #otherSC li {
	padding: 0 8px 0.3em 12px;
	background: url(../img/index/icon_pink.gif) no-repeat 0 0.2em;
}
#informationArea #otherSC li a {
	color: #555555;
}
#informationArea #otherSC li a:link,
#informationArea #otherSC li a:visited {
	text-decoration: none;
}
#informationArea #otherSC li a:hover,
#informationArea #otherSC li a:active {
	text-decoration: underline;
}

/* バナー
------------------------------------------------------------------- */
#bnrArea {
	margin-bottom: 16px;
	zoom: 1;
}
#bnrArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#bnrArea li {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}
#bnrArea li.right {
	margin-right: 0;
}

/* プラグイン
------------------------------------------------------------------- */
#pluginArea {
	float: right;
	width:228px;
}
#pluginArea li {
	float:left;
	width:110px;
	margin-left: 4px;
}




/* サイドエリア（右カラム）
============================================================================================================ */
#sideArea {
	float: right;
	width: 272px;
	padding-right: 30px;
	padding-bottom: 40px;
}

/* オススメ! コンテンツ
------------------------------------------------------------------- */
#pickupArea {
	margin-bottom: 25px;
	line-height: 1.5;
}
#pickupArea h2 {
	margin-bottom: 18px;
}
#pickupArea div {
	margin-bottom: 15px;
	zoom: 1;
}
#pickupArea div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#pickupArea p.img {
	float: left;
}
#pickupArea dl {
	margin-left: 64px;
}
#pickupArea dt {
	font-weight: bold;
	color: #ff3e00;
}
#pickupArea a {
	color: #000000;
}
#pickupArea a:link,
#pickupArea a:visited {
	text-decoration: none;
}
#pickupArea a:hover,
#pickupArea a:active {
	text-decoration: underline;
}

/* モバイルサイト
------------------------------------------------------------------- */
#sideMobile {
	margin-bottom: 10px;
	background: #c6eeff url(../img/index/side_mobile_bg.gif) no-repeat bottom;
}
#sideMobile dd {
	padding: 0 10px 10px;
	zoom: 1;
}
#sideMobile dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#sideMobile p {
	padding-top: 5px;
}
#sideMobile .qr {
	float: right;
	padding-top: 0;
}
#sideMobile .url {
	line-height: 1.3;
	color: #6ab8d9;
}

/* バナー
------------------------------------------------------------------- */
ul.side_bnr li,
dl.side_bnr {
	margin-bottom: 4px;
}

/* ウィークリーランキング
------------------------------------------------------------------- */
#sideRanking {
	position: relative;
	zoom: 1;
}
#sideRanking dd {
	position: absolute;
	top: 14px;
	left: 117px;
}