@charset "utf-8";
/*プランページ*/
.plan_arrow {
	padding-top: 10px;
}
.plan_arrow .arrow {
	background-image: url(../img/plan_arrow.png);
	height: 41px;
	width: 38px;
	float:right;
	z-index:100;
	position:relative;
	top: 4px;
	right: 7px;
}
.btn_storage {
	background-image: url(../img/plan_storage.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 148px;
	float:right;
	margin-top: 2px;
	margin-right: 3px;
}
.storageBtn:hover {
	background-position: left -28px;	
}
#plan{
	width: 920px;
	border:solid 1px #CCC;
	position:relative;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	behavior: url(ie-css3.htc);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index:3;
}
#plan .h{
	height:35px;
	line-height:30px;
	background-color:#F3F3F3;
	border-bottom:solid 1px #CCC;
	position:relative;
}
.h .title {
	font-size: 18px;
	margin-top:2px;
	margin-left: 13px;
	font-weight: bold;
	float:left;
}
#plan .access{
	position: absolute;
	right: 10px;
	top: 0px;
}
#plan .access_num{
	font-size:182%;
	font-weight:bold;
	color:#669900;
	padding-left:5px;
	padding-right:5px;
}
#plan .point{
	background-color:#F3F3F3;
	padding-left:10px;
	border-bottom:solid 1px #CCC;
	line-height:25px;
}
#plan .comment {
	float: left;
	width: 455px;
	border: thin solid #FAAF3E;
	background-color: #FEFEC7;
	padding: 5px;
	font-size: 14px;
	margin-top: 8px;
}

#plan .top{
	padding:8px;
}
#plan .image,#plan .spec, #graph_outer{
	float:left;
}
#plan .image{
	width:200px;
	height:200px;
	margin-right:8px;
	background-color:#CCC;
}
#plan .table{
	width:467px;
}
#plan .table th{
	width:118px;
	height:20px;
	border:1px solid #CCCCCC;
	text-align:center;
	background-color:#DAEFFE;
	line-height:24px;
}
#plan .table td{
	width:118px;
	height:22px;
	border:solid 1px #CCC;
	text-align:center;
	line-height:24px;
	background-color:#FFF;
}

#plan .bottom{
	height:60px;
	line-height:60px;
	background-color:#FAF8EE;
	padding:5px;
	position:relative;
}
#plan dl.parameter{
	height:60px;
	float:left;
	margin-right:15px;	
}
#plan dl.board{
	margin-right:0px;
}
#plan dl dt{
	padding-left:26px;
	background:url(../img/arrow3.png) no-repeat left center;
	margin-left:5px;
	color:#604C3F;
	font-weight:bold;
	float:left;
}
#plan dl dd{
	padding-left:10px;
	float:right;
	line-height:55px;
}
#plan .rank_num{
	font-size:197%;
	font-weight:bold;
	color:#669900;
	margin-right:3px;
}
#plan #graph_outer{
	width:270px;
	height:130px;
	border:solid 2px #E3E3E3;
	padding:2px;
}
#plan .btn_area{
	float:right;
}
#plan .btn_area .btn_apply a{
	width:219px;
	height:48px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	background-image: url(../img/plan_translate.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#plan .btn_area .btn_apply a:hover{
	background-position:left -48px;
}
#graph{
	width:333px;
	height:143px;
	margin-left:auto;
	margin-right:auto;
}

.convenience .feature_icon {
	height: 39px;
	width: 889px;
	padding-left:15px;
	border: 1px solid #B3B3B3;
	margin-top:2px;
}
.convenience .information table {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	width: 906px;
}
.convenience .information table td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	padding: 5px;
}
.convenience .information table th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	color: #F05925;
	background-color: #FADAB3;
	padding: 2px;
	text-align: center;
}

