﻿@charset "utf-8";

/*----------------------------------------------------
creation date 2012.6
http://www.sevenbank.co.jp/soukin/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
----------------------------------------------------*/

/*------------------------------------
   fx
====================================*/
#time {
margin-bottom:10px;
text-align:right;
font-weight:bold;
}

/* inputBox
------------------------------------*/
.inputBox {
margin:10px 0;
padding:10px;
background:#EEE;
}
.inputBox>dl:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.inputBox>dl {
margin-bottom:15px;
*zoom:1;
}
.inputBox>dl:last-child {
margin-bottom:0;
}
.inputBox>dl dt {
float:left;
clear:left;
width:15em;
font-weight:bold;
}
.inputBox>dl dd {
margin-left:15em;
}
@media (max-width: 519px) {
.inputBox>dl dd {
margin-left:0;
}	
}
.inputBox select#fx_select_countries,
.inputBox select#fx_select_currencies {
width:100%;	
}

/* 201412追記 */
#slctD2b{
margin-top:1em;
}
#slctD2b .inputBox dl dt{
vertical-align: top;
float:none;
display:inline-block;
}
#slctD2b .inputBox dl dd{
display: inline-block;
margin-left:0;
}
#slctD2b .inputBox dl dd ul li{
margin-right:2em;
display:inline-block;
}
div.box .inputBox input[type="radio"]{
vertical-align: -0.2em;
}
.slctD2b-camtxt{
display:none;
}



/* calcResult
------------------------------------*/
#calcResult #fx_font_errorMsg #errorMsg {
margin-top:10px;
}
#calcResult #fx_font_errorMsg p {
padding:10px;
color: #FF0000;
background-color:#FFE5E6;
}

/* fx_result */
#calcResult #fx_result:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;	
}
#calcResult #fx_result {
margin:10px 0 20px;
padding:20px;
background-color:#FFFCD7;
*zoom:1;
}
#calcResult #fx_result #btn_input {
float:left;
clear:left;
width:157px;
height:71px;
border:none;
background-image: url(../image/btn_inputcalc.gif);
background-repeat:no-repeat;
background-position:0 0;
cursor:pointer;
overflow:hidden;
}
@media (max-width: 870px) {
#calcResult #fx_result #btn_input {
float:none;
clear:none;
margin-bottom:10px;
}
}
#calcResult #fx_result #btn_input:hover {
background-position:0 -71px;	
}

#calcResult #fx_result #simuResult {
margin-left:170px;
}
@media (max-width: 870px) {
#calcResult #fx_result #simuResult {
margin-left:0;
}
}
@media (max-width: 519px) {
#calcResult #fx_result #simuResult dt img {
width:100%;
}
}
#calcResult #fx_result #simuResult dd {
padding:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
background-color:#ffcc66;
}
#calcResult #fx_result #simuResult table {
width:100%;
border-collapse:collapse;
border-spacing:0;
border-top:solid 1px #FFF;
border-right:solid 1px #FFF;
}
#calcResult #fx_result #simuResult table .col1 {width:30%;}
#calcResult #fx_result #simuResult table .col2 {width:35%;}
#calcResult #simuResult table .col3 {width:35%;}

#calcResult #fx_result #simuResult table th,
#calcResult #fx_result #simuResult table td {
padding:10px;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
}
#calcResult #fx_result #simuResult table th {
text-align:left;
font-weight:bold;
background-color:#F8E8C8;
}
#calcResult #fx_result #simuResult table td {
text-align:right;
}
#calcResult #fx_result #simuResult table td.currency {
padding-left:0;
text-align:left;
border-left:0;
}