@charset "UTF-8";
/*-------------------------------------
SITE :
CREDIT : TEAM Falcon
CREATE : 2013.07.26
MODIFIED : 2013.08.12
Var : 1.0
-------------------------------------*/



/*-------------------------------------
	reset
-------------------------------------*/

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, dt, dd, ol, ul, li,
th, td,
form, fieldset, input, textarea { margin:0 0 0 0; padding:0 0 0 0; }

input{ vertical-align : middle ;}

select { margin:0 0 0 0; }



/*-------------------------------------
	アピアランス
-------------------------------------*/

html { height:100%; }
body { height:100%; }
abbr, acronym { border:0 none; }
q:before, q:after { content:""; }
ol, ul { list-style:none; }
img { border:0 none; vertical-align:bottom; }
object { outline:none; }
table { border-spacing:0; }
*:first-child+html table { border-collapse:collapse; }	/* IE 7 */
* html table { border-collapse:collapse; }				/* IE 6 */
caption { text-align:left; }
th,
td { text-align:left; vertical-align:middle; empty-cells:show; }
hr { display:none; }
fieldset { border:0 none; }
label { cursor:default; }
iframe { border:0 none; overflow:auto; }




/*-------------------------------------
	タイポグラフィ
-------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; font-size:100%; }
p, address, blockquote, pre, div,
abbr, acronym, dfn, cite, q, code, kbd, samp, var,
dl, ol, ul,
caption, th { font-weight:normal; font-style:normal; }
em, strong { font-weight:bold; font-style:normal; }



/*-------------------------------------
	HTML5
-------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0 0 0 0; padding:0 0 0 0; }



/*-------------------------------------
	要素別スタイル
-------------------------------------*/

