@charset "UTF-8";

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

	Project common stylesheet document

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

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

@import url("/css/common/reset-fonts.css");

/*==============================================================================
	Common Style
	共通スタイル
==============================================================================*/
body {
/*font-family:"ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif !important;*/
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
}
select, input, button, textarea, button {
}

*{
word-wrap: break-word;
}
h1 {
font-size:138.5%;
}
h2 {
font-size:123.1%;
}
h3 {
font-size:116%;
}
h1,h2,h3 {
margin:0.4em 0;
}
h1,h2,h3,h4,h5,h6,strong {
font-weight:bold;
}

.clear {
clear:both;
}
p {
margin-bottom:0.4em;
}
p, li, dt, dd, table, address {
color: #333333;
}
a {
color: #0070ed;
}


/*==============================================================================
	Layout Style
	レイアウトスタイル
==============================================================================*/

#container {
}

#container #bd {
line-height: 1.6em;
}

/*------------------------------
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;
}
/*------------------------------
page_footer
フッター
------------------------------*/
#page_footer{
clear:both;
text-align:center;
height:80px;
}

/*------------------------------
table
------------------------------*/
table {
}
table tr th,
table tr td {
padding: 4px 6px;
border: 1px solid #AAAAAA;
}
table tr th {
color: #FFFFFF;
background-color: #525769;
}
table tr td {
}

/*------------------------------
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:#fffff0;
color: #ff6600;
margin-top:5px;
}

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

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

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

/*------------------------------
text_long
INPUTタグ　テキストフィールド
------------------------------*/
.text_long{
width:99%;
}

.area_long{
width:100%;
}

input.input_text,
textarea.input_area {
width: 99%;
}
input.radius,
textarea.radius {
/* 角丸 */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
behavior: url(/css/common/PIE-1.0.0/PIE.php);
position: relative;
}

/*------------------------------
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%;
}

/*------------------------------
pgbox
ページャーBOX
------------------------------*/
.pgbox {
width: 100%;
}
.pgbox .pgbox_left {
float: left;
width: 33%;
padding: 23px 0 0;
margin-bottom: 10px;
}
.pgbox .pgbox_center {
float: left;
width: 34%;
padding: 15px 0 0;
margin-bottom: 10px;
text-align: center;
}
.pgbox .pgbox_center {
/width: 34%;         /* IE6, IE7ハック */
width: 34%/9;        /* IE8ハック */
}
.pgbox .pgbox_right {
float: right;
width: 33%;
}
.pgbox .pgbox_right2 {
float: right;
padding: 23px 20px 0;
margin-bottom: 10px;
font-size: 12px;
}

/* ページャースタイル */
.pg {
height: 44px;
margin: 0 0 10px;
text-align: right;
}
.pg .num {
height: 20px;
}
.pg .num p {
height: 20px;
font-size: 12px;
}
.pg .btn {
height: 24px;
}
.pg .btn p {
height: 20px;
padding: 2px 0;
}
.pg .btn p .item {
padding: 4px 6px;
color: #2588de;
text-decoration: none;
border: 1px solid #c8d5dc;
background-color: #FFFFFF;
}
.pg .btn p .current {
color: #333333;
font-weight: bold;
border: 1px solid #333333;
background: none repeat scroll 0 0 #ffcc00;
}
.pg .btn p .disabled {
color: #999999;
}
.pg .btn p a {
color: #2588de;
text-decoration: none;
}
.pg .btn p a:hover {
background: #CCEEFF;
}

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

/*------------------------------
gray
灰色文字
------------------------------*/
.gray {
color:#888888;
}

/*------------------------------
red
赤文字
------------------------------*/
span.red {
color: #FF0000;
}
/*------------------------------
green
緑文字
------------------------------*/
span.green {
color: #00FF00;
}
/*------------------------------
blue
青文字
------------------------------*/
span.blue {
color: #0000FF;
}

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

.inner td{
border:0;
}

/*------------------------------
お知らせコンテンツ

------------------------------*/
div#news_contents dl,
div#news_contents dl dt,
div#news_contents dl dd {
display: block;
}
div#news_contents dl {
padding: 0 0 2.0em 0;
}
div#news_contents dl dt {
padding: 8px 0;
color:#FF0099;
font-weight:bold;
}
div#news_contents dl dd {
border-bottom:1px solid #DEDEDE;
padding-bottom:10px;
}