@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
contents
footer
 ------------------------- */

/* ============================== setup */
html { overflow-y: scroll; }
body { color: #666666; font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* ============================== wrapper */
#wrapper { background-color: #ffffff; margin: 0 auto; width: 730px; padding: 15px 14px 23px; }


/* ============================== header */
#header { padding-bottom: 10px; border-bottom: 1px solid #DBD7BF; }
#header td#tagline { width: 100%; }
#header td#tagline h1,
#header td#tagline p { padding-left: 25px; line-height: 1.5; }
#header td#tagline h1 { color: #999999; }
#header td#tagline p a { text-transform: uppercase; text-decoration: none; }


/* ============================== contents */
.note { font-size: 84%; }
/* -------------------- feature_sec */
.feature_sec { margin-top: 15px; }
.feature_sec h2 { font-weight: bold; font-size: 150%; line-height: 1.5; }
.feature_sec p { line-height: 1.5; margin-top: 3px; }
#feature_sec_01 .ls { width: 360px; }
#feature_sec_01 .rs { width: 360px; }
o#feature_sec_02 .ls { width: 280px; }
#feature_sec_02 .rs { width: 440px; }
#feature_sec_02 .lc { width: 265px; }
#feature_sec_02 .rc { width: 160px; }
/* -------------------- search_sec */
.search_sec { margin-top: 20px; }
.search_sec table { width: 100%; }
.search_sec th { width: 25%; font-size: 117%; vertical-align: middle; text-align: center; padding: 10px 0; color: #fff; font-weight: bold; }
.search_sec td { width: 75%; vertical-align: middle; padding: 10px 0; }
.search_sec label { vertical-align: middle; font-weight: bold; margin-left: 20px; }
.search_sec select { vertical-align: middle; }
/* -------------------- result_sec */
.result_sec { margin-top: 20px; padding-bottom: 10px; color: #333; }
.result_sec .result_number { width: 280px; float: left; font-size: 84%; }
.result_sec .result_number em { font-style: normal; margin-right: 5px; font-family: Arial, sans-serif; font-weight: bold; color: #CC0000; font-size: 240%; }
.result_sec .pagination { padding-top: 12px; text-align: right; width: 440px; float: right; }
.result_sec .pagination a { padding: 0 2px; }
/* -------------------- cassette */
.cassette { padding: 20px 25px; border-top: 2px solid #CCCCCC; }
.cassette .ls { width: 500px; line-height: 1.5; }
.cassette .rs { width: 170px; }
.cassette .shop_name { font-weight: bold; }
.cassette address { font-style: normal; }
.cassette .job { font-weight: bold; font-size: 117%; margin-top: 3px; }
.cassette .job em { font-style: normal; }
.cassette table { margin-top: 7px; width: 100%; border-top: 1px solid #DBD7BF; border-left: 1px solid #DBD7BF; }
.cassette table th,
.cassette table td { line-height: 1.5; vertical-align: middle; padding: 4px 5px 3px; border-right: 1px solid #DBD7BF; border-bottom: 1px solid #DBD7BF; }
.cassette table th { text-align: center; width: 40px; background-color: #F3F2E7; font-weight: bold; font-size: 84%; }
.cassette table td.td_kyuyo { width: 261px; }
.cassette table td.td_access { width: 295px; }
.cassette .rs ul { float: right; }
.cassette .rs li { float: left; padding-left: 8px; }
.cassette .rs a { line-height: 1;  font-size: 117%; font-weight: bold; color: #fff; text-decoration: none; display: block; text-align: center; width: 70px; padding: 6px 0; }
.cassette .rs a:visited,
.cassette .rs a:hover { color: #fff; }


/* ============================== footer */
#footer { border-top: 2px solid #CCCCCC; text-align: center; padding-top: 24px; }