body { background:#998768; color:#484035; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:12px; line-height:1.417; }

pre { font-family:"メイリオ", "Lucida Grande","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande",  Verdana, "ＭＳ Ｐゴシック", sans-serif; }

a { color:#72684E; text-decoration:none;}
a:link { color : #72684E; text-decoration:none; }
a:visited { color: #887C5E; text-decoration:none; }
a:active { color: #887C5E; text-decoration:none; }
a:hover { color:#998C6C; text-decoration:none;}

input, select, textarea { color:#202020; font-size:12px; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
input[type="text"]{ border:solid 1px #C8C798; }
/*
html:not(:target) input,
html:not(:target) select,
html:not(:target) textarea { font-family:sans-serif; }
*/
html:not(:target) input[type="password"] { font-family:"Lucida Grande", sans-serif; }
textarea { border:1px solid ##AEAA55; padding:2px 3px 2px 3px; }
a,input,object{ outline:none; }


/*-------------------------------------
	汎用クラス
-------------------------------------*/


.txt10 { font-size:10px; line-height:1.5; }
.txt11 { font-size:11px; line-height:1.455; }
.txt12 { font-size:12px; line-height:1.417; }
.txt13 { font-size:13px; line-height:1.385; }
.txt14 { font-size:14px; line-height:1.357; }
.txt15 { font-size:15px; line-height:1.333; }
.txt16 { font-size:16px; line-height:1.313; }
.txt18 { font-size:18px; line-height:1.278; }
.txt20 { font-size:20px; line-height:1.25; }


.red-01 { color:#C00;}
.blue-01 { color:#06F;}

.small { font-size:12px;}

/* clearfix */
.clearfix { zoom:1; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* JavaScriptによるDOM操作用予約済みセレクタ */
.current{}
.rollover {}
.nopngfix{}
.alpha {}
.noscroll{}



.submit { width:auto; margin:0 auto; text-align:center;}

/*-------------------------------------
	カラーコード
	#999952 : 薄緑
	#F1C30E ： オレンジ クレジットカード系
	#85B218 ： 緑 カードローン系
	#746654	： 茶 見出し、太字リンク
	#8D7B5E ： 茶 リンク
	#635546 ： 茶 テキスト
	#463F33 ： 茶 テキスト2
-------------------------------------*/

.mt20{ margin-top:20px;}



/*-------------------------------------
	table
-------------------------------------*/

table{
	width: 100%;
	border: 1px solid #B7B495;
	border-collapse: collapse;
	border-spacing: 0;
}

table th{
	background-color: #E6E4D9;
	border: 1px solid #B7B495;
	border-top: 2px solid #B7B495;
	font-weight:bold;
	padding: 10px 0 8px;
	text-align:center;
}

table td{
	background:#FDFDF7;
	border: 1px solid #B7B495;
	padding: 10px 0 8px;
	text-align:center;
}

table thead th{
	color: #ffffff;
	background-color: #E6E4D9;
	border-left: 1px solid #B7B495;
}



/*-------------------------------------
	アイコン
-------------------------------------*/

.more {text-align:right; }
.more a{ background:url(/images/common/ico_arrow.png) no-repeat left center; padding: 1px 0 0 20px; font-weight:bold; font-size:13px; }
.more a:hover{ background:url(/images/common/ico_arrow_ov.png) no-repeat left center; }


/*-------------------------------------
	body
-------------------------------------*/

body { min-width:1170px; width:100%; }
body a:hover img.rollover{ opacity:1; filter:alpha(opacity=100); }
body a:hover img{ opacity:0.8; filter:alpha(opacity=80); }



/*-------------------------------------
	#wrapper
-------------------------------------*/

#wrapper{ text-align:left; position:relative; background:url(/images/common/bg_body.jpg) repeat top center; min-width:1000px; }



/*-------------------------------------
	#body
-------------------------------------*/

#body{ clear:both; width:960px; margin:0 auto 120px; position:relative; }

#breadcrumb li{ display:inline; }
#breadcrumb li h1{ display:inline; }
#breadcrumb li a { color:#484035;}
#breadcrumb li a:hover { color:#987A4E;}

#glbPageTop{ left: 50%; margin: -40px 0 0 510px; position: absolute; bottom:auto; z-index: 100; }
#glbPageTop.fixed{ position: fixed; bottom:30px;}
#glbPageTop a{ position:relative; display:block; }


/*-------------------------------------
	#breadcrumb
-------------------------------------*/

#breadcrumb { margin:10px 0 8px; }
#breadcrumb li { margin: 0 5px 0 0;}
#breadcrumb a { margin: 0 5px 0 0;}


/*-------------------------------------
	#contents
-------------------------------------*/

#contents{ width:960px; margin: auto; text-align:left; position:relative; }

.clearfix #mainColumn{ float:left; width:690px; }
.clearfix #mainColumn #centerColumn{ float:right; width:420px; }
.clearfix #mainColumn #subColumn{ float:left; width:250px; margin-bottom: 20px; }

.clearfix #sideColumn{ float:right; width:250px; }

/* ランキング（共通） */

.ranking #title { margin-bottom:40px; }
.ranking #title ul { margin-top:10px;}
.ranking #title ul li { float:left; width:110px; margin:25px 10px 5px; text-align:center; line-height:1.2; color:#746654; font-weight:bold;}
.ranking #title ul li.no1{ margin-top:5px;}

.ranking #title ul li img { margin-bottom:5px;}

.ranking .cardInfo { overflow:visible;}
.ranking .cardInfo .ttl img{ float:left; margin:-35px 0 -40px -10px;}
.ranking .cardInfo .ttl h3{ float:left; margin:0; padding:0; width:480px;}
.ranking .cardInfo div.point{ clear:both; margin:0; padding:0; overflow:visible;}

/* カード詳細（共通） */

.cardInfo .detail { margin:20px; border-bottom:1px dotted #AF9D7E; padding-bottom:10px;}
.cardInfo .detail h4 { background:#E8E6DA; border-left:3px solid #463F33; margin:10px 0; font-size:16px; font-weight:bold; padding:7px 8px 3px 9px;}
.cardInfo .detail p{ padding:5px 10px 10px 12px; font-size:14px;}


/* 類似カード（共通） */

#similar-card { overflow:hidden; margin-right:-20px;}
#similar-card h3 { margin:0 20px 14px 0; padding:12px 0 0 20px; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; font-size:14px; font-weight:bold; color:#484035;}
#similar-card ul li { float:left; margin:0 20px 20px 0; padding: 10px 10px 43px; background:#FFF; border:1px solid #D4CCB7; width:135px; text-align:center;}
#similar-card ul li img { padding:10px 0 5px ; }
#similar-card p.cardface { }
#similar-card p.cardname { line-height:1.3;}
#similar-card p.addList{ margin:10px 0; padding:5px 0; border-top:1px dotted #AF9D7E; border-bottom:1px dotted #AF9D7E; font-weight:bold;}
#similar-card p.addList img { padding:0 5px 2px 0;}
#similar-card p.preface { text-align:left;}
#similar-card p.official { margin:15px 0; padding:0 ; border-top:1px dotted #AF9D7E;}


/* 絞り込み検索（共通） */

#search-detail h2 { margin:28px 0 0 230px; }
#search-detail h3 { margin:20px 0; padding:11px 0 0 100px; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; display:block; position:relative; }
#search-detail div#search-form { background:#FFF; margin:0; padding:20px; border-radius:5px; }
#search-detail p.coco { position:absolute; right:200px; top:59px;}
#search-detail p.icon-card { position:absolute; left:10px; top:115px;}
#search-detail p.magnifier { position:absolute; left:65px; top:120px;}

#search-form table{ margin:0 0 20px ; border-collapse:collapse;}
#search-form th{ width:120px; background:#F1F0E9; font-size:14px; font-weight:bold; text-align:center; border-top:1px dotted #B7B495; border-bottom:none; border-right:none;}
#search-form td{ background:#FFF; text-align:left; padding:10px 15px; border-top:1px dotted #B7B495; border-bottom:none; border-left:none; font-size:13px; color:#594C37;}

#search-form ul li { float:left; min-width:140px; padding:4px 0;}
#search-form ul li input { margin: 0 5px 0 0; }
#search-form ul.insurance li { padding-right:30px; min-width:150px;}


#search-result { margin:20px 0 0 0; padding:0; background:#FFF; border-radius:5px; }
#search-result div#search-form { margin:0; padding:0 20px; }
#search-result p.title { width:auto; background:#E6E4D9; border-top:3px solid #B9B495; padding:8px 0 5px 100px; font-size:16px;}
#search-result p.icon-card { position:absolute; left:10px; top:35px; padding:0;}
#search-result p.magnifier { position:absolute; left:65px; top:40px; padding:0;}
#search-result p.terms{ margin:10px 0 0 0; padding:0; font-weight:bold; font-size:15px;}
#search-result p { padding:5px 0 15px; line-height:1.5;}
#search-result p.submit { padding:0 0 20px;}
#search-result p.change-tarm{ padding:10px 0; text-align:center; border-top:1px dotted #B7B495; font-size:14px; font-weight:bold;}
#search-result p.change-tarm a{ background:url(/images/common/arrow-down-01.png) left 5px no-repeat; padding: 0 0 0 20px;}
#search-result p.change-tarm a:hover{ background:url(/images/common/arrow-down-01_ov.png) left 5px no-repeat; padding: 0 0 0 20px;}

#search-result form{ padding:0;}
#search-result form div#close-btn{ padding-top:20px; margin-bottom:20px; text-align:center; border-top:1px dotted #B7B495;}

.pager{ position:relative; clear:both; margin:20px auto; text-align:center; font-size:14px; overflow:hidden;}
.pager ol { position:relative; left: 50%; float:left; }
.pager li { float:left; margin:0 5px;left: -50%; position:relative }
.pager li.pager-current{ width:32px; margin:0 5px; padding:5px 0; background:#E6E4D9; border:1px solid #B7B495; display:block;}
.pager li a { width:32px; padding:5px 0; background:#FFF; border:1px solid #B7B495; display:block;}
.pager li a:hover { color:#666; background:#F9F9F7; border:1px solid #D2D0BD;}
.pager li.navi{ background:none; border:none;}
.pager li.navi a{ background:none; border:none;}


/* テーブルヘッダ固定 */

#search-result2 #sticky_inner{ overflow:hidden;	position:relative;}
#search-result2 #title-header{ width:100%; z-index: 50; }
#card-data{ padding-top:65px;}
#sub-data{ padding-top:85px;}

#search-result2.creditcard-list #card-data { padding-top: 45px; }
#search-result2.creditcard-list #sub-data { padding-top: 0px; }

#search-result2 #title-header table td,
#search-result2 #title-header2 table td { background:#E6E4D9; padding:12px 0px 10px; border-top:none; border-left:none; border-right:1px dotted #B7B495; border-bottom: 3px solid #C6C5B9; font-size:14px; text-align:center; font-weight:bold;}
#search-result2 #title-header2 table td { padding:13px 0px 11px; font-size:13px; }

#search-result2 { clear:both; background:#FFF; padding:4px;}
#search-result2 table { border:none; clear:both;}
#search-result2 table tr { border-bottom: 3px solid #C6C5B9;}
#search-result2 table td { background:none; padding:15px 0px; border-top:none; border-left:none; border-right:1px dotted #B7B495; border-bottom:none;}
#search-result2 table tr.even{ background:#F9F9F7;}
#search-result2 table tr.hover{ background:#FEF5F3;}

#search-result2 td h2 { clear:both; font-size:14px; font-weight:bold;}
#search-result2 td p { font-weight:bold;}
#search-result2 table img { padding:0 0 5px 0;}

#search-result2 td.card-info,
#search-result2 td.fee,
#search-result2 td.insurance{ text-align:left;}
#search-result2 .card-info { min-width:300px; max-width:300px;}
#search-result2 .card-info img{ float:left; margin: 0 10px 5px 0; padding:0; }

#search-result2 td.card-comp { width: 150px; }
#search-result2 td.exam,
#search-result2 td.today,
#search-result2 td.needvisit { width: 60px; }
#search-result2 td.permit { width: 140px; }
#search-result2 td.conveni { width: 140px; }
#search-result2 td.comp01,
#search-result2 td.comp02,
#search-result2 td.comp03,
#search-result2 td.comp04,
#search-result2 td.comp05,
#search-result2 td.comp06,
#search-result2 td.comp07,
#search-result2 td.comp08,
#search-result2 td.comp09,
#search-result2 td.comp10 {width: 55px;font-size: 22px;}


/* creditcard */
#search-result2 .fee { min-width:120px; max-width:120px;}
#search-result2 .insurance { min-width:130px; max-width:130px;}
#search-result2 .speed{ min-width:60px; max-width:60px;}
#search-result2 .rate{ min-width:60px; max-width:60px;}
#search-result2 .e-money { min-width:80px; max-width:80px;}
#search-result2 .grade { min-width:100px; max-width:100px;}
#search-result2 .brand { min-width:70px; max-width:70px;}
#search-result2 .point {
  min-width:300px;
  max-width:300px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}

#search-result2 td.insurance li{ padding:5px 0 5px 10px; background:url(/images/common/dot-brown01.png) left 10px no-repeat;}

/* cardloan */
#search-result2 .amount { width:190px;}
#search-result2 .rate1 { width:110px;}
#search-result2 .rate2{ width:80px;}
#search-result2 .guarantee{ width:70px;}
#search-result2 .condition { width:200px; text-align:left;}


#search-result2 p.addList { margin-top:10px; color:#6C675D; cursor: pointer;}
#search-result2 p.addList img{ margin:0; padding:0 5px 0 0;}
#search-result2 ul.btn img { margin:0; padding:6px 7px 5px 0;}
#search-result2 ul.pickup li { padding:2px 0 0 12px; background:url(/images/common/dot-brown01.png) 2px 7px no-repeat; }

#search-result2 tbody:last-child tr { border-bottom: none;}
#search-result2 #title-header table td.active-sort { background: #B9AF95 none repeat scroll 0% 0%;}
#search-result2 #title-header td div.order-icon { margin-top: 3px; margin-left: 4px; display: block; float: right; width: 15px; height: 15px;background: url(/images/common/ico_arrow_mupdown.png) 0px 0px no-repeat;}
#search-result2 #title-header table td div.order-icon.order-asc { background: url(/images/common/ico_arrow_mdown.png) 0px 0px no-repeat; }
#search-result2 #title-header table td div.order-icon.order-desc { background: url(/images/common/ico_arrow_mup.png) 0px 0px no-repeat; }

#search-result2 #title-header table td { color: rgb(80,80,230); text-decoration: underline; cursor: pointer; }

#search-result2 #title-header2 table td.active-sort { background: #B9AF95 none repeat scroll 0% 0%;}
#search-result2 #title-header2 td div.order-icon { margin-top: 3px; margin-left: 4px; display: block; float: right; width: 15px; height: 15px;background: url(/images/common/ico_arrow_mupdown.png) 0px 0px no-repeat;}
#search-result2 #title-header2 table td div.order-icon.order-asc { background: url(/images/common/ico_arrow_mdown.png) 0px 0px no-repeat; }
#search-result2 #title-header2 table td div.order-icon.order-desc { background: url(/images/common/ico_arrow_mup.png) 0px 0px no-repeat; }

#search-result2 #title-header2 table td { color: rgb(80,80,230); text-decoration: underline; cursor: pointer; }

/* タブメニュー */

.clear {
		overflow: hidden;
		zoom: 1;
}


.tab-menu {
		border-bottom: 3px solid #b9b495;
		list-style: none;
}

.tab-menu > li {
		float: left;
		margin: 0 3px 0 0;
}

.tab-menu > li > a {
		display: block;
		background: #dbd9cb;
		border-radius: 5px 5px 0 0;
		color: #484035;
		font-size: 14px;
		padding: 10px 24px 6px;
		text-decoration: none;
}

.tab-menu > li > a:hover {
		background: #d3cfb6;
}

.tab-menu > li a.active {
		background-color: #b9b495;
		color: #fff;
}

#tab-contents {
		min-height: 100px;
}

/*#tab-contents .hidden {
		display: none;
}*/

/* 検索結果数 */
.search-num{ margin-top:10px; font-size:14px;}



/* チェックリスト横フルサイズ */
#checklist { margin-top:40px; width:960px; }
#checklist h2{ background:url(/images/common/bg-subtitle01.png) left top repeat-x; text-align:center; height:32px; padding-top:9px;}

#checklist table.data{ width:auto; overflow-x:scroll; overflow-y:hidden; margin:20px 0; border:none;}
#checklist .data tr{}
#checklist .data td{ background:none; width:140px; margin:20px 0 0 0; vertical-align:top; padding:0 20px; border-left:none; border-top:none; border-bottom:none; border-right:1px dotted #AF9D7E; }
#checklist .set:first-child { border-left:1px dotted #AF9D7E; }

#checklist .cardimg img { padding-bottom:5px;}
#checklist p.btn { margin-bottom:5px }
#checklist p.delList{ font-weight:bold; text-align:left;}
#checklist p.delList a{ background:url(/images/common/ico_delete.png) 2px 2px no-repeat; padding:0 0 0 18px;}
#checklist p.delList a:hover{ background:url(/images/common/ico_delete_ov.png) 2px 2px no-repeat; padding:0 0 0 18px;}

#checklist p.compare{ width:960px; margin:20px auto; text-align:center;}

#checklist .jscrollpane{ overflow:scroll; height:auto; min-height:180px; min-width:160px;}
#checklist .jspContainer{ padding-bottom:20px;}

/* 横スクロールバー本体 */
#checklist .jspHorizontalBar { height:20px; background:#DFDDD0; }
#checklist .jspTrack { background:#DFDDD0; }
#checklist .jspDrag { background:#BDB99D; }

#checklist .jspHorizontalBar .jspArrowRight { width:30px; height:20px; background:url(/images/common/icon-scroll-right.png) no-repeat left top; }
#checklist .jspHorizontalBar .jspArrowLeft { width:30px; height:20px; background:url(/images/common/icon-scroll-left.png) no-repeat right top; }


/* notes box */
#notes{ background:url(/images/common/bg-notes.png) left bottom no-repeat; font-size:14px; line-height:1.5;}
#notes p { margin:0; padding:10px 25px 20px; line-height:1.6; }
#notes b { color:#C33;}


/*-------------------------------------
	見出し
-------------------------------------*/


/* タイトル */

#lead .inner{ border-bottom:1px dotted #AF9D7E; padding:0 0 20px; }
#lead .txt { float:left; margin:0 0 0 90px; width:366px; }
#lead .txt p { font-size:14px; padding:15px 35px 15px 20px; line-height:1.5; }

#lead .list { float:left; margin:-10px 0 0; font-size:15px; }
#lead .list h3 { margin:0 0 8px 0; }
#lead .list h3 img { width: 100%; max-width: 179px; }
#lead .list ul { margin:0 0 0 12px; }
#lead .list li { margin:2px 0 0; }
#lead .list a { background:url(/images/common/ico_arrow.png) no-repeat left center; padding:1px 0 0 20px; font-weight:bold; font-size:13px; }
#lead .list a :hover { background:url(/images/common/ico_arrow_ov.png) no-repeat left center; }

#lead strong { color:#C33; font-weight:bold;}


#title.others2 { border:none; margin-bottom:15px;}


/*-------------------------------------
	PR枠
-------------------------------------*/

.prLL{ height:250px; text-align:center;  margin: 0 0 20px; background:url(/images/common/bg_pr.png) no-repeat; layout-grid-line: 250px; overflow: hidden; }
.prLL .inner{ height:250px;  display:table-cell; width:250px; text-align:center; vertical-align:middle; }

.prL{ height:250px; text-align:center;  }
.pr { margin:20px 0 0; padding:0 0 23px; text-align:center; }
.pr .inner{ margin:10px 0 0; }
.prTtl{ text-align:center; padding:0 0 3px; }

/*.bnrList{ margin:20px 0 0; }*/
.bnrList{ margin: 20px 0 10px; }
.bnrList .bnr li,
.pr .bnr li{ margin:10px 0 0; text-align:center; }

/* PR横フルサイズ（共通） */
section.PR-full{ clear:both; width:auto; margin:40px auto 0; text-align:center; border-top:1px dotted #AF9D7E; }
section.PR-full img { padding:20px 0 0 0;}


/*-------------------------------------
	サイドカラム
-------------------------------------*/

/* カテゴリリスト */

.cardList{ width:250px; margin: 20px 0 0 0; padding:0; background:#FFF; }
.cardList ul.category{ margin: 0; padding: 18px 5px 5px 13px; background:#FFF;}
.cardList ul.category li{ clear:left; margin:2px 0 0 0; padding:0; font-weight:bold; min-height:30px; vertical-align:middle; }
.cardList ul.category li img{ float:left; margin:-8px 5px 0 0; padding:0; width: 40px;}

/* ブランドリスト */
.cardList ul.brandlist { clear:both; margin:0 10px; padding:12px 0 13px 13px; height:30px; background:#FFF;  border-top:1px dotted #AF9D7E;}
.cardList ul.brandlist li { float:left; margin:0 auto 10px; padding:0 3px; width: 29%;}
.cardList ul.brandlist li img { width: 100%; }
.cardList ul a:hover { color:#C90;}

/* その他 */

.btn-inspection { margin:0; padding:10px 0 12px 0; border-top:1px dotted #AF9D7E;}

/*-------------------------------------
	おすすめカード枠
-------------------------------------*/

.sideCardlist { padding: 0 0 16px; }
.sideCardlist li{ padding:0 0 15px; margin:0 0 10px; border-bottom:1px dotted #AF9D7E; }
.sideCardlist div.clearfix{ padding: 10px 15px;}
.sideCardlist div.clearfix .img{ float:left; width:110px;}
.sideCardlist div.clearfix .info{ float:left; width:110px; }
.sideCardlist div.clearfix .info h3{ font-weight:bold; }
.sideCardlist div.clearfix .info ul{ margin: 10px 0 0 -5px; }
.sideCardlist div.clearfix .info ul.btn { margin: 3px 0 0 -7px; }
.sideCardlist div.clearfix .info ul li{ float:left; margin: 0 0 0 5px!important; padding:0!important; border:none; }
.sideCardlist div.clearfix .info ul li a:before {content: "詳細";display: inline-block;padding: 0 10px;font-weight: bold;line-height: 20px;background: #ddd5c2;border-radius: 10px;}
.sideCardlist div.clearfix .info ul li a img {display: none;}
.sideCardlist div.clearfix .info #sideRecommend div.clearfix .info li{ float:left; margin: 0 0 0 5px; }
.sideCardlist div.clearfix .info .addList{ margin:7px 0 0; }
.sideCardlist div.clearfix .info .addList a{ background:url(/images/common/ico_add.png) no-repeat left center; padding: 1px 0 0 20px; font-weight:bold; }
.sideCardlist div.clearfix .info .addList a:hover{ background:url(/images/common/ico_add_ov.png) no-repeat left center; }

.sideCardlist li .lead{ margin:0 10px 5px 15px; font-weight:bold; }
.sideCardlist li .txt{ margin:0; padding:0 10px 0 15px; line-height:1.3; }

#sideRecommend ul.inner{ padding-top:7px;}


/*-------------------------------------
	チェックリスト（比較）
-------------------------------------*/

/* サイドカラム */

#yourCheckingCard ul.inner{ padding-top:3px;}

#yourCheckingCard .jscrollpane{ overflow-y:scroll; height:425px;}
#yourCheckingCard .inner{ margin-top: 8px;}
#yourCheckingCard li{ padding:0 0 15px; margin:0 0 10px; }
#yourCheckingCard div.clearfix{ padding: 5px 0 0 10px;}
#yourCheckingCard div.clearfix .img{ float:left; width:110px;}
#yourCheckingCard div.clearfix .info{ float:left; width:105px; }
#yourCheckingCard div.clearfix .info .delList{ margin:5px 0 0; }
#yourCheckingCard div.clearfix .info .delList a{ background:url(/images/common/ico_delete.png) no-repeat left center; padding: 1px 0 0 20px; font-weight:bold; }
#yourCheckingCard div.clearfix .info .delList a:hover{ background:url(/images/common/ico_delete_ov.png) no-repeat left center; }


#yourCheckingCard .jspVerticalBar { width:20px; background:#DFDDD0; }
#yourCheckingCard .jspTrack { background:#DFDDD0; }
#yourCheckingCard .jspDrag { background:#BDB99D; }
#yourCheckingCard .jspVerticalBar .jspArrow { height:35px; background:url(/images/common/ico_scroll_top.png) no-repeat center center; }
#yourCheckingCard .jspVerticalBar .jspArrowDown { height:35px; background:url(/images/common/ico_scroll_btm.png) no-repeat center center; }
#yourCheckingCard li:last-child { border:none; }



/* チェックリスト比較ページ */
#comparison #contents { overflow:visible;}
#title.full h2 { margin:20px 0 0 220px; }
#title.full h3 { margin:20px auto; padding:3px 0 0 0; text-align:center; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; display:block; position:relative; }
#title.full div#search-form { background:#FFF; margin:0; padding:20px; border-radius:5px; }
#title.full p.coco { position:absolute; right:200px; top:52px;}
#title.full p.icon-card { position:absolute; left:10px; top:115px;}
#title.full p.magnifier { position:absolute; left:65px; top:120px;}

#checklist-table { overflow:visible; position:relative; background:#FFF; margin:0; padding:0; border-radius:5px; }
#checklist-table table { border:none; margin:0; padding:0;}

#checklist-table .cardname { background:#FFF; margin:0 5px; padding:5px 0 0 0 ; border-bottom:4px solid #737260; z-index:10; position:relative;  overflow:visible;}
#checklist-table .data { background:#FFF; width:auto; margin:0 5px; padding:0 0 5px 0; z-index:2;}
#checklist-table .cardname td { vertical-align:top;}
#checklist-table .cardname p{ font-weight:bold;}
#checklist-table .point td { text-align:left; padding-top:15px; vertical-align:top;}
#checklist-table .insurance td{ text-align:left;}

#checklist-table tr { border-bottom:1px solid #C6C5B9; }
#checklist-table th { width:110px; background:#E6E4D9; border:none;  border-left:none;}
#checklist-table td { width:190px; text-align:left; padding:10px; background:#FFF; border-left:3px solid #C6C5B9;  border-bottom:none; border-right:none; border-top:none; text-align:center; }
#checklist-table td.odd{ background:#F9F9F7;}

#checklist-table ul li { padding:2px 0 0 12px; background:url(/images/common/dot-brown01.png) 2px 7px no-repeat; }
#checklist-table td img { margin:0 5px 8px ;}
#checklist-table p.delete{ text-align:right;}
#checklist-table td img.arrow { margin-bottom:25px;}

#checklist-table .scroll-left{ position:absolute; left:100px; top:20px; }
#checklist-table .scroll-right{ position:absolute; right:-15px; top:20px; z-index:30; }


/*-------------------------------------
	他の人がチェックしたカード
-------------------------------------*/

#others { margin:40px 0 0; padding:0; position:relative; }
#others h2{ margin:0 0 8px; }
#others .inner{ border:5px solid #DBD9CB; border-radius:2px; background:url(/images/common/others_recommend_ttl.png) no-repeat left center; padding: 0; }
#others p{ float:left; width:66px; }
#others ul{ width:auto; margin:20px 0 20px 60px; min-height:80px; }
#others ul li:last-child{ margin:0; padding-right:none; width:130px; border:none; }
#others ul li{ float:left; width:140px; margin: 0; padding: 0 15px; border-right:1px dotted #AF9D7E; text-align:center; line-height:1.0; display: inline; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#others ul li a{ margin:0; text-align:center; font-weight:bold; }
#others ul li a img{ margin: 0 0 7px; clear:all; }


/*-------------------------------------
	#gblHeader
-------------------------------------*/

#gblHeader { background:#ffffff; padding: 8px 0 0; }
#gblHeader #headerInner{ width:960px; margin:auto; }

#gblHeader #glbLead { float:right; font-size:13px; color:#999952; font-weight:bold; }
#gblHeader #glbLogo { float:left; margin:18px 0 0;}
#gblHeader #glbSearch { float:right; clear:right; margin: 25px 0 0;}
#gblHeader #glbSearch input { vertical-align:middle; }
#gblHeader #glbSearch input:hover[type="image"]{ opacity:0.7; filter:alpha(opacity=70);}
#gblHeader #glbSearch #glbSearchTxt{ height:20px; width:180px; color:#999952; padding: 2px 2px 1px; line-height:20px; }
#gblHeader #glbSearch #glbSearchTxt.def{ color:#AEAA55; }
#gblHeader #glbSitemap { float:right; line-height:25px; margin: 26px 13px 0 0;}
#gblHeader #glbSitemap a{ font-size:10px; background:url(/images/common/ico_arrow_sml.png) no-repeat left center; padding: 0 0 0 15px; color:#999952;}
#gblHeader #glbSitemap a:hover{ color:#CC3;}
#gblHeader #glbNavi { clear:both; background:url(/images/navigation/glb_bg.png) repeat-x left bottom; margin: 18px 0 0; padding: 0 0 5px; }
#gblHeader #glbNavi ul { width:960px; margin:auto; }
#gblHeader #glbNavi li { float:left; }


/*-------------------------------------
	#glbSubNavi
-------------------------------------*/

#glbSubNavi { margin: -5px 0 0; padding: 5px 0 0; }
#glbSubNavi ul { width:960px; margin:auto; }
#glbSubNavi li { float:left; }

#glbSubNavi.credit{ background:url(/images/creditcard/navigation/credit_bg.png) repeat-x left bottom;}

#glbSubNavi.loan{ background:url(/images/cardloan/navigation/loan_bg.png) repeat-x left bottom;}


/*-------------------------------------
	#gblFooter
-------------------------------------*/

#gblFooter { background:url(/images/footer/bg_footer.jpg) repeat-x center top; margin:50px 0 0; }
#gblFooter #footerInner{ width:960px; margin:auto; position:relative; padding: 35px 0 30px; }

#gblFooter #footerMenuWrapper { overflow:hidden; min-height:320px; margin:0 0 0 2px; }
#gblFooter #footerMenuWrapper .footerMenu:first-child { background:url(/images/common/border_dot_v.png) repeat-y left top; width:320px; }
#gblFooter .footerMenu { float:left; width:319px; background:url(/images/common/border_dot_v.png) repeat-y left top; margin: 16px 0 -600px; padding: 0 0 600px; }
#gblFooter .footerMenu li{ margin: 6px 0 0 30px; }
#gblFooter .footerMenu li a{ background:url(/images/common/ico_arrow_mdl.png) no-repeat left center; padding: 2px 0 0 20px; font-weight:bold; }
#gblFooter .footerMenu li a:hover{ background:url(/images/common/ico_arrow_mdl_ov.png) no-repeat left center;  color:#9E8D6D; }


#gblFooter #glbSns{ position:absolute; top:-25px; right:0; }
#gblFooter #glbSns li{ float:left; margin: 0 0 0 8px; }
#gblFooter #glbSns li a{ display:block; }
#glbCopyright{ text-align:center; padding:20px 0 18px 0; color:#CCC3B4; background:#998768; font-family:"Century Gothic","Furuta","Helvetica","Arial"; font-size:0.7rem; }

#glbCcoco{ background:url("/images/footer/img_coco.png") no-repeat left top; height: 118px; left: 217px; position: absolute; top: -70px; width: 119px; z-index: 10; }

/*-------------------------------------
	#glbAnalytics
-------------------------------------*/

#glbAnalytics{ position:absolute; height:0; overflow:hidden; }





/* CSS end */