@charset "UTF-8";

/*==============================================================================
    common.css

    Project common stylesheet document.

    (C)2009 Nutex Inc.

==============================================================================*/

/*==============================================================================
    googleapis font reset
    googleapisフォントリセット
==============================================================================*/

@import url("https://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/reset-fonts/reset-fonts.css");
/*==============================================================================
    Common Style
    共通スタイル
==============================================================================*/
/*
jQueryがﾗﾘ公になっちゃうので廃止
body {
    overflow-y: scroll;
}
*/
h1 {
    font-size:138.5%;
}
h2 {
    font-size:123.1%;
}
h3 {
    font-size:116%;
}
h1, h2, h3 {
    margin:1em 0;
}
h1, h2, h3, h4, h5, h6, strong {
    font-weight:bold;
}
.clear {
    clear:both;
}
/*11/19追加*/
em {
    font-style: italic;
}
/*for zend debug*/
pre {
    text-align: left;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, table, address {
    line-height: 1.5;
}
p {
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom:0.5em;
}
li {
    margin-bottom:0.5em;
}
.widget_menu ul li {
    margin-bottom: 0;
}
address {
    font-style: normal
}
/*==============================================================================
    Layout Style
    レイアウトスタイル
==============================================================================*/

/*------------------------------
container
コンテナ
------------------------------*/
#container {
    width:73.076em;
    *width: 71.25em;
    margin:auto;
    text-align:left;
}
#container, #bd, #page_header, .page_left {
    zoom: 1;
}
/*------------------------------
bd
ボディー
------------------------------*/
#bd {
    min-height:500px;
    *height: auto !important;
    *height: 500px;
    clear:both;
}
/*------------------------------
page_center
ボディー - 1カラム用
------------------------------*/
.page_center {
    width:100%;/*float:right;*/
}
/*------------------------------
page_left
ボディー - 2カラム用比率(24 : 74)
------------------------------*/
.page_left {
    width:24%;
    float:left;
}
.page_right {
    width:74.2%;
    float:right;
    margin:10px 0;
}
/*------------------------------
page_header
ヘッダー
------------------------------*/
#page_header {
    height:113px;
}
/*------------------------------
page_footer
フッター
------------------------------*/
#page_footer {
    clear:both;
    text-align:center;
    height:80px;
}
/*------------------------------
table
------------------------------*/
table th {
    padding:5px;
}
table tr td {
    padding:5px;
}
/*------------------------------
big_area
------------------------------*/
.big_area, .big_area {
    height:100px !important;
}
/*==============================================================================
  Decoration Style
  デコレーションスタイル
==============================================================================*/
/*------------------------------
vcard
組織情報
------------------------------*/
div.vcard dl {
    clear: both;
    margin-bottom: 0.2em;
    background-color: #f4fde1;
}
div.vcard dl dt {
    float: left;
    clear: left;
    width: 10em;
    padding: 0.7em 1em;
    color: #5a5a5a;
}
div.vcard dl dd {
    margin-left: 13em;
    padding: 0.7em 1em;
    background-color: #ffffff;
}
/*------------------------------
hreview
レビュー
------------------------------*/
div.hreview dl {
    clear: both;
    margin-bottom: 0.2em;
    background-color: #f4fde1;
}
div.hreview dl dt {
    float: left;
    clear: left;
    width: 10em;
    padding: 0.7em 1em;
    color: #5a5a5a;
}
div.hreview dl dd {
    margin-left: 13em;
    padding: 0.7em 1em;
    background-color: #ffffff;
}