/*金融機関種類*/
.h .organization.icon8{
	background-image: url(../img/search_organization.png);
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left -52px;
	height: 26px;
	width: 116px;
	margin-top:4px;
	margin-left:8px;
	float:left;
}
.h .organization.icon9{
	background-image: url(../img/search_organization.png);
	text-indent:-9999px;
	background-repeat: no-repeat;
	height: 26px;
	background-position: left -26px;
	width: 91px;
	margin-top:4px;
	margin-left:8px;
	float:left;
}
.h .organization.icon10{
	background-image: url(../img/search_organization.png);
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 91px;
	margin-top:4px;
	margin-left:8px;
	float:left;
}
.feature_icon {
	height: 32px;
	width: 920px;
}
.point .icon_point{
	float: left;
	height: 28px;
	text-indent:-9999px;
	width:0px;
	margin-top:5px;
}
.point .icon_point.icon1{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 84px;
	margin-right: 10px;
}
.point .icon_point.icon2{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: -84px top;
	width: 86px;
	margin-right: 10px;
}
.point .icon_point.icon3{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: -242px top;
	width: 94px;
	margin-right: 10px;
}
.point .icon_point.icon4{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: -336px top;
	width: 130px;
	margin-right: 10px;
}
.point .icon_point.icon6{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: -170px top;
	width: 72px;
	margin-right: 10px;
}
.point .icon_point.icon9{
	background-image: url(../img/search_point.png);
	background-repeat: no-repeat;
	background-position: -466px top;
	width: 117px;
	margin-right: 10px;
}
#plan .convenience {
	float: right;
	width: 220px;
}
.convenience table {
	width: 220px;
	border: 1px solid #b3b3b3;
	margin-bottom: 20px;
}
.convenience table td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	padding: 5px;
	height: 30px;
}
.convenience table th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	color: #F05925;
	background-color: #FADAB3;
	padding: 2px;
	text-align: center;
}
.convenience p.con1 {
	float: left;
	background-image: url(../img/search_icon1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 24px;
	margin-left:10px;
}
.convenience p.con3 {
	float: left;
	background-image: url(../img/search_icon3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 24px;
	margin-left: 15px;
}
.convenience p.con4 {
	float: left;
	background-image: url(../img/search_icon4.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 24px;
	margin-left: 15px;
}
.convenience p.con5 {
	float: left;
	background-image: url(../img/search_icon5.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 24px;
	margin-left: 15px;
}
.convenience p.con6 {
	float: left;
	background-image: url(../img/search_icon6.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 24px;
	margin-left: 15px;
}
.convenience p.con1.off {
	background-image: none;
}
.convenience p.con3.off {
	background-image: none;
}
.convenience p.con4.off {
	background-image: none;
}
.convenience p.con5.off {
	background-image: none;
}
.convenience p.con6.off {
	background-image: none;
}
#contents #contents_left table {
	width:626px;
	margin-right: auto;
	margin-left: auto;	
	margin-top:7px;
	margin-bottom:7px;
}
#contents #contents_left table th{
	border:1px solid #CCCCCC;
	text-align:center;
	background-color:#DAEFFE;
	line-height:24px;
	width: 105px;
}
#contents #contents_left table td{
	border:solid 1px #CCC;
	text-align:left;
	line-height:24px;
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
}
#contents #contents_left .campaign {
	width:640px;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin-bottom:25px;
}
#contents #contents_left .campaign .bar{
	background-image: url(../img/plan_bar.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	height: 36px;
	margin-top:2px;
	width: 640px;	
}
#contents #contents_left #spec {
	width:640px;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin-bottom:25px;
}
#contents #contents_left #spec .bar{
	background-image: url(../img/plan_bar.png);
	background-repeat: no-repeat;
	background-position: 2px -36px;
	height: 36px;
	margin-top:2px;
	width: 640px;	
}
#contents #contents_left .term {
	width:640px;
	border: 1px solid #CCC;
	border-radius: 3px;
}
#contents #contents_left .term .bar{
	background-image: url(../img/plan_bar.png);
	background-repeat: no-repeat;
	background-position: 2px -72px;
	height: 36px;
	margin-top:2px;
	width: 640px;	
}