@charset "utf-8";

/* set up */
div,pre,p,form,input,textarea,select,option,
dl,dt,dd,ul,ol,li,table,th,td,embed,object,h1,h2,h3,h4,h5,h6 {
margin          : 0;
padding         : 0;
}

body {
margin          : 0;
padding         : 0;
color           : #333;
font-size       : 12px;
font-family     : "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;
line-height     : 150%;
background-color:#eee;
}

h1{ font-size: 16px;}
h2{ color:#FF0000;}
h3{ color:#00a0e9; font-size:18px;}
h4,h5,h6{}
p,
ul li { word-break:break-all;}

a { text-decoration: none; color: #0068b7;}
a:hover { text-decoration: underline; color: #E86800;}
a:visited {}
img{ border: 0;}

input,textarea{
	border:1px solid #a8c4eb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0.4em;
}
input[type="text"] {
	width:50%;
}

textarea {
	width:70%;
}

input[type="text"]:focus,
textarea:focus,
input[type="text"]:hover,
textarea:hover {
	border:1px solid #3399FF;
}

li{ list-style: none;}

hr{ border: 1px dotted #eee;}

strong{ color: #000;}

table{ border-collapse: collapse; background:#ffffff; width:100%;}
th{ vertical-align: top; font-weight: normal; text-align: left; padding:0.8em;}
td{ vertical-align: top; padding:0.8em;}
/* set up */


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.Left {
	float:left;
}
.Right {
	float:right;
}

.clear {
	clear:both;
}

#wrapper{
	background:url(../img/bg_gnav.gif) repeat-x bottom left #000;
	line-height: 1.8;
}

.inner {
	width:986px;
	margin:0 auto;
}

#header{
	width: 990px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
}

#header h1{
	clear: both;
	padding:20px 0 45px;
}

/* メニューボタン */
#menybtn {
	clear:both;
	background:url(../img/bg_nav.gif) repeat-x bottom left;
	padding-bottom:2px;
}

/* ul#nav1 li {
	float: left;
	height:38px;
	overflow: hidden;
}
/* メニューボタン */


/* ul#nav2 li {
	float: left;
	padding-bottom:5px;
	overflow: hidden;
} */ */

ul#nav2 li.chart { border:1px solid #2a2a2a; background:#fff;}
ul#nav2 li.chart iframe {
	padding:5px;
}

ul#nav2 li.chart iframe a { display:none;}

tr.powerd a { display:none !important;}



/* フラッシュテキスト */
#flash{ position:relative;
   float: left;
   width: 700px;
   height:400px;
   margin:-10px 0px 10px 0;
}

#mainvisual {
	margin-bottom:20px;
}

/*==========
#open live account #contactus form
=====================*/
#contactus,
#open-live-account {
	position:relative;
	width:986px;
	margin:0 auto;
	clear:both;
}

#open-live-account table .first td {
	text-align:center;
	border:1px solid #ccc;
	background:url(../img/bg_open_table.jpg) right bottom no-repeat;
}

#open-live-account table .last td {
	width:244px;
	border:1px solid #ccc;
	padding:10px;
}

#open-live-account table .last td strong {
	display:block;
}

#open-live-account {
	margin-bottom:20px;
}


body.open-live #flow {
	border:1px solid #ccc;
	background:white;
	padding:0.4em 0.4em 2em;
}

body#thanks #contactus {
	padding-bottom:240px;
}

#contactus .container,
#open-live-account .container {
	width:690px;
	float:left;
	margin:5px 0px 10px ;
	padding:5px;
}

#contactus input {
	margin-bottom:0.4em;
}

#hoge{
	position:absolute;
	top:32px;
	left:15px;
	padding:10px;
	width:250px;
	color:#000000;
	height: 162px;
	background:url(../img/bk.png);
}

#hoge b{
	font-size:18px;
	}

/* フラッシュテキスト */


#wrap-table {
	overflow:hidden;
	margin-top:20px;
	clear:both;
}

