html{
overflow-y:scroll;
}
*{
padding:0;
margin:0;
list-style:none;
}
img{
border-width:0;
}
body{
font-size:1em;
line-height:1.8em;
letter-spacing:0.1em;
color:#333333;
background-color:#EEFFFF;
width:100%;
text-align:center;
}
div#container{
width:770px;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
height:100%;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
h1{
font-size:2em;
line-height:1.0em;
}
h2{
font-size:1.2em;
line-height:2em;
color:#0077FF;
text-align:center;
}
p{
padding:0.5em 4em;
text-indent:1.2em;
}
div.block{
border:3px solid #99CC33;
background-color:#FFFFEE;
width:700px;
margin:0 35px;
}
form#mailForm input#shopname, form#mailForm input#shopadrs, form#mailForm input#shoptel, form#mailForm input#shophp, form#mailForm input#username, form#mailForm input#usermail{
width:450px;
color:#666666;
}
form#mailForm textarea#shopmsg, form#mailForm textarea#usermsg{
width:450px;
height:100px;
}
form#mailForm input#submit{
width:100px;
}
table#shopForm, table#userForm{
border:3px solid #99CC33;
background-color:#FFFFEE;
width:700px;
margin:1em 35px;
border-collapse:collapse;
font-size:1em;
line-height:1.8em;
letter-spacing:0.1em;
color:#333333;
text-align:left;
}
table#shopForm caption, table#userForm caption{
font-weight:bold;
color:#0077FF;
}
table#shopForm th, table#userForm th{
padding:10px;
vertical-align:top;
}
table#shopForm th, table#userForm th{
color:#0077FF;
}
table#shopForm td, table#userForm td{
padding:10px;
vertical-align:top;
}
span.check{
font-size:80%;
color:red;
}
td.input{
text-align:center;
color:red;
font-size:80%;
}
form#mailForm div{
text-align:center;
padding:1em;
}
p#back{
text-align:right;
font-size:80%;
}
img#imgcheck{
border:1px solid #CCCCCC;
background-color: #FFFFFF;
}
input#ca{
width:152px;
}
p.error{
color:#FF0000; font-weight:bold;
}