@charset "utf-8";

/*--------------------------------------------------------
コンテナ説明　　　　　　　　*最終更新:2008/04/28

body
 └.wrapper	　…………　全体格納コンテナ
     ├.header	　　………　ヘッダ格納コンテナ
     ├.contents	………	コンテンツ格納コンテナ
     │  └.footer	　…………	フッタ格納コンテナ
     └.menu	　…………	メニュー格納コンテナ

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

/*---------------------------------------
Uniersal Selector
----------------------------------------*/
*{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
body {
	background: url(/image/bg.gif) #eff3f7 repeat-y left top;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ" ;
	font-size:12px;
	*font-size:small;
	*font:x-small;
	line-height:1.3;
}
 
img {
	border:0;
}

table {
	border:0;
	border-collapse: collapse;
}

/* float解除 */
.clear { 
	clear:both;
}

/* homeへ戻る */
.back{
	padding:30px 20px 0 0;
	text-align:right;
}

/*--------------------------------------------------------
.wrapper　ページ要素全体のコンテナ
--------------------------------------------------------*/
.wrapper{
	width:710px;
	clear:both;
}

/*--------------------------------------------------------
.header　ヘッダ格納コンテナ
--------------------------------------------------------*/
.header{
	padding:15px;
	background:url(/image/header_bg.gif) #213452 repeat-y left top;
	min-height:25px;
	*height:70px;
	color:#fff;
}
.header p{
	margin:-30px 0 0 250px;
	text-align:right;
}

/*--------------------------------------------------------
.contents  コンテンツ格納コンテナ
--------------------------------------------------------*/
.contents{
	float:right;
	width:545px;
	text-align:center;
}
.contents .title{
	margin-bottom:15px;
	padding:5px 10px;
	background:url(/image/title_bg.gif) #93a7b3 repeat-x left bottom;
	color:#336;
	font-size:120%;
	font-weight:bold;
	text-align:left;
}
.contents .info,
.contents .recommend,
.contents .category{
	margin:10px auto 25px;
	width:525px;
	text-align:left;
}

.contents .ad{
	padding:5px 30px;
	background-color:#fde9fd;
}
.contents .ad a{
	font-weight:bold;
}
.contents .lead{
	margin-top:15px;
	text-align:left;
}
/* topページの外枠table */
.contents .recommend table.outside{
	width:525px;
}
.contents .recommend table.outside th.line{
	padding:10px 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width:50%;
	vertical-align:top;
}
.contents .recommend table.outside td.line{
	padding:10px 5px;
	border-bottom: 1px solid #CCC;
	width:50%;
	vertical-align:top;
}
.contents .recommend table.outside th.last{
	padding:10px 5px;
	border-right: 1px solid #CCC;
	border-bottom:none;
	width:50%;
	vertical-align:top;
}

.contents .recommend table{
	width:250px;
}
.contents .recommend table td{
	padding:0 5px;
	width:140px;
	text-align:left;
}
.contents .recommend th,
.contents .category th{
	width:100px;
	text-align:left;
}
.contents .recommend td.name a,
.contents .category td.name a{
	font-weight:bold;
}
.contents .category table{
	margin:10px 20px 0;
	width:480px;
}
.contents .category th{
	width:100px;
	vertical-align:top;
}
.contents .category td{
	padding:0 5px;
	width:380px;
}
.contents .category div{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	text-align: left;
}


.contents .detail{
	margin:10px auto 25px;
	width:525px;
}
.contents .detail .lead{
	margin-bottom:15px;
}
.contents .detail .subtitle{
	margin:5px 0;
	text-align:center;
	font-weight:bold;
}
.contents .detail table{
	margin:10px auto;
	border:1px solid #333;
	width:480px;
}
.contents .detail td,
.contents .detail th{
	margin:1px;
	padding:3px;
	border:1px solid #333;
}
.contents .detail th{
	background-color:#ccc;
	width:20%;
	text-align:left;
}

/* footer */
.contents .footer{
	margin-top:20px;
	padding:5px;
	border-top:1px solid #666;
	text-align:right;
	font-size:80%;
}

/*--------------------------------------------------------
.menu  メニュー格納コンテナ
--------------------------------------------------------*/
.menu{
	float:left;
	width:165px;
	text-align:center;
}
.menu .loan,
.menu .condition,
.menu .company{
	margin:0 auto 15px;
	padding-top:2px;
	width:154px;
	background-color:#fff;
}
.menu .loan ul,
.menu .condition ul,
.menu .company ul{
	margin:5px 2px 20px;
	padding:5px;
	text-align:left;
	list-style:none;
}

.menu .loan li,
.menu .condition li,
.menu .company li{
	margin:3px 0;
	padding:0 15px 3px 3px;
	border-bottom:1px dotted #ccc;
	background:url(/image/nav_icon.gif) no-repeat 125px 4px;
	min-height:15px;
}
.menu .loan li.last,
.menu .condition li.last,
.menu .company li.last{
	border:none;
}