#wrap-table ul {
	padding:0.2em 0.4em 0.4em 0.4em;
}

#wrap-table ul li {
	list-style:inside disc;
}


#box1 {
   float: left;
   width: 340px;
   margin:10px 10px 10px 0;

}



#box3 {
   float: left;
   width: 680px;
   margin:10px 20px 10px 0;
}

#box3 p{
	padding:0 10px 20px 5px;
}

#box4 {
	float:right;
   width: 320px;
   margin:10px 0px 10px 0;
}

#box5 {
   float: left;
   margin:10px 10px 10px 0;
}

#box5 td{
	border:1px solid #000000;
	width:220px;
	height:100px;
   padding:5px;
}

#box5 table{
   margin-bottom:15px;
}

#box5 ul{
   margin-bottom:20px;
}

body.open-live #box5 {
	float:none !important;
	clear:both !important;
	margin:10px 0 !important;
}

body.open-live #box5 table {
	width:100%;
}

body.open-live #box5 table tr.first td {
	text-align:center;
}

div.body {
	margin-bottom:20px;
}

body.open-live .body dl dt {
	font-size:140%;
}

body.open-live .innerWrap {
	overflow:auto;
	overflow-x:hidden;
	height:200px;
	margin-bottom:20px;
}


body.open-live .innerWrap .Terms ol {
	list-style-type:decimal !important;
	list-style-position:inside;
	padding-left:14px;
}

body.open-live .innerWrap .Terms ol li {
	list-style:inherit;
	margin-bottom:10px;
	text-indent:-14px;
}

body.open-live .Terms p {
	margin-bottom:10px;
}

body.open-live .Terms dl dd {
	margin-bottom:10px;
	padding-left:14px;
}

#from {
   float: left;
   margin:10px 10px 10px 0;
}

#from td{
	border:1px solid #000000;
   padding:5px;
}

#from tr{
	border:1px solid #000000;
   padding:5px;
}

#from th{
	   padding:5px;
	text-align:center;
	font-weight:bold;
	background:#CCC;
	vertical-align:middle;
}

#contents {
	margin:0 auto;
	width: 986px;
	margin-bottom:10px;
	padding-bottom:40px;
	clear:both;
	overflow:hidden;
}


#wrap #primary {
	width:713px;
	margin-left: auto;
	margin-right: auto;
}

#boxWrap {
	margin-bottom:10px;
	overflow:hidden;
}

#boxWrap .box {
	width:231px;
	float:left;
	margin-bottom:10px;
	background:#fff;
}

#boxWrap .first {
	margin-right:10px;
}

#boxWrap .box ul {
	padding:5px 6px 10px 5px;
	border:1px solid #75706a;
	border-top:none;
	min-height:150px;
	_height:150px;
	list-style:inside disc;
}

#boxWrap .box ul li {
	list-style:inside disc;
	word-break:break-all;
}

#primary #box2 .Left {
	width:412px;
}

#primary #box2 .Right {
	width:291px;
}

#wrap #secondary {
	width:263px;
	float:left;
}

#contents h2 {
	font-size:24px;
	color:#ff7000;
	margin:0;
	padding-bottom:10px;
}

#contents h3 {
	border-left:8px solid #00A0E9;
	border-bottom:1px solid #00A0E9;
	padding-left:6px;
	padding-bottom:2px;
	padding-top:3px;
	margin-bottom:10px;
}


#contents h3.imageTitle {
	border:none !important;
	padding-left:0px !important;
}

#contents input.btn,
input.contact_submit_inactive,
input.contact_submit {
	width: auto;
	border: 0px;
	background: #525252 center;
	border: 1px solid #525252;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 5px 10px;
	font-size: 11px;
	cursor: pointer;
}

input.contact_submit_inactive:hover,
#contents input.btn:hover,
input.contact_submit:hover {
	background:#FFCC99;
}

textarea#comments {
	min-height:186px;
}


