@charset "UTF-8";

/* ページ名
--------------------------------------------------------------------
対象ファイル

-----------------------------
/c/collect/index.htm
--------------------------------------------------------------------*/


/* 共通設定
--------------------------------------------------------------------*/
.column2 #main {
	width: 600px;
}

/* サイドエリア
--------------------------------------------------------------------*/
.column2 #sub {
	width: 300px;
}

	/* ポイントをどう使う？ */	
	.column2 #sub #how-collect {
		background: #fff3c4;
		margin: 0 0 0 0;
	}
		.column2 #sub #how-collect h3 {
			background: url(/c/common/img/table_top_300.gif) no-repeat;
			padding: 4px 0 0 10px;
		}
		
		.column2 #sub #how-collect .sub-inner {
			width: 280px;
			margin: 0 0 0 10px;
		}
			.column2 #sub #how-collect .sub-inner dl {
				padding: 0;
			}
				.column2 #sub #how-collect .sub-inner dl dt {
				}
				.column2 #sub #how-collect .sub-inner dl dd {
					background: #ffffff url(/c/u/common/img/line_dotted_gw.gif) left bottom repeat-x;
					padding: 10px 15px 10px 10px;
				}
				.column2 #sub #how-collect .sub-inner dl dd.end {
					background-image:none;
				}
				.column2 #sub #how-collect .sub-inner dl dd.last-child {
					background-image:none;
					background: #ffffff url(/c/collect/img/bg_white_bottom.gif) no-repeat left bottom;
				}
				.column2 #sub #how-collect .sub-inner dl dd p.img {
					float: left;
					width: 57px;
				}
				.column2 #sub #how-collect .sub-inner dl dd p.txt {
					float: right;
					width: 180px;
				}
				
			.column2 #sub #how-collect .sub-inner ul {
				background: url(/c/common/img/bg_nav_bottom.gif) left bottom no-repeat;
				padding: 0 0 2px;
				margin: 0;
			}
				.column2 #sub #how-collect .sub-inner ul li {
					background: #fffde8;
				}
				
				.column2 #sub #how-collect .sub-inner ul li a {
					background: url(/c/u/common/img/icon_sidelink.gif) 15px 12px no-repeat;
					display: block;
					height: 100%;
					width: 83%;
					padding: 10px 15px 10px 32px;
				}

	/* Adバナーエリア */
	#sub #adbnr {
		margin: 0 0 25px 0;
		padding: 0;
	}
		/* タイトル */
		#sub #adbnr .text {
			padding: 10px 0px 2px 0px;
			color: #ff9927;
			font-weight: bold;
			text-align: center;
			line-height: 1;
			background-color: #fff3c4;
		}

		#sub #adbnr dd{
			margin: 0;
			padding: 0;
			background: none;
		}

		/* バナー一覧 */
		#sub #adbnr li {
			padding: 0 0 5px 0;
			margin: 0;
		}

		*html #sub #adbnr li {
 			zoom: 1;
		}

		#sub #adbnr li.start {
			padding-top: 0;
		}

		/* バナー一覧 */
		#sub #adbnr dd a,
		#sub #adbnr li a {
			margin: 0;
			padding: 0;
			background: none;
		}



	.column2 #sub #sub-bottom .frmt {
		width: 300px;
		padding-top: 9px;
		background: #fff3c4 url(/c/common/img/table_top_300.gif) no-repeat 0 0;
	}

	.column2 #sub #sub-bottom .frmb {
		width: 300px;
		padding-bottom: 10px;
		background: url(/c/common/img/bg_bottom_300.gif) no-repeat left bottom;
	}
	.column2 #sub #sub-bottom h3 {
		margin: 0 0 0 10px;
	}
		.column2 #sub #sub-bottom .sub-inner {
			background: #ffffff;
			width: 280px;
			margin: 0 0 0 10px;
		}
		.column2 #sub #sub-bottom .sub-inner h4 {
			padding: 5px 15px  0;
			font-size: 100%;
			font-weight: bold;
		}
		.column2 #sub #sub-bottom .sub-inner p.txt {
			padding: 5px 15px 15px;
		}

		.column2 #sub #sub-bottom .sub-inner p.txtb {
			font-weight: bold;
			padding: 5px 15px 5px;
		}

			.column2 #sub #sub-bottom .sub-inner ul {
				background: url(/c/common/img/bg_nav_bottom.gif) left bottom no-repeat;
				padding: 0 0 2px;
				margin: 0;
			}
				.column2 #sub #sub-bottom .sub-inner ul li {
					
					background:#fffde8 url("/c/common/img/dotline_3px.gif") left bottom repeat-x;
				}
				.column2 #sub #sub-bottom .sub-inner ul li.end{
					
					background:#fffde8;
				}
				
				.column2 #sub #sub-bottom .sub-inner ul li a {
					background: url(/c/u/common/img/icon_sidelink.gif) 15px 12px no-repeat;
					display: block;
					height: 100%;
					width: 83%;
					padding: 10px 15px 10px 32px;
				}

