@charset "UTF-8";
/*--------------------------------------------------------
  共通レイアウト設定
--------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6,
p, a, em, font, img, small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, table, caption, tbody, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
    font-weight: nomal; 
    color: #2E2F2F;
    min-width: 980px;
    line-height: 1.5em;
    /*letter-spacing: 1px;*/	/*文字幅*/
}

/* safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body { font-size: 75%; }
/* end */

img { border: 0; }

a { text-decoration: underline;	}   /* リンク下線あり */
a:hover{ text-decoration:none; }    /* リンク下線なし */
/*a:visited { color:#7F007F; }    /*訪問後のリンク*/

/*--------------------------------------------------------
  共通ヘッダー設定
--------------------------------------------------------*/
#header
{
    width: 100%;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

#header-top
{
    width: 980px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    
}

/*--------------------------------------------------------
  共通ヘッダー設定（上端）
--------------------------------------------------------*/
#header #header-logo 
{    
    height: 30px;
    position:relative; 
}

#header #header-logo #header-logoL	
{   
    margin-top: 1px;
    float: left;
    color: #34495E;		
    font-size: 12px; 
    letter-spacing: 1px;
}

#header #header-logo #header-logoR #header-privacy a
{
    background-repeat: no-repeat;
    background:url(../img/header_privacy.png) no-repeat left top;
    display:block;
    margin-top: 8px;
    margin-right: 15px;
    text-indent: -9999px;
    float: right;
    width: 167px;
    height: 16px;    
}

#header #header-logo #header-logoR #header-sitemap a
{
    background-repeat: no-repeat;
    background:url(../img/header_sitemap.png) no-repeat left top;
    display:block;
    margin-top: 8px;
    text-indent: -9999px;
    float: right;
    width: 110px;
    height: 16px;    
}

#header #header-logo #header-logoR #header-link a
{
    background-repeat: no-repeat;
    background:url(../img/header_link.png) no-repeat left top;
    display:block;
    margin-top: 8px;
    margin-right: 15px;
    text-indent: -9999px;
    float: right;
    width: 65px;
    height: 16px;
}

/*--------------------------------------------------------
  共通ヘッダー設定（中段）
--------------------------------------------------------*/
#header #header-middle { 
    height: 100px;
    /*margin-bottom: 20px;*/
    position:relative; 
}

#header #header-middle #header-middleL
{
    position:relative;
    float: left;
    width:321px;
    height:68px;
    background:url(../img/header_reins.png) no-repeat left top;
    text-indent: -9999px;
    margin-top: 20px;
}

#header #header-middle #header-middleL a
{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

#header #header-middle #header-middleR
{
    position:relative;
    float: right;
    width:320px;
    height:61px;
    background:url(../img/header_mail.png) no-repeat left top;
    text-indent: -9999px;
    margin-top: 15px;
}

#header #header-middle #header-middleR a
{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

/*
#header #header-logo #header-line	
{
    width: 840px;
    float: right;
    display: block;
    margin-top: -19px;
    margin-right: -80px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 41px;
    background-image : url(../img/header_lineR.png);
    background-position: top right;
    background-repeat: no-repeat;
}/*

/*--------------------------------------------------------
  共通ヘッダー設定（下段／管理者・ナビゲーション）
--------------------------------------------------------*/
#header-bottom-admin {
    width: 100%;
/*    height: 30px;*/
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    background-color: #3BD25E; 
    clear: both;
/*    overflow: hidden;*/
/*    margin-bottom: -20px;*/
/*    margin-top: -10px;*/
    margin-bottom: 30px;
    margin-top: -30px;
}

/*#header-bottom {
    margin-top: 20px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}*/

/* ナビゲーション領域 */
#header-nav {
    width: 980px;
    height: 94px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;  
    margin-top:20px;

    
    /*width: 980px;
    height: 64px;
    margin-top: 0px;
    margin-left: 0px;*/
    /*overflow: hidden;*/
}

#header-nav ul { list-style: none; }
#header-nav ul li {  
    width: 196px;  
    height: 64px;  
    float: left;  
}  

