@charset "Shift_JIS";

/*　全体構造
---------------------------------------------------------- */
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

*{
	margin:0;
	padding:0;
}
body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	color:#666;
}
#wrapper{
	margin:0 auto;
	width:800px;
	color:#666;
	background: #fff url(../imgs/bg_wrapper.gif) repeat-y;
}
a img{
	border: none;
}

/*  common
---------------------------------------------------------- */
.hidden{
	display: none;
}
.clear{
	clear: both;
	font: 1px/1px monospace;
	}
	



/*  lightbox
---------------------------------------------------------- */
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

/*  リンク
---------------------------------------------------------- */
a:link{
	color:#0384F7;
	background:transparent;
	text-decoration:underline;
}
a:visited{
	color:#0384F7;
	background:transparent;
	text-decoration:underline;
}
a:hover, a:active{
	color:#0384F7;
	background:transparent;
	text-decoration: none;
}



/*　ヘッダ
---------------------------------------------------------- */
div#header {
	position: relative;
	width: 796px;
	margin: 0 0 5px 2px;
	background: #fff url('../imgs/bg_header.png') top left no-repeat;
}

div#header h1 {
	position: relative;
	top: 29px;
	left: 10px;
	padding-bottom: 25px;
}

div#header h2#spotboard_info {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 337px;
	height: 14px;
	margin: 0;
	padding: 0;
	top: 7px;
	left: 11px;
	text-indent: -999px;
	background: url('../imgs/head_spotboard.png') left top no-repeat;
}

div#navi_planex {
	clear: both;
	position: absolute;
	top: 6px;
	right: 3px;
	width: 405px;
}
div#navi_planex h2#planex_info {
	position: absolute;
	top: 19px;
	right: 180px;
	width: 165px;
	height: 53px;
}

div#navi_planex h2#planex_info a {
	display: block;
	width: 165px;
	height: 53px;
	background: url('../imgs/planex_bnr.png') left top no-repeat;
}
div#navi_planex h2#planex_info a:hover {
	background: url('../imgs/planex_bnr_on.png') no-repeat;
}

div#navi_planex ul#subnavi {
	float: right;
	padding-right: 4px;
	list-style: none;
	font-size: 10px;
}
div#navi_planex ul#subnavi li {
	padding-right: 3px;
	float: left;
}
div#navi_planex ul#subnavi li a { color: #666; }

div#navi_planex #tel_search {
	width: 170px;
	height: 52px;
	position: absolute;
	top: 20px;
	right: 5px;
	background:url(../imgs/telnum.png) bottom no-repeat;
}
#searchfield {
	width:142px;
	height:14px;
	padding:3px 5px;
	margin: 0;
	vertical-align:middle;
	background:url(../imgs/search_bg.png) no-repeat right;
	border:none;
	color:#666;
}
#searchbtn{
	vertical-align:bottom;
}


/*　ヘッタ - グローバルナビ
---------------------------------------------------------- */
div#gnavi_wrapper {
	clear: both;
	position: relative;
	margin: 0;
	height: 30px;
	background: url('../imgs/gnabi_bg.gif') 0 0 no-repeat;
}
ul#gnavi{
	list-style: none;
	margin-left: 152px;
	padding: 5px 0 0 0;
}
ul#gnavi li{
	float: left;
	width:78px;
	height:24px;
	margin-left: 2px;
}
ul#gnavi li a {
	text-decoration: none;     /* FireFoxなどで線が表示されないようにする　*/
	display: block;
	width: 78px;
	height: 24px;
}
li#gnavi_first{
	background: url(../imgs/gnavi_first.gif);
}
li#gnavi_tool{
	background: url(../imgs/gnavi_tool.gif);
}
li#gnavi_guidance{
	background: url(../imgs/gnavi_guidance.gif);
}
li#gnavi_support{
	background: url(../imgs/gnavi_support.gif);
}
li#gnavi_info{
	background: url(../imgs/gnavi_info.gif);
}
li#gnavi_seminar{
	background: url(../imgs/gnavi_seminar.gif);
}
li#gnavi_qa{
	background: url(../imgs/gnavi_qa.gif);
}