/*------------------------------
message
メッセージ
------------------------------*/
.big_info, .big_success, .big_caution, .big_error, p.info, p.info-loader, p.success, p.caution, p.error {
    background-position:8px center;
    background-repeat:no-repeat;
    border:1px solid;
    clear:both;
    padding:8px 30px 8px 30px;
}
/*------------------------------
message - big
大きいメッセージ
------------------------------*/
.big_info, .big_success, .big_caution, .big_error {
    padding:50px;
    margin:20px 0 20px;
}
.big_area, .big_area {
    height:100px !important;
}
/*------------------------------
message - error
メッセージ - エラー
------------------------------*/
.big_error, p.error {
    background-color:#FFBABA;
    color:#D8000C;
    margin-top:5px;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
}
/*------------------------------
message - info-loader
メッセージ - 情報(loading)
------------------------------*/
.big_info-loader, p.info-loader {
    background-image: url('/admin/img/ajax-loader_min-info.gif');
    background-position: 8px 55%;
    background-repeat: no-repeat;
    background-color:#BDE5F8;
    color:#00529B;
    margin-top:5px;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
}
/*------------------------------
message - info
メッセージ - 情報
------------------------------*/
.big_info, p.info {
    background-image: url('/common/img/p_info.png');
    background-position: 8px 55%;
    background-repeat: no-repeat;
    background-color:#BDE5F8;
    color:#00529B;
    margin-top:5px;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
}
/*------------------------------
message - caution
メッセージ - 警告
------------------------------*/
.big_caution, p.caution {
    background-image: url('/common/img/p_caution.png');
    background-position: 8px 55%;
    background-repeat: no-repeat;
    background-color:#FEEFB3;
    color:#9F6000;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
}
/*------------------------------
message - success
メッセージ - 成功
------------------------------*/
.big_success, p.success {
    background-image: url('/common/img/p_success.png');
    background-position: 8px 55%;
    background-repeat: no-repeat;
    background-color:#DFF2BF;
    color:#4F8A10;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
}
/*------------------------------
message - comment
メッセージ - コメント
------------------------------*/
p.comment {
    padding:3px 3px 3px 0;
    color:#888;
}
/*------------------------------
text_long
INPUTタグ　テキストフィールド
------------------------------*/
.text_long {
    width:99%;
}
.area_long {
    width:100%;
}
/*------------------------------
clearfix
クリアーフィックス
------------------------------*/
.clearfix:after,
.pg:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix,
.pg {
    display: inline-block;
}
html[xmlns] .clearfix,
html[xmlns] .pg {
    display: block;
}
* html .clearfix,
* html .pg {
    height: 1%;
}
/*------------------------------
pg
ページャー
------------------------------*/
.pg {
    padding : 10px 0;
}
.pg p {
    margin-bottom: 0;
    line-height: 1;
    height: 1em;
}
.pg .digit {
    float : left;
}
.pg .page {
    float : right;
}
.pg {
    margin:0 0 10px;
}
.pg .num {
    height:1.2em;
}
.pg .num strong {
    font-size:116%;
}

/*-----------------------------
IE7・8対応
*/
.pg .prev,
.pg .next,
.pg .item
{
    display:block;
    float:left;
    margin-right:5px;
}

.pg .prev,
.pg .next
{
    margin-top:5px;
}

.pager .prev,
.pager .next,
.pager .item
{
    display:block;
    float:left;
    margin-right:5px;
}

.pager .prev,
.pager .next
{
    margin-top:5px;
}

/*-----------------------------*/

.pg .item {
    padding:4px 8px;
    border:1px solid #CCCCCC;
}
.pg .current {
    background:#6c9c0f;
    color:#FEFEFE;
}
.pg .disabled {
    color:#999;
}
.pg a {
    text-decoration:underline;
}
.pg a:hover {
    background:#CEF;
}
/*------------------------------
require
入力フォーム用　*必須マーク
------------------------------*/
span.require {
    color:#FF0000;
}
/*------------------------------
inner
テーブル内にテーブルを作る
------------------------------*/
.inner th {
    border:0;
    color:#333333;
}
.inner td {
    border:0;
}

/*------------------------------
float
共通で使用
------------------------------*/
.left{
    float:left;
}

.right{
    float:right;
}