@charset "UTF-8";

/*____________________________

  # eLIO Basic CSS
  # Update 2006.12.28
  # By: yuta.ok@gmail.com

  ____________________________*/
		

/*<!-- ↓基本 -->*/
* { margin: 0; padding: 0; list-style: none;}
img,fieldset { border: 0;}
.cl { display: block; height: 0; clear: both;}

body { color: #333; font: small/1.2 'Lucida Grande','Hiragino Kaku Gothic Pro',sans-serif;}
a { text-decoration: none;}
a:link { color: #003;}
a:visited { color: #003;}
a:hover { color: #fc0;}
a:active { color: #fc0;}

#wrap { width: 770px; margin: 0 auto;}


.ttl14 {
	font-size: 14px;
	color:#000a66;
	font-weight:bold;
	line-height: 140%;
	}
.txt12cff2c2c {
	font-size: 12px;
	color:#ff2c2c;
	font-weight:bold;
	line-height: 140%;
	}
.txt12c323232 {
	font-size: 12px;
	color:#323232;
	line-height: 140%;
	}
.txt10c323232 {
	font-size: 10px;
	color:#323232;
	line-height: 140%;
	}
.txt10c646464 {
	font-size: 11px;
	line-height: 140%;
	color:#646464;
	}
.style2 {color: #FF0000}

/*<!-- ↑基本 -->*/


/*<!-- ↓共通ヘッダ -->*/
#header { width: 770px; height: 66px;}
#header h1 { width: 200px; height: 50px; margin: 10px 0 0 5px;}
#header ul { width: 511px; height: 30px; margin: -60px 0 0 255px; padding-left: 4px; background: url(/img/menu_base.gif) no-repeat;}
#header ul li { width: 101px; height: 30px;  text-indent: -5000px;  float: left;}
#header ul li a { width: 101px; height: 30px;  display: block; text-decoration: none; font:0px/0px sans-serif; }
#header ul li a:hover {  background-position: 0px -60px; }

#header ul li#menu_about a { background: url(/img/menu_about.gif) no-repeat; }
#about #header ul li#menu_about a,
#top #header ul li#menu_about a:hover,
#about #header ul li#menu_about a:hover,
#shopping #header ul li#menu_about a:hover,
#apply #header ul li#menu_about a:hover,
#qa #header ul li#menu_about a:hover,
#search #header ul li#menu_about a:hover,
#about #header ul li#menu_about a:hover { background: url(/img/menu_about.gif) no-repeat;  background-position: 0px -60px; }

#header ul li#menu_shopping a { background: url(/img/menu_shopping.gif) no-repeat; }
#shopping #header ul li#menu_shopping a,
#top #header ul li#menu_shopping a:hover,
#about #header ul li#menu_shopping a:hover,
#shopping #header ul li#menu_shopping a:hover,
#apply #header ul li#menu_shopping a:hover,
#qa #header ul li#menu_shopping a:hover,
#search #header ul li#menu_shopping a:hover,
#shopping #header ul li#menu_shopping a:hover { background: url(/img/menu_shopping.gif) no-repeat;  background-position: 0px -60px; }

#header ul li#menu_apply a { background: url(/img/menu_apply.gif) no-repeat; }
#apply #header ul li#menu_apply a,
#top #header ul li#menu_apply a:hover,
#about #header ul li#menu_apply a:hover,
#shopping #header ul li#menu_apply a:hover,
#apply #header ul li#menu_apply a:hover,
#qa #header ul li#menu_apply a:hover,
#search #header ul li#menu_apply a:hover,
#apply #header ul li#menu_apply a:hover { background: url(/img/menu_apply.gif) no-repeat;  background-position: 0px -60px; }

#header ul li#menu_qa a { background: url(/img/menu_qa.gif) no-repeat; }
#qa #header ul li#menu_qa a,
#top #header ul li#menu_qa a:hover,
#about #header ul li#menu_qa a:hover,
#shopping #header ul li#menu_qa a:hover,
#apply #header ul li#menu_qa a:hover,
#qa #header ul li#menu_qa a:hover,
#search #header ul li#menu_qa a:hover,
#qa #header ul li#menu_qa a:hover { background: url(/img/menu_qa.gif) no-repeat;  background-position: 0px -60px; }

#header ul li#menu_search a { background: url(/img/menu_search.gif) no-repeat; }
#search #header ul li#menu_search a,
#top #header ul li#menu_search a:hover,
#about #header ul li#menu_search a:hover,
#shopping #header ul li#menu_search a:hover,
#apply #header ul li#menu_search a:hover,
#qa #header ul li#menu_search a:hover,
#search #header ul li#menu_search a:hover,
#search #header ul li#menu_search a:hover { background: url(/img/menu_search.gif) no-repeat;  background-position: 0px -60px; }
/*<!-- ↑共通ヘッダ -->*/


/*<!-- ↓コンテナ -->*/
#contents { clear: both; padding-bottom: 10px;}
#main, #sub { float: left;}
#main { width: 600px;}
#sub { width: 170px;}
/*<!-- ↑コンテナ -->*/


/*<!-- ↓プロモーション -->*/
#promotion { height: 213px;}
/*<!-- ↑プロモーション -->*/


/*<!-- ↓ニュース -->*/
#news { padding-bottom: 10px;}
#news h2 { height: 40px;}
#news table { width: 580px; margin-left: 5px;}
#news table th, #news table td { border-bottom: 1px solid #ccc; vertical-align: top;}
#news table tr.fin th, #news table tr.fin td { border-bottom: none;}
#news table th { width: 60px; padding: 2px 5px 2px 0; font-weight: normal;}
#news table td { width: 520px; padding: 2px 0; font-weight: normal;}
/*<!-- ↑ニュース -->*/


/*<!-- ↓ニュース下部バナー -->*/
#news_banner { margin: 5px 0px 12px 5px; height: 50px;}
#news_banner img { margin-right: 10px;}
/*<!-- ↑ニュース下部バナー -->*/


/*<!-- ↓検索 -->*/
#search { padding-bottom: 15px;}
#search p#shop-amount { height: 22px; margin: -22px 25px 0 0; color: #0d2668; text-align: right;}
#search p#shop-amount strong { margin: 0 5px; font-size: medium;}

#search-cate form { height: 25px; margin: -25px 25px 0 0; text-align: right;}
#search-cate form input { vertical-align: top;}
#search-cate ul { height: 145px; padding-left: 13px; background: url(/img/search_cate_base.gif) no-repeat;}
#search-cate ul li { display: inline;}
#search-cate ul li a { display: block; float: left; margin-right: 1px;}

#search-cate dl { background: url(/img/search_brws_base.gif) repeat-y;}
#search-cate dl dt { width: 560px; margin: 0 0 10px 15px; padding: 5px 0; border-bottom: 1px dashed #a1c3e5;}
#search-cate dl dt table { width: 560px;}
#search-cate dl dt table td { font-weight: bold; text-align: center;}
#search-cate dl dt table td img { margin: 0 5px; vertical-align: middle;}
#search-cate dl dt table td a strong { color: #f60; font-size: medium;}
#search-cate dl dd { width: 590px; padding-bottom: 10px; background: url(/img/search_brws_btm.gif) no-repeat left bottom;}
#search-cate dl dd table { width: 560px; margin-left: 15px;}
#search-cate dl dd table td { padding: 1px 3px;}
#search-cate dl dd table td.act { background: #c3d4e5;}

#search-name { width: 590px; margin-top: -5px; background: url(/img/search_name_base.gif) repeat-y;}
#search-name p { margin-top: -20px; padding: 0 0 10px 160px; background: url(/img/search_name_btm.gif) no-repeat left bottom;}
#search-name p a { padding: 0 1px; line-height: 1.5;}
#search-name p strong a { background: #69c; color: #fff;}
#search-name p span { padding: 0 2px; color: #ccc;}
/*<!-- ↑検索 -->*/


/*<!-- ↓おすすめ加盟店 -->*/
#recomshop { padding-bottom: 10px;}
#recomshop h2 { height: 40px;}
#recomshop table td { vertical-align: top;}
#recomshop td { width: 290px; padding-bottom: 15px;}
#recomshop td p.recomshop-cap { width: 125px; float: left; text-align: right;}
#recomshop td h3, #recomshop td p.recomshop-logo, #recomshop td p.recomshop-txt { width: 155px; float: right;}
#recomshop td h3 { padding: 3px 0; font-size: small;}
#recomshop td p.recomshop-logo-none { display:none;}
#recomlist { display:none;}

/*<!-- ↑おすすめショップ -->*/


/*<!-- ↓NEW加盟店 -->*/
#newshop table { width: 590px; margin-bottom: 20px}
#newshop table td { vertical-align: top;}
#newshop table td dl { width: 140px; background: url(/img/result_on_btm.gif) no-repeat left bottom;}
#newshop table td dl dd.shop-ttl { background: url(/img/result_on_top.gif) no-repeat;}
#newshop table td dl dd.shop-ttl h3 { padding:10px; font-size: small;word-break: break-all;}
#newshop table td dl dd.shop-ttl h3 img { display: block; margin-bottom: 5px;}
#newshop table td dl dd.shop-balloon { display: none;}/*ダミーのためバルーン非表示中*/
#newshop table td dl dd.shop-balloon { width: 140px; padding-bottom: 25px; background: url(/img/balloon_btm.gif) no-repeat left bottom;}
#newshop table td dl dd.shop-balloon p { padding: 15px 15px 10px; background: url(/img/balloon_base.gif);}
/*<!-- ↑NEWショップ -->*/


/*<!-- ↓キャンペーン -->*/
#campaign { margin-bottom: 10px;}
#campaign h2 { height: 30px;}
#campaign dl { background: url(/img/campaign_base.gif) repeat-y;}
#campaign dl dt { padding: 10px 0; text-align: center;}
#campaign dl dd { padding: 0 15px 10px; background: url(/img/campaign_split.gif) no-repeat left bottom;}
#campaign dl.fin dd { background: url(/img/campaign_btm.gif) no-repeat left bottom;}
#campaign dl dd h3 { padding-bottom: 5px; font-size: small;}
#campaign dl dd p { padding-bottom: 5px;}
/*<!-- ↑キャンペーン -->*/


/*<!-- ↓提携カード会社 -->*/
#partner { margin-bottom: 5px;}
#partner dl { background: url(/img/campaign_base.gif) repeat-y;}
#partner dl dt { padding: 5px 0; text-align: center;}
#partner dl dd { padding: 0 15px 20px; background: url(/img/partner_split.gif) no-repeat left bottom;}
#partner dl.fin dd { background: url(/img/partner_btm.gif) no-repeat left bottom;}
/*<!-- ↑提携カード会社 -->*/



/*<!-- ↓ランキング -->*/
#ranking table { margin: 0 5px 10px; background: url(/img/ranking_bgbase.gif) repeat-y left top;}
#ranking table th { width: 20px; vertical-align: top;}
#ranking table td p { padding: 5px;}
#rank-1 , #rank-3, #rank-5 { background: #fff;}
#rank-1 th { background: #ff9a02 url(/img/ranking_1btm.gif) no-repeat left bottom;}
#rank-1 th strong { display: block; padding: 5px 0 10px; background: url(/img/ranking_1top.gif) no-repeat; color: #fff; text-align: center;}
#rank-2 th span, #rank-3 th span, #rank-4 th span, #rank-5 th span { display: block; padding-top: 5px;}
#rank-2 th, #rank-4 th, #rank-2 td, #rank-4 td ,#rank-2 th span, #rank-4 th span, #rank-2 td p, #rank-4 td p { background-repeat: no-repeat;}
#rank-2 th, #rank-4 th, #rank-2 td, #rank-4 td { background-image: url(/img/ranking_bgbtm.gif);}
#rank-2 th, #rank-4 th { background-position: left bottom;}
#rank-2 td, #rank-4 td { background-position: right bottom;}
#rank-2 th span, #rank-4 th span, #rank-2 td p, #rank-4 td p { background-image: url(/img/ranking_bgtop.gif);}
#rank-2 th span, #rank-4 th span { background-position: left top;}
#rank-2 td p, #rank-4 td p { background-position: right top;}
/*<!-- ↑ランキング -->*/


/*<!-- ↓パンクズ -->*/
#topic-path { padding: 0 5px 5px; font-size: x-small;}
/*<!-- ↑パンクズ -->*/


/*<!-- ↓検索結果 -->*/
#result p.page-move { padding-bottom: 20px; text-align: center;}
#result p.page-move a { padding: 0 5px;}
#result p.page-move strong { padding: 0 5px; background: #c3d4e5;}
#result table { width: 590px; margin-bottom: 20px}
#result table td { vertical-align: top;}
#result table td dl { /*position:relative;*/ width: 140px; background: url(/img/result_on_btm.gif) no-repeat left bottom;}
#result table td dl dd.shop-ttl { background: url(/img/result_on_top.gif) no-repeat;}
#result table td dl dd.shop-ttl h3 { padding:10px; font-size: small;word-break: break-all;}
#result table td dl dd.shop-ttl h3 a:hover { color:#ff6600;}
#result table td dl dd.shop-ttl h3 img { display: block; margin-bottom: 5px;}
#result table td dl dd.shop-balloon {/*position :absolute;*/ bottom:20px;left:20px;display: none;}/*ダミーのためバルーン非表示中*/
#result table td dl dd.shop-balloon { width: 140px; padding-bottom: 25px; background: url(/img/balloon_btm.gif) no-repeat left bottom;}
#result table td dl dd.shop-balloon p { padding: 15px 15px 10px; background: url(/img/balloon_base.gif);}
/*<!-- ↑検索結果 -->*/


/*<!-- ↓バルーン -->*/
#balloon { display:none; position:absolute;z-index:10;top:0px;left:0px; width: 150px; padding-bottom: 25px; background: url(/img/balloon_btm.png) no-repeat left bottom;}
#balloon p { padding: 15px 15px 10px; background: url(/img/balloon_base.png);}
/* WinIe6 ¥*/
* html #balloon {background-image: url(/img/balloon_btm.gif); }
* html #balloon p {background-image: url(/img/balloon_base.gif); }
/*<!-- ↑バルーン -->*/


/*<!-- ↓共通フッタ -->*/
#footer { height: 50px; margin: 0 5px;}
#footer #browse { font-size: x-small; padding-bottom: 10px; text-align:center;}
#footer #footer_bar { padding-bottom: 10px; text-align:center;}
#footer #sonyfinance { padding-bottom: 15px; background: url(/img/footer_copyright.gif) no-repeat; text-align: right;}
/*<!-- ↑共通フッタ -->*/


/*<!-- ↓エラー結果 -->*/
#error { height: 240px; margin: 0 5px;}
#error h1 { margin: 50px 0 15px 0;}
#error #error_txt { font-size: small; padding: 0 0 15px 0;}
#error #copyright { font-size: small; padding: 30px 0 15px 0;}
/*<!-- ↑エラー結果 -->*/


/*<!-- ↓動作推奨環境 -->*/
.browse { padding-bottom: 10px; line-height:1.4em;}
#browse h2 { height: 50px;}
#browse p.browse_txt { width: 760px; margin: 0 5px 10px 5px;}
#browse img.mt { margin: 20px 0 10px 0;}
#browse table { margin: 0 0 10px 5px;}
#browse table td { vertical-align: top;}
/*<!-- ↑動作推奨環境 -->*/