@charset "utf-8";

/*------------------------------------------------------------------------------
  - Common Pages
  URL: http://www.cashback.ne.jp
  Copyright (c) keylab co.,ltd All Rights Reserved.
  Date: 2007-12-25

------------------------------------------------------------------------------*/

/*----------------------------------------------------
 #container
----------------------------------------------------*/

#container{
	width: 900px;
	margin: 0 auto ;
	text-align: left;
}


/*-----------------------------------------------
 #header
-----------------------------------------------*/

#header{
	width: 900px;
}

#header #header-first,
#header #header-second{
	float: left;
	width: 900px;
}

#header #header-first{
	margin-top: 5px;
	margin-bottom: 5px;
}

#header #header-first p,
#header #header-second p{
	font-size: 12px;
}

#header .txt-l{
	float: left;
	width: 500px;
}

#header .txt-r{
	float: right;
	width: 400px;
	text-align: right;
}

#header #header-second ul{
	width: 400px;
}

#header #header-second li{
	float: right;
	padding: 0 0 0 7px;
	margin-left: 14px;
	font-size: 85%;
	background: url(/images/point-city/ex02.gif) no-repeat 0 41%;
}

/*--subnavi end--*/

#header #header-con,
#header #header-con01{
	position: relative;
	clear: left;
	width: 900px;
}

#header #header-con{
	height: 350px;
	background: #FFF url(/images/point-city/top_bg01.gif) no-repeat;
}

#header #header-con01{
	height: 116px;
	background: #FFF url(/images/point-city/bg01.jpg) no-repeat;
}

#header #header-con h1,
#header #header-con01 h1{
	position: absolute;
	left: 140px;
	top: 0px;
}

#header #header-con #nav-area,
#header #header-con01 #nav-area{
/* 080725 maetani
	padding-top: 25px;
 */
	padding-top: 5px;
}

#header #header-con ul.point,
#header #header-con01 ul.point{
	float: right;
/* 080320 maetani
	width: 393px;
*/
	width: 385px;
/* 080725 maetani
	height:35px;
*/
	height:55px;
	margin-bottom: 5px;
	margin-left: 507px;
/* 080320 maetani
	background: #FFF url(/images/point-city/point_img01.gif) no-repeat scroll 0 0;
*/
}

#header #header-con ul.point li,
#header #header-con01 ul.point li{
	float: left;
	padding-top: 8px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
	vertical-align: middle;
	white-space:nowrap;
	overflow:hidden;
	
}

#header #header-con ul.point li.ending,
#header #header-con01 ul.point li.ending{
	width: 185px;
	padding-left: 15px;
}

#header #header-con ul.point li.waiting,
#header #header-con01 ul.point li.waiting{
	width: 183px;
	padding-left: 10px;
}

#header #header-con ul.point li span.figure,
#header #header-con01 ul.point li span.figure{
	padding: 5px 3px 0;
	font-size: 18px;
}
#header #header-con ul.point span.en,
#header #header-con01 ul.point span.en{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#header #header-con ul.gnav,
#header #header-con01 ul.gnav{
	margin-left: 140px;
}

#header #header-con ul.gnav li,
#header #header-con01 ul.gnav li{
	float: left;
	display: inline;
}

/*--gnavi end--*/
#header #header-con #h-flash{
	position: absolute;
	left: 5px;
	top: 115px;
}

/*--flasharea end--*/
/*----------------------------------------------------
 #contents
----------------------------------------------------*/
#contents {
	float: left;
	width: 900px;
	margin-bottom: 20px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	padding-top:10px;
}

/*----------------------------------------------------
 #main
----------------------------------------------------*/

#main {
	float: left;
	width: 670px;
	color: black;
	text-align: left;
}

#main ul.banner-area li{
	float: left;
	display: inline;
	/* maetani 080323 */
	width: 120px;
	height: 60px;
}

