@charset "UTF-8";

* {
        margin:0;
        padding:0;
}

html {
        overflow-y:scroll; /* non-opera non-safari property */
}

hr {
        display: none;
        clear: both;
}

img {
        margin:0;
        padding:0;
        border:none;
}

p {
        margin:0;
        padding:0 10px 0 20px;
}

table {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        empty-cells: show;
        font-size: 100%;
        text-align: left;
}

h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
}

th, td {
        margin:0;
        padding:0;
}


em {
        font-style: normal;
}

ul,ol {
        margin:0 0 0 50px;
        padding:0;
}

a:link {
        color: #333399;
        text-decoration: underline;
}

a:visited {
        color: #333399;
        text-decoration: underline;
}

a:hover {
        color: #ff6666;
        text-decoration: none;
}

a:active {
        color: #ff0066;
        text-decoration: underline;
}


div#container {
        margin: 0 auto;
        padding: 0;
        clear: both;
        background: #ffffff;
        width:748px;
}

body {
        margin: 0;
        padding: 0;
        color: #222222;
        font-size: 13px;
        line-height: 1.6em;
        background: #fff9e8;
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        text-align: center;
}

#headattention {
        padding: 20px 0;
        color: #ff6600;

}
div#header {
        margin:0 auto;
        padding: 0;
}

div#contents {
        margin: 0;
        padding: 0;
}



div#formarea div.formmessage {
        font-size: 77%;
        font-style: normal;
        color: #FF0000;
}

div#formarea div.attention {
        font-style: normal;
        color: #000000;
        padding: 10px;
}

div#formarea span.required {
        font-size: 77%;
        font-style: normal;
        color: #ff6600;
}

div#formarea .sendbtnarea {
        margin: 20px auto;
        padding: 10px;
        text-align: center;
        background: #ffe3a7;
}

div#formarea .sendbtnarea-back {
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        background: #eeeeee;
}

div#formarea .sendbtn {
        padding: 3px;
        width: 240px;
}

div#formarea textarea {
        padding: 4px;
        width: 100%;
        font-size: 100%;
        height: 100px;
        border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

div#formarea input[type=text] {
        padding: 4px;
        font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
        
}
div#formarea textarea.textarea100p {
        padding: 2px;
        font-size: 100%;
        width: 99%;
}

div#formarea .s500 {
        width: 500px;
        border:1px solid #ccc;
}

div#formarea .s400 {
        width: 400px;
        border:1px solid #ccc;
}

div#formarea .s300 {
        width: 300px;
        border:1px solid #ccc;
}

div#formarea .s200 {
        width: 200px;
        border:1px solid #ccc;
}

div#formarea .s150 {
        width: 150px;
        border:1px solid #ccc;
}

div#formarea .s50 {
        width: 70px;
        border:1px solid #ccc;
}

div#formarea select {
        padding: 3px;
        border:1px solid #ccc;
}

div#formarea table {
        margin: 0 auto;
        padding: 0;
        border: 1px solid #cccccc;
        width: 90%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}

div#formarea table th {
        text-align: left;
        background: #a07442;
        padding: 10px;
        border: 1px solid #cccccc;
        color:#fff;
}

div#formarea table th.title3 {
        background: #efe9e3;
        text-align: center;
        color:#6d5437;
}

div#formarea table td .reason{
        margin: 0;
        padding: 0;
}

div#formarea table td .title4{
        background: #efe9e3;
        color:#6d5437;
}

div#formarea table td div{
        padding: 10px;
}

div#formarea table td {
        text-align: left;
        background: #f9f9f9;
        padding: 10px;
        border: 1px solid #cccccc;
        color:#000;
}

div#formarea table td dl{
padding: 3px;
}

div#formarea table td dt{
padding: 3px;
float: left;
}

div#formarea table td dd{
padding: 3px;
margin: 0 0 0 80px;
}

div#formarea div.errormessage {
        color: #ff5353;
        margin: 10px auto;
        padding: 10px 10px 10px 20px;
        border: 1px solid #ff5353;
        background: #fef6f6;
        width: 90%;
        text-align: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;

}

div#formarea div#thanx {
        padding: 10px;
        text-align: center;
}

div#formarea div#loginoption {
        padding: 10px 0 0 0;
        text-align: center;
}

div#formarea input#save {
        padding: 4px;
        font-size: 100%;
        width:20px;
}

div#formarea div.errormessage ul li {
        margin: 0 ;
        padding: 0;
}


div#formarea div#complete h4 {
        padding: 10px;
        margin: 0 0 20px 0;
        text-align: center;
        font-size: 120%;
        color: #0000cc;
        font-style: bold;
        background: #f9f9ff;
}

div#formarea div.line1 {
        padding: 10px;
        margin: 0;
        font-size: 100%;
        color: #0000cc;
        background: #f9f9ff;
}

div#formarea div.line2 {
        padding: 10px;
        margin: 0;
        font-size: 100%;
        color: #0000cc;
        background: #ffffff;
}

.mailmag {
        background: #ffffee;
        border: 1px solid #ffd1b3;
        padding: 20px 20px;
        margin: 20px auto;
        width: 90%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        text-align: left;
        color: #0033ff;
}

.mailmag img{
        float: left;
        padding: 0 15px 15px 0;
}




/*3:footer
=================================*/
div#footer-area {
        margin: 0;
        padding: 0;
        clear:both;
}

div#footer {
        margin:0 auto;
        padding: 10px 0;
        width: 960px;
        text-align: left;
}

div#footer-left {
        margin:0;
        width: 490px;
        float: left;
}


div#footer-right {
        margin:0 auto;
        width: 960px;
        text-align: right;
        color: #999999;
}


/*5:other
=================================*/
/*.clear
---------------------------------*/
.clear:after{
        content:".";
        display:block;
        height:0;
        line-height: 0;
        font-size: 0;
        clear:both;
        visibility:hidden;
}

.clear{
        display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/* FireFox用sup調整CSS */
*>/**/sup { vertical-align: text-top; line-height: 4px; }
/* FireFox用sup調整CSS */

#toAnchors {
        margin: 0;
        padding: 0;
        width:0px;
        height:0px;
        text-indent:-10000em;
        vertical-align:top;
        text-decoration:none;
        overflow:hidden;
        position:absolute;
        top: -12px;
}