@charset "shift_jis";

@import url("/init.css");

/**
 * common.css
 * 
 * @desc    共通CSS
 * @package pado
 */

/**
 * @desc Beans Class
 *
 */
.font-small { 
    font-size: 10px;
}
.font-big {
    font-size: 14px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-bold {
    font-weight: bold;
}
.pankuzu{
    font-size:11px;
    line-height:15px;
    color:#333333;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ＰGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","sans-serif";
    margin-bottom: 1em;
}
.font-normal {
    font-weight: normal;
}
.font-monospace {
    font-family: monospace;
}
.color-black {
    color: #333;
}
.color-red {
    color: #CF0000;
}
.color-blue {
    color: #0909B6;
}
.color-purple {
    color: #AE298A;
}
.color-purple2{
    color: #512846;
}
.color-pink {
    color: #E07070;
}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-out {
    text-indent: -9999px;
    overflow: hidden;
	/*visibility: hidden;*/
    display: block;
}
.margin-none {
    margin: 0;
}
.margin-auto {
    margin: 0 auto;
}
.margin-half {
    margin: 0.5em 0;
}
.margin-bottom-none {
    margin-bottom: 0;
}
.margin-bottom30 {
    margin: 0 0 0 30px;
}
.margin-top0 {
    margin-top: 0px;
}
.margin-top3 {
    margin-top: 3px;
}
.margin-top4 {
    margin-top: 4px;
}
.margin-top5 {
    margin-top: 5px;
}
.margin-top75 {
    margin-top: 75px;
}
.margin-top_0.5em {
	margin-top: 0.5em;
}
.margin-top_1em {
	margin-top: 1em;
}
.margin-top_2em {
	margin-top: 2em;
}
.margin-top_3em {
	margin-top: 3em;
}
.margin-left {
    margin-left: 10px;
}
.margin-left300 {
    margin-left: 300px;
}
.margin-top_under5 {
    margin: 5px 0;
}
.margin-05em_03em {
    margin: 0 5em 0 3em;
}
.margin-2em_04em {
	margin: 2em 0 4em 0;
}
.padding-top0.5em {
   _padding-top: 0.5em;
}
.padding-top10 {
   padding-top: 10px;
}
.letter-spacing1 {
  letter-spacing: 1px;
}
.line-height200 {
  line-height: 200%;
}
.br_clear{
  line-height: 0%;
  margin: 0;
  height: 0;
}
.display-block{
	display: block;
}

/**
 * @desc ページ共通設定
 * 
 */
/* 外枠 */

/* 外枠ヘッダ */
DIV#outer-header {}

/* 外枠ヘッダ説明文 */
DIV#outer-header P {
    width: 770px;
    margin: 0 auto 10px auto;
    font-size: 10px;
    line-height: 130%;
}

/* 外枠フッタ */
DIV#outer-footer {
    margin: 5px 0;
    text-align: center;
    border-top: 1px solid #998177;
}
DIV#outer-footer DIV#outer-footer-770{
    width:770px;
    margin: 0 auto 0 auto;
}
/* 外枠フッタリンク */
DIV#outer-footer UL {
    list-style: none;
    margin: 0.5em 0;
}
DIV#outer-footer LI {
    display: inline;
    margin-left: 10px;
    padding-left: 10px;
    background: url(/img/ico_footer_line.gif) no-repeat;
}
DIV#outer-footer LI A {
    color: #666;
    text-decoration: none;
}
DIV#outer-footer LI A:hover {
    color: #000;
    text-decoration: none;
}
DIV#outer-footer LI.first {
    background: none;
    margin: 0;
    padding: 0;
}

/* 外枠フッタコピーライト */
DIV#outer-footer ADDRESS {
    font-style: normal;
    font-size: 10px;
    letter-spacing: 1px;
}

/* 内枠 */
DIV#inner-wrapper {
    width: 770px;
#    margin: 0 auto;
    margin: 11px auto 0 auto;
    position: relative;
}

/* 内枠ヘッダ */
DIV#inner-header{
#    height: 80px;
}

/* ロゴ */
DIV#inner-header H1 {
    margin: 10px 0;
    padding: 10px 0 0 0;
    _margin: 10px 0 0 0;
    _padding: 0;
    line-height: 100%;
}
*+HTML DIV#inner-header H1 {
    padding: 0; /* for IE 7 */
}
DIV#inner-header H1 A {
    display: block;
    width: 182px;
    height: 65px;
    background: url(/img/bg_logo.gif) no-repeat;
    text-decoration: none;
}

/* 説明文 */
DIV#inner-header P {
    margin: 0;
}

