@charset "euc-jp";

/*====================================================
制作：2009.05.25　Ver1.0
修正：2009.05.12

indexページ

　01：左カラム
	Flash
	見出し
		一覧ボタン
	雑誌から探す
	商品から探す
	オススメ商品
　02：右カラム
	最新情報
	モバイル版PALSHOP
	新着商品
	今週の人気ランキング
	関連リンク




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



/*----------------------------------------------------
　01：左カラム
-----------------------------------------------------*/

/*Flash*/
.index h1,
.indexBanner {
	margin-bottom: 25px;
}

.lBox {
	display: block;
}

.lTitle {
	display: block;
	width: 663px;
	height: 30px;
	background-color: #313131;
}
/*見出し*/
.lTitle h2 {
	float: left;
	display: block;
	height: 30px;
	width: 160px;
	text-indent: -9999px;
}

.index #MagazineSearch h2 {
	background:url(./../img/img1/index-ttl-001.gif) left top no-repeat;
}

.index #ProductSearch h2 {
	background:url(./../img/img1/index-ttl-002.gif) left top no-repeat;
}

.index #Recommend h2 {
	background:url(./../img/img1/index-ttl-003.gif) left top no-repeat;
}

/*一覧ボタン*/
.lTitle p.others {
	float: right;
	width: 57px;
	height: 30px;
	text-indent: -9999px;
	background: url(./../img/img1/index-brn-001_ov.gif) left 50% no-repeat;	
}

.lTitle p.others a {
	float: right;
	width: 57px;
	height: 30px;
	background: url(./../img/img1/index-brn-001.gif) left 50% no-repeat;	
}

.lTitle p.others a:hover {
	background: url(/img/img1/index-brn-001_ov.gif) left 50% no-repeat;	
}

/*雑誌から探す*/
#MagazineSearch ul {
	margin: 18px 20px 36px 20px;
}

#MagazineSearch ul li {
	float: left;
	width: 155px;
	padding: 0 0 0 0;
}

#MagazineSearch ul li dl {
	width: 135px;
	height: 177px;
	overflow:hidden;
	padding: 15px 10px 20px 10px;
	border-bottom:dashed 1px #cccccc;
	border-left:dashed 1px #cccccc;
}

#MagazineSearch ul li dl.right{
	border-right:dashed 1px #cccccc;
	}

#MagazineSearch ul li dl dd {
	margin-top: 5px;
}

#MagazineSearch ul li dl dd {
	text-align: center;
}

#MagazineSearch ul li dl dt,
#MagazineSearch ul li dl dd {
	text-align: center;
}

/*商品から探す*/
#ProductSearch ul {
	margin: 18px 0px;
}

#ProductSearch ul li {
	float: left;
	width: 159px;
	height: 51px;
	padding: 0 4px 15px 4px;
}

#ProductSearch ul li.right {
	padding: 0 0 0 0;
}

/************************************
* オススメ商品
************************************/
#Recommend h2 {
	background:url(./../img/img2/dime-ttl_003.gif) left top no-repeat;
}

#Recommend ul {
	margin: 18px 0px;
}

#Recommend ul li {
	float: left;
	width: 159px;
	/*height: 200px;*/
	padding: 0 4px 15px 4px;
}

#Recommend ul li.right {
	padding: 0 0 0 0;
}

#Recommend ul li dl {
	width: 159px;
	/*height: 207px;*/
	background: url(./../img/img1/index-bg-002.gif) left top repeat-y;
}

#Recommend ul li dl dt {
	width: 143px;
	padding: 6px 6px 0 6px;
	background: url(./../img/img1/index-bg-002top.gif) left top no-repeat;
}

#Recommend ul li dl dt img {
	width: 141px;
	border: 1px solid #bcbcbc;
}

#Recommend ul li dl dt p.title {
	/*height: 29px;*/
	padding: 10px 0 0 0;
	font-weight: bold;
}

#Recommend ul li dl.overline dt p.title {
	/*height: 51px;*/
	padding: 10px 0 0 0;
	font-weight: bold;
}

#Recommend ul li dl dd {
	width: 145px;
	/*height: 50px;*/
	padding: 6px 8px 0 5px;
	background: url(./../img/img1/index-bg-002btm.gif) left bottom no-repeat;
}

#Recommend ul li dl.overline dd {
	height: 28px;
}

#Recommend ul li dl dd p.caption {
	font-size: 11px;
}

#Recommend ul li dl dd p.price {
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	/*padding-bottom:7px;*/
}

#Recommend ul li dl dd p.price {
	background: url(./../img/img2/dime-icon.gif) right top no-repeat;
	/*height:15px;*/
	padding-bottom:3px;
	margin:5px 0 3px 0;
	display:block;
}


#Recommend ul li dl.ippin dd p.price {
	background: url(./../img/img1/index-icon-017.gif) right top no-repeat;
	padding-bottom:3px;
	margin:5px 0 5px 0;
	display:block;
}

#Recommend ul li dl.lapita dd p.price {
	background: url(./../img/img1/index-icon-018.gif) right top no-repeat;
	padding-bottom:3px;
	margin:5px 0 5px 0;
	display:block;
}


/*----------------------------------------------------
　02：右カラム
-----------------------------------------------------*/


