@charset "utf-8";

/*
Theme Name: 1番賢いネットバンク選びnet
Theme URI: 
Description: 1番賢いネットバンク選びnetのテーマ
Version: 1.0
Author: 
Author URI: 
Tags: 

*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/header_bg.png) no-repeat center top;
}


a{color:#004ABC;text-decoration:none;}
a:hover{color:#004ABC;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

strong {
	color:#C1272D;
}

em {
	color:#F7931E;
	font-weight:bold;
	font-style:normal;
}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
height: 89px;
}

#header h1 {
padding: 18px 0 0 11px;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
display: block;
width: 130px;
height: 46px;
}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 14px 0 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#no1Box {
	margin-bottom:15px;
	overflow:hidden;
}

#no1Box dl{
	float:left;
	width:196px;	
	background:url(images/no1_btm.png) no-repeat left bottom;
	padding-bottom:5px;
	margin-right:15px;
}
#no1Box dt{
	margin-bottom:0;
}
#no1Box dt img{
	vertical-align:bottom;
}

#no1Box dd{
	background:url(images/no1_bg.png) repeat-y left top;
	padding-top:5px;
	text-align:center;
}

#no1Box dd .hikakuLink{
	border-top:1px dotted #ccc;
	padding-top:5px;
	margin:0 10px;
	display:block;
	font-size:11px;
}

#no1Box dd .hikakuLink a{
background: url(images/list.png) no-repeat 0 2px;
display: block;
padding-left:15px;

text-align:left;
text-decoration:underline;
margin:0 ;
}
#no1Box dd .hikakuLink a:hover{
	text-decoration:none;
}

#main h2{
margin-bottom: 10px;
padding: 10px 10px 10px 20px;
font-size: 20px;
color: #252525;
background-image:url(images/head_bg02.png),url(images/head_bg.png) ;
background-repeat:no-repeat,repeat-x;
background-position:5px center,left bottom;
border-top:1px solid #d3d3d3;
line-height:1.4;
clear:both;
}

.ttl01{
	padding:0 !important;
	background:none !important;
	border:none !important;
}

.ttl02{
	padding:0 !important;
	background:none !important;
	margin:0  !important;
}

#main h3 {
font-size: 15px;
line-height: 36px;
background: url(images/h_bg.png) repeat-x ;
padding-left: 10px;
letter-spacing: 0.2em;
color: #333333;
}

#main h3.answer {
	background:#FEE9D2;
	border-bottom:1px #F7931E dashed;
	margin-top:20px;
	line-height:30px;
	font-weight:normal;
}

#main h3.answer02 {
	background:url(images/ico_a.png) no-repeat left top;
	line-height:1.2;
	padding-left:56px;
	min-height:40px;
	margin-top:10px;
	font-weight:normal;
}

#main h4 {
font-size: 14px;
line-height: 30px;
background: url(images/h3.png) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #333333;
}

#main h5 {
font-size: 14px;
line-height: 20px;
border-bottom:dashed #709F0B 1px;
margin-top: 10px;
margin-bottom:10px;
color: #449509;
}

#main p {
padding: 10px 0 ;
}

.topBox {
		border: solid #449509 ;
		border-width:0 2px 2px 2px;
		padding:8px 8px 10px;
		margin-bottom:15px;
		margin-top:-10px;
	}
.topBox p{
	font-size:13px;
	padding:0 5px !important;
}

.topBoxInner{
	background:url(/img/main_img01.png) no-repeat 5px 20px;
	overflow:hidden;
}
.box01 {
		box-shadow: 0 0 0 4px #F2F2F2 inset;
		border:1px solid #D3D3D3 ;
		padding:12px;
		margin-bottom:20px;
	}
	
.topBox02 {
		float:right;
		width:378px;
		box-shadow: 0 0 0 6px #F2F2F2 inset;
		border:1px solid #D3D3D3 ;
		padding:6px 6px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background:url(images/bg01.png);
		overflow:hidden;
		margin:10px 0;
	}

.topBox02 p{
	font-size:12px;
	padding:3px 5px !important;
}

.box02 {
		box-shadow: 0 0 0 6px #F2F2F2 inset;
		border:1px solid #D3D3D3 ;
		padding:10px 10px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background:url(images/bg01.png);
		overflow:hidden;
		margin:10px 0;
	}

.box02 p{
	padding:0 5px 10px !important;
}


.rankBox{
	background:url(../../../img/rank_bg.png) repeat-y left top;	
	margin-bottom:15px;
	position:relative;
}
.rankBoxInner{
	background:url(../../../img/rank_btm.png) no-repeat left bottom;
	padding-bottom:10px;
	padding:0 14px 14px;
}

.rankBox h3{
	height:60px;
	font-size:18px !important;
	letter-spacing:normal !important;	
	line-height:1.2 !important;
	padding-left:140px !important;
	margin-bottom:8px;
	background: url(../../../img/rank_ttl_bg.png) no-repeat left top !important;
}
.rankBox h3 a{
	text-decoration:underline;
	color:#FFF;
}
.rankBox h3 a:hover{
	text-decoration:none;
}
.rankBox h3 span {
	font-size:12px;
	display:block;
	color:#FFF;
	font-weight:normal;	
	padding-top:12px;
	margin:0 !important;
}

.rankLogo{
	position:absolute;
	top:10px;
	left:5px;
}

.rankBox ul.dataIco{
	position:absolute;
	top:18px;
	right:8px;
}
.rankBox ul.dataIco li{
	float:left;
	margin-right:5px;
	list-style:none;
}

.rankBox h3.rank01{
	background:url(/img/rank_ttl01.png) no-repeat left top !important;
}
.rankBox h3.rank02{
	background:url(/img/rank_ttl02.png) no-repeat left top !important;
}
.rankBox h3.rank03{
	background:url(/img/rank_ttl03.png) no-repeat left top !important;
}
.rankBox h3.rank04{
	background:url(/img/rank_ttl04.png) no-repeat left top !important;
}
.rankBox h3.rank05{
	background:url(/img/rank_ttl05.png) no-repeat left top !important;
}

ul.point {
	margin-left:0 !important;
	margin-bottom:10px;
}
ul.point li {
	border-bottom:1px solid #bebebe;
	margin-bottom:2px;
	color:#4d4d4d;
	font-size:13px;
	list-style:none;
	padding-bottom:3px;
}
ul.point li img{
	margin-right:5px;
	vertical-align:middle;
}

ul.point2 {
	margin-left:0 !important;
	margin-bottom:20px;
}
ul.point2 li {
	border-bottom:1px dotted #bebebe;
	margin-bottom:2px;
	color:#4d4d4d;
	font-size:16px;
	list-style:none;
	padding-bottom:3px;
}
ul.point2 li img{
	margin-right:10px;
	vertical-align:middle;
}


.hyoukaBox {
	background:url(../../../img/hyouka_bg.png) repeat-y left top;	
	margin-bottom:10px;
	margin-top:10px;
	position:relative;
}
.hyoukaBoxInner{
	background:url(../../../img/hyouka_btm.png) no-repeat left bottom;
	padding:4px 18px 8px;
	
}
.hyoukaBox  p{
	font-size:12px;
	color:#4d4d4d;
	padding:2px 0 !important;
}

.hyoukaBox .score{
	position:absolute;
	top:16px;
	left:168px;
}

.hyoukaBox h4,
.campaignBox h4{
	background: none !important;
	padding:0 !important;
	margin:0 !important;

}

.campaignBox {
	background:url(/img/campaign_bg.png) repeat-y left top;	
	margin-bottom:10px;
	margin-top:10px;
	position:relative;
}
.campaignBoxInner{
	background:url(/img/campaign_btm.png) no-repeat left bottom;
	padding:0 18px 8px;
	
}
.campaignBox  p{
	font-size:12px;
	color:#4d4d4d;
	padding:2px 0 !important;
}

.tokuten h5{
	font-size:14px !important;
	color:#F15A24 !important;
	border-bottom:none !important;
	margin-top:2px !important;
	margin-bottom:-2px !important;
	text-align:left !important;
	font-weight:normal;
}
.tokuten h5 span{
	font-size:12px;
	color:#4d4d4d;
	margin-left:10px;
	font-weight:normal;
}
.tokuten p{
	text-align:left ;
	padding:5px 0 !important;

}

.btn01{
	text-align:center;
	padding:0 !important;
}

.btn02{
	text-align:center;
	margin:30px 0 ;
}
	
/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#709f0b;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.fl{
	float:left;
	margin:0 10px 10px 0;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0 !important;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#709f0b;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
font-size:13px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {

}

/*#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #252525;
background: #709f0b url(images/heading2.png) no-repeat;
}*/

