@charset "utf-8";
/* CSS Document */

/* html,body
-------------------------------------------------------*/
html {
	font-family:"ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	font-size:90%;
}

html, x:-moz-any-link {
    font-size: 14px;
}

html,
body {
	height:100%;
}
a {
	color:#0084BD;
	text-decoration:underline;
}
#ui-datepicker-div {
	display:none;
}
/* wrapper
-------------------------------------------------------*/

#headerBar,
#headerInfo,
#globalNav,
#memberInfo,
#topicPath,
.article,
#copy {
	width:960px;
	margin:0 auto;
}
#wrapper {
	min-height:100%;
	position:relative;
}
/* header
-------------------------------------------------------*/
#header {
	background:url(../images/header_bg.gif) repeat-x 0 0;
}
#headerBar {
	height:33px;
}
h1 {
	color:#fff;
	font-size:11px;
	line-height:30px;
}
#headerInfo {
	padding:20px 0;
	overflow:hidden;
}
#mpLogo {
	float:left;
	width:450px;
}
/* nav#mainNavigation
-------------------------------------------------------*/
#mainNavigation {
	clear:both;
	background:url(../images/nav_gNav_bg.jpg) repeat-x 0 -2px;
}

/* #globalNav
	-------------------------------------------------------*/
	#globalNav {
	height:38px;
	width:962px;
}
#globalNav li {
	float:left;
	margin:0;
}
	#globalNav li.member { width:128px; }
	#globalNav li.strength { width:127px; }
	#globalNav li.fx { width:108px; }
	#globalNav li.cfd { width:109px; }
	#globalNav li.stocks { width:108px; }
	#globalNav li.support { width:127px; }
	#globalNav li.market { width:127px; }
	#globalNav li.aboutus { width:128px; }

#globalNav li a {
	background:no-repeat 0 0;
	display:block;
	width:100%;
	height:38px;
	text-indent:-9999px;
	background:url(../images/Gnav_bg_off.gif) no-repeat 0 0;
	overflow:hidden;
}
	#globalNav li a:hover,
	#globalNav li.member a {
		background-image:url(../images/tmp_gnav2_01_r.gif);
	}
	
	#globalNav li.strength a {
		background-image:url(../images/tmp_gnav2_02_n.gif);
	}
	#globalNav li.strength a:hover {
		background-image:url(../images/tmp_gnav2_02_r.gif);
	}
	
	#globalNav li.fx a {
		background-image:url(../images/tmp_gnav2_03_n.gif);
	}
	#globalNav li.fx a:hover {
		background-image:url(../images/tmp_gnav2_03_r.gif);
	}	
	
	#globalNav li.cfd a {
		background-image:url(../images/tmp_gnav2_04_n.gif);
	}
	#globalNav li.cfd a:hover {
		background-image:url(../images/tmp_gnav2_04_r.gif);
	}
	
	#globalNav li.stocks a {
		background-image:url(../images/tmp_gnav2_05_n.gif);
	}
	#globalNav li.stocks a:hover {
		background-image:url(../images/tmp_gnav2_05_r.gif);
	}	
	
	#globalNav li.support a {
		background-image:url(../images/tmp_gnav2_06_n.gif);
	}
	#globalNav li.support a:hover {
		background-image:url(../images/tmp_gnav2_06_r.gif);
	}	
	
	#globalNav li.market a {
		background-image:url(../images/tmp_gnav2_07_n.gif);
	}
	#globalNav li.market a:hover {
		background-image:url(../images/tmp_gnav2_07_r.gif);
	}	
	
	#globalNav li.aboutus a {
		background-image:url(../images/tmp_gnav2_08_n.gif);
	}
	#globalNav li.aboutus a:hover {
		background-image:url(../images/tmp_gnav2_08_r.gif);
	}

