@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
	共通スタイル
==============================================================================*/

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;
}

/*==============================================================================
	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{
border:1px solid #AAAAAA;
background-color:#333333;
color:#FFFFFF;
padding:5px;
}

table tr td{
border:1px solid #AAAAAA;
padding:5px;
}

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

/*==============================================================================
	Decoration Style
	デコレーションスタイル
==============================================================================*/

/*------------------------------
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
{
background-color:#FFBABA;
color:#D8000C;
margin-top:5px;
}

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

/*------------------------------
message - caution
メッセージ - 警告
------------------------------*/
p.big_caution,
p.caution
{
background-color:#FEEFB3;
color:#9F6000;
}

/*------------------------------
message - success
メッセージ - 成功
------------------------------*/
p.big_success,
p.success
{
background-color:#DFF2BF;
color:#4F8A10;
}

/*------------------------------
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 {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/*------------------------------
pg
ページャー
------------------------------*/
.pgbox {
width: 100%;
}
.pgbox .pgbox_left {
float: left;
width: 50%;
padding-top: 15px;
}
.pgbox .pgbox_right {
float: right;
width: 50%;
text-align: right;
}

.pg{
margin:0 0 10px;
}
.pg .num{
height:28px;
}
.pg .num strong{
font-size:116%;
}
.pg .item{
padding: 2px 5px;
text-decoration: none;
border: 1px solid #CCCCCC;
}
.pg .current{
background:#FF3300;
color:#FEFEFE;
}
.pg .disabled{
color:#999;
}
.pg a{
text-decoration: underline;
}
.pg a:hover{
background:#FCE;
}

/*------------------------------
require
入力フォーム用　*必須マーク
------------------------------*/
span.require{
color:#FF0000;
}

/*------------------------------
inner
テーブル内にテーブルを作る
------------------------------*/
.inner th{
border:0;
background-color:#F9F9F9;
color:#333333;
}

.inner td{
border:0;
}