ul#hikaku {
	background:#C0D456;
	border-bottom:#709F0A solid 2px;
	padding:9px 0 2px 8px;
	margin-bottom:20px;
}
ul#hikaku li{
	list-style: none;
}

ul.sidemenu,
ul.bankmenu{
margin-left: 5px;
padding: 10px 0;
}

ul.sidemenu li,
ul.bankmenu li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #709f0b;
}

ul.sidemenu li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

ul.sidemenu li a:hover{background-position: 3px 50%;}


ul.bankmenu li img{
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:middle;
}
ul.bankmenu li a:hover{
	text-decoration:underline;
}





/*************
/* フッター
*************/
#footer{
clear:both;
height:36px;
line-height:36px;
font-size:11px;
color:#333;
background:url(images/footer_bg.png) no-repeat left top;
margin-top:20px;
}

address{
text-align: center;
font-style:normal;
font-size: 11px;
}




/*
テーブル
-------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	background:#FFF;
	color:#4D4D4D;
}
table td {
	border-collapse: collapse;
}
table {
	margin-top: 10px;
	margin-bottom: 10px;
}

table th {
	background-color: #709F0A;
	padding: 8px;
	white-space: nowrap;
	color: #FFFFFF;
	border:1px solid #999;
	font-size: 16px;
	line-height:1.2;
}

table td {
	background-color: #FFF;
	padding: 8px;
	border: 1px solid #999;
	font-size: 16px;
	line-height:1.2;
}

table td img {
	margin-bottom:5px;	
}

table td.bank01 {
	background:#EEF2B1;
	font-size:14px;
}
table td.bank01 a{
	color:#004ABC;
	text-decoration:none;
}
table td.bank01 img{
	margin-bottom:5px;
}

table td.bank01 a:hover,
table td.bank02 a:hover{
	text-decoration:underline;
}

table td.bank02 {
	background:#F8F8F8;
	font-size:14px !important;
	text-align:left;
}
table td.bank02 a{
	color:#004ABC;
	text-decoration:none;
}

table.tb01 {
	text-align:center;
}

/*----- テーブル02 -----*/
table.tb02{
	width:100%;
	border-top:1px solid  #999;
    border-left:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
	text-align:center;
	margin:0 auto 10px;
	font-size:12px !important;
}
table.tb02 th {
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color: #E7E7E7;
	background:url(../../../img/td_bg01.png) repeat-x left top;
	color: #333;
	font-weight: normal;
    text-align:center;
	 padding:0.5em 0.4em 0.3em;
	white-space:nowrap;
	font-size:12px !important;
}
table.tb02 td {
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:0.4em;
	background-color:#FFF;
	text-align: center !important;
	font-size:12px !important;
}