#memberInfo {
	margin:10px auto 0;
}
	#memberNav {
		height:38px;
		position:relative;
		z-index:100;
	}
		#memberNav li {
			float:left;
			margin:0;
			padding:0 1px 0 0;
			position:relative;
			background:url(../images/memberNav_bg_line.gif) no-repeat right top;
		}
		#memberNav li.mcc {
			float:left;
			margin:0;
			padding:0 1px 0 0;
			position:relative;
			background:url(../images/memberNav_bg_line_mcc.gif) no-repeat right top;
		}
		#memberNav li.hover {
			background-image:url(../images/memberNav_bg_line_hover.gif);
		}
		#memberNav li.mcc.hover {
			background-image:url(../images/memberNav_bg_line_mcc_hover.gif);
		}
			#memberNav a {
				display:block;
				height:38px;
				width:159px;
				background:url(../images/memberNav_bg.gif) no-repeat -1px top;
			}
			#memberNav li.mcc a {
				display:blick;
				height: 38px;
				width: 159px;
				background: url(../images/memberNav_bg_mcc.gif) no-repeat -1px top;
			}
			#memberNav .hover a {
				background-image:url(../images/memberNav_bg_hover.gif);
			}
			#memberNav .mcc.hover a {
				background-image:url(../images/memberNav_bg_mcc_hover.gif);
			}
			#memberNav li.home a {
				background-position:0 0;
			}
				#memberNav a span {
					display:block;
					height:38px;
					background-position:center 0px;
					background-repeat:no-repeat;
					text-indent:-9999px;
					overflow:hidden;
					cursor:pointer;
				}
				#memberNav .hover a span {
					background-position:center -37px;
				}
					#memberNav li.home a span { background-image:url(../images/memberNav_home.png); }
					#memberNav li.management a span { background-image:url(../images/memberNav_management.png); }
					#memberNav li.exchange a span { background-image:url(../images/memberNav_exchange.png); }
					#memberNav li.download a span { background-image:url(../images/memberNav_download.png); }
					#memberNav li.marketInfo a span { background-image:url(../images/memberNav_marketInfo.png); }
					#memberNav li.setUp a span { background-image:url(../images/memberNav_setUp.png); }
					#memberNav li.cash_receive a span { background-image:url(../images/memberNav_cashRecieve.png); }
					#memberNav li.changing_money a span { background-image:url(../images/memberNav_changingMoney.png); }
					#memberNav li.mcc a span { background-image:url(../images/memberNav_mcc.png); }

		#memberNav ul {
			background:#333;
			position:absolute;
			width:159px;
			opacity:0.9;
			filter:alpha(opacity=90);
			padding-bottom:5px;
			display:none;
			border:1px solid #ccc;
			border-top:none;
			z-index:1500;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-box-shadow: 3px 3px 5px #222;  
			-webkit-box-shadow: 3px 3px 5px #222;
			box-shadow: 3px 3px 5px #222;
		}
		#memberNav ul li {
			float:none;
			margin:0;
			padding:2px 5px;
			background:none;
			width:149px !important;
		}
		#memberNav ul li a {
			background:url(../images/memberNav_ico_link.png) no-repeat 0 center !important;
			text-indent:0;
			color:#fff;
			text-decoration:none;
			padding:3px 0 3px 9px;
			height:auto;
			width:140px !important;
			border:none !important;
		}
		#memberNav ul li a:hover {
			text-decoration:underline;
			width:140px !important;
		}
		#memberNav ul li.separator {
			border-top:1px dotted #999;
			margin-top:5px;
			padding-top:5px;
		}



/* contents
-------------------------------------------------------*/
#contents {
	margin:5px 0 0;
	padding-bottom:140px;
	clear:both;
}
/* nav#topicPath
	-------------------------------------------------------*/
	#topicPath {
	width:948px;
	background:url(../images/topicPath_ico_home.jpg) no-repeat 0 center;
	padding-left:12px;
	font-size:11px;
	overflow:hidden;
	margin-bottom:10px;
}
#topicPath li {
	float:left;
	margin:0 5px 0 0;
	color:#999;
}
#topicPath li a {
	display:block;
	padding-right:10px;
	background:url(../images/topicPath_ico_arrow.jpg) no-repeat right center;
}
/* article
	-------------------------------------------------------*/
.article {
clear:both;
overflow:hidden;
margin-top:20px;
}
h2,
#customer.confirm h2 {
	color:#fff;
	background:url(../images/h2.jpg) no-repeat;
	font-size:16px;
	height:34px;
	padding:2px 0 0 18px;
	text-shadow:1px 1px 0 #333;
	line-height:1.4;
}
	*+html h2 {
		padding-top:5px;
	}
.article .explanation {
	
	padding:0 10px 10px;

	margin:0 0 10px;
}
/* section
	-------------------------------------------------------*/
	.section {
		overflow:hidden;
		height:auto;
		position:relative;
		margin-bottom:30px;
	}
	h3 {
	text-shadow:1px 1px 0 #fff;
	font-size:16px;
	border-top:2px solid #B5001E;
	background-position:4px center;
	background-repeat:no-repeat;
	background-image:url(../images/h3_bg_normal.jpg);
	width:100%;
	}
		h3 span {
			border-style:solid;
			border-width:1px 2px 2px;
			border-color:#fff #ccc #ccc;
			width:auto;
			display:block;
			padding:2px 0 2px 10px;
		}
	h4 {
		background:url(../images/h4.gif) no-repeat 0 center;
		padding-left:10px;
		font-weight:bold;
		margin:10px 0 5px;
		clear:both;
	}
