@charset "shift_jis";
/* -------------------------------- initialization
-------------------------------- */
html { overflow-y: scroll; }

body, div, h1, h2, h3, h4, h5, h6, p, form, table, td, th, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }

body { background-color: #FFFFFF; color: #000000; }

img { border: 0 none; vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

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

th { font-weight: normal; }

th, td { vertical-align: top; }

li { list-style: none; }

/* -------------------------------- clear fix
-------------------------------- */
.clear_fix:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

.clear_fix { zoom: 100%; }

/* -------------------------------- text-align
-------------------------------- */
.align_center { text-align: center; }

.align_right { text-align: right; }

/* -------------------------------- float
-------------------------------- */
.float_left { float: left; }

.float_right { float: right; }

/* -------------------------------- font
-------------------------------- */
.font_bold { font-weight: bold; }

.font_normal { font-weight: normal; }

/* --------------------------------
container
-------------------------------- */
div#container { text-align: center; }

div#header, div#content, div#footer { margin: 0 auto; width: 798px; text-align: left; }

div#header { background-repeat: no-repeat; }

div#footer { margin-bottom: 10px; }

/* -------------------------------- content
-------------------------------- */
div#content div.main, div#content div.menu { padding-left: 20px; padding-right: 20px; width: 758px; }

/* -------------------------------- content :: menu
-------------------------------- */
div#content div.menu ul.banner { float: left; width: 211px; }

div#content div.menu div.navigator { float: right; width: 542px; }

/* -------------------------------- content :: main
-------------------------------- */
div#content div.main div.topics_news { float: left; width: 545px; }

div#content div.main div.service { float: right; width: 192px; }

/* --------------------------------
element
-------------------------------- */
body { font-size: 62.5%; }

a:link, a:visited { color: #444444; text-decoration: underline; }
a:active, a:hover { color: #CC3300; text-decoration: none; }

/* --------------------------------
display
-------------------------------- */
div#header, div#content, div#footer { border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; font-size: 1.2em; }

div#footer { border-bottom: 1px #CCCCCC solid; }

/*
header
*/
div#header { padding-top: 5px; width: 798px; /*
header :: change_font_size
*/ /*
header :: gloval_navigator
*/ }
div#header div.logo { padding-left: 4px; float: left; height: 44px; overflow: hidden; }
div#header .change_font_size { margin-right: 10px; float: right; text-align: right; }
div#header .change_font_size ul, div#header .change_font_size li { display: inline; }
div#header .change_font_size li { padding-left: 0.5em; border-left: 1px #CCCCCC solid; }
div#header .change_font_size li img { padding-bottom: 4px; }
div#header .change_font_size li li img { padding-bottom: 0; }
div#header .change_font_size li.first_child, div#header .change_font_size li li { border-left: 0 none; }
div#header .change_font_size li li { padding-left: 0em; }
div#header .gloval_navigator { margin-bottom: 4px; margin-right: 0 !important; padding: 4px 0 8px 0; background: url(/image/top/bg_gloval_navigator_01.gif) 0 bottom repeat-x; clear: both; }
div#header .gloval_navigator li { border-left: 1px #b4b4b4 dotted; float: left; text-align: center; }
div#header .gloval_navigator li.first_child { border-left: 0 none; }
div#header .gloval_navigator li.custom { width: 172px; }
div#header .gloval_navigator li.interest { width: 109px; }
div#header .gloval_navigator li.service_fee { width: 132px; }
div#header .gloval_navigator li.service_other { width: 146px; }
div#header .gloval_navigator li.company { width: 125px; }
div#header .gloval_navigator li.adoption { width: 109px; }
div#header .gloval_navigator li a { padding: 8px 0; font-size: 13px; text-decoration: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
div#header .gloval_navigator li a:hover { text-decoration: underline; }

/** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; /*background: url(images/bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; /*background: url(images/controls.png) no-repeat 0 -32px;*/ }

.bx-wrapper .bx-next { right: 10px; /*background: url(images/controls.png) no-repeat -43px -32px;*/ }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; /*background: url(images/controls.png) -86px -11px no-repeat;*/ margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; /*background: url(images/controls.png) -86px -44px no-repeat;*/ margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

div#header .carousel { position: relative; }
div#header .carousel .bx-wrapper { margin-bottom: 0; }
div#header .carousel .bx-wrapper .bx-viewport { background-color: transparent; border: 0 none; -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; left: 0; }
div#header .carousel #flash_movie { padding: 33px 0 3px 0; position: absolute; left: 0; top: 0; }
div#header .carousel .top { margin: 0 0 10px 3px; width: 792px; visibility: hidden; overflow: hidden; }
div#header .carousel .bottom { padding: 0 17px 0 23px; position: relative; }
div#header .carousel .bottom .scrollBtnPrev, div#header .carousel .bottom .scrollBtnNext { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: url(/image/top/btn_carousel.png) right 0 no-repeat; border: 1px #dbdbdb solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 11px; height: 48px; overflow: hidden; text-decoration: none; position: absolute; top: 3px; cursor: pointer; }
div#header .carousel .bottom .scrollBtnPrev:hover, div#header .carousel .bottom .scrollBtnNext:hover { border-color: #ff9393; }
div#header .carousel .bottom .scrollBtnPrev { left: 4px; _left: -19px; }
div#header .carousel .bottom .scrollBtnNext { background-position: left bottom; left: 781px; _left: 758px; }
div#header .carousel .bottom .bxThumbnails li { width: 190px !important; }
div#header .carousel .bottom .bxThumbnails li a { border: 3px #dbdbdb solid; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; width: 176px; height: 49px; }
div#header .carousel .bottom .bxThumbnails li a:hover, div#header .carousel .bottom .bxThumbnails li a.current { border-color: #ff9393; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
div#header .carousel .bottom .bxThumbnails li img { border: 1px #FFF solid; }

/* --------------------------------
content
-------------------------------- */
div#content { padding-top: 12px; }
div#content .loanplan { margin: 0 0 10px; }
div#content div.emergency { /* emergency */ display: none; }
div#content .main { /* main */ padding-right: 0; float: left; width: 542px !important; }
div#content .main div.info_stop_atm { margin-bottom: 8px; padding: 6px 10px; border: 3px #C00 solid; }
div#content .main .navigator { /* navigator */ margin-bottom: 15px; background-image: url(/image/top/bg_navigator01.gif); background-repeat: repeat-y; }
div#content .main .navigator div { padding-bottom: 9px; background-image: url(/image/top/bg_navigator02.gif); background-position: bottom left; background-repeat: no-repeat; min-height: 148px; }
div#content .main .navigator div li { padding-top: 45px; background-position: top left; background-repeat: no-repeat; float: left; }
div#content .main .navigator div li.saving { background-image: url(/image/top/bg_saving.gif); width: 205px; }
div#content .main .navigator div li.loan { background-image: url(/image/top/bg_loan.gif); width: 200px; }
div#content .main .navigator div li.fund { background-image: url(/image/top/bg_fund.gif); width: 137px; }
div#content .main .navigator div li table { margin-left: 6px; }
div#content .main .navigator div li caption { display: none; }
div#content .main .navigator div li td { padding-left: 20px; background-position: 5px 6px; background-repeat: no-repeat; line-height: 160%; }
div#content .main .navigator div li.saving td { background-image: url(../../image/ar06.gif); width: 85px; }
div#content .main .navigator div li.saving td.kitei { padding-left: 20px; background-image: url(../../image/ic_kitei.gif); background-position: left center; background-repeat: no-repeat; width: auto; }
div#content .main .navigator div li.loan td { background-image: url(../../image/ar05.gif); width: 80px; }
div#content .main .navigator div li.loan td.simulation { padding-left: 20px; background-image: url(../../image/ic_simulation.gif); background-position: left center; background-repeat: no-repeat; width: auto; }
div#content .main .navigator div li.fund td { background-image: url(../../image/ar09.gif); }
div#content .main .omimai { /* omimai */ margin-bottom: 20px; background-color: #FEFCDD; border: 3px #E00 double; line-height: 1.4; padding: 10px 14px; }
div#content .main .juyoinfo { width: 540px; background: #FFFFE7; border: double 3px #FC1B26; margin: 0 0 20px; }
div#content .main .juyoinfo .title { color: #FFF; font-size: 16px; font-weight: bold; background: #FC1B26; padding: 5px 10px; }
div#content .main .juyoinfo ul { width: 510px; padding: 15px; }
div#content .main .juyoinfo ul li { font-size: 14px; line-height: 1.4; background: url(/image/top/bg_attention.gif) no-repeat 0 3px; margin: 0 0 5px; padding: 0 0 0 14px; }
div#content .main .topics_news { /* topics_news */ margin: 0 0 30px; }
div#content .main .topics_news img { margin-bottom: 10px; }
div#content .main .topics_news li, div#content .main .topics_news th, div#content .main .topics_news td { padding-bottom: 8px; }
div#content .main .topics_news li { padding-left: 12px; background-image: url(../../image/ar04.gif); background-position: 2px 8px; background-repeat: no-repeat; }
div#content .main .topics_news th { padding-right: 0.5em; color: #666666; font-weight: bold; width: 5em; }
div#content .main .topics_news td { padding-left: 12px; background-image: url(../../image/ar03.gif); background-position: 2px 8px; background-repeat: no-repeat; }
div#content .main .policyBox { clear: both; border-top: dotted 2px #C1E4BB; padding: 20px 0 0; }
div#content .main .policyBox li { background: url(../../image/ar05.gif) no-repeat 0 3px; margin: 0 0 8px; padding: 0 0 0 15px; }
div#content .side { /* side */ padding-right: 20px; float: right; width: 192px !important; }
div#content .side .banner { /* banner */ border: 1px #b3b3b3 solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
div#content .side .banner dt { padding: 5px 0; background-color: #6d9cf1; border: 1px #FFF solid; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; color: #FFF; text-align: center; }
div#content .side .banner dt img { vertical-align: text-bottom; }
div#content .side .banner dd { padding: 4px; }
div#content .side .banner dd li { padding: 3px 0; border-top: 1px #b3b3b3 dotted; }
div#content .side .banner dd li.first_child { border-top: 0 none; }
div#content .side .banners { margin-top: 10px; }
div#content .side .banners li { text-align: center; margin: 0 auto 10px; }
div#content .side .attention { /* attention */ margin-top: 10px; border: 1px #E21E3E solid; }
div#content .side .attention div { margin-bottom: 3px; padding: 3px; background-color: #FC1B26; color: #FFFFFF; font-weight: bold; }
div#content .side .attention ul { margin-left: 5px; margin-right: 5px; }
div#content .side .attention li { padding: 0 0 2px 14px; background-image: url(/image/top/bg_attention.gif); background-position: 2px 4px; background-repeat: no-repeat; border-bottom: 0 none; margin: 0 0 5px; }
div#content .side .qrcode { /* qrcode */ margin-top: 12px; padding: 0 6px; line-height: 150%; }
div#content .side .qrcode span { font-size: 10px; }
div#content .side .qrcode strong { font-weight: bold; }
div#content .side .qrcode img { margin-top: 4px; }
div#content .side .qrcode img.first_child { margin-left: 10px; margin-right: 28px; }
/* --------------------------------
footer
-------------------------------- */
div#footer { padding-bottom: 40px; padding-top: 30px; }
div#footer p.go_page_top { margin-bottom: 7px; padding-bottom: 7px; padding-right: 19px; border-bottom: 1px #CCCCCC solid; text-align: right; }
div#footer ul { margin: 5px 0 12px 9px; }
div#footer ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
div#footer ul { display: inline-block; }
/*\*/
* html div#footer ul { height: 1%; }
div#footer ul { display: block; }
/**/
div#footer li { padding: 0 0.5em; border-left: 1px #CCCCCC solid; float: left; font-size: 0.97em; margin-bottom: 0.2em;}
div#footer li.first_child { border-left: 0 none; }
div#footer li img { margin-bottom: 3px; margin-top: 3px; }
div#footer li:nth-child(8){
   border-left: 0 none;
}
div#footer p.copyright { margin: 6px 5px 0 0; float: right; clear: both; }
div#footer p.tokinki { padding-left: 16px; font-size: 12px; float: left; margin: 10px 0 0;}