@charset "UTF-8";

/* テンプレート - 2 */

p {
margin: 0;
}

/*-------------------------------------------
ページャー[共通]
.pgbox
-------------------------------------------*/
.pgbox {
margin: 20px 0;
}
.pgbox .pgbox_left {
width: 25%;
margin: 0;
padding: 0;
}
.pgbox .pgbox_right {
width: 75%;
margin: 0;
padding: 0;
}
.pgbox .pgbox_right .pg {
margin: 0;
height: auto;
}
.pg .btn p .item {
padding: 4px 6px;
color: #405060;
text-decoration: none;
border: 1px solid #c8d5dc;
background-color: #FFFFFF;
}
.pg .btn p .current {
color: #FFFFFF;
font-weight: bold;
border: 1px solid #405060;
background: none repeat scroll 0 0 #405060;
}
.pg .btn p .disabled {
color: #999999;
}
.pg .btn p a {
color: #405060;
text-decoration: none;
}
.pg .btn p a:hover {
background: #D8EEEE;
}

/*------------------------------
message[共通]
メッセージ
------------------------------*/
p.big_info,
p.big_success,
p.big_caution,
p.big_error,
p.info,
p.success,
p.caution,
p.error
{
background-position:8px center;
background-repeat:no-repeat;
border:1px solid;
clear:both;
padding:8px 8px 8px 30px;
}

/*------------------------------
message - big
大きいメッセージ
------------------------------*/
p.big_info,
p.big_success,
p.big_caution,
p.big_error
{
padding:50px;
margin:20px 0 20px;
}

.big_area,
.big_area
{
height:100px !important;
}

/*------------------------------
message - error
メッセージ - エラー
------------------------------*/
p.big_error,
p.error
{
margin-top: 5px;
color: #000000;
border: solid 1px #f85093;
background-color: #f194bb;    /* ピンク */
}

/*------------------------------
message - info
メッセージ - 情報
------------------------------*/
p.big_info,
p.info
{
margin-top: 5px;
color: #00529B;
background-color: #BDE5F8;
}

/*------------------------------
message - caution
メッセージ - 警告
------------------------------*/
p.big_caution,
p.caution
{
color: #000000;
border: solid 1px #34c2b7;
background-color: #83ebcf;    /* モスグリーン */
}

/*------------------------------
message - success
メッセージ - 成功
------------------------------*/
p.big_success,
p.success
{
color: #000000;
border: solid 1px #0ba8f2;
background-color: #a3e1ff;    /* ブルー */
}

/*------------------------------
message - comment
メッセージ - コメント
------------------------------*/
p.comment{
padding:3px 3px 3px 0;
color: #888888;
}