/* fancyform styles 
*/
label {
	display:block;
	padding:0.5em;
	padding-left:32px;
	background-position:0 center;
	background-repeat:no-repeat;
	border-style:solid;
	border-width:1px;
	clear:both;
	cursor:pointer;
	margin:0 0 3px;
	text-shadow:1px 1px 0 #fff;
	border-color:#ccc #999 #999 #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
label img {
	margin-right:5px;
	vertical-align: text-top;
}

.checked {
	background-image:url(../images/chk_chk.jpg);
	border:1px solid #999;
	color:#010;
	text-shadow:0px 0px 0 #C8E6C4;
	border-color:#51A345 #fff #fff #51A345;

}
.unchecked {
	background-image:url(../images/chk_ena.jpg);
}
.selected {
	background-image:url(../images/rad_chk.jpg);
	font-weight: bolder;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	border-color:#D12E3E #EBA0A8 #EBA0A8 #D12E3E;
}
	.selected span {
		font-weight: bolder;
		text-shadow:1px 1px 1px #000;
	}
	.selected.radDisabled span {
		font-weight: normal;
		text-shadow: none;
	}

.unselected {
	background-image:url(../images/rad_ena.jpg);
}
.chkDisabled {
	background-image:url(../images/chk_dis.jpg);
	color:#666;
	border:1px solid #ccc;
	cursor:default;
	opacity:0.5;
	filter:alpha(opacity=50)
}
.radDisabled {
	background-image:url(../images/rad_dis.jpg);
	color:#666;
	font-weight: normal;
	border:1px solid #ccc;
	cursor:default;
	opacity:0.5;
	filter:alpha(opacity=50);
	text-shadow:0px 0px 0;
}
label.unselected.radio:hover {
	background-image:url(../images/rad_enahov.jpg);
}
	label.unselected.radio.radDisabled:hover {
		background-image:url(../images/rad_ena.jpg);
	}
label.unchecked.chk:hover {
	background-image:url(../images/chk_enahov.jpg);
}
	label.unchecked.chk.chkDisabled:hover {
		background-image:url(../images/chk_dis.jpg);
	}
label.selected.radio:hover {
	background-image:url(../images/rad_chkhov.jpg);
}
	label.selected.radio.radDisabled:hover,
	label.unselected.radio.radDisabled:hover {
		background-image:url(../images/rad_dis.jpg);
	}
label.checked.chk:hover {
	background-image:url(../images/chk_chkhov.jpg);
}

label.chkDisabled:hover,
label.radDisabled:hover {
	border:1px solid #ccc;
}
.leftcol {
	float:left;
	clear:left;
	width:50%;
}
.rightcol {
	float:left;
	clear:right;
	width:50%;
}


	ul.inputDo {
		margin:10px 10px;
	}

	input[type="text"].number {
		text-align:right;
	}

	li.input {
		border:3px solid #666;
		border-radius:5px;
		text-align:center;
	}
	li.input:hover,
	li.input.hover,
	span.wrapInput:hover,
	span.wrapInput.hover {
		border-color:#F60;
		box-shadow:0px 0px 2px #FF8E44;
	}
	li.input.disabled,
	li.input.disabled:hover,
	span.wrapInput.disabled,
	span.wrapInput.disabled:hover {
		border-color:#666;
		box-shadow:none;
		opacity:0.3;
		filter:alpha(opacity=30);
	}

	input[type="text"],
	input[type="password"]{
		background:#eee;
		padding:3px;
		border:3px solid #fff;
		border-radius:5px;
		width:150px;
	}
	li.input:hover input[type="text"],
	li.input.hover input[type="text"],
	li.input:hover input[type="password"],
	li.input.hover input[type="password"],
	span.wrapInput:hover input[type="text"],
	span.wrapInput.hover input[type="text"],
	input[type="text"]:focus,
	input[type="password"]:focus {
		background:#FFEEE2;
	}
	li.input:hover input.disabled[type="text"],
	span.wrapInput.hover input.disabled[type="text"]{
		background:#eee;
	}
	
	select {
		padding:.2em;
		vertical-align:top;
		margin:3px 3px 3px 0;
	}
	
	
	.attention {
		background:#eee url(../images/ico_attention.gif) no-repeat 15px center;
		border-style:solid;
		border-width:1px;
		border-color:#999 #fff #fff #999;
		border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		padding:10px 10px 10px 60px;
		line-height:1.4;
		margin:20px 10px;
		text-shadow:1px 1px 0 #fff;
	}
	
	.submit a {
		display:block;
		height:33px;
		line-height:33px;
		width:200px;
		margin:10px auto;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-size:16px;
		text-shadow:1px 1px 0 #333;
		background:url(../images/btn_confirm_200.png) 0 0px;
		position:relative;
	}
		.submit a img {
			vertical-align:middle;
			position:absolute;
			left:8px;
			top:8px;
		}
	.submit a#confirm {
		background-image:url(../images/btn_confirm_200.png);
	}
	.submit a.short {
		background-image:url(../images/btn_confirm_130.png);
		width:130px;
	}
	.submit a.large {
		background-image:url(../images/btn_confirm_350.png);
		width:350px;
	}
	.submit a#complete {
		background-image:url(../images/btn_do_200.png);
	}
	.submit a#complete.short {
		background-image:url(../images/btn_do_130.png);
	}
	.submit a#complete.large {
		background-image:url(../images/btn_do_350.png);
	}
	.submit a:hover {
		background-position:0 -33px;
	}
	.submit a.disabled {
		cursor:default;
		background-image:url(../images/btn_disabled_200.png) !important;
		opacity:.5;
		filter:alpha(opacity=50);
		color:#666;
	}
		.submit a.disabled img {
			opacity:.3;
			filter:alpha(opacity=30);
		}
	.submit a.short.disabled {
		background-image:url(../images/btn_disabled_130.png) !important;
	}
	.submit a.large.disabled {
		background-image:url(../images/btn_disabled_350.png) !important;
	}
	


	a.tooltip {
		position:absolute;
		right:5px;
		top:50%;
		margin-top:-12px;
	}
	a.tooltip img {
		vertical-align:middle;
	}
	a.tooltip.tips {
		position:relative;
		margin:0 3px;
		right:0;
		top:0;
	}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	border:1px solid #999;
	padding:1px;
	background:#fff;
}