.column2 #sub #sub-bottom .sub-subtmar{
	padding-top:15px;
}

.column2 #sub #sub-bottom .sub-inner div.pontakatuyo-box{
	width:270px;
}
.column2 #sub #sub-bottom .sub-inner div.pontakatuyo-box p.imgarea{
	float:left;
	width:130px;
}
.column2 #sub #sub-bottom .sub-inner div.pontakatuyo-box p.txtarea{
	float:right;
	width:130px;
	text-align:left;
	padding:10px 0px 10px 0px;
}




/* メインエリア　index.htm
--------------------------------------------------------------------*/

/* topflash */
#topflash{
	margin-bottom: 5px;
}


/* キャンペーン実施中 */
#main #campaign {
	margin: 0 0 20px;
}
	/* campaign cont */
	#main #campaign #campaign-cont {
		margin: 5px 0 20px;
		padding: 1px 0 0;
	}

		#main #campaign #campaign-cont div {
			background: #fffbd3;
			padding: 10px;
		}

		#main #campaign #campaign-cont .even {
			background: #fffde8;
		}

			#main #campaign #campaign-cont div .vis {
				float: left;
				width: 224px;
			}

				#main #campaign #campaign-cont div dl {
					float: right;
					width: 340px;
				}

					#main #campaign #campaign-cont div dl dt {
						margin: 0 0 7px; 
					}

						#main #campaign #campaign-cont div dl dd .txt {
							margin: 0 0 10px;
						}

	/* ボーナスポイントがついたり景品があたったり、キャンペーンに参加すれば特典いろいろ！ */
	#main #campaign ul {
		margin: 5px 10px 0;
	}
		#main #campaign ul li {
			text-indent: -25px;
			padding-left: 30px;
		}
			#main #campaign ul li img {
				margin: 0 5px 0 0;
				position: relative;
				top: -3px;
			}


/* Pontaおすすめショップ */
#main .recommend-shop {
	margin: 0 0 30px;	
}
#main .recommend-shop h2 {
	margin: 0 0 20px;	
}
#main .recommend-shop p.recommend-img {
	float: left;
	width: 226px;
	padding: 0 0 0 10px;	
}
#main .recommend-shop .recommend-txt {
	float: right;
	width: 340px;
	padding: 0 10px 0 0;	
}

#main .recommend-shop .recommend-txt dl dt {
	padding: 0 0 7px 0;	
}

#main .recommend-shop .recommend-txt .btn {
	text-align: center;
	margin: 25px 0 0;
}



/* Pontaおすすめショップ */
#main #recommend-shop {
	margin: 0 0 20px;
}

	/* campaign cont */
	#main #recommend-shop #recommend-cont {
		margin: 5px 0 20px;
		padding: 1px 0 0;
	}

		#main #recommend-shop div {
			background: #fffbd3;
			padding: 10px;
		}

		#main #recommend-shop .even {
			background: #fffde8;
		}

			#main #recommend-shop div .vis {
				float: left;
				width: 224px;
			}

				#main #recommend-shop div dl {
					float: right;
					width: 340px;
				}

					#main #recommend-shop div dl dt {
						margin: 0 0 7px; 
					}

						#main #recommend-shop div dl dd .txt {
							margin: 0 0 10px;
						}

/*	ポイントモールでためる
--------------------------------------------------------------------*/
#point-mall {
	margin-bottom: 20px;
}
	#point-mall h2 {
		margin: 0 0 20px;
	}

		#point-mall h2.subt{
			margin-bottom: 10px;
		}

	#point-mall h3 {
		margin: 0 0 5px;
	}

	#point-mall .txt {
		font-size: 116%;
		font-weight: bold;
		padding: 0 0 10px 10px;
	}

	#point-mall #products {
		padding: 20px 0 0 7px;
	}


/* 人気商品 */
div#itemarea-list {
	padding: 10px 0 0 0;
	text-align:left;
}

div#itemarea-list div.item {
	width: 116px;
	margin: 0 14px 15px 14px;
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
* html div#itemarea-list div.item {
	margin: 0 14px 15px 14px;
}
*:first-child+html div#itemarea-list div.item {
	margin: 0 14px 15px 14px;
}
div#itemarea-list div.item > div{
	width: 116px;
}
div#itemarea-list div.item dl{
	margin: 2px 0 0 0px;
}
div#itemarea-list div.item dl dt{
	width: 116px;
	text-align:center;
	padding: 0 0 6px;
}
div#itemarea-list div.item dl dd{
	padding: 0 0px;
}
div#itemarea-list div.item dl dd p{
	padding: 0 0 2px;
	line-height:130%;
}
div#itemarea-list div.item dl dd p.link a{
	color:#333333;
	text-decoration:underline;
	font-weight:normal;
}

div#itemarea-list div.item dl dd p.price{
	color:#333333;
}
div#itemarea-list div.item dl dd p.price span{
	font-weight:bold;
	font-size:120%;
}
div#itemarea-list div.item dl dd p.price span.yen{
	font-weight:normal;
	font-size:90%;
}
div#itemarea-list div.item dl dd p.point{
	color:#ff6400;
	font-weight:bold;
	font-size:120%;
}