DIV#inner-header .slogan {
    position: absolute;
    left: 70px;
    top: 8px;
    font-size: 9px;
}

/* ヘッダーバナーエリア */
DIV#header-banner {
    width: 468px;
    position: absolute;
    left: 302px;
    top: 10px;
}

/* TOPページサイドバナー */
SPAN.banner {
    display: block;
    width: 170px;
    margin-top: 5px;
}

/**
 * エリアブロック Hack sta
 *
 * @desc  包括しているDIV#block-wrapperが
 *        内容(DIV#left-block, DIV#right-block)と共に拡大するように対応
 *
 * @usage 女性背景を非表示にする場合はオーバーライドする
 *        DIV#block-wrapper {background: none;}
 */
DIV#block-wrapper {
    background: url(/img/bg_menu_img.gif) no-repeat right bottom;
    min-height:1px;  /* IE 7対策 */
}
DIV#block-wrapper_bg_none {
    background: none;
    min-height:1px;  /* IE 7対策 */
}
DIV#block-wrapper:after,DIV#block-wrapper_bg_none:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
DIV#block-wrapper,DIV#block-wrapper_bg_none {
    display: inline-table;
}
/* 以下はMac IE には適用させない \*/
* html DIV#block-wrapper {
    height: 1px;
}
* html DIV#block-wrapper_bg_none {
    height: 1px;
}
DIV#block-wrapper,DIV#block-wrapper_bg_none {
    display: block;
}
/* エリアブロック Hack end */

/* 左ブロック */
DIV#left-block {
    width: 590px;
    float: left;
}

/* 右ブロック */
DIV#right-block {
    width: 170px;
    float: right;
}

/* タイトル */
H1.title {
    margin: 0 0 10px 0;
    font-size: 100%;
    height: 25px;
    line-height: 100%;
}
H1.title2 {
    margin: 10px 0 10px 0;
    font-size: 100%;
    height: 25px;
    line-height: 100%;
}

/* サブタイトル */
H3.sub-title {
    margin: 0 0 10px 0;
    padding: 0 0 5px 10px;
    font-size: 14px;
    line-height: 100%;
    background: url(/img/bg_dot_line.gif) repeat-x left bottom;
}

/* 矢印タイトル */
H3.arrow-title {
    margin: 0;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #001CC4;
    line-height: 100%;
    background: url(/img/ico_arrow.gif) no-repeat 0em 0.2em;
}

/* 新規登録ボタン */
H3.new-input {
    margin: 3px 0px 0px 0px;
    line-height: 100%;
}
H3.new-input2 {
    margin: 10px 0px 0px 0px;
    line-height: 100%;
}
H3.new-input A,H3.new-input2 A {
    display: block;
    width: 170px;
    height: 53px;
    background: url(/img/bg_new_input.gif) no-repeat;
    text-decoration: none;
}
H3.new-input A:hover,H3.new-input2 A:hover {
    background: url(/img/bg_new_input_over.gif) no-repeat;
}

/* エラー */
H3#error {
    width: 90px;
    height: 19px;
    background: url(/img/bg_error.gif) no-repeat;
    margin: 1em auto;
}
H3#error2 {
    width: 90px;
    height: 19px;
    background: url(/img/bg_error.gif) no-repeat;
    margin: 100px auto 1em;
}

/* 共通テーブル設定 */
TABLE.tbl-style {}
TABLE.tbl-style TH,
TABLE.tbl-style TD {
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
}
TABLE.tbl-style TH {
    background: #F1E4DF;
    color: #512846;
}
TABLE.tbl-style TD {
    background: #EDEBE2;
}
TABLE.tbl-style TH.tbl-style-clinic-bg {
    background: #E0E0E0;
}
/* テーブル設定：プラスアイコン付き */
TABLE.tbl-plus {}
TABLE.tbl-plus TH,
TABLE.tbl-plus TD {
    padding: 0px 7px;
    text-align: left;
    vertical-align: top;
}
TABLE.tbl-plus TH {
    background: #fff url(/img/ico_plus.gif) no-repeat 0em 0.7em;
    color: #512846;
    padding-left: 15px;
}
TABLE.tbl-plus TD {
    background: #fff;
}

/* ドットライン */
SPAN.dot-line {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin: 10px 0;
    line-height: 0;
    font-size: 0;
    background: url(/img/bg_dot_line.gif) repeat-x left center;
}