table.tb03{
	width:100%;
	border-top:1px solid  #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0;
	text-align:center;
	margin:0 auto 15px;
	font-size:12px !important;
}
table.tb03 th {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color: #709F0A;
	color: #FFF;
	font-weight: normal;
    text-align:center;
	padding:0.4em;
	white-space:nowrap;
	font-size:12px !important;
}
table.tb03 td {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0.4em;
	background-color:#FFF;
	text-align: center !important;
	font-size:12px !important;
}

table.tb04 {
	width:100%;
	border-top:1px solid  #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0;
	text-align:center;
	margin:0 auto 15px;
	font-size:12px !important;
}
table.tb04 th {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color: #709F0A;
	color: #FFF;
	font-weight: normal;
    text-align: left;
	padding:0.5em 0.6em;
	white-space:nowrap;
	font-size:12px !important;
}
table.tb04 td {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0.5em 0.6em;
	background-color:#FFF;
	text-align: left !important;
	font-size:12px !important;
}


.tbBg01 {
	background-color:#666 !important;
	color:#FFF;
}
.tbBg02 {
	background-color:#f2f2f2 !important;
}
table ul {
	margin-left:0 !important;
}
table li{
	background:url(/img/ico_shikaku.png) no-repeat left 2px;
	padding-left:14px;
	list-style:none;
	margin-bottom:8px !important;	
}
table li:last-child{
	margin-bottom:0 !important;
}

p.notes {
	color:#666;
	font-size:12px;
	text-indent:10px;
	padding:0 !important;
	margin-bottom:15px;
}

.small{
	font-size:10px;
}