li#gnavi_first a:hover,#gnavi_first_hover{
	background: url(../imgs/gnavi_first_hover.gif);
}
li#gnavi_tool a:hover,#gnavi_tool_hover{
	background: url(../imgs/gnavi_tool_hover.gif);
}
li#gnavi_seminar a:hover,#gnavi_seminar_hover{
	background: url(../imgs/gnavi_seminar_hover.gif);
}
li#gnavi_guidance a:hover,#gnavi_guidance_hover{
	background: url(../imgs/gnavi_guidance_hover.gif);
}
li#gnavi_support a:hover,#gnavi_support_hover{
	background: url(../imgs/gnavi_support_hover.gif);
}
li#gnavi_info a:hover,#gnavi_info_hover{
	background: url(../imgs/gnavi_info_hover.gif);
}
li#gnavi_qa a:hover,#gnavi_qa_hover{
	background: url(../imgs/gnavi_qa_hover.gif);
}
p#gnavi_camp{
	width: 79px;
	height: 30px;
	float: right;
	margin-top: -5px;
	background: #fff;
}
p#gnavi_camp a {
	display: block;
	overflow: hidden;
	width: 79px;
	height: 0;
	padding-top: 30px;
	background: url(../imgs/gnavi_camp.gif) 0 0 no-repeat;
}
p#gnavi_camp a:hover {
	filter: alpha(opacity=75);
	opacity:0.75;
}
p#gnavi_camp_hover {
	width: 79px;
	height: 30px;
	float: right;
	margin-top: -5px;
	background: #fff;
}
p#gnavi_camp_hover a {
	display: block;
	overflow: hidden;
	width: 79px;
	height: 0;
	padding-top: 30px;
	background: url(../imgs/gnavi_camp.gif) 0 0 no-repeat;
	filter: alpha(opacity=75);
	opacity:0.75;
}

.underline{
	background:url(../imgs/headline_bg.gif);
	float:left;
	height: 23px;
	width:796px;
}
p#headlineframe iframe{
	float:left;
	margin-left:120px;
	margin-top:3px;
	}

#header{ clear:both;}

/*　左カラム
---------------------------------------------------------- */
#left-col{
	float: left;
	width: 185px;
	padding: 5px 0 10px 12px;
	text-align:center;
}
#account{
	background: url(../imgs/btn_account.gif) no-repeat;
	width:180px;
	height: 42px;
	text-indent: -9999px;
}
#account a{
	text-decoration:none;     /* FireFoxなどで線が表示されないようにする　*/
	display: block;
	width:180px;
	height:42px;
}
#account a:hover{
	background: url(../imgs/btn_account_hover.gif) no-repeat;
}
#btn_spot{
	background: url(../imgs/btn_spot.gif) no-repeat;
	width: 180px;
	height:28px;
	text-indent: -9999px;
	margin-top: 3px;
}
#btn_spot a{
	text-decoration:none;     /* FireFoxなどで線が表示されないようにする　*/
	display: block;
	width:180px;
	height:28px;
}
#btn_spot a:hover{
	background: url(../imgs/btn_spot_hover.gif) no-repeat;
}

#login{
	background: #1A6BE2 url(../imgs/bg_login.gif) no-repeat;
	width:180px;
	height: 156px;
	margin-top: 3px;
}
#login_title{
	margin-top: 5px;
}
#system_report{
	margin-top: 5px;
}


/*　左カラム -　メニュー
---------------------------------------------------------- */
#acdmanu{
	margin-bottom:10px;
}
#lnavi{
	width: 180px;
	margin: 0;
}
#lnavi ul{
	list-style: none;
	background: #F7F8E2;
	border-right: 1px solid #C2C3C4;
	border-left: 1px solid #C2C3C4;
	text-align: left;
}
#lnavi li.lastnavi{
	border-bottom: none;
}
#lnavi ul a{
	display: block;
	text-decoration: none;
	height:19px;
	padding:7px 0 0 15px;
	background: url(../imgs/lnavi_list_bg.gif) no-repeat;
	color: #666;
}
/** safari用のCSS hack **/
html[xmlns*=""] body:last-child #lnavi ul a {
    padding:7px 0 0 10px;
}
/* end */

#lnavi ul li a:hover {
	background: url(../imgs/lnavi_list_bg_hover.gif) no-repeat;
}
#lnavi ul li.focus a {
	background: url(../imgs/lnavi_list_bg_focus.gif) no-repeat;
}
#lnavi ul li span.redbold{
	font-weight:bold;
	color:#0044bb;
	padding-right:2px;
}

/*　左カラム -　モバイル/SSL
---------------------------------------------------------- */
#mobile{
	width: 180px;
	height: 87px;
	margin:10px 0 10px;
	position:relative;
}
#mobile img{
	position:absolute;
	top:0px;
	left:0px;
}
#mobile p{
	width: 180px;
	position:absolute;
	bottom:4px;
	left:0px;
	font-size:10px;
	text-align:center;
}
#mobile p a{
	color:#fff;
}
#ssl{
	margin-top: 10px;
}
#ssl p{
	font-size: 10px;
	text-align: left;
	line-height: 1.8;
	padding: 0 10px;
	margin-top: 5px;
}