/* ショップカテゴリ */
#point-mall #shopcategory{
	margin-top: 10px;
	background: #fff3c4;
}

	#point-mall #shopcategory ul{
		padding: 10px;
	}

		#point-mall #shopcategory ul li{
			float: left;
			width: 144px;
			margin: 0 1px 1px 0;
			background: #fffde8 url("/c/collect/img/icon_anchor.gif") no-repeat 5px 50%;
			font-weight: bold;
		}


		#point-mall #shopcategory ul li.noanc{
			color: #f3b199;
			background: #fffde8 url("/c/collect/img/icon_anchor_0.gif") no-repeat 5px 50%;
		}

			#point-mall #shopcategory ul li p{
				padding: 11px 6px 5px 24px;
			}

				#point-mall #shopcategory ul li p.line2{
					padding: 5px 6px 5px 24px;
					line-height: 1.3;
				}

	/* カテゴリタイトル */
	#point-mall #category h3{
		color: #333;
		margin: 15px 0 0 0;
		padding: 7px 30px 5px 30px;
		font-size: 116%;
		font-weight: bold;
		background: #FFF3C4 url("/c/collect/img/icon_orange.gif") no-repeat 8px 50%;
	}
	
	/* 各カテゴリ */
	#point-mall #category {
		clear: both;
	}

	#point-mall #category .shoplist {
		padding: 8px 8px 5px 8px;
	}

	#point-mall #category .shoplist li {
		float: left;
		width: 141px;
		margin: 0 5px 5px 0;
		background: #ffffff;
	}

		#point-mall #category .shoplist li img{
			margin: 10px 10px 5px 11px;
		}

			#point-mall #category .shoplist li a span{
				display: block;
				margin: 0 0 10px 11px;
				text-decoration: underline;
			}

			#point-mall #category .shoplist li a span.pointup{
				color: #ff0000;
				display: block;
				margin: 0 0 0 11px;
			}

			#point-mall #category .shoplist li a span:hover{
				text-decoration: none;
			}

		#point-mall #category .shoplist li.col04 {
			margin-right: 0;
		}

		#point-mall #category .shoplist li.list-btm {
			margin-bottom: 0;
		}


	#point-mall #category .pageback{
		margin-top: 0;
		text-align: right;
	}

		#point-mall #category .pageback a {
			padding: 0 0 0 20px;
			background: url(/c/common/img/arrow_pt.gif) no-repeat 0 0;
		}


/* 3. ANC MENU
--------------------------------------------------------------------*/
#ancmenu{
	padding-top: 7px;
	background: url(/c/home/img/bg_anchor_top.gif) no-repeat 0 0;
}

	#ancmenu ul{
		padding: 0 0 7px 20px;
		background: url(/c/home/img/bg_anchor_bottom.gif) no-repeat 0 100%;
	}

		#ancmenu ul li{
			float: left;
			margin-right: 25px;
			text-align: center;
		}

		#ancmenu ul li.news{
			float: left;
			margin-right: 0;
			text-align: center;
		}

		#ancmenu ul li.last{
			margin-right: 0;
		}

			#ancmenu ul li a{
				padding-left: 20px;
				background: url(/c/common/img/arrow_u.gif) no-repeat 0 50%;
			}



/* ポイントがたまる！オトク情報
--------------------------------------------------------------------*/
#information {
}

#information h2 {
	position: relative;
}

#information h2 span{
	position: absolute;
	top: 33px;
	left: 506px;
}

	#information .frm {
		margin: 7px 0 0 10px;
		min-height: 180px;
	}

	#information .frmbtm {
		margin: 0 0 0 10px;
		min-height: 200px;
	}

		#information li {
			float: left;
			width: 140px;
			margin-right: 7px;
			background: url(/c/home/img/information/tabel_center.gif) repeat-y 0 0;
		}

		#information p.logo {
			text-align: center;
			margin: 0 2px 0 1px;
			padding-top: 3px;
			background: #ffffff;
		}

		#information p.save {
			margin: 0 2px 0 1px;
			padding: 0;
			color: #ffffff;
			text-align: center;
		}

			#information p.blue {
				background: #3e98e1;
			}

			#information p.green {
				background: #6dac12;
			}

			#information p.orange {
				background: #fc8230;
			}

			#information p.red {
				background: #d84262;
			}

		#information .frm div,
		#information .frmbtm div {
			text-align: center;
			padding: 0 0 8px 0;
			background: url(/c/home/img/information/table_bottom.gif) no-repeat 0 100%;
		}

		#information div a{
			text-decoration: none;
		}

			#information .shop {
				display: block;
				color: #303333;
				font-size: 85%;
				padding-top: 5px;
				font-weight: normal;
			}

			#information .point {
				display: block;
				color: #fe3000;
				font-size: 116%;
				padding-top: 3px;
				line-height: 1;
			}

			#information .period {
				display: block;
				font-weight: bold;
				font-size: 85%;
				color: #753e31;
				padding-top: 3px;
			}