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

/*******************************************************************************
 *  YUI 2 CSS Toolsのimport
 *  @see http://developer.yahoo.com/yui/2/
 *  Grids.cssはbuilderが便利
 *  @see http://developer.yahoo.com/yui/grids/builder/
 ******************************************************************************/

/**
 *  httpsも使えるGoogleのホスティングを利用
 *  @see http://code.google.com/intl/en/apis/ajaxlibs/documentation/#yui
 */
@import "//ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css";
@import "//ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/base/base-min.css";

/** YUI 2 CSS Tools適用後の調整 */
body{
    margin: 0;
}
select, input, textarea, button{
    margin-right: 1px;
}
select, input[type="text"], input[type="password"], textarea{
    border: solid 1px #7f9db9;  /* 背景色を指定しても枠線が変わらないようにする */
}
input[type="text"], input[type="password"], textarea{
    padding: 2px;
}
input[type="submit"], input[type="button"], input[type="reset"], button{
    padding: 0 1em; /* クリックしやすいように広げる */
    /* IE8:余白調整 */
    padding-top: 2px\9;
    line-height: 1.3;
    /* IE7:ボタンが大きいので小さめにする */
    *padding: 3px 0.4em 0;
    *line-height: 1;
}
/**
 *  フォント指定
 *  ・IE7+  : メイリオ（IE7+はClearTypeが適用されるのでギザギザにならない）
 *  ・Mac   : ヒラギノ
 *  ・その他: 半角はVerdana、全角はブラウザのデフォルトフォント
 */
body, select{
    font-family: "メイリオ", Verdana, sans-serif;   /* IE7+ */
    _font-family: Verdana, sans-serif;              /* IE6 */
}
html:not(:target) body, html:not(:target) select{   /* その他 */
    font-family: "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
}
input, textarea, button{    /* 巨大化するのでメイリオにしない */
    font-family: "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
}


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

html{                   /* Firefox:常に縦のスクロールバーを表示 */
    overflow-y: scroll;
}
textarea{               /* IE:スクロールバー不要なら非表示 */
    overflow: auto;
}  
a, object{              /* クリックされた時に破線を表示しない */
    outline: none;
}
img{                    /* IE:サイズを変えた画像を綺麗にする */
    -ms-interpolation-mode: bicubic;
}
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="file"], input[type="radio"]{
    cursor: pointer;    /* マウスカーソルを手にする（Firefox:file非対応）*/
}
select[disabled], input[disabled], textarea[disabled], button[disabled]{
    cursor: not-allowed;/* マウスカーソルを禁止マークに（IE6:非対応、IE7+:一部のみ） */
}
body.wait, select.wait, input.wait, textarea.wait{
    cursor: wait;       /* マウスカーソルを砂時計やクルクルにする */
}
input, textarea{        /* IME On */
    ime-mode: active;
}
select, input.han, input.number, textarea.han{  /* IME Off */
    ime-mode: inactive;
}
input[type="password"]{ /* Firefox:パスワードでautoだとIME不可になる */
    ime-mode: auto;
}
input.number{           /* 数値 */
    padding-right: 2px;
    text-align: right;
}
optgroup{
    color: #728490;
}
option{                 /* optgroupから引き継ぐ文字色を元に戻す */
    color: #000;
}
table.collapse{         /* cellspacing="0" cellpadding="0" */
    border-collapse: collapse;
}
.left{
    float: left;
}
.right{
    float: right;
}
.center{
    text-align: center;
}
.clear{                 /* floatのクリア */
    clear: both;
}
.nowrap{                /* 改行防止 */
    white-space: nowrap;
}
/**
 *  角丸っぽく見えるボックス
 */
.round-outer{           /* こちらに背景色（あればmarginも）を指定する */
    padding: 1px 0;
}
.round-inner{           /* こちらに（あれば）paddingを指定する */
    display: block;
    margin: 0 -1px;
    background-color: inherit;
}
/**
 *  バリアフリーな色
 *  @see http://jfly.iam.u-tokyo.ac.jp/colorset/
 */
.bf-gray{
    color: #728490;
}


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

#bd{
    font-size: 116%;        /* @see http://developer.yahoo.com/yui/fonts/#using */
    line-height: 1.4;       /* 単位を付けない */
}
div.error, span.error{      /* 入力エラーメッセージ */
    color: #f30;
    font-weight: bold;
}
select.error, input.error, textarea.error{
    background-color: #ffd3cc;  /* 入力エラーの要素（Firefox:check系非対応） */
}
input.focused, textarea.focused{/* フォーカスされた入力要素 */
    background-color: #ff9;
}
input.hint, textarea.hint{  /* テキストボックス内の説明文 */
    color: #728490;
}
input[readonly], input[disabled][type="text"], input[disabled][type="password"],
textarea[readonly], textarea[disabled]{ /* 使用不可系 */
    background-color: #eee;
}
table.stripes tr.stripe{    /* シマシマにされる行 */
    background-color: #ccc;
}
.border-radius{             /* 角丸（IE:非対応） */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

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