@charset "UTF-8";

/* page */
div.page {
	margin:0 auto;
	background:#fff;
	width:760px;
	color:#333;
	font-size:small;
}


/* choice */
div#choice {
	position:relative;
	background:#fff url("../../images/credit/top/choice.png") top center no-repeat;
	width:760px;
	height:320px;
}
div#choice h2,
div#choice h3,
div#choice p {
	display:none;
}
div#choice ul {
	list-style:none;
	}
div#choice ul li {
	position:absolute;
	bottom:0;
	height:20px;
	}
	li#choice_housewife {
		left:35px;
		width:75px;
		}
	li#choice_businessman {
		left:167px;
		width:125px;
		}
	li#choice_ol {
		left:343px;
		width:63px;
		}
	li#choice_freeter {
		left:463px;
		width:113px;
		}
	li#choice_student {
		left:633px;
		width:75px;
		}
div#choice ul li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
	}

	
div#choice ul li a:hover{ 
	 background:none;
	 }

	
/* select-want */
table#select-want {
	margin:0 0 30px 0;
	border-collapse:collapse;
	width:730px;
	line-height:1.5;
	}
table#select-want caption {
	}
table#select-want tbody th {
	border-bottom:#999999 1px dotted;
	padding:5px 0;
	width:170px;
	vertical-align:top;
	}
table#select-want tbody td {
	border-bottom:#999999 1px dotted;
	padding:5px;
	}


/* select-issue */
table#select-issue {
	margin:0 0 30px 0;
	border-collapse:collapse;
	background:#F8F8F8 url("../../images/credit/top/select-issue-background.png") center repeat;
	width:730px;
	line-height:1.5;
	}
table#select-issue caption {
	}
table#select-issue tbody th {
	border-bottom:#999999 1px dotted;
	padding:5px 0;
	width:170px;
	vertical-align:top;
	}
table#select-issue tbody td {
	border-bottom:#999999 1px dotted;
	padding:5px;
	}
	
/* select-guide */
table#select-guide {
	margin:0 0 30px 0;
	border-collapse:collapse;
	background:#F8F8F8 url("../../images/credit/top/select-issue-background.png") center repeat;
	width:730px;
	line-height:1.5;
	}
table#select-guide caption {
	}
table#select-guide tbody th {
	border-bottom:#999999 1px dotted;
	padding:5px 0;
	width:170px;
	vertical-align:top;
	}
table#select-guide tbody td {
	border-bottom:#999999 1px dotted;
	padding:5px;
	}	
	
	
/* focus */
table.focus {
	margin:0 0 30px 0;
	border-collapse:collapse;
	width:730px;
	line-height:1.5;
	}
table.focus caption {
	}
table.focus tbody {
	background:#FFFFE1;
	}
table.focus tbody td {
	padding:0 10px;
	}
table.focus tbody.main {
	text-align:center;
	}
table.focus tbody.main td {
	border-bottom:#EEEEEE 1px solid;
	padding:10px;
	}
	
/* twin */
table#twin {
	margin:0 0 30px 0;
	border-collapse:collapse;
	width:730px;
	line-height:1.5;
	}
table#twin caption {
	}
table#twin colgroup.main {
	padding-right:5px;
	width:358px;
	}
table#twin colgroup.sub {
	padding-left:5px;
	width:358px;
	}
table#twin th {
	text-align:left;
	}
table#twin td {
	padding:5px;
	}
table#twin thead td {
	text-align:center;
	}
table#twin tbody * {
	vertical-align:top;
	}
table#twin tbody th {
	}
table#twin tbody td {
	vertical-align:top;
	}
table#twin tbody td a.detail {
	float:right;
	margin-top:50px;
	margin-right:3px;
	}
table#twin tbody td span {
	display:block;
	clear:both;
	}
	
/*
===============================================
2008/10/24 クレジットカテゴリー
ナビゲーションメニューを左カラムによせる。
===============================================
*/
body,p{
	font-size:12px;
	color:#333;
}
h2,ul,li{
	margin:0px;
	padding:0px;
}
#main-visual{
	/*width:980px;*/
	width:758px;
	height:156px;
	background:transparent url("../../images/credit/top/img_main.png");
	margin:0;
}
#main-visual p{
	width:450px;
	margin-left:480px;
	padding-top:40px;
}
/* 左カラム ******************************** */
#left-container{
	width:180px;
	float:left;
	background:#fff;
	border-right:1px solid #ccc;
	/*background:transparent url(http://192.168.1.151/hikaku/images/bg_navigation4.png) repeat-y;*/
	}
	#menu-container ul{
		margin-bottom:15px;
		}
		#menu-container ul li{
			list-style-type:none;
			/*background:transparent url(http://www.kakakuh.jp/images/credit/icon_mark_guide.png) no-repeat 0 center;*/
			}
			#menu-container ul li h2{
				font-size:12px;
				}
				#menu-container ul li h2 a{
					display:block;
					width:160px;
					height:20px;
					padding:5px 0 0 7px;
					background:#777 url("http://www.kakakuh.jp/hikaku/images/credit/menu_bg.gif");
					color:#fff;
					text-decoration:none;
					border-bottom:1px solid #ccc;
					}
					#menu-container ul li h2 a:hover{
						background:#bbb;
						color:#fff;
						text-decoration:underline;
						}

/* 右カラム ******************************** */
#right-container{
	width:760px;
	background:#fff;
	margin-left:200px;
	}
	/* クレジットカードの説明メニュー */
	.menu-list ul li{
		list-style-type:none;
		padding-left:16px;
		background:transparent url(http://www.kakakuh.jp/images/credit/icon_mark_guide.png) no-repeat 0 center;
		}
		.menu-list ul li h2{
			font-size:12px;
			}
			.menu-list ul li h2 a{
				display:block;
				width:180px;
				height:20px;
				padding:10px;
				color:#555;
			}
			.menu-list ul li h2 a:hover{
				color:#fff;
				color:#aaa;
			}
			
/* 共通クラス */
.Font_RedBold{
	font-weight:bold;
	color:#700;
}