#main ul.banner-area li.rb{
	margin-left: 10px;
}
#main h2.title01{
	padding-top:10px;
	clear:both;
}
/*banner*/
#main #matter{
	clear: left;
	width: 670px;
	padding-bottom: 20px;
	background: transparent url(/images/point-city/matter_bg02.gif) repeat-y left bottom;
}

#main #matter #first-session{
	width: 670px;
	background: transparent url(/images/point-city/matter_bg01.gif) no-repeat left top;
}


#main #matter .first-area01{
	position: relative;
	width: 622px;
	padding-top: 31px;
	margin-left: 24px;
	background: url(/images/point-city/matter_bg03.gif) no-repeat 0 46px;
}

#main #matter .first-area02{
	position: relative;
	width: 622px;
	padding-top: 31px;
	margin-left: 24px;
	background: url(/images/point-city/matter_bg09.gif) no-repeat 0 46px;
}

#main #matter .first-area01 p,
#main #matter .first-area02 p{
	position: absolute;
	left: 180px;
	top: 52px;
	width: 442px;
	font-size: 85%;
	text-align: right;
}

#main #matter .first-area02 p{
	padding-top: 3px;
}

#main #matter .first-area01 p img,
#main #matter .first-area02 p img{
	margin-right: 5px;
	vertical-align: middle;
}

#main #matter .first-area01 p strong,
#main #matter .first-area01 p span,
#main #matter .first-area02 p strong,
#main #matter .first-area02 p span{
	vertical-align: middle;
}


#main #matter .area-con{
	width: 622px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 24px;
	background: url(/images/point-city/matter_bg10.gif) repeat-y left bottom;
}

#main #matter .area-con h3{
	width: 622px;
	padding-top: 20px;
	padding-left: 20px;
}

#main #matter .area-con h3 img{
	padding-left: 10px;
	background: url(/images/point-city/ex01.gif) no-repeat 0 40%;
}

#main #matter .area-con h3.achbg{
	padding-top: 25px;
	background: url(/images/point-city/matter_bg08.gif) no-repeat 0 0;
}

#main #matter .area-con ul{
	width: 580px;
	margin-left: 20px;
}

#main #matter .area-con ul.achline{
	padding-top: 10px;
	margin-top: 5px;
	border-top: 1px solid #D9D9D9;
}

#main #matter .area-con li{
	float: left;
	padding-left: 10px;
	margin-right: 15px;
	background: url(/images/point-city/ex02.gif) no-repeat 0 45%;
}

/*--area-con end--*/

#main #matter div.search01,
#main #matter div.search02{
	width: 622px;
	margin-left: 24px;
}

#main #matter div.search01{
	background: transparent url(/images/point-city/matter_bg04.gif) no-repeat 0 0;
}

#main #matter div.search02{
	background: transparent url(/images/point-city/matter_bg07.gif) no-repeat 0 0;
}

#main #matter div.search01 p,
#main #matter div.search02 p{
	width: 496px;
	padding: 26px 0 25px;
	margin: 0 63px;
	line-height: 1;
}

#main #matter div.search01 p img,
#main #matter div.search02 p img{
	vertical-align: middle;
}

#main #matter div.search01 p input,
#main #matter div.search02 p input{
	vertical-align: middle;
}

#main #matter div.search01 p input.serachform01,
#main #matter div.search02 p input.serachform01{
	width: 300px;
	margin-right: 10px;
}

/*--searchbox end--*/
#main #matter div.spped-search{
	width: 622px;
	margin-left: 24px;
	background: url(/images/point-city/matter_bg06.gif) repeat-x left bottom;
}

#main #matter div.spped-search ul.s-sbox{
	float: left;
	margin-bottom: 2px;
	background: url(/images/point-city/matter_bg05.gif) repeat-y 115px 0;
}

#main #matter div.spped-search ul.s-sbox li.lt,
#main #matter div.spped-search ul.s-sbox li.rc{
	float: left;
}

#main #matter div.spped-search ul.s-sbox li.lt{
	width: 115px;
	text-align: center;
}

#main #matter div.spped-search ul.s-sbox li.lt img{
	margin-top: 35px;
}