/* 蝨ｰ */
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f6f6f6;
		}

/*繧ｿ繧､繝医Ν*/
.cluetip-default h3#cluetip-title {
	margin: 0;
	padding: 2px 5px 2px 25px;
	font-weight: normal;
	background:#fff url(../images/tooltip_bg.jpg) no-repeat 0 center;
	color: #333;
	border-style:solid none;
	border-width:3px;
	border-color:#006591 #ccc #ccc;
}
.cluetip-default #cluetip-title a {
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 5px;
	font-size:80%;
	line-height:1.4;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* 新エラー表示 */
	#cash_receive .alert {
		border:1px solid #DB5656;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		background:#F3C8C8 url(../images/top_bg_attention.png) repeat-x 0 0;
		padding:4px;
		margin:0 0 30px;
	}
	
	#cash_receive .alert h2 {
		color: #FFFFFF;
				text-shadow: 1px 1px 1px black;
				padding-left: 18px;
		width:100%;
		height:20px;
		margin:0;
		padding:0;
		background:url(../images/top_txt_attention.png) no-repeat 0 -7px;
		text-indent:20px;
		font-size:14px;
		line-height:15px;
	}
	
	#cash_receive .alert div {
		background:#fff;
		-moz-border-radius:1px;
		-o-border-radius:1px;
		-webkit-border-radius:1px;
		border-radius:1px;
		padding:5px;
	}
	#cash_receive .alert div p {
		color:#c00;
		text-align:left;
		font-weight:bold;
		padding:2px 0;
	}



/*エラー表示*/
	/*  */
	p.error {
		background:#ECA5A5;
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, #ECA5A5),
		    color-stop(1, #E68B8B)
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    #ECA5A5 0%,
		    #E68B8B 100%
		);
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #DB5656;
		padding:3px 3px 1px;
		position:relative;
		margin-bottom:10px;
		clear:both;
	}
	p.error:before {
		content:url(../images/ico_exclamation.png);
		vertical-align:middle;
		margin:0 2px 0 0;
		display:inline-block;
	}
	li.input > p.error,
	span.wrapInput > p.error {
		margin:0 !important;
		border-radius:0 0 3px 3px;
		border-width:1px 0 0 0;
	}
	td > p.error {
		margin:10px 0 0;
	}
	
	#customer p.error {
		margin:0 0 10px;
	}
	

img.flag {
	vertical-align:middle;
	margin:0 5px 0 0;
}

.returnTop {
	text-align:right;
	margin:5px 0 0;
	clear:both;
}

em {
	color:#AB1831;
	font-style:normal;
}

.strong {
	font-weight:bold;
}

/* footer
-------------------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	background:url(../images/tmp_bg_mpPageFooter.gif) repeat-x 0 bottom;
	height:112px;
	position:absolute;
	bottom:0;
}
#footer .copyright {
	line-height:112px;
	zoom:1;
    text-align: center;
    font-weight: 400;
    font-size: small;
    color: darkgray;
}
*:first-child+html #footer .copyright {
	padding-bottom: 15px;
}