SPAN.dot-line2 {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin: 5px 0;
    line-height: 0;
    font-size: 0;
    background: url(/img/bg_dot_line.gif) repeat-x left center;
}
SPAN.dot-line3 {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin: 5px 0;
				padding-top: 2em;
    line-height: 0;
    font-size: 0;
    background: url(/img/bg_dot_line.gif) repeat-x left center;
}
SPAN.dot-line4 {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin: 10px 0;
				padding: 2em 0;
    line-height: 0;
    font-size: 0;
    background: url(/img/bg_dot_line.gif) repeat-x left center;
}

/* ページの先頭へ */
P#page-top {
    margin: 10px 0;
    text-align: right;
}
P#page-top A {
    background: url(/img/ico_page_top.gif) no-repeat right center;
    padding-right: 15px;
    font-size: 10px;
    color: #333;
}
P#page-top a:hover {
    background: url(/img/ico_page_top.gif) no-repeat right center;
    padding-right: 15px;
    font-size: 10px;
    color: #000;
}

/* 検索結果：定義リスト */
DL.search {
    margin: 0;
    padding: 0;
}
DL.search DT {
    margin: 0.5em 0 0 0;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #001CC4;
    line-height: 100%;
    background: url(/img/ico_arrow.gif) no-repeat 0em 0.2em;
}
DL.search DT A {
    color: #001CC4;
    text-decoration: none;
}
DL.search DT A:hover {
    text-decoration: underline;
}
DL.search DD {
    margin: 0 0 0.5em 0;
    padding: 0.5em 15px;
    background: url(/img/bg_dot_line.gif) repeat-x left bottom;
}

/* サイトマップ：サービス */
DL#service {
    margin: 0 0 3em 0;
}
DL#service DT {
    margin: 1em 0 0 1em;
    padding: 1em 0 0 3em;
    height: 27px;
    font-weight: bold;
    clear: both;
}
DL#service DD {
    margin: 0 0 1em 5em;
}
DL#service DT.wing {
    background: url(/img/ico_wing.gif) no-repeat 0em 0.5em;
}
DL#service DT.glass {
    background: url(/img/ico_glass.gif) no-repeat 0em 0.5em;
}
DL#service DT.help {
    background: url(/img/ico_help.gif) no-repeat 0em 0.5em;
}
DL#service DT.book {
    background: url(/img/ico_book.gif) no-repeat 0em 0.5em;
}
DL#service DT.pc {
    background: url(/img/ico_pc.gif) no-repeat 0em 0.5em;
}
DL#service DT.mark {
    background: url(/img/ico_mark.gif) no-repeat 0em 0.5em;
}

/* サイトマップ：会社情報 */
UL#company {
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
}
UL#company LI {
    margin: 0 0 1em 1.5em;
    padding: 0 0 0 3em;
    height: 27px;
    font-weight: bold;
    background: url(/img/ico_mark.gif) no-repeat;
}

/* サイトマップ：クリニック */
UL#clinic {
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
}
UL#clinic LI {
    margin: 0 0 1em 1.5em;
    padding: 0 0 0 3em;
    height: 27px;
    font-weight: bold;
    background: url(/img/ico_person.gif) no-repeat;
}

/* ヘルプ：定義リスト */
DL.help {
    margin: 2em 0 0 0;
}
DL.help DT{
    font-weight: bold;
}
DL.help DD{
    margin: 0 0 2em 2em;
}

/* ヘルプ：リスト */
DL#service UL {
    margin: 0;
    padding: 0;
}
DL#service LI {
    margin-bottom: 0.5em;
}
DL#service DIV.left{
    width: 230px;
    float: left;
}
DL#service DIV.right{
    width: 230px;
    float: right;
}

/* クリニック検索：結果エリア */
DIV#result-left {
    float: left;
    width: 360px;
    padding: 0 0 0 10px;
}
DIV#result-right {
    float: right;
    width: 150px;
    background: #FBE6F4;
    padding: 10px;
}

