/* CSS Document */
/*ボタン*/

@charset "utf-8";




/* --------------*/
/* ヘッダー用        */
/* --------------*/

/*--「問い合わせ」「アクセス」：info、測定--*/

    button.headerinfo_info {
      background-color: #000080;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 12px 4px;		/* 内側の余白 */
      font-size: 11pt;			/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      border-radius: 14px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

    button.headerinfo_info:hover {
      background-color: #b0c4de; /* ホバー時の色 */
    }

/*--「問い合わせ」「アクセス」：出版--*/

    button.headerinfo_books {
      background-color: #ffa500;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 12px 4px;		/* 内側の余白 */
      font-size: 11pt;			/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      border-radius: 14px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

    button.headerinfo_books:hover {
      background-color: #ffdead; /* ホバー時の色 */
    }

/*--「バックナンバーの注文」「定期購読」「広告」：出版「固体物理」「金属」用ナビパー--*/
    button.books_navbar {
      background-color: #ffffff;	/* 背景色 */
      color: #808080;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 10px 3px;		/* 内側の余白 */
      font-size: 10pt;			/* フォントサイズ */
      border-radius: 12px;		/* 角を丸くする */
      border:1px solid gray;		/* 外枠の太さと色 */
      cursor: pointer;			/* カーソルをポインターに */
    }

     button.books_navbar:hover {
      background-color: #ffdab9;	/* ホバー時の色 */
      color: white;			/* 文字色 */
      border:1px solid #ffffff;		/* 外枠の太さと色 */

	}

/* --------------*/
/* 出版用        */
/* --------------*/

/*--「品切・重版未定」「絶版」：グレー--*/
    button.books_sinagirezeppan {
      background-color: #808080;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 6px 3px;		/* 内側の余白 */
      font-size: 10.5px;			/* フォントサイズ */
      border-radius: 11px;		/* 角を丸くする */
      vertical-align:2px;		/* ベースライン調整 */
      cursor: pointer;			/* カーソルをポインターに */
    }

    button.books_sinagirezeppan:hover {
      background-color: #c0c0c0; /* ホバー時の色 */
    }


/*--「品切・重版未定」「絶版」：オレンジ--*/
    button.books_sinagirezeppan_orange {
      background-color: #ff8c00;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 8px 3px;		/* 内側の余白 */
      font-size: 10.5px;		/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      border-radius: 11px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

/*--「正誤表」：オレンジ--*/
    button.books_seigohyo {
      background-color: #ff8c00;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 8px 3px;		/* 内側の余白 */
      font-size: 10.5px;		/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      border-radius: 0px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

     button.books_seigohyo:hover {
     background-color: #ffdab9;		/* ホバー時の色 */
	}

/*--「増補版あり」--*/
    button.books_zouhohanari_orange {
      background-color: #ff8c00;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 8px 3px;		/* 内側の余白 */
      font-size: 10.5px;		/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      border-radius: 0px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

     button.books_zouhohanari_orange:hover {
     background-color: #ffdab9;		/* ホバー時の色 */
	}

/*-- 雑誌「完売」：赤--*/
    button.kanbai {
      background-color: #ff0000;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 1px 5px 2px;		/* 内側の余白 */
      font-size: 10.5px;		/* フォントサイズ */
      letter-spacing:1px;		/* 文字間幅 */
      vertical-align:2px;		/* ベースライン調整 */
      border-radius: 5px;		/* 角を丸くする */
    }


/* --------------*/
/* 測定用        */
/* --------------*/

/*--「測定料金」--*/
    button.analysis_ryoukin {
      background-color: #66ccff;	/* 背景色 */
      color: white;			/* 文字色 */
      border: none;			/* 枠線を消す */
      padding: 2px 8px 4px;		/* 内側の余白 */
      font-size: 11px;			/* フォントサイズ */
      border-radius: 11px;		/* 角を丸くする */
      cursor: pointer;			/* カーソルをポインターに */
    }

    button.analysis_ryoukin:hover {
      background-color: #cceeff; /* ホバー時の色 */
    }




/* 表示領域が480px未満の場合に適用するスタイル ------------------------*/
@media(max-width:480px)	{

/*--「問い合わせ」「アクセス」：出版--*/

    button.headerinfo_books {
      font-size: 8pt;			/* フォントサイズ */
      letter-spacing:0px;		/* 文字間幅 */
    }

    button.headerinfo_books:hover {
      background-color: #ffdead; /* ホバー時の色 */
/*--「バックナンバーの注文」「定期購読」「広告」：出版「固体物理」「金属」用ナビパー--*/
    button.books_navbar {
      font-size: 8pt;			/* フォントサイズ */
      letter-spacing:0px;		/* 文字間幅 */
    }


}