@charset "Shift_JIS";


/* 個別 コンテナ index用 */

div#pc500 #container {
	width: 100%;
	padding-bottom: 45px;
	text-align:left;
/*	background: url(../images/bg_0.gif);*/
}


div#pc500 #container ul {
	list-style-type: none;
}

div#pc500 #wall {
/*	background: url(../images/bg_1.jpg) repeat-x;*/
width:770px;
	margin: 20px auto;

}

div#pc500 #main1 {
width:770px;
margin-top:0px;
/*	margin: 0 auto ;*/

}

div#pc500 #main1 h2{
margin:0;
padding:0;
/*	border: 1px solid #ff0000;*/
}



div#pc500 #main2 {
width:770px;
/*	margin: 0px auto;*/
	background: #ff0000;
}

div#pc500 #main2 #info{
	padding:20px 20px 10px 20px;
}

div#pc500 #main2 #info ul {
width:702px;
}

div#pc500 #main2 #info ul li{
	display: inline;
}


div#pc500 #main2 p.explain {
	padding: 0px 15px 15px 14px;
	text-align: left;
	font-weight: bold;
}

div#pc500 #main2 .box{
	width: 720px;
}




div#pc500 #main3 {
	width:770px;
	background: #C5EAFC;
/*	margin: 20px auto;*/
}


div#pc500 #cap {
width:700px;
padding:0 35px 20px 35px;
/*border: 1px solid #80BBD9;*/
font-size:10px;
}

div#pc500 #main2 #cap p {
color: #ffffff;
}

div#pc500 #cap .cap_s{
font-size:11px;
line-height:180%;
}

div#pc500 #cap .cap_b{
font-size:12px;
}


div#pc500 #main3 #shop{
	background-color:#ededed;
	padding:25px 35px;
}

div#pc500 #main3 #shop .dotline{
width:700px;
	margin: 0 auto;
}


/* 点線テーブル */
.dotline th,
.dotline td{
	background:url('../../../images/campaign/1012_pc500/dotline.gif') repeat-x left bottom;
	padding-bottom:10px;
	text-align:left;
	vertical-align:top;
	line-height:170%;
	}
	
	#areaIndex #tenpoInfo th{
	width:100px;
	font-weight:bold;
	}






	
/* タブ用 */

#tab ul{
background: url(../../../images/campaign/1012_pc500/tab_bg.gif) repeat-x;
width:770px;
/*border: 1px solid #ff0000;*/
margin-bottom:0;

}

#tab ul li{
	display: inline;
}


#tab ul li.01{
padding-left:2px;
}
		

#shopAll{
width:728px;
	border: 1px solid #1D75BC;
padding:0 20px 20px 20px;
}



/*店舗一覧（div id="shopList"）*/
div#shopList {
width:730px;
}

/*div#shopList div.area {
	margin: 10px 0;
	padding: 6px 8px;
}*/

div#shopList h2{
margin:20px 0 10px 0;
}

div#shopList .lead{
margin:5px 0 10px 7px;
}


div#shopList div.area h3 {
	width:720px;
	background: #1D75BC;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
}

div#shopList div.area p {
	color: #fff;
	float: right;
}

div#shopList h4 {
font-size:12px;
	clear: both;
	margin-bottom: 5px;
	padding: 3px 8px;
	background: #C5EAFC;
	font-weight: bold;
}

div#shopList table {
	width: 730px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

div#shopList table th,
div#shopList table td {
	border-bottom: 1px solid #ccc;
	padding: 8px 10px;
}

div#shopList table td {
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

div#shopList table th span.notice {
	color: #f00;
	font-size: 87%;

}

div#shopList table td {
	width: 33%;
/*	padding-left: 25px;*/
}


.pagetop{
text-align:right;
font-size:10px;
}



/*インデックス（div）*/
dl#areaIndex {
	margin: 0 20px 20px 20px;
}

dl#areaIndex dt {
	clear: both;
	width: 8em;
	float: left;
	font-weight: bold;
}

dl#areaIndex dd {
	margin-left: 8em;
	padding-bottom: 1em;
}

dl#areaIndex dd ul li {
	display: inline;
	background: url(../../../campaign/1012pc_500_1/css/img/lst_separator_ccc.gif) no-repeat right 0;
	padding: 0 5px;
	color: #ccc;
}

dl#areaIndex dd ul li.last {
	background: none;
}



	/*----------------------------------------
	汎用	*/
.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}

span.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height:1px;
	}

.mt0{
margin-top:0px;
}

.mt5{
margin-top:5px;
}


.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}