/* クリニック検索：アイコン大 */
DIV.clinic-ico {
    clear: both;
    height: 31px;
}
SPAN.clinic-ico1,
SPAN.clinic-ico2,
SPAN.clinic-ico3,
SPAN.clinic-ico4,
SPAN.clinic-ico5,
SPAN.clinic-ico6,
SPAN.clinic-ico7,
SPAN.clinic-ico8,
SPAN.clinic-ico9,
SPAN.clinic-ico10,
SPAN.clinic-ico11,
SPAN.clinic-ico12,
SPAN.clinic-ico13{
    display: block;
    width: 30px;
    height: 31px;
    margin-right: 1em;
    float: left;
}
SPAN.clinic-ico1 {
    background: url(/parts/faceline.gif) no-repeat;
}
SPAN.clinic-ico2 {
    background: url(/parts/skin.gif) no-repeat;
}
SPAN.clinic-ico3 {
    background: url(/parts/eye.gif) no-repeat;
}
SPAN.clinic-ico4 {
    background: url(/parts/nose.gif) no-repeat;
}
SPAN.clinic-ico5 {
    background: url(/parts/mouth.gif) no-repeat;
}
SPAN.clinic-ico6 {
    background: url(/parts/arm.gif) no-repeat;
}
SPAN.clinic-ico7 {
    background: url(/parts/axilla.gif) no-repeat;
}
SPAN.clinic-ico8 {
    background: url(/parts/bust.gif) no-repeat;
}
SPAN.clinic-ico9 {
    background: url(/parts/stomach.gif) no-repeat;
}
SPAN.clinic-ico10 {
    background: url(/parts/hip.gif) no-repeat;
}
SPAN.clinic-ico11 {
    background: url(/parts/leg.gif) no-repeat;
}
SPAN.clinic-ico12 {
    background: url(/parts/etc.gif) no-repeat;
}
SPAN.clinic-ico13 {
    background: url(/parts/ha2.gif) no-repeat;
}

/* クリニック検索：アイコン小 */
DIV.clinic-ico-s {
    clear: both;
    height: 19px;
}
SPAN.clinic-title-s {
    float: left;
    margin: 0 20px 0 0;
    font-weight: bold;
}
SPAN.clinic-ico1-s,
SPAN.clinic-ico2-s,
SPAN.clinic-ico3-s,
SPAN.clinic-ico4-s,
SPAN.clinic-ico5-s,
SPAN.clinic-ico6-s,
SPAN.clinic-ico7-s,
SPAN.clinic-ico8-s,
SPAN.clinic-ico9-s,
SPAN.clinic-ico10-s,
SPAN.clinic-ico11-s,
SPAN.clinic-ico12-s,
SPAN.clinic-ico13-s{
    display: block;
    width: 19px;
    height: 19px;
    margin-right: 0.5em;
    float: left;
}
SPAN.clinic-ico1-s {
    background: url(/parts/faceline_s.gif) no-repeat;
}
SPAN.clinic-ico2-s {
    background: url(/parts/skin_s.gif) no-repeat;
}
SPAN.clinic-ico3-s {
    background: url(/parts/eye_s.gif) no-repeat;
}
SPAN.clinic-ico4-s {
    background: url(/parts/nose_s.gif) no-repeat;
}
SPAN.clinic-ico5-s {
    background: url(/parts/mouth_s.gif) no-repeat;
}
SPAN.clinic-ico6-s {
    background: url(/parts/arm_s.gif) no-repeat;
}
SPAN.clinic-ico7-s {
    background: url(/parts/axilla_s.gif) no-repeat;
}
SPAN.clinic-ico8-s {
    background: url(/parts/bust_s.gif) no-repeat;
}
SPAN.clinic-ico9-s {
    background: url(/parts/stomach_s.gif) no-repeat;
}
SPAN.clinic-ico10-s {
    background: url(/parts/hip_s.gif) no-repeat;
}
SPAN.clinic-ico11-s {
    background: url(/parts/leg_s.gif) no-repeat;
}
SPAN.clinic-ico12-s {
    background: url(/parts/etc_s.gif) no-repeat;
}
SPAN.clinic-ico13-s {
    background: url(http://www.test-u.com/parts/ha2_s.gif) no-repeat;
}

/* Q&A検索：検索結果ヘッダエリア */
DIV#faq-head {
    clear: both;
    padding: 0 0 3em 0;
}
P#head-left {
    float: left;
    width: 200px;
    margin: 0;
}
P#head-right {
    float: right;
    width: 350px;
    margin: 0;
    text-align: right;
}

/* Q&A検索：検索結果テーブル */
TABLE#tbl-faq {}
TABLE#tbl-faq TH {
    height: 20px;
    padding: 5px 0 0 0;
    vertical-align: text-bottom;
    border-bottom: 1px solid #E6E0CE;
}
TABLE#tbl-faq TH.head01 {
    text-align: left;
    padding-left: 80px;
    background: url(/img/bg_head_01.gif) no-repeat 40px 5px;
}
TABLE#tbl-faq TH.head02 {
    background: url(/img/bg_head_02.gif) no-repeat center bottom;
}
TABLE#tbl-faq TH.head03 {
    background: url(/img/bg_head_03.gif) no-repeat center bottom;
}
TABLE#tbl-faq TD {
    padding: 5px 10px 5px 0;
    text-align: center;
    vertical-align: middle;
}
TABLE#tbl-faq TD.q {
    font-size: 14px;
    font-weight: bold;
    color: #001CC4;
    text-align: left;
    padding: 0 0 0 40px;
    background: url(/img/bg_faq_q.gif) no-repeat 0 0.5em;
}
TABLE#tbl-faq TD.q A {
    color: #001CC4;
    text-decoration: none;
}
TABLE#tbl-faq TD.q A:hover {
    text-decoration: underline;
}
TABLE#tbl-faq TD.a {
    text-align: left;
    padding: 0 0 0 40px;
    background: url(/img/bg_faq_a.gif) no-repeat;
}