#header-nav ul li a {  
    text-indent: -9999px;  
    text-decoration: none;    
    display: block;    
    width: 196x;    
    height: 64px;    
    background-image: url(../img/menu_off.png);    
    background-repeat: no-repeat;    
}  

/* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/ 
#header-nav ul li#nav-reins a { background-position: 0 0; }     
#header-nav ul li#nav-about a { background-position: -196px 0px; }    
#header-nav ul li#nav-dealing a { background-position: -392px 0px; }    
#header-nav ul li#nav-report a { background-position: -588px 0px; }    
#header-nav ul li#nav-members a { background-position: -784px 0px; } 

#header-nav ul li a:hover
{  
    text-decoration: none;    
    background-image: url(../img/menu_on.png);    
    background-repeat: no-repeat;     
}  

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/ 
#header-nav ul li#nav-reins a:hover { background-position: 0 0; }     
#header-nav ul li#nav-about a:hover { background-position: -196px 0px; }    
#header-nav ul li#nav-dealing a:hover { background-position: -392px 0px; }    
#header-nav ul li#nav-report a:hover { background-position: -588px 0px; }    
#header-nav ul li#nav-members a:hover { background-position: -784px 0px; } 

/*--------------------------------------------------------
  共通ナビゲーション設定
--------------------------------------------------------*/
#hpb-nav-admin
{
    width: 980px;
/*    height: 30px;
    overflow: hidden;*/
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;

   /* position: absolute;
    top: 0px;
    left: 0px;
    /*background-image : url(../img/bg_nav_admin.png);
    background-position: top left;
    background-repeat: no-repeat;*/
}

#hpb-nav-admin ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    list-style-type: none;
    text-align: left;
}
#hpb-nav-admin ul:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#hpb-nav-admin li
{
    float: left;
    display: inline;
    font-size: 14px;
    line-height: 30px; /*38px;*/
    height: 30px; /*39px;*/
    overflow: hidden;
}
* html #hpb-nav-admin li
{
    /* ie6用ハック */
    width: 127px;
}
#hpb-nav-admin li a
{
    display: block;
    height: 30px; /*39px;*/
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
}
* html #hpb-nav-admin li a
{
    /* ie6用ハック */
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    padding-top: 0px;
}

#hpb-nav-admin a:link
{

}
#hpb-nav-admin a:visited
{

}
#hpb-nav-admin a:hover, #hpb-nav-admin a:active
{
    background-image : url(../img/bg_admin_on.png);
    background-repeat: repeat-x;
    background-position: center top;
}
#hpb-nav-admin h3.hpb-c-index
{
    height: 1px;
    margin-left: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

#hpb-nav-admin h3.hpb-c-index
{
    height: 1px;
    margin-left: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/

#hpb-nav-admin li a
{
    /* ナビゲーション文字設定 */
    font-weight: bold;
}
#hpb-nav-admin li a:link
{
    color: #000;
    text-decoration: none;
}
/* ナビゲーション文字色設定 */
#hpb-nav-admin li a:visited
{
    color: #000;
    text-decoration: none;
}
#hpb-nav-admin li a:hover
{
    color: #000;
    text-decoration: none;
}
#hpb-nav-admin li a:active
{
    color: #000;
    text-decoration: none;
}
#hpb-nav-admin li span.en
{
    display: none;
}

/*--------------------------------------------------------
  共通レイアウト設定
--------------------------------------------------------*/
/* トップページ含む全ページ共通 */
#inner-bottom {
    width: 840px;
    clear: both;
    text-align:center;
    margin-left: auto;
    margin-right: auto; 
}

/* レインズマーク */
#inner-bottom #reins-mark {
    display:block;
    margin-top: 10px;
    width: 274px;
    height: 132px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-image: url(../img/bn_reinsmark.png); 
}

/*--------------------------------------------------------
  共通フッター領域
--------------------------------------------------------*/
#common-footer{
    clear: both;
    width: 100%;
    margin-top: 20px;
}

#footer-page-up a {
    text-align:center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 0;    
    display:block; 
    width: 37px;
    height: 29px;
    text-indent: -9999px;
    background-image : url(../img/footer_up.png);
    background-repeat: no-repeat; 
}

