@charset "euc-jp";

/* ==================================================================
	Site Name: ･ﾏ･悅ｼ･悅ｼ･・
	Version: 0.1
	Author: Adachi

	import.css		ﾆﾉ､ﾟｹ､ﾟCSS
	font.css		ﾊｸｻ妺ｵ･､･ｺ､ﾎｻﾘﾄ鵑SS	
	defalut.css		ｴ狹ﾍ､ﾎｻﾘﾄ鵑SS
	color.css		ｿｧ､ﾎｻﾘﾄ鵑SS
	common.css		･ｵ･､･ﾈﾁｴﾂﾎ､ﾋｶｦﾄﾌ､ｹ､・SS
	component.css	CSS､ﾎﾉﾊ	
	modules.css		ｸﾄﾊﾌｻﾘﾄ・ﾑCSS	
	print.css		ｰﾍﾑCSS
	
	* ｺﾙ､ｫ､ｯ､ﾊ､熙ｽ､ｦ､ﾊｾ・遉ﾏﾊﾌ､ﾋCSS､鋿ｮ
	
   ｢｣CSSﾅｬﾍﾑｲﾕｽ・
   ｡｡､ｴﾍﾑ､ﾋ､ﾄ､､､ﾆ
	
=================================================================== */

/* --------------------------------
   ｡ box
-------------------------------- */

#interest #main .contents{
	margin-bottom:40px;
}
#interest #main .column-box .sub-contents{
	float:left;
	display:inline;
}
#interest #main .column-box .box-col1{
	width:213px;
}

#interest #main .column-box .box-col1 p{
	margin-left:17px;
}
#interest #main .column-box .box-col1 p.remarks{
	margin-left:0px;
}

#interest #main .column-box .box-col2{
	width:265px;
	float:right;
}


#interest #main .lead-box .remarks{
	margin-bottom:30px;
}

#interest #main .lead-box ul li{
	font-size:114%;
}

/* --------------------------------
   ｡ title
-------------------------------- */



#interest #main h4{
	margin-bottom:15px;
}

#interest #main h5,
#interest #main h6{
	margin:10px 0 10px 0;
}

/* --------------------------------
   ｡ text
-------------------------------- */
#interest #main p em,
#interest #main .red{ color:#DB3B43;}

#interest #main p.remarks{
	padding-left:1em;
	text-indent:-1em;
}

#interest #main p.image{
	margin-top:15px;
}

#interest #main .in-frame-body p{
	margin-bottom:0;
}

#interest #main .in-frame-body p.left img{
	margin-right:10px;
}

#interest #main .cashing-text{
	margin-left:20px;
	margin-bottom:30px;
}



/* --------------------------------
   ｡ tbl
-------------------------------- */

#interest #main table.tbl th,
#interest #main table.tbl td{
	padding:5px 2px;
	border:1px solid #BAB8B9;
	text-align:center;
}

#interest #main table.tbl thead th,
#interest #main table.tbl thead td{
	background:#FAC289;
}

#interest #main table.tbl span{
	font-weight:100;
	font-size:94%;
}
#interest #main table.tbl span.9px{
	font-size:9px;
}

#interest #main table.tbl .col1{
	width:39px;
}
#interest #main table.tbl .col2{
	width:82px;
}
#interest #main table.tbl .col3{
	width:367px;
}

/* --------------------------------
   ｡ pagenavi
-------------------------------- */
#interest ul.pagenavi{
	margin-bottom:23px;
	width:525px;
}

html > #interest ul.pagenavi{
	margin-left:auto;
	margin-right:auto;
}


#interest ul.pagenavi li{
	float:left;
	width:252px;
	text-align:left;
	display:inline;
	margin-left:21px;
}
#interest ul.pagenavi li.none{
	margin-left:0px;
}

#interest ul.pagenavi li img{
	margin:0 0 6px 7px;
}
#interest ul.pagenavi li a img{
	margin:0;
}


/* --------------------------------
   ｡ frame
-------------------------------- */
#interest #main .frame-body{
	padding:15px 16px 0 16px
}

html > #interest #main .frame-body{
	width:485px;

}

#interest #main .frame-footer{
	background-image:url(../../images/commodity/frame-footer.gif);
	height:25px;
}

/* in-frame */
#interest #main .in-frame-header,
#interest #main .in-frame-body,
#interest #main .in-frame-footer{
	width:501px;
	margin:0 -10px;
	background:0 0 no-repeat;
}

#interest #main .in-frame-header{
	background-image:url(../../images/use/green-header.gif);
	height:6px;
}

#interest #main .in-frame-body{
	background-color:#F4F8E1;
	padding:3px 5px;
	margin-bottom:0;
}

html > #interest #main .in-frame-body{
	width:491px;
}


#interest #main .in-frame-footer{
	background-image:url(../../images/use/green-footer.gif);
	height:4px;
}








/* part.css */
/* --------------------------------
   ◇ lead-box
-------------------------------- */

#interest #main .lead-box{
	margin-bottom:30px;
}
#interest #main .lead-box p{
	margin-bottom:0px;
}

#interest #main .lead-box p.small{
	margin-bottom:12px;
}

/* --------------------------------
   ◇ box-body
-------------------------------- */
#interest #main .box-header,
#interest #main .box-footer,
#interest #main .box-body{
	width:391px;
	margin:0 auto;
}

#interest #main .box-body{
	background:url(../../interest/images/green-body.gif) 0 0 repeat-y;
	padding:2px 10px 0 4px
}