/* Q&Aタイトル Hack sta */
H3#faq-title {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    line-height: 100%;
    background: url(/img/bg_dot_line.gif) repeat-x left bottom;
    min-height:1px;  /* IE 7対策 */
}
H3#faq-title:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
H3#faq-title {
    display: inline-table;
}
/* 以下はMac IE には適用させない \*/
* html H3#faq-title {
    height: 1px;
}
H3#faq-title {
    display: block;
}
/* Q&Aタイトル Hack end */

/* Q&A検索：結果詳細 */
H3#faq-title SPAN#faq-q {
    display: block;
    width: 350px;
    background: url(/img/bg_faq_q.gif) no-repeat;
    padding: 0 0 0 35px;
    float: left;
}
H3#faq-title SPAN#faq-date {
    display: block;
    width: 120px;
    font-size: 12px;
    text-align: right;
    padding-top: 16px;
    float: right;
}

/* Q&A：アンサー */
P.faq-head-clinic {
    background: url(/img/ico_person.gif) no-repeat 540px 0;
    height: 24px;
    margin-bottom: 0;
}
P.faq-head-clinic SPAN {
    background: url(/img/bg_faq_a.gif) no-repeat;
    width: 100px;
    height: 16px;
    display: block;
    padding: 7px 0 0 35px;
    font-size: 10px;
    letter-spacing: 1px;
}
P.faq-head-mobile {
    background: url(/img/ico_mobile.gif) no-repeat 540px 0;
    height: 24px;
    margin-bottom: 0;
}
P.faq-head-mobile SPAN {
    background: url(/img/bg_faq_a.gif) no-repeat;
    width: 100px;
    height: 16px;
    display: block;
    padding: 7px 0 0 35px;
    font-size: 10px;
    letter-spacing: 1px;
}
P.faq-head-guest {
    height: 24px;
    margin-bottom: 0;
}
P.faq-head-guest SPAN {
    background: url(/img/bg_faq_a.gif) no-repeat;
    width: 100px;
    height: 16px;
    display: block;
    padding: 7px 0 0 35px;
    font-size: 10px;
    letter-spacing: 1px;
}

/* Q&A：クリニックico */
P.clinic-head-ico {
    text-align: right;
    font-size: 10px;
    margin: 0;
    padding: 10px 35px 0 0;
    height: 14px;
    background: url(/img/ico_person.gif) no-repeat 540px 0;
}
P.question-name-pc {
    text-align: left;
    height: 24px;
}
P.question-name-mobile {
    text-align: left;
    height: 24px;
    background: url(/img/ico_mobile.gif) no-repeat 530px 0;
}
/* ページング */
P.pager A {
    margin: 0 6px;
    padding: 0 1px;
    color: #666666;
    text-decoration: underline;
}
P.pager A:hover {
    color: #00f;
}
P.pager SPAN {
    padding: 0 7px;
    font-weight: bold;
    color: #000000;
}

/* ポイントエリア */
P#point-box {
    width: 133px;
    height: 30px;
    background: url(/img/bg_box.gif) no-repeat;
    text-align: center;
    line-height: 110%;
    padding-top: 4px;
    margin: 0 0 0 auto;
}

/* 利用規約ボタン */
P.btn-agree {
    margin: 0;
}
P.btn-agree2 {
		margin: 0;
  float: left;
		padding-right: 2em;
}
P.btn-agree A,P.btn-agree2 A {
    display: block;
    width: 150px;
    height: 28px;
    background: url(/img/btn_agree.gif) no-repeat;
    text-decoration: none;
}
P.btn-agree A:hover,P.btn-agree2 A:hover {
    background: url(/img/btn_agree_on.gif) no-repeat;
}

/* プライバシーポリシーボタン */
P.btn-privacy {
    margin: 0;
}
P.btn-privacy2 {
    margin: 0;
				float: left;
				padding-right: 2em;
}
P.btn-privacy A,P.btn-privacy2 A {
    display: block;
    width: 150px;
    height: 28px;
    background: url(/img/btn_privacy.gif) no-repeat;
    text-decoration: none;
}
P.btn-privacy A:hover,P.btn-privacy2 A:hover {
    background: url(/img/btn_privacy_on.gif) no-repeat;
}

