@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: #666; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#666; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
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 { line-height: 1.5em; }
.contact .spacing { padding-bottom: 1em; }
.contact em { color:#f00; font-size:x-small; }

.contact #container_out { text-align:center; width:100%; }
.contact #container_in { margin: 0 auto; width:550px; }

.contact #header { margin-bottom:25px; }
#cwc #header { padding-bottom:4px; border-bottom:5px solid #666; }
#jm #header { padding-bottom:4px; border-bottom:5px solid #ccc; }
#hana #header { padding-bottom:3px; border-bottom:5px solid #ebdab1; }
#jf #header { padding-bottom:3px; border-bottom:5px solid #ccc; }

.contact #header p.button_area { float:right; margin: 0; width: 38px; height:9px; }
.contact #header .button_area a,
.contact #header .button_area a:link,
.contact #header .button_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../contact/img/btn_close.gif); height: 9px; }
.contact #header .button_area a:hover,
.contact #header .button_area a:active { background-position: 0 -9px; }
.contact #header p.logo { float:left; }

.contact #contents { width:520px; margin-left:15px; }
.form h1 { margin-bottom: 15px; }
.thank h1 { margin-bottom: 20px; }
.thank h2 { margin-bottom: 8px; }

.contact #lead { padding-bottom:20px; border-bottom:1px dotted #999; margin-bottom:30px; }
.contact #lead p.note { font-size:x-small; }

.contact #err { margin-left:200px; }
.contact #err p { color:#f00; font-size:x-small; }

.form table { width: 520px; margin: 10px 15px 0 10px;}
.form th { width: 35%; padding: 5px; text-align: right; }
.form td { width: 65%; padding: 5px; }

.form input,
.form textarea,
.form select { border: 1px solid #ccc; }
.form input { padding: 0.2em; }
.form .short { width: 50px; }
.form .medium { width: 150px; }
.form .medium02 { width: 120px; }
.form .long { width: 280px; }
.form .button { width: 50px; text-align: center; }

.form #button_submit { width: 520px; margin: 25px 0 0 0; text-align: center; }
.form #button_submit input { width: 70px; }

/* フッター */
.contact #footer { width: 550px; padding-top: 10px; margin-top:30px; }
.contact #footer .credit { line-height: 1em; font-size:x-small; color: #999; }
#cwc #footer { border-top:2px solid #666; }
#jm #footer { border-top:2px solid #ccc; }
#hana #footer { border-top:2px solid #ebdab1; }
#jf #footer { border-top:2px solid #ccc; }