@charset "utf-8";
/* CSS Document */

/*------------------
body
--------------------*/
html {
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #063564;
font-size: 100%; 
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, Sans-serif ;
text-align: center;
}


/*------------------
reset
--------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
address, 
ul, 
ol, 
li, 
form, 
dl, 
dt, 
dd, 
img, 
table, 
tr, 
th, 
td, 
blockquote {
margin: 0;  
border: none;
padding: 0; 
line-height: 1; 
font-weight: normal; 
list-style-type: none; 
}


/*------------------
head Styles
--------------------*/
h1 {
margin: 0 0 15px 0;
}

h2 {
margin: 0 0 10px 10px;
clear: both;
}

h3 {
margin: 0 0 15px 9px;
clear: both;
}


/*------------------
Font color
--------------------*/
.fontred {
color: #F00;
}


/*------------------
Contents
--------------------*/
.container {
margin: 0 auto;
width: 920px;
min-height: 100%;
padding: 0;
overflow: hidden;
text-align: left;
background: #fff;
}

#inner {
width: 880px;
margin: 0 0 0 20px;
}

#header {
width: 920px;
margin: 10px 0;
}

#maincontents {
width: 880px;
background: url(../images/img-fromvoice.jpg) no-repeat 90% 5%;
}

#maincontents p {
margin: 10px;
font-size: 0.8em;
line-height: 1.2em;
}

#maincontents table.spec {
width: 600px;
margin: 20px 0px 30px 20px;
padding: 0px;
border-collapse: collapse;
border-top: 1px dotted #999999;
}

#maincontents table.spec th {
width: 25%;
padding: 4px 2px 2px 4px;
text-align: left;
vertical-align: top;
color: #666666;
background-color: #EEEEEE;
border-bottom: 1px dotted #999999;
border-left: 5px solid #F90;
font-size: 0.8em;
line-height: 1.2em;
}

#maincontents table.spec td {
padding: 4px 2px 2px 4px;
border-bottom: 1px dotted #999999;
border-left: 3px double #CCCCCC;
font-size: 0.8em;
}

#maincontents ul {
text-align: center;
margin: 10px 0;
}

#maincontents ol {
margin: 0 0 20px 50px;
}

#maincontents ol li {
list-style-type: decimal;
font-size: 0.8em;
margin: 5px 0;
}

#maincontents .size {
margin: 20px 0 30px 100px;
}

#maincontents .size p {
margin: 0 80px 0 0;
padding: 0;
text-align: right;
}

#maincontents .size table {
width: 700px;
border-top:1px solid #663300;
border-left:1px solid #663300;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}

#maincontents .size th {
border-right:1px solid #663300;
border-bottom:1px solid #663300;
color:#330000;
background-color:#DDFAFF;
background-position:left top;
padding:0.3em 1em;
text-align:center;
font-size: 0.8em;
}

#maincontents .size td {
border-right:1px solid #663300;
border-bottom:1px solid #663300;
padding:0.3em 1em;
font-size: 0.8em;
text-align: center;
}

.simulator {
text-align: center;
}

.simulator img {
margin: 10px 0 50px 0;
}

p.fontredspace {
padding: 0 0 0 20px;
color: #F00;
font-size: 1em;
font-weight: bold;
}


#footer {
clear: both;
}

#footer p {
font-size: 0.8em;
line-height: 1.4em;
margin: 15px 30px;
color: #666;
text-align: center;
}

#footer p.text {
display: inline-block;  
padding-left: 15px;  
background: url(../../sale/images/img-kome.gif) no-repeat 0em .3em;
color: #000;
text-align: left;
}

#footer p.totop {
margin: 40px 0;
text-align: center;
}

#footer p img {
margin-right: 5px;
vertical-align: middle;
}