/*　左カラム -　クイック入金提携金融機関
---------------------------------------------------------- */
#lnavi_sub{
	width: 180px;
	margin: 0 0 10px 0;
}
#lnavi_sub ul{
	list-style: none;
	border-right: 1px solid #C2C3C4;
	border-left: 1px solid #C2C3C4;
	border-bottom: 1px solid #C2C3C4;
	text-align: center;
	padding: 5px;
}

/*　左カラム -　その他
---------------------------------------------------------- */
.lnavi_other{
	width: 180px;
	margin: 0 0 10px 0;
}


/*　フッタ
---------------------------------------------------------- */
#footer{
	clear: both;
}
#pagetop{
	text-align: right;
	margin: 5px 10px 5px 0;
}
/* クイック入金 */
div#quick_list {
	padding: 8px 15px 9px;
	height: 37px;
	background: #FFF;
	border: 1px solid #E4E1E1;
	margin:5px 10px;
	overflow: hidden;
}
div#quick_list ul {
	height: 37px;
	margin: 0;
	padding: 0;
}
div#quick_list ul li {
	float: left;
	display: inline;
	list-style-type: none;
}
div#quick_list ul li#quick_1,
div#quick_list ul li#quick_2,
div#quick_list ul li#quick_3,
div#quick_list ul li#quick_4,
div#quick_list ul li#quick_5,
div#quick_list ul li#quick_6 {
	margin: 0 9px 0 0;
}

div#quick_list ul li#quick_7 {
	margin: 0;
}
/* 金融庁などバナー */
div#attention_top {
	height: 50px;
	padding: 5px 5px;
	background: #FFF;
	border: 1px solid #E4E1E1;
	margin:5px 10px;
	overflow: hidden;
}
div#attention_top p.attention_banner01{
	float:left;
	margin: 5px 15px 0 0;
}
div#attention_top p.attention_banner02{
	float:left;
	margin: 12px 15px 0 0;
}
div#attention_top p.attention_banner03{
	float:left;
	margin: 2px 15px 0 0;
}
#attention{
	padding: 2px 5px;
	background: #F3F3F3;
	border: 1px solid #E4E1E1;
	margin:5px 10px;
	line-height: 1.6;
	overflow: hidden;
}
#pagetop a{
	color: #666;
	text-decoration: none;
}
#footernavi{
	width: 780px;
	border-top: 3px solid #246DB3;
	margin: 0 10px;
	text-align: center;
	padding: 5px 0;
	line-height: 2.2;
}	
#copyright{
	background: url(../imgs/bg_footer.gif) left top no-repeat;
	text-align: center;
	font-size: 10px;
	padding: 8px 0;
}


/*　右カラム
---------------------------------------------------------- */
#right-col{
	float: left;
	margin-left: 10px;
	margin-top: 6px;
	width: 585px;
}

/*　SpotBoardログイン (新規SpotBoradProリリース版)
---------------------------------------------------------- */
#NewLoginWindow {
	position: relative;
	width:180px;
	height:180px;
	margin:5px 0;
	background:url(../imgs/LoginBg.png);
}

/*　SpotBoardログイン (Buckup)
---------------------------------------------------------- */
#newlogin{
	width:180px;
	height:135px;
	margin:5px 0;
	padding-top:5px;
	background:url(../imgs/login.png);
}
#newlogin #loginId,
#newlogin #password {
	width:89px;
	margin:0;
	padding:0;
	border:none;
	background:transparent;
}
#newlogin #login_input_id {
	width:94px;
	height:18px;
	margin:8px auto 5px;
	padding:2px 0px 0px 45px;
	background:url(../imgs/login_id.png) no-repeat;
}
#newlogin #login_input_pass {
	width:94px;
	height:18px;
	margin:5px auto 6px;
	padding:2px 0px 0px 45px;
	background:url(../imgs/login_pass.png) no-repeat;
}
#newlogin .login_mailto{
	margin:0 atuo;
	font-size:10px;
}
#newlogin p.newlogin_ttl {
	width:160px;
	height:20px;
	margin:0 auto;
	background:url(../imgs/login_ttl.png);
}


/*　その他
---------------------------------------------------------- */
strong{
	font-weight: normal;
}