/* ユーザ設定ボタン */
P.btn-user-config A {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 25px;
    background: url(/img/btn_user_config.gif) no-repeat;
    text-decoration: none;
}
P.btn-user-config A:hover {
    background: url(/img/btn_user_config_on.gif) no-repeat;
}

/* 相談ボタン */
P.btn-inquiry A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_inquiry.gif) no-repeat;
    text-decoration: none;
}
P.btn-inquiry A:hover {
    background: url(/img/btn_inquiry_on.gif) no-repeat;
}

/* 質問を投稿するボタン */
P.btn-top-faq {
    margin: 5px 0 0 0;
}
P.btn-top-faq A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_top_faq.gif) no-repeat;
    text-decoration: none;
}
P.btn-top-faq A:hover {
    background: url(/img/btn_top_faq_over.gif) no-repeat;
}

/* TOPに戻るボタン */
P.btn-back-top A {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 25px;
    background: url(/img/btn_back_top.gif) no-repeat;
    text-decoration: none;
}
P.btn-back-top A:hover {
    background: url(/img/btn_back_top_on.gif) no-repeat;
}
P.btn-back-top2 A {
    display: block;
    margin: 0 auto;
    width: 164px;
    height: 25px;
    background: url(/img/btn_back_top2.gif) no-repeat;
    text-decoration: none;
}
P.btn-back-top2 A:hover {
    background: url(/img/btn_back_top2_on.gif) no-repeat;
}


/******************************************************
完了画面ページで使用するボタン
*******************************************************/
#complete{
	margin-top: 45px;
 margin-left: 100px;
}
:root #complete{/*Firefox適用ハック*/
	margin-top: 45px;
 margin-left: 70px;
}
html*#complete{/*Opera以外適用ハック*/
	margin-top: 45px;
 margin-left: 70px;
　margin-left: 100px;/*IE6ハック*/
}
#complete ul{
	margin: 0px;
	padding: 0px;
}
#complete li{
	float: left;
	list-style-type: none;
}
/* トップに戻るボタン */
#complete li#back_top a,#complete li#back_top a:link,#complete li#back_top a:visited,#complete li#back_top a:active {
	float: left;
	list-style-type: none;
	/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_back_top2.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
#complete li#back_top a:hover {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_back_top2_on.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
/* Q&A検索トップに戻るボタン */
#complete li#qa_top a,#complete li#qa_top a:link,#complete li#qa_top a:visited,#complete li#qa_top a:active {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_qa_top.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
#complete li#qa_top a:hover {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_qa_top_on.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
/* ユーザー設定トップに戻るボタン */
#complete li#user_top a,#complete li#user_top a:link,#complete li#user_top a:visited,#complete li#user_top a:active {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_user_top.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
#complete li#user_top a:hover {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_user_top_on.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
/*クリニック検索トップに戻るボタン */
#complete li#clinic_top a,#complete li#clinic_top a:link,#complete li#clinic_top a:visited,#complete li#clinic_top a:active {
	float: left;
	list-style-type: none;
	/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_clinic_top.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
#complete li#clinic_top a:hover {
	float: left;
	list-style-type: none;
	/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_clinic_top_on.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}


/* ボタン位置合わせ */
INPUT.btn-init {
    vertical-align: sub;
    _vertical-align: text-bottom;
}
*+HTML INPUT.btn-init {
    vertical-align: text-bottom; /* for IE 7 */
}

/* キーワード */
STRONG.key-word {
    background: #fff;
}


/******************************************************
フォーム関係
*******************************************************/

INPUT#zip {
    width: 65px;
}
INPUT#passwd,INPUT#uid,INPUT#name2 {
    width: 105px;
}
INPUT#q,INPUT#uid2,INPUT#passwd2 {
    width: 130px;
}
INPUT#pref_cd,INPUT#c_name {
    width: 135px;
}
INPUT#q2 {
    width: 200px;
	margin: 0 1em;
}
INPUT#c_name2,INPUT#email,INPUT#email02,INPUT#subject_s,INPUT#email_s01,INPUT#email_s02,INPUT#name,INPUT#tel,INPUT#address {
    width: 250px;
}
INPUT#word,INPUT#subject,INPUT#contents {
    width: 350px;
}
FORM#form_bg {
    background: #F1E4DF;
				padding: 2em 0;
				margin-top: 2em;
}
SELECT#vote {
margin-right: 20px;
}
INPUT#passwd01 {
    margin-bottom: 1em;
				width: 150px;
}
INPUT#passwd02,INPUT#nickname,INPUT#passwd04 {
				width: 150px;
}
INPUT#email01 {
    width: 250px;
				margin-bottom: 1em;
}