#common-footer #footer-inner {
    clear: both;
    width: 100%;
    padding-top: 25px;
    background-color: #34495E;    
    color: #EBEDEE;    
}

#common-footer #footer-inner #footer-info {
    width: 980px;
    height: 189px;
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight:normal; 
    letter-spacing: 1px
}

#common-footer #footer-inner #footer-info a {
    text-decoration: none; 		/* リンク下線なし */
    color: #FFFFFF;
}

#common-footer #footer-inner #footer-info a:hover {
    text-decoration: underline;         /* リンク下線あり */
}

#common-footer #footer-inner #footer-info .footer-reins { width: 465px; float: left; }
#common-footer #footer-inner #footer-info .footer-col { width: 160px; float: left; }
#common-footer #footer-inner #footer-info .footer-col2 { width: 180px; float: left; }

#common-footer #footer-inner #footer-info .footer-list ul { list-style: none;  margin:0; padding: 0; }

#common-footer #footer-inner #footer-info .footer-company-name { 
    line-height: 1.4em;
    font-size: 16px; 
    font-weight: bold;
    text-align: left; 
} 

#common-footer #footer-inner #footer-info .footer-address {
    line-height: 1.4em;
    font-size: 14px; 
    font-weight: normal;
    font-weight: 100;
    text-align: left; 
} 

/* リストマーク付きのリンク項目 */
#common-footer #footer-inner #footer-info .footer-link-title {
    line-height: 1.6em;
    font-size: 11px; 
    font-weight: normal;
    font-weight: 100;
    text-align: left; 
} 
#common-footer #footer-inner #footer-info .footer-link-title a:before { content:">> "; } 

/* リストマークなしのリンク項目 */
#common-footer #footer-inner #footer-info .footer-link {
    line-height: 1.6em;
    padding-left: 25px;
    font-size: 11px; 
    font-weight: normal;
    font-weight: 100;
    text-align: left; 
} 

/*--------------------------------------------------------
  テーブル設定
--------------------------------------------------------*/
/* 基本テーブル（グレー） */
table.tbl-green {
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #309F3A;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #309F3A;
}
table.tbl-green th {
    background-color: #A7EBB1;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #309F3A;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #309F3A;
    vertical-align: top;
}
table.tbl-green td {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #309F3A;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #309F3A;
/*    vertical-align: top;*/
}

/* お問い合わせテーブル */
table.tbl-contact {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 650px;
}

table.tbl-contact th {
    padding: 13px 8px 10px 15px;
    text-align: left;
}

table.tbl-contact td {
    padding: 13px 20px 5px 20px;
    text-align: left;    
}

/* 管理者画面表示用テーブル */
table.tbl-input {
    margin-top: 15px;
    margin-bottom: 15px;
}

table.tbl-input th {
    padding: 13px 10px 10px 10px;
    text-align: left;
}

table.tbl-input td {
    padding: 13px 15px 13px 15px;
    text-align: left;    
}

table.tbl-list {
    margin-top: 8px;
}

table.tbl-list th {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

table.tbl-list td {
    padding: 8px 8px 5px 15px;
}

/*--------------------------------------------------------
  フォームパーツ設定
--------------------------------------------------------*/
input.button
{
    margin-top: auto; /*10px;*/
    margin-bottom: 2px; /*15px;*/
    margin-left: auto;
    margin-right: auto;
}

textarea
{
    width: 450px;
/*    height: 200px;*/
}
input.ll
{
    width: 450px;
}
input.l
{
    width: 350px;
}
input.m
{
    width: 250px;
}
input.s
{
    width: 150px;
}

#selNendo {
    margin-bottom: 8px;
}

/*--------------------------------------------------------
　罫線
--------------------------------------------------------*/
 /* 点線 */
hr.hr-d{
    border:none;
    border-top:dotted 1px #444444;
    height:1px;
    color:#FFFFFF;
    margin-top: 3px;
    margin-bottom: 6px;
}


/*--------------------------------------------------------
　クリックでオンオフ
--------------------------------------------------------*/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 10px 15px;
    font-weight: bold;
    border: solid 1px #9f9f9f;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 20px 0;
    height: auto;
    opacity: 1;
}