@charset "UTF-8";
/**
 *  Pryn.css
 *  @see       http://0-oo.net/sbox/javascript/pryn-js-css
 *  @version   0.2.6 beta 9
 *  @copyright 2007-2010 dgbadmin@gmail.com
 *  @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
 */

/*******************************************************************************
 *  YUI 2 CSS Toolsのimportと、YUI適用後の調整
 *  @see http://developer.yahoo.com/yui/2/
 *  Grids.cssはbuilderが便利
 *  @see http://developer.yahoo.com/yui/grids/builder/
 ******************************************************************************/

/**
 *  GoogleのCDNから読み込む（httpsも使えてyahooapis.comより速い）
 *  @see http://code.google.com/intl/en/apis/libraries/devguide.html#yui
 */

/**
 *  微調整
 */
body {
    margin: 0 auto;
    text-align: left;
}
ul, ol {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

/**
 *  Font family
 *  ・IE7+  : Meiryo UI or メイリオ（IE7+はClearTypeが適用される）
 *  ・Mac   : ヒラギノ
 *  ・その他: 半角はVerdana、全角はブラウザのデフォルトのフォント
 */
body, select {
    font-family: "Meiryo UI", "メイリオ", Verdana, sans-serif;  /* IE7+ */
    _font-family: Verdana, sans-serif;                          /* IE6 */
}
input, button, textarea {   /* 巨大化するのでメイリオにはしない */
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo UI", Verdana, sans-serif;
}
input[type="submit"], input[type="button"], input[type="reset"], button {
    font-family: "Meiryo UI", "メイリオ", Verdana, sans-serif;  /* IE7+ */
}
@-moz-document url-prefix() {
    body, select, input[type], button, textarea {               /* Firefox */
        font-family: "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {         /* Chrome, Safari */
    body, select, input[type], button, textarea {
        font-family: "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
    }
}


/*******************************************************************************
 *  汎用的なstyle
 ******************************************************************************/

html {
    overflow-y: scroll; /* Firefox:常に縦のスクロールバーを表示 */
}
textarea {
    overflow: auto;     /* IE:スクロールバー不要なら非表示 */
}  
img {                   /* IE:サイズを変えた画像を綺麗にする */
    -ms-interpolation-mode: bicubic;
}
input.number {          /* 数値 */
    text-align: right;
}
input.hint, textarea.hint {
    color: #728490;     /* テキストボックス内の説明文 */
}
input[readonly], input[disabled][type="text"], input[disabled][type="password"],
textarea[readonly], textarea[disabled] {
    background-color: #eee; /* 使用不可系（IE6:非対応）*/
}
optgroup {
    color: #728490;
}
option {
    color: #000;        /* optgroupから引き継ぐ文字色を元に戻す */
}
a, object {
    outline: none;      /* リンククリック時に破線を表示しない（IE6:非対応）*/
}
input[type="submit"], input[type="button"], input[type="reset"], input[type="image"],
input[type="checkbox"], input[type="radio"], input[type="file"], button {
    outline: none;      /* IE8+:クリック時に破線を表示しない */
}                       /* Firefoxはimageのみ対応 */
.center {
    text-align: center;
}

/**
 *  float
 */
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

/**
 *  テキストボックスと選択リストは背景色を指定しても枠線が変わらないようにする
 */
select, input[type="text"], input[type="password"] {
    border: solid 1px #7f9db9;
}
input[type="text"], input[type="password"], input[type="file"] {
    padding: 2px;
}
input.input-text, input.input-password, textarea {    /* for IE6 & textarea */
    border: solid 1px #7f9db9;
    padding: 2px;
}

/**
 *  マウスカーソル制御
 */
select, label, button, input.copy, textarea.copy, .clickable {
    cursor: pointer;    /* 指差し（IE7-:select非対応）*/
}
input[type="submit"], input[type="button"], input[type="reset"], input[type="image"],
input[type="checkbox"], input[type="radio"], input[type="file"] {
    cursor: pointer;    /* 指差し（Firefox:file非対応）*/
}
input.input-submit, input.input-button, input.input-reset, input.input-image,
input.input-checkbox, input.input-radio, input.input-file {
    cursor: pointer;    /* 指差し for IE6 */
}
select[disabled], input[disabled], textarea[disabled], button[disabled] {
    cursor: not-allowed;/* 禁止マーク（IE6:非対応、IE7+:一部のみ） */
}
body.wait, select.wait, input.wait, textarea.wait {
    cursor: wait;       /* 砂時計やクルクルにする */
}

/**
 *  よく使うけど忘れやすいプロパティ
 */
table.collapse {        /* cellspacing="0" cellpadding="0" */
    border-collapse: collapse;
}
.nowrap {               /* 改行防止 */
    white-space: nowrap;
}
.border-radius {        /* 角丸（IE8-:非対応） */
    border-radius: 10px;            /* IE9, Chrome, Safari5, Opera */
    -moz-border-radius: 10px;       /* Firefox */
    -webkit-border-radius: 10px;    /* Safari4-, (Chrome) */
}
.border-top-left-radius {   /* 個別の角丸はFirefoxが古式なので注意 */
    border-top-left-radius: 10px;           /* IE9, Chrome, Safari5, Opera */
    -moz-border-radius-topleft: 10px;       /* Firefox */
    -webkit-border-top-left-radius: 10px;   /* Safari4-, (Chrome) */
}

/**
 *  バリアフリーな色（必要に応じて追加する予定）
 *  @see http://jfly.iam.u-tokyo.ac.jp/colorset/
 *  @see http://0-oo.net/sbox/javascript/universal-colors
 */
.bf-gray {
    color: #728490;
}
.bf-green {
    color: #339966;
}

/**
 *  角丸っぽく見えるボックス
 */
.round-outer {          /* こちらに背景色（あればmarginも）を指定する */
    padding: 1px 0;
}
.round-inner {          /* こちらに（あれば）paddingを指定する */
    display: block;
    margin: 0 -1px;
    background-color: inherit;
}


/*******************************************************************************
 *  サイトごとのstyle（サイトに合わせて上書きする）
 ******************************************************************************/

#bd {
    font-size: 116%;    /* @see http://developer.yahoo.com/yui/fonts/#using */
    line-height: 1.4;   /* 単位を付けない */
}
select, input, textarea, button {
    margin-right: 1px;
}
div.error, span.error { /* 入力エラーメッセージ */
    color: #f30;
    font-weight: bold;
}
select.error, input.error, textarea.error { /* 入力エラー（Firefox:check系非対応）*/
    background-color: #ffd3cc;
    border-color: #f30;
}
input.focused, textarea.focused {   /* フォーカスされた入力要素 */
    background-color: #ff9;
    border-color: #5f7d99;
}
pre {
    background-color: #ccc;
}
table.stripes tr.stripe {   /* シマシマにされる行 */
    background-color: #ccc;
}

/**
 *  リンクの色
 */
a {
    color: #03c;        /* Bingの色 */
}
a:visited {
    color: #639;        /* Bingの色 */
}
a:hover, a:active {
    color: #c11;        /* Googleのactiveの色 */
}

/**
 *  ボタンの大きさ
 */
input[type="submit"], input[type="button"], input[type="reset"], button {
    padding: 1px 1em;   /* クリックしやすいように広げる */
    line-height: 1.5;   /* for IE */
    overflow: visible;  /* for IE7 */
}
input.input-submit, input.input-button, input.input-reset, button {
    _padding: 2px 0.3em 1px;    /* for IE6 */
}

/**
 *  IME
 */
input, textarea {
    ime-mode: active;   /* デフォルトは IME On */
}
select, input.han, input.number, textarea.han {
    ime-mode: inactive; /* 指定がある場合だけ IME Off */
}
input[type="password"] {
    ime-mode: auto;     /* Firefox:パスワードでautoだとIME不可になる */
}

/**
 *  Googleカスタム404ページ対応
 *  @see http://www.google.com/support/webmasters/bin/answer.py?hl=jp&answer=100044
 */
#goog-wm li {
    padding-bottom: 1em;
}