.rBox {
	display: block;
	margin-top: 26px;
}

.rTitle {
	display: block;
	width: 234px;
	height: 30px;
	background-color: #313131;
}

.rTitle h3 {
	float: left;
	display: block;
	height: 30px;
	width: 234px;
	text-indent: -9999px;
}

#News h3 {
	background:url(./../img/img1/index-ttl-004.gif) left top no-repeat;
}

#Mobile h3 {
	background:url(./../img/img1/index-ttl-005.gif) left top no-repeat;
}

#NewArival h3 {
	float: left;
	display: block;
	height: 30px;
	width: 177px;
	text-indent: -9999px;
	background:url(./../img/img1/index-ttl-006.gif) left top no-repeat;
}

.rTitle p.others {
	float: right;
	width: 57px;
	height: 30px;
	text-indent: -9999px;
	background: url(./../img/img1/index-brn-001_ov.gif) left 50% no-repeat;	
}

.rTitle p.others a {
	float: right;
	width: 57px;
	height: 30px;
	background: url(./../img/img1/index-brn-001.gif) left 50% no-repeat;	
}

.rTitle p.others a:hover {
	background: url(./../img/img1/index-brn-001_ov.gif) left 50% no-repeat;	
}


#Ranking h3 {
	background:url(./../img/img1/index-ttl-007.gif) left top no-repeat;
}

#Links h3 {
	background:url(./../img/img1/index-ttl-008.gif) left top no-repeat;
}


/*最新情報*/
#News {
	margin-top:0px;
}

#News div#NewsBox {
	display: block;
	width: 216px;
	height: 183px;
	padding: 0 8px 0 8px;
	margin-bottom: 14px;
	border: 1px solid #e7e6e6;
	border-top: none;
	overflow-y: scroll;
}

#News div#NewsBox ul {
	padding: 0;
}

#News div#NewsBox ul li {
	padding: 0 0 13px 0;
}

#News div#NewsBox ul li span {
	font-weight: bold;
	padding-right: 5px;
}

.rBanner {
	display: block;
	width: 234px;
	margin-bottom: 25px;
}

.rBanner span{
	display: block;
	width: 234px;
	text-align: center;
	padding-top: 6px;
}

/*モバイル版PALSHOP*/
#Mobile #MobileBox {
	display: block;
	width: 232px;
	height: 142px;
	margin-bottom: 14px;
	border: 1px solid #e7e6e6;
	border-top: none;
	background: url(./../img/img1/index-bn-005.gif) left bottom no-repeat;
}

#Mobile #MobileBox p {
	text-indent: 5px;
}

#Mobile #MobileBox p#MobileTxt {
	display: block;
	width: 232px;
	height: 33px;
	text-indent: -9999px;
	background: url(./../img/img1/index-mobile-001.gif) left bottom no-repeat;
}

/*新着商品*/
#NewArival ul {
	margin-top: 10px;
}

#NewArival ul li {
	width: 228px;
	height: 82px;
	border: 1px solid #e7e6e6;
	padding: 2px;
	background: url(./../img/img1/index-icon-new.gif) left top no-repeat;
	margin: 0 0 5px 0;
}

#NewArival ul li dl dt {
	float: right;
	width: 78px;
	height: 78px;
	padding: 1px;
	border: 1px solid #e6e5e5;
}

#NewArival ul li dl dd {
	width: 138px;
	height: 78px;
	padding: 2px;
}

#NewArival ul li dl dd p {
	text-align: right;
}

#NewArival ul li dl dd p.title,
#NewArival ul li dl dd p.price {
	font-size: 12px;
	padding-bottom: 5px;
}

#NewArival ul li dl dd p.caption {
	font-size: 11px;
	line-height: 13px;
	padding: 5px 0;
}

/*今週の人気ランキング*/
#Ranking ol  {
	margin-top: 10px;
}

#Ranking ol li {
	width: 228px;
	height: 82px;
	border: 1px solid #e7e6e6;
	padding: 2px;
	margin-bottom: 5px;
}

#Ranking ol li.first {
	background: url(./../img/img1/index-icon-01.gif) left top no-repeat;
}
#Ranking ol li.second {
	background: url(./../img/img1/index-icon-02.gif) left top no-repeat;
}
#Ranking ol li.third {
	background: url(./../img/img1/index-icon-03.gif) left top no-repeat;
}
#Ranking ol li.fourth {
	background: url(./../img/img1/index-icon-04.gif) left top no-repeat;
}
#Ranking ol li.fifth {
	background: url(./../img/img1/index-icon-05.gif) left top no-repeat;
}

#Ranking ol li dl dt {
	float: right;
	width: 78px;
	height: 78px;
	padding: 1px;
	border: 1px solid #e6e5e5;
}

#Ranking ol li dl dd {
	width: 138px;
	height: 78px;
	padding: 2px;
}

#Ranking ol li dl dd p {
	text-align: right;
}

#Ranking ol li dl dd p.title,
#Ranking ol li dl dd p.price {
	font-size: 12px;
	padding-bottom: 5px;
}

#Ranking ol li dl dd p.caption {
	font-size: 11px;
	line-height: 13px;
	padding: 5px 0;
}

/*関連リンク*/
#Links .rTitle {
	margin-bottom: 10px;

}