#contents .form-wrap {
	padding: 10px;
	line-height:2;
    bordCompanyer-radius:5px;
    -moz-border-radius:5px;
    border:#ded8d2 1px solid;
    -moz-box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    margin:10px auto;
    background-color:#ffffff;
    border:1px solid white;
}


#contents .form-wrap th,
#contents .form-wrap td {
	padding:0.2em 2em 0.2em 1em;
}

#contents .form-wrap input {
	margin-right:10px;
}

#contents .form-wrap td.first {
	width:230px;
}

#contents .form-wrap table.submitButton {
	width:100%;
}

#contents .form-wrap table.submitButton td {
	padding-top:10px;
}

#footer {
	background:url(../img/bg_footer.jpg) repeat-x top left #000;
	clear:both;
	overflow:hidden;
	padding:20px 10px;
	font-size:11px;
	color:#ccc;
}

#footer .fmain {
 margin:0 auto;
 position:relative;
 text-align:left;
 width:950px;
}

#footer ul {
	float:left;
}

#footer .copy {
	float:right;
}

#footer ul.second {
	background:url(../img/foot_separate.gif) repeat-y left top;
	padding-left:40px;
}

#footer ul li {
	background:url(../img/icon_arrow.gif) 0 50% no-repeat;
	padding-left:12px;
	padding-right:40px;
}

#footer .fmain ul li {
 border-left:1px solid #FFFFFF;
 display:block;
 float:left;
 list-style:none outside none;
 padding:0 8px;
 font-size:12px;
 line-height:1.3em;
 height:16px;
 vertical-align:top;
}

#footer a {
 color:#eee;
 text-decoration:none;
}

#footer .fmain p {
	color:#CCCCCC;
	position:absolute;
	right:336px;
	top:35px;
	font-size:12px;
	line-height:1.3em;
}


#footer ul li a:hover{
 color:#999999;
 text-decoration:underline;
}







/* text */
.t_red{ color: #D54000;}
.t_blue{ color: #33B3FF;}
.t_green{ color: #89BD00;}
.t_orange{ color: #fc0;}
.t_pink{ color: #F85291;}
.t_glay{ color: #996;}
.t_b{ font-weight: bold;}
.t_s{ font-size: 10px;}
.t_r{ text-align: right;}
.t_c{ text-align: center;}
/* text */

/* class */
.top_t{ width: 100%; margin: 10px 0;}
.top_t img { margin-bottom:5px;}
.top_t td{ width: 25%; vertical-align: top; font-size: 10px; text-align: left;}
.top_t td.tl{ text-align: left;}
.top_t td.tr{ text-align: right;}
.top_t div{ text-align: left;}
.image-submit {
	background:url(../img/bg_btn_blue.jpg) top left no-repeat;
	width:192px;
	height:50px;
	display:block;
	margin:10px 224px;
	cursor:pointer;
	border:none !important;
	color:#000;
	font-size:13px;
}

.image-submit:hover {
	background-position:left bottom;
	color:#003479;
}

.hidden {
	display:none;
}

/* class */


/*=======================
	body#mt4
=======================*/

body#mt4 dl {
	margin:10px 0 20px 0;
}

body#mt4 dl dt {
	font-weight:bold;
}

#btn_download dd{
	width:192px;
	height:56px;
	display:block;
}


/*=================
body.payment
=================*/

body.payment .box {
	margin-bottom:40px;
}

body.payment .body {
	padding:10px 10px 0px 10px;
}

body.payment #area02 table,
body.payment #area03 table {
	width:100%;
}

body.payment #area01 table {
	text-align:left;
}

body.payment #area00 th,
body.payment #area01 th {
	padding:5px;
	border:1px solid #ccc;
	word-break:break-all;
	min-width:80px;
}

body.payment #area00 td,
body.payment #area01 td {
	padding:5px;
	border:1px solid #ccc;
	word-break:break-all;
}

body.payment #area02 td,
body.payment #area03 td {
	width:50%;
	padding:5px 5px 5px 20px;
}


body.payment #area03 label {
	display:none;
}
