@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #6B471C; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#000; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; color: #AB56FF;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 促*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
.contact #container_out { text-align:center; width:100%; }
.contact #container_in { margin: 0 auto; width:548px; }

.contact { line-height: 1.5em; }
.contact .spacing { padding-bottom: 1em; }

h1 { margin: 0 0 5px 0; }

.contact .txtcol a, .contact .lead a { color: #AB56FF; }
.contact .txtcol a:link, .contact .notice a:link { color: #AB56FF; }
.contact .txtcol a:visited, .contact .notice a:visited { color: #AB56FF; }
.contact .txtcol a:hover, .contact .txtcol  a:active, .contact .notice a:hover, .contact .notice  a:active { color: #7A2DD8; }

.contact #contents { background: url(../../jpn/contact/img/bg_frame.gif) repeat-y left top; padding: 0 13px 0 0; margin: 0; }

.contact .line { width: 508px; height: 1px; background: url(../../jpn/contact/img/bg_dotline.gif) left top repeat-x; margin: 0 20px 0 20px; }

#contact_idx .lead { width: 508px; padding: 10px 20px 0 20px; margin: 0; }
#contact_form .lead { width: 508px; padding: 0 20px 0 20px; margin: 0; }
#contact_form .notice { width: 508px; padding: 10px 20px 0 20px; margin: 0; }

#contact_idx h2 { margin: 15px 0 0 20px; }
#contact_form h2 { margin: 0 0 10px 0; }

.contact .txtcol { width: 480px; padding: 10px 10px 0 44px; }
.contact .txtcol em { color: #61b428; font-weight: bold; }
.contact .txtcol strong { font-weight: bold; }

#contact_idx #contents .button_area { margin: 10px 0 0 44px; width: 155px; }
#contact_idx #contents .button_area a, #contact_idx #contents .button_area a:link, #contact_idx #contents .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/contact/img/button_form.gif); height: 21px; }
#contact_idx #contents .button_area a:hover, #contact_idx #contents .button_area a:active { background-position: 0 -21px; }

#contact_form table { width: 523px; margin: 10px 15px 0 10px;}
#contact_form th { color: #61b428; width: 35%; padding: 5px; text-align: right; }
#contact_form td { width: 65%; padding: 5px; }

#contact_form input, #contact_form textarea, #contact_form select { border: 1px solid #ccc; }
#contact_form input { padding: 0.2em; }
.contact form .short { width: 50px; }
.contact form .medium { width: 136px; }
.contact form .long { width: 315px; }
.contact form .button { width: 50px; text-align: center; }

#contact_form #button_submit { width: 528px; margin: 10px 0 0 12px; padding-bottom: 20px; text-align: center; }
#contact_form #button_submit input { width: 150px; }

/* #contact_form #button_submit { width: 326px; height: 21px; margin: 10px 0 0 112px; padding-bottom: 20px; }
#contact_form #button_submit li { float: left; margin-right: 8px; }
#contact_form #button_submit li a { display: block; background-position: 0 0; height: 21px; }
#contact_form #button_submit li a:hover, #contact_form #button_submit li a:active { background-position: 0 -21px; }
#clear a { background-image: url(../../jpn/contact/img/button_clear.gif); height: 18px; width: 155px; }
#next a { background-image: url(../../jpn/contact/img/button_next.gif); height: 18px; width: 155px; }
#back a { background-image: url(../../jpn/contact/img/button_back.gif); height: 18px; width: 155px; }
#send a { background-image: url(../../jpn/contact/img/button_send.gif); height: 18px; width: 155px; } */

#contact_form #contents #button_top { margin: 0 0 0 437px; width: 99px; height: 12px; }
#contact_form #contents #button_top a, #contact_form #contents #button_top a:link, #contact_idx #contents #button_top a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/contact/img/button_contact_top.gif); height: 12px; font-size: 1; line-height: 1; text-indent: -9999px; }
#contact_form #contents #button_top a:hover, #contact_form #contents #button_top a:active { background-position: 0 -13px; }

#contact_form #err dl { width: 400px; margin: 54px 0 0 90px; background: url(../../jpn/contact/img/photo_err.jpg) left top no-repeat; min-height: 137px; }
#contact_form #err dt { margin: 15px 0 10px 90px; }
#contact_form #err dd { margin: 0 0 0 90px; padding-bottom: 20px; }

#contact_form #thank dl { width: 400px; margin: 54px 0 0 90px; background: url(../../jpn/contact/img/photo_thank.jpg) left top no-repeat; min-height: 137px; }
#contact_form #thank dt { margin: 15px 0 10px 90px; }
#contact_form #thank dd { margin: 0 0 0 90px; padding-bottom: 20px; }

#contact_form .button_back { margin: 40px 0 0 0; width: 155px; }
#contact_form .button_back a, #contact_form .button_back a:link, #contact_form .button_back a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/contact/img/button_back.gif); height: 21px; }
#contact_form .button_back a:hover, #contact_form .button_back a:active { background-position: 0 -21px; }

p.notice_vacation { width: 480px; color:#f69; margin-top:10px; margin-left:44px; font-size:x-small; }

/* フッター */
.contact #footer { line-height: 1em; width: 560px; padding-top: 5px; }
.contact #footer .credit { font-size:x-small; text-align: center; color: #D0A660; }

.contact #footer .button_area { margin: 0 0 0 491px; width: 47px; }
.contact #footer .button_area a, .contact #footer .button_area a:link, .contact #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/contact/img/button_close.gif); height: 13px; }
.contact #footer .button_area a:hover, .contact #footer .button_area a:active { background-position: 0 -13px; }