html > #interest #main .box-body{
	width:377px;
}

#interest #main .box-header{
	background:url(../../interest/images/green-header.gif) 0 0 no-repeat;
	height:5px;
}
#interest #main .box-footer{
	background:url(../../interest/images/green-footer.gif) 0 0 no-repeat;
	height:5px;
	margin-bottom:16px;
}

#interest #main .box-body dl {
	margin-left:5px;
}

#interest #main .box-body dl dt,
#interest #main .box-body dl dd{
	margin-bottom:6px!important;
}
#interest #main .box-body dl dd{
	margin-left:8px;
}

/* gray */

#interest #main .gray-header,
#interest #main .gray-footer,
#interest #main .gray-body{
	width:391px;
	margin:0 auto;
}

#interest #main .gray-body{
	background:url(../../interest/images/gray-body.gif) 0 0 repeat-y;
	padding:2px 10px 0 4px
}

html > #interest #main .gray-body{
	width:377px;
}

#interest #main .gray-header{
	background:url(../../interest/images/gray-header.gif) 0 0 no-repeat;
	height:4px;
}
#interest #main .gray-footer{
	background:url(../../interest/images/gray-footer.gif) 0 0 no-repeat;
	height:5px;
	margin-bottom:56px;
}

#interest #main .gray-body h4{
	color:#F77B9B;
}
#interest #main .gray-body h4 span{
	font-size:80%;
}


#interest #main .gray-body dl {
	margin-left:5px;
}

#interest #main .gray-body dl dt,
#interest #main .gray-body dl dd{
	margin-bottom:6px!important;
}
#interest #main .gray-body dl dd{
	margin-left:8px;
}

#interest #main p.link{
	text-align:right;
	margin-right:30px;
}



/* --------------------------------
   ◇ box
-------------------------------- */



/* --------------------------------
   ◇ title
-------------------------------- */
#interest #main #flash_space_sub{
	margin-bottom:4px;
	margin-top:7px;
	margin-left:5px;
}

#interest #main h4{
	color:#358E02;
	font-size:114%;
	margin-bottom:10px;
}

#interest .blue h4{
color: #6B9BD2 !important
}

#interest .orenge h4 {
color: #FC7D23 !important
}

/* --------------------------------
   ◇ text
-------------------------------- */

#interest #main .leadtext{
	font-size:132%;
	font-weight:700;
	color:#656567;
	margin-bottom:10px;
}

#interest #main .leadtext img{
	margin-bottom:10px;
}
#interest #main .lead-box .maintext{
	font-size:107%;
	color:#358d02;
	font-weight:bold;
	margin-top:20px;
}


#interest #main .btn{
	margin-top:20px;
}

.bluebk {
background-color:#DAEFF8; !important
}



/* ■■atm.css------------- */
/* --------------------------------
   ◇ box
-------------------------------- */
#interest #main .contents{
	margin-bottom:25px;
}

#interest #main .sub-contents{
	margin-bottom:30px;
}

#interest #main .sub-contents.none{
	margin-bottom:0px;
}


/* --------------------------------
   ◇ title
-------------------------------- */
#interest #main #flash_space_sub{
	margin-bottom:20px;
	margin-top:7px;
	margin-left:10px;
}


#interest #main .leadtext{
	margin-bottom:10px;
}

#interest #main h4{
	font-size:114%;
	margin-bottom:10px;
}

/* --------------------------------
   ◇ text
-------------------------------- */
#interest #main .maintext1{
	margin-left:20px;
	color:#005aaa;
	font-size:107%;
	margin-bottom:0px;
}
#interest #main .maintext2{
	margin-left:20px;
	font-size:129%;
	color:#358d02;
	font-weight:bold;
	margin-bottom:20px;
}

#interest #main .usecard{
	margin-left:10px;
	margin-right: 15px;
}
#interest #main .usecard .title{
	background-image:url(/images/common/blueback.gif);
	background-repeat:repeat-y;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	font-weight:bold;
}
#interest #main .usecard .use{
	font-weight:bold;
	font-size:107%;
	margin-bottom:2px;
}
#interest #main .usecard ul{
	margin-bottom:30px;
}
#interest #main .usecard ul li{
	text-align:left;
}


#interest #main ul.num{
	margin-bottom:25px;
}

#interest #main ul.num li{
	padding-left:20px;
	margin-bottom:25px;
	line-height:1.7;
	background:0 0.35em no-repeat
}

#interest #main ul.num li.one{
	background-image:url(/images/common/num/1.gif);
}
#interest #main ul.num li.two{
	background-image:url(/images/common/num/2.gif);
}

#interest #main ul.num li.three{
	background-image:url(/images/common/num/3.gif);
}

#interest #main .text{
	margin-bottom:28px;
	line-height:1.7;
}


#interest #main .btn{
	margin-top:-10px;
}



/* シュミレーション　ボタン */
.sim {
clear: both;
background-image: url(/interest/card/images/title_card_s.gif);
width: 517px;
height: 50px;
background-position: left top;
position: relative;
margin: 0 0 15px 10px;
}

.sim2 {
clear: both;
position: relative;
background-image: url(/interest/repayment/images/title_bunkatu_s.gif);
width: 517px;
height: 50px;
background-position: left top;
margin: 0 0 15px 10px;
}


.btnon {
position: absolute;
	right: 0px;
	top:0px;
}