#main #matter div.spped-search ul.s-sbox li.rc{
	width: 507px;
}

#main #matter div.spped-search ul.s-sbox li.rc dl{
	width: 492px;
	margin: 10px 0 10px 10px;
	font-size: 92%;
}

#main #matter div.spped-search ul li.rc dt{
	float: left;
	width: 11em;
	padding: 0 10px 0 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	background: transparent url(/images/point-city/ex01.gif) no-repeat 0 50%;
}


#main #matter div.spped-search ul li.rc dd{
	margin-bottom: 5px;
	text-align: left;
}


#main #matter p.condition{
	width: 622px;
	padding: 15px 0 15px 24px;
	font-size: 92%;
}


#main #matter p.condition img{
	margin-right: 5px;
	vertical-align: middle;
}

#main #matter p.condition strong,
#main #matter p.condition span{
	vertical-align: middle;
}


#main #matter #searchForm{
	width: 622px;
	margin: 0 24px 20px;
	background: url(/images/point-city/matter_bg11.gif) repeat-y 0 0;
}

#main #matter #searchForm table{
	margin: 10px 24px;
	border-collapse: separate;
	border-spacing: 0;
}

#main #matter #searchForm table tr{
	background-color: #E9E9E9;
}

#main #matter #searchForm table tr.add{
	background-color: #F6F6F6;
}

#main #matter #searchForm table th{
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #FFF;
}

#main #matter #searchForm table th label{
	padding-left: 10px;
	margin-left: 10px;
	background: url(/images/point-city/matter_ex03.gif) no-repeat 0 45%;
}

#main #matter #searchForm table td{
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

#main #matter #searchForm table td input{
	width: 347px;
}

#main #matter #searchForm table td select.categoryf{
	width: 350px;
}

#main #matter #searchForm table td select{
	width: 100px;
}

#main #matter #searchForm p{
	padding-top: 0;
	padding-bottom: 10px;
	line-height: 1;
	text-align: center;
	background: url(/images/point-city/matter_bg12.gif) no-repeat left bottom;
}


#main p.nod{
	padding: 5px 0;
	font-size: 92%;
}

#main div#recommend-select01,
#main div#recommend-select02{
	padding: 5px 5px 5px 0;
	background-color: #E9E9E9;
}

#main div#recommend-select02{
	clear: both;
	margin: 0 10px 10px;
}

#main div#recommend-select01 .selectarea{
	float: left;
/* maetani 080323
	width: 410px;
 */
	width: 650px;
}

#main div#recommend-select01 .selectarea ul li{
	float: left;
	padding: 3px 0 3px 10px;
	font-size: 92%;
}

#main div#recommend-select01 .selectarea ul li strong{
	padding: 0 2px 0 2px;
	vertical-align: middle;
}

#main div#recommend-select01 .selectarea ul li select{
	vertical-align: middle;
}

#main div#recommend-select01 .selectarea ul li select#result{
	width: 120px;
}

#main div#recommend-select01 .selectarea ul li select#number{
	width: 60px;
}


#main div.pagination{
	float: right;
/* maetani 080323
	width: 240px;
*/
	width: 600px;
	padding: 3px;
	color: #0066CC;
	text-align: right;
}

	
#main div.pagination a{
	margin:0 3px 0 0;
	border: 1px solid #B8B8B8;
	color: #0066CC;
	text-decoration: none;
	background: url(/images/point-city/pagination_bg01.gif) bottom;
	zoom:1; 
	padding: 2px 5px 2px 6px;
}
*html body #main div.pagination a{
	padding: 0 5px 0 6px;
	vertical-align:bottom;
}
*+html body #main div.pagination a{
	padding: 0 5px 0 6px;
}

#main div.pagination span.current{
	margin:0 3px 0 0;
	border: 1px solid #B8B8B8;
	color: #333;
	background-color: #fff;
	zoom:1; 
	padding: 2px 5px 2px 6px;
}

*html body #main div.pagination span.current{
	padding: 0 5px 0 6px;
}
*+html body #main div.pagination span.current{
	padding: 0 5px 0 6px;
}
	
