@charset "utf-8";

/*************************************************
CSS
/common/css/global.css

12.06.13
*************************************************/

/* ------------------------- TOC
 ------------------------- */

/* ============================================================ setting */
html { height: 100%; }
body { line-height: 1.5; height: 100%; -webkit-text-size-adjust: none; color: #4a4a4a; background: #ffffff; font-size: 16px; font-family: sans-serif; }

a { color: #003366; }
a:link,
a:visited { color: #003366; text-decoration: none; }
a:hover,
a:active { color: #003366; text-decoration: none; }

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

ul { list-style: none; }

/* ============================== clearfix */
/* For modern browsers */
.clr:before,
.mc:before,
.ms:before,
.clr:after,
.mc:after,
.ms:after { content: ""; display: table; }

.clr:after,
.mc:after,
.ms:after { clear:both; }

.clr,
.mc,
.ms { zoom:1; }

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }

/* ============================== multi column */
.ms {  }
.ls { float: left; }
.rs { float: right; }

.mc {  }
.lc { float: left; }
.rc { float: right; }

.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

.ofz { overflow: hidden; zoom: 1; }

.indent { padding-left: 1em; text-indent: -1em; }

/* ============================================================ wrapper */


/* ============================================================ header */
/* hd_nav */
#hd_logo { background-color: #000000; width: 100%; border-top: 4px solid #b7000f; border-bottom: 1px solid #808080; padding-top: 6px; padding-left: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* ============================================================ contents */


/* ============================================================ main_contents */

/* ============================================================ derivation */
/* sec_derivation */
.sec_derivation { margin: 20px 10px 0; }
.sec_derivation p:not(:first-of-type) { margin-top: 6px; }
.sec_derivation .bt_func_radius a { font-size: 14px; font-weight: bold; }
.sec_derivation .derivation_tel { margin-bottom: 20px; padding: 6px 9px; border: 1px solid #ffdb3f; background: #ffdb3f;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sec_derivation .derivation_tel .derivation_tel_tit { width: 100%; display: table; }
.sec_derivation .derivation_tel .derivation_tel_tit em { width: 138px; padding-right: 4px; display: table-cell; vertical-align: middle; background: url(../img/bg_sec_derivation_tel_tit.png) 0 0 no-repeat;
-webkit-background-size: 138px 20px;
background-size: 138px 20px;
}
.sec_derivation .derivation_tel .derivation_tel_tit span { display: table-cell; vertical-align: middle; font-size: 12px; }
.sec_derivation .derivation_tel .derivation_tel_mun { display: block; padding: 3px; text-align: center; color: #e50012; font-size: 20px; font-weight: bold; border: 1px solid #ffffff; background: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sec_derivation .derivation_tel .derivation_tel_mun span { padding-left: 28px; background: url(../img/icon_free_tel.png) 0 50% no-repeat;
-webkit-background-size: 27px 15px;
background-size: 27px 15px;
}
.sec_derivation .derivation_tel .derivation_tel_txt { margin-top: 3px; font-size: 12px; }

/* ============================================================ footer */
#footer { margin-top: 10px; background-color: #e6e6e6; }

/* ft_nav */
#ft_nav { display: table; width: 100%; background-color: #000000; padding-top: 2px; border-top: 1px solid #808080; }
#ft_nav li { display: table-cell; vertical-align: middle; color: #ffffff; border-top: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 12px; font-weight: bold; }
#ft_nav li a { display: block; padding-top: 10px; padding-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ft_nav li a:link,
#ft_nav li a:visited { color: #ffffff; }

#ft_nav li#ft_nav_pagetop { border-left: 1px solid #808080; }
#ft_nav li#ft_nav_back,
#ft_nav li#ft_nav_pagetop { width: 50%; }

#ft_nav li#ft_nav_back a { padding-right: 5px; padding-left: 25px; background: url(../img/bullet_arrow_back.png) 10px center no-repeat;
-webkit-background-size: 9px 13px;
background-size: 9px 13px;
}

#ft_nav li#ft_nav_pagetop a { padding-left: 5px; padding-right: 25px; background: url(../img/bullet_arrow_pagetop.png) right center no-repeat; text-align: right; 
-webkit-background-size: 19px 7px;
background-size: 19px 7px;
}

/* copyright */
#footer #copyright { padding-top: 15px; padding-bottom: 15px; color: #7f7f7f; font-size: 12px; text-align: center; }
/* ============================================================ heading */


/* ============================================================ module */
.bt_func_radius a { display: block; border-width: 2px; border-style: solid; background-repeat: no-repeat;
-webkit-border-radius: 5px; padding-left: 10px;
border-radius: 5px; }
.bt_func_radius a span { 
    display: table-cell;
    vertical-align: middle;
    /* height: 44px; */
}
.bt_func_radius a.bullet_pdf { background-image: url(../img/bullet_pdf.png);
-webkit-background-size: 28px 19px;
background-size: 28px 19px;
}

.bt_func_radius_01 a { padding-right: 40px; border-color: #edc3a5; background-color: #ffffff; background-image: url(../img/bullet_arrow_01.png); background-position: right center; color: #333333;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
}
/* .bt_func_radius_02 a { padding-right: 25px; border-color: #d7000f; background-color: #ffffff; background-image: url(../img/bullet_arrow_02.png); background-position: right center; color: #d7000e;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
} */

/* link_connect */
.link_connect { margin: 10px 10px 0; text-align: right; }
.link_connect a { padding: 10px 40px 10px 0; font-size: 12px; font-weight: bold; background: url(../img/bullet_arrow_01.png) 100% 50% no-repeat;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
}

/* box radius */
.box_radius_gry01 { padding: 12px; border: 1px solid #cecece; background-color: #f7f7f7; font-size: 11px; letter-spacing: -0.001em;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.box_radius_gry01 strong { font-size: 16px; }
.box_radius_gry01 .pseudo_heading { color: #991f00; font-weight: bold; }
.box_radius_gry01 ul li { margin-left: 1em; text-indent: -1em; }
.box_radius_gry01 .more { margin-top: 5px; font-size: 12px; color: #2761d4; text-align: right; }
.box_radius_gry01 .more a { padding-right: 10px; background: url(../img/bullet_arrow_link.png) right center no-repeat;
-webkit-background-size: 5px 7px;
background-size: 5px 7px;
}