/******************************************************
タイトルパターン
*******************************************************/
/*共通*/
/*
#title_pattern1.title01 {
background: url(/img/title_02_01.gif) no-repeat;
}
#title_pattern1.title02 {
background: url(/img/title_02_02.gif) no-repeat;
}
*/
















/******************************************************
北村作成分
*******************************************************/
/* キーワード */
STRONG.key-word {
    background: #ffff00;
}

/* Q&A質問に戻るボタン */
#complete li#title_top a,#complete li#title_top a:link,#complete li#title_top a:visited,#complete li#title_top a:active {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_title_top.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}
#complete li#title_top a:hover {
	float: left;
	list-style-type: none;
/*text-indent:-9999px;*/
	height: 25px;
	width: 164px;
	display: block;
	background-image: url(/img/btn_title_top_on.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	margin-right: 22px;
}

ul.error-list {
	text-align:left;
	margin:0 0 0 200px;
}

/* 質問に戻るボタン */
P.btn-back-q {
    margin: 20px 0 0 0;
}
P.btn-back-q A {
    display: block;
    margin: 20px auto 0 auto;
    width: 165px;
    height: 25px;
    background: url(/img/btn_back_q.gif) no-repeat;
    text-decoration: none;
}
P.btn-back-q A:hover {
    background: url(/img/btn_back_q_on.gif) no-repeat;
}

/* クーポンボタン */
span.btn-option-1 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_1.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-1 A:hover {
    background: url(/img/btn_option_1_on.gif) no-repeat;
}
span.btn-option-11 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_11.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-11 A:hover {
    background: url(/img/btn_option_11_on.gif) no-repeat;
}
span.btn-option-12 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_12.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-12 A:hover {
    background: url(/img/btn_option_12_on.gif) no-repeat;
}
span.btn-option-13 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_13.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-13 A:hover {
    background: url(/img/btn_option_13_on.gif) no-repeat;
}
span.btn-option-14 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_14.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-14 A:hover {
    background: url(/img/btn_option_14_on.gif) no-repeat;
}
span.btn-option-15 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_15.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-15 A:hover {
    background: url(/img/btn_option_15_on.gif) no-repeat;
}
span.btn-option-16 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_16.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-16 A:hover {
    background: url(/img/btn_option_16_on.gif) no-repeat;
}
span.btn-option-17 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_17.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-17 A:hover {
    background: url(/img/btn_option_17_on.gif) no-repeat;
}
span.btn-option-18 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_18.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-18 A:hover {
    background: url(/img/btn_option_18_on.gif) no-repeat;
}
span.btn-option-19 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_19.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-19 A:hover {
    background: url(/img/btn_option_19_on.gif) no-repeat;
}

/* 地図ボタン */
span.btn-option-2 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_2.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-2 A:hover {
    background: url(/img/btn_option_2_on.gif) no-repeat;
}

/* 相談ボタン */
span.btn-option-3 A {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px;
    background: url(/img/btn_option_3.gif) no-repeat;
    text-decoration: none;
}
span.btn-option-3 A:hover {
    background: url(/img/btn_option_3_on.gif) no-repeat;
}

.coupon_body{
	width: 610px;
	border: 1px double #D94254;
	color: #330000;
	font-family:monospace;
}
.coupon_name{
	text-align:center;
	color :#000000;
	font-size: 15px;
	font-weight:bold;
	margin: 5px 5px 0px 10px;
	padding: 5px;
	border-bottom:1px solid #D94254;
}
.coupon_service_table{
	margin: 5px auto 5px auto;
}
.coupon_service{
	text-align:left;
	color :#000000;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
}
.coupon_valid{
	text-align:center;
	color:#FF0000;
	font-size:13px;
	letter-spacing:+2px;
	border: 3px double #F4C6CB;
	background-color: #FFCCCC;
	margin: 5px 5px 0px 10px;
	padding: 2px;
}
.coupon_caution_table{
	width:500px;
	margin: 5px 5px auto auto;
}
.coupon_caution{
	width:250px;
	text-align:left;
	font-size:11px;
	color:#666666;
}
.coupon_clinic_address{
	font-size:13px;
	margin: 5px 5px 0px 10px;
}
.coupon_user_address{
	border-top: 1px dotted #330000;
}

/* ニュース一覧　*/
TABLE#tbl-faq TD.news {
    font-size: 14px;
    font-weight: bold;
    color: #001CC4;
    text-align: left;
    padding: 0 0 0 40px;
}
TABLE#tbl-faq TD.news A {
    color: #001CC4;
    text-decoration: none;
}
TABLE#tbl-faq TD.news A:hover {
    text-decoration: underline;
}