#main ul#recomend-nav{
	float: left;
	width: 670px;
	padding-top: 10px;
}

#main ul#recomend-nav li{
	float: left;
}

#main ul#recomend-nav li img{
	display: block;
}

#main div#recomend-box{
	clear: both;
	width: 668px;
	padding-top: 10px;
	border-top: 2px solid #FF8B3F;
	border-right: 1px solid #FF8B3F;
	border-bottom: 1px solid #FF8B3F;
	border-left: 1px solid #FF8B3F;
}

* html #main div#recomend-box recomend-snav{
	margin-top: -3px;
}


#main div#recomend-box .recomend-snav{
	width: 648px;
	padding: 10px 0 10px;
	margin: 0 auto 10px;
	text-align: center;
	background-color: #F2F2F2;
}



#main div#recomend-box .recomend-snav ul{
/* maetani 080321
	width: 500px;
*/
	width: 600px;
	font-size: 80%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#main div#recomend-box .recomend-snav ul li {
/* maetani 080321
	padding-left: 18px;
	margin-right: 9px;
	border-left: 1px solid #999;
	line-height: 1.6;
 */
	display: inline;
}


#main div#recomend-box .recomend-snav ul li.utilityHome {
	border-left: 0;
}



#main div.recomend-area{
	float: left;
	width: 317px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #D9D9D9;
	display: inline;
	font-size: 12px;
}

#main div.recomend-area ul{
	margin: 10px 10px 2px;
}

#main div.recomend-area li{
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 10px;
	display: inline;
}

#main div.recomend-area li.r-atx{
	width: 150px;
}

#main div.recomend-area li p{
	font-size: 85%;
}

#main div.recomend-area li p img{
	display: block;
	vertical-align: bottom;
}

#main div.recomend-area li h3{
	margin-top: 3px;
	margin-bottom: 1px;
/* maetani 080323
	font-size: 92%;
*/
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}


#main div.recomend-area li p em{
/* maetani 080323
	font-size: 114%;
*/
	font-size: 12px;
}

#main div.recomend-area p.graph{
	clear: left;
	margin-bottom: 2px;
	margin-left: 10px;
/* maetani 080323
	font-size: 92%;
*/
	font-size: 12px;
	line-height: 1;
}

#main div.recomend-area p.graph img{
/* maetani 08/03/12
	margin-right: 5px;
*/
	vertical-align: middle;
}

#main div.recomend-area div.recomend-con{
	padding: 5px 5px;
	margin: 3px 10px 10px 10px;
	background: #F2F2F2;
	background-image: url(/images/point-city/line03.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#main div.recomend-area div.recomend-con p{
/* maetani 080323
	font-size: 85%;
*/
	font-size: 12px;
}

#main div.recomend-area p.otherl{
	margin: 0 10px 10px 10px;
/* maetani 080323
	font-size: 85%;
*/
	font-size: 12px;
	line-height: 1;
	text-align: right;
}

#main div.recomend-area p.otherl img{
	margin-left: 15px;
	vertical-align: middle;
}

#main div.recomend-area p.otherl span{
	padding-left: 7px;
	background: transparent url(/images/point-city/ex01.gif) no-repeat 0 40%;
}


/*-----------------------------------------------
 #footer
-----------------------------------------------*/
#footer{
	clear: both;
	height: 100px;
	width: 900px;
	background: #F0F0F0 url(/images/point-city/footer_bg01.gif) repeat-x 0 0;
}

#footer ul{
	float: left;
	width: 450px;
	padding-top: 10px;
	font-size: 85%;
	line-height: 1.2;
}

#footer ul li{
	padding: 1px 0 0 10px;
	margin: 0 5px 0 0;
	border-left: 1px solid #0066CC;
	display: inline;
}

#footer ul li.utilityHome{
	border-left: 0;
}

#footer address{
	float: right;
	padding-right: 10px;
}

#footer address img{
	padding-top: 10px;
}