@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 トップページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

body#top div#contRight {
	color: #444444;
}


/* FLASH
------------------------------------------------------------ */

div#topFlash {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 376px;
}

div#topFlash div#flashcontent {
	width: 100%;
	height: 376px;
	background: url(../../img/bg_flash.gif) repeat-x left top;
	text-align: center;
}


/* キャッチ
------------------------------------------------------------ */

div.catchArea {
	width: 724px;
	margin-bottom: 15px;
	border-top: 3px solid #000000;
	background: url(../../img/bg_catch_rp.jpg) repeat-y left top;
}
div.catchAreaIn {
	min-height: 150px;
	padding: 10px 10px 10px 260px;
	background: url(../../img/bg_catch_tp.jpg) no-repeat left top;
}
* html div.catchAreaIn {
	height: 170px;
}

div.catchArea h2 {
	font-weight: bold;
}
div.catchArea p {
	line-height: 1.7;
}


/* 検索
------------------------------------------------------------ */

div.searchArea {
	width: 724px;
	margin-bottom: 15px;
}

div.searchBox {
	margin-bottom: 5px;
	border: 1px solid #D1D1D1;
	background: #EEEEEE;
}

div.searchBox form {
	width: 700px;
	margin: 0 0 0 10px;
	padding: 15px 0 5px;
}
div.searchBox form:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.searchBox form { display:inline-block; }
/*\*/
* html div.searchBox form { height:1%; }
div.searchBox form { display:block; }
/**/

div.searchBox p.notes {
	float: left;
	width: 122px;
	margin-right: 15px;
}

div.searchBox dl.column01 {
	float: left;
	width: 150px;
	margin-right: 15px;
}
div.searchBox dl.column02 {
	float: left;
	width: 150px;
	margin-right: 15px;
}
div.searchBox dl.column03 {
	float: left;
	width: 120px;
	margin-right: 15px;
}
div.searchBox p.btn {
	float: left;
	width: 90px;
	padding-top: 40px;
}

div.searchBox dl dt {
	padding-bottom: 3px;
	background: url(../img/line_search.gif) repeat-x left bottom;
	font-size: 86%;
	font-weight: bold;
}

div.searchBox dl dd {
	margin: 5px 0 10px;
	font-size: 86%;
}

div.searchBox dl dd span {
	display: block;
	margin-bottom: 3px;
}

div.searchBox dl dd input {
	margin-right: 3px;
}
* html div.searchBox dl dd input {
	margin-right: 0;
}
*:first-child+html div.searchBox dl dd input {
	margin-right: 0;
}

div.searchArea p.notes {
	color: #7F7101;
	font-size: 86%;
}


/* ランキング
------------------------------------------------------------ */

div.rankArea {
	width: 724px;
	margin-bottom: 20px;
}

div.rankArea div.head {
	width: 724px;
	background: url(../../img/bg_rank.gif) repeat-y;
}
div.rankArea div.head:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.rankArea div.head { display:inline-block; }
/*\*/
* html div.rankArea div.head { height:1%; }
div.rankArea div.head { display:block; }
/**/

div.rankArea div.head h2 {
	float: left;
	width: 127px;
	margin-right: 15px;
}

div.rankArea div.head p {
	float: left;
	width: 565px;
	padding-top: 10px;
}
div.rankArea div.head p span {
	font-size: 86%;
}

div.rankArea div.main {
	width: 724px;
	background: url(../../img/bg_rank_rp.gif) repeat-y;
}
div.rankArea div.mainTp {
	width: 724px;
	background: url(../../img/bg_rank_tp.gif) no-repeat left top;
}
div.rankArea div.mainBt {
	width: 724px;
	background: url(../../img/bg_rank_bt.gif) no-repeat left bottom;
}

div.rankArea div.main ul {
	width: 710px;
	margin-left: 15px;
}
div.rankArea div.main ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.rankArea div.main ul { display:inline-block; }
/*\*/
* html div.rankArea div.main ul { height:1%; }
div.rankArea div.main ul { display:block; }
/**/

div.rankArea div.main ul li {
	float: left;
	width: 134px;
	margin-right: 6px;
	font-weight: bold;
	line-height: 1.3;
}

div.rankArea div.main ul li img {
	margin-bottom: 3px;
}

div.rankArea div.main ul li a:link,
div.rankArea div.main ul li a:visited,
div.rankArea div.main ul li a:hover,
div.rankArea div.main ul li a:active {
	color: #444444;
}

div.rankArea div.main ul li div.posBox {
	position: relative;
	width: 100px;
	padding: 15px 17px;
}
* html div.rankArea div.main ul li div.posBox {
	width: 134px;
}

div.rankArea div.main ul li div.posBox span.icon {
	position: absolute;
	top: 0;
	left: 0;
}

div.rankArea div.main ul li div.posBox img { behavior: url(common/js/iepngfix.htc) }


/* ピックアップ
------------------------------------------------------------ */

div.pickupArea {
	width: 724px;
	background: url(../../img/bg_pickup.gif) repeat-y;
	margin-bottom: 25px;
}

div.pickupArea ul {
	width: 724px;
}
div.pickupArea ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pickupArea ul { display:inline-block; }
/*\*/
* html div.pickupArea ul { height:1%; }
div.pickupArea ul { display:block; }
/**/

div.pickupArea ul li {
	float: left;
	width: 231px;
	margin-right: 15px;
}
div.pickupArea ul li.last {
	margin-right: 0;
}

div.pickupArea ul li p {
	padding: 10px 15px 15px;
}

div.pickupArea ul li p span {
	color: #9C8B01;
	font-size: 86%;
}


/* 支払い
------------------------------------------------------------ */

div.payArea {
	width: 724px;
	background: url(../../img/bg_pay.jpg) no-repeat left top;
}

div.payArea dl {
	margin-left: 244px;
}

div.payArea dl dt {
	font-weight: bold;
}

div.payArea dl dd {
	margin-bottom: 10px;
}

div.payArea dl dd span {
	color: #ED822C;
	font-size: 86%;
}
div.payArea dl dd a:link,
div.payArea dl dd a:visited,
div.payArea dl dd a:hover,
div.payArea dl dd a:active {
	color: #ED822C;
}

div.payArea dl dd a {
	font-weight: bold;
}


h1 #toplogo {
	text-indent:-9999px;
}