/* ニュース詳細 */
H3#faq-title SPAN#news-title {
    display: block;
    width: 350px;
    padding: 15px 0 0 35px;
    float: left;
}
H3#faq-title SPAN#news-date {
    display: block;
    width: 120px;
    font-size: 12px;
    text-align: right;
    padding-top: 16px;
    float: right;
}

/* Q&Aボタン関連 */
TABLE.faq-btn-4 {
    margin:  0px 10px 0px 0px;
}
TABLE.faq-btn-4 TD.faq-btn-res-4 {
    margin:  0px;
    padding: 30px 0px 30px 10px;
}
TABLE.faq-btn-5 {
    margin:  0px;
    padding: 0px;
}
SELECT.faq-vote {
    margin: 0px 5px 0px 0px;
}
TABLE.faq-btn-5 TD.faq-btn-vote-5 {
    margin: 0px;
    padding: 50px 0px 0px 0px;
}
TABLE.faq-btn-5 TD.faq-btn-res-5 {
    margin: 0px;
    padding: 50px 0px 0px 10px;
}

/* 利用規約ボタン 改 */
P.btn-agreement {
    margin: 0;
}
P.btn-agreement2 {
    margin: 0;
    float: left;
    padding-right: 2.0em;
}
P.btn-agreement A,P.btn-agreement2 A {
    display: block;
    width: 212px;
    height: 28px;
    background: url(/img/btn_agreement.gif) no-repeat;
    text-decoration: none;
}
P.btn-agreement A:hover,P.btn-agreement2 A:hover {
    background: url(/img/btn_agreement_on.gif) no-repeat;
}

/* TOPページ　ニュースもっと見るボタン */
P.btn-top-more {
    margin: 0;
}
P.btn-top-more2 {
    margin: 90px 0 0 0;
    float: right;
    padding-right: 0.0em;
}
P.btn-top-more A,P.btn-top-more2 A {
    display: block;
    width: 125px;
    height: 25px;
    background: url(/img/btn_top_more.gif) no-repeat;
    text-decoration: none;
}
P.btn-top-more A:hover,P.btn-top-more2 A:hover {
    background: url(/img/btn_top_more_over.gif) no-repeat;
}

/* TOPページ　ニュースもっと見るテキスト */
P.top-more {
    margin: 0;
}
P.top-more2 {
    margin: 95px 0 0 0;
    float: right;
    padding-right: 0.0em;
}
P.top-more A,P.top-more2 A {
    display: block;
    width: 45px;
    height: 15px;
    font-size: 10px;
    text-decoration: none;
    text-align:left;
}
P.top-more A:hover,P.top-more2 A:hover {
    text-decoration: underline;
}


/* ユーザ設定・メールアドレス変更 */
span.now_setting{
	font-weight: bold;
}

/* 美容用語解説：クリニックアイコン */
P.clinic-voc-ico {
    text-align: left;
    padding: 9px 0 0 250px;
    height: 14px;
    background: url(/img/ico_person.gif) no-repeat 228px 0;
}

/* 検索一覧 */
.search_word{
    text-align: right;
}
.search_word A{
    text-decoration: none;
    color: #000000;
}
.search_word A:hover{
    text-decoration: underline;
    color: #000000;
}
.opcl{
    text-align: right;
}
.opcl A{
    text-decoration: none;
    color: #000000;
}
.opcl A:hover{
    text-decoration: underline;
    color: #000000;
}

/* 検索条件 */
.search_flg A{
    text-decoration: none;
}
.search_flg A:hover{
    text-decoration: underline;
}

/* 特集ページ用ページナビゲーション */
.pagenav {
	position: relative;
	overflow: hidden;
}

.pagenav ul {
	position: relative;
	left: 50%;
	float: left;
}

.pagenav li {
	position: relative;
	left: -50%;
	clear: none;
	float: left;
	padding: 0 3px;
	line-height: 1.2;
}

.pagenav li a {
	display: block;
	padding: 1px 5px;
	border: 1px solid #f99;
	color: #f33!important;
	text-decoration: none;
}
.pagenav li a:hover {
	border-color: #f33;
	background-color: #fee;
}

.pagenav .back a,
.pagenav .next a {
	padding: 2px 5px;
	border: none;
	background-color: transparent;
	text-decoration: none;
}
.pagenav .back a:hover,
.pagenav .next a:hover {
	background-color: transparent;
}

.pagenav .nolink {
	display: block;
	padding: 2px 3px;
	color: #999;
}

.pagenav .current .nolink {
	color: #000;
	font-weight: bold;
}