﻿body { color: #4b4b4b; font-size: 70%; font-family: "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; line-height: 1.3; background-color: white; background-image: url(../img/line.png); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0                    }
table { color: #5a5a5a; font-size: 100%; line-height: 1.3 }
textarea, input { font-size: 100%; line-height: 1.3; }
h1, h2, h3, h4, h5 { font-size: 100%; margin: 0 }
form { margin: 0; padding: 0 }
p { font-size: 100%; line-height: 1.3; margin-top: 2px; margin-bottom: 10px }
ul { list-style-type: none; margin: 0; padding: 0 }
li { list-style-type: none; margin: 0; padding: 0   }
a { color: #4b4b4b; text-decoration: none   }
a:hover  { color: #095ba7; }
img { vertical-align: top; border-width: 0; }
.areat { color: #ea7f00; }
.clear { clear: both; }
.visible { width: 0; height: 0; overflow: hidden; visibility: hidden; }
.float_left { float: left; }
.float_right { float: right; }
/**/
.header-area { position: fixed; top: 1px; left: 0; width: 100%; height: 163px; z-index: 2; }
.header { text-align: left; width: 1230px; height: 163px; margin-left: 50px; }
/**/
.global_menu { text-align: right; position: relative; top: 40px; right: 30px; float: right; }
.global_menu li { float: left; margin-right: 10px; margin-left: 10px; }
.global_menu a { float: left; }
.global_menu a:hover { color: #8fdde1; border-bottom: 3px solid #8fdde1; }
/**/
.contents_area { position: relative; top: 163px; width: 4900px; z-index: 1; }
.contents { width: 1130px; height: 573px; float: left; }
.arrow { width: 80px; height: 180px; float: left; margin-top: 129px; margin-bottom: 129px; }
/**/
.contact_form { background-image: url(../img/contents_contact.png); background-repeat: no-repeat; background-position: center 0; margin-right: auto; margin-left: auto; width: 1130px; height: 573px; float: left; }
.contact_form form { position: relative; top: 79px; right: 38px; width: 500px; height: 470px; float: right; }
.contact_form dl { width: 500px; float: left; margin: 0; padding: 0; }
.contact_form dt { font-size: 0; line-height: 0; text-align: left; width: 130px; height: 35px; visibility: hidden; float: left; clear: both; margin: 0; padding: 0; display: block; }
.contact_form dd { text-align: left; width: 370px; float: left; margin: 0; padding: 0; display: block; }
.input_area { width: 370px; height: 35px; margin: 0; padding: 0; }
.input_area_form { position: relative; left: 10px; width: 350px; height: 15px; margin-top: 9px; border-style: none; }
.text_area { width: 370px; height: 106px; margin: 0; padding: 0; }
.text_area_form { position: relative; left: 10px; width: 350px; height: 88px; margin-top: 9px; border-style: none; }
.conf { background-image: url(../img/contact_conf.png); background-repeat: no-repeat; text-indent: -200px; position: absolute; right: 0; bottom: 0; width: 100px; height: 35px; margin: 0; padding: 0; border-style: none; cursor: pointer; display: block; }
/**/
.contents_area-conf { background-position: 0 0; position: relative; top: 163px; width: 1230px; height: 607px; z-index: 1; }
.contact_form-conf { position: relative; top: 10px; left: 80px; margin-right: auto; margin-left: auto; width: 1130px; height: 523px; float: left; }
.contact_form-conf h3 { font-weight: normal; margin-top: 10px; margin-bottom: 20px; }
.contact_form-conf dl { margin: 0 auto; padding: 0; width: 600px; }
.contact_form-conf dt { text-align: left; display: block; margin: 0; padding: 0; width: 130px; height: 35px; float: left; clear: both; }
.contact_form-conf dd { text-align: left; display: block; margin: 0; padding: 0 0 3px; width: 460px; overflow: auto; float: left; min-height: 1.2em; max-height: 10em; border-bottom: 1px solid #8fdde1; }
.form_button { position: relative; top: 50px; width: 600px; height: 35px; clear: both; margin-right: auto; margin-left: auto; }
.return { color: #fff; background-image: url(../img/contact_return.png); background-repeat: no-repeat; text-indent: -200px; position: absolute; left: 0; bottom: 0; cursor: pointer; padding: 0; width: 115px; height: 35px; margin: 0; border-style: none; display: block; }
.submit { color: #fff; background-image: url(../img/contact_submit.png); background-repeat: no-repeat; text-indent: -200px; position: absolute; right: 0; bottom: 0; cursor: pointer; padding: 0; width: 115px; height: 35px; margin: 0; border-style: none; display: block; }
.thanks { text-align: left; position: relative; left: 30px; width: 600px; height: 420px; margin-right: auto; margin-left: auto; }
.contact_form-conf a { border-bottom: 3px solid #8fdde1; }
/**/
.portfolio { text-align: left; width: 930px; height: 100px; margin-right: auto; margin-left: auto; }
.portfolio h3 { width: 80px; height: 20px; }
.portfolio ul { position: relative; top: 2px; height: 57px; }
.portfolio li { width: 57px; height: 57px; float: left; }
/**/
.copyright-area { position: fixed; top: 770px; left: 0; width: 100%; height: 30px; margin-right: auto; margin-left: 0; }
.copyright { text-align: right; width: 1230px; height: 20px; }
/**/
.clipmail { position: absolute; right: 0; bottom: 0; }
.cont_return { width: 1300px; height: 800px; float: left; }
.marker { position: relative; bottom: 163px; width: 20px; height: 20px; margin-bottom: auto; }
