@charset "utf-8";
/* CSS Document */

html {
    overflow-y: scroll;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
    padding: 0;
}
/* Firefoxでリンクの点線を消す */
a {
    overflow: hidden;
    outline: none !important;
}
/* リンクオーバーで透過 */

.btn_white a:hover, a:hover img {
    filter: alpha(opacity=75); /*IE*/
    -moz-opacity: 0.75; /*FF*/
    opacity: 0.75;
}
iframe{
	vertical-align:bottom;
}
/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* IE6 */
* html .clearfix {
    zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
    zoom: 1;
}
/* ~~ その他の float/clear クラス ~~ */
.fltrt {
    float: right;
}
.fltlt {
    float: left;
}
img {
    vertical-align: bottom
}
.center {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.clear {
    clear: both
}
.pageup {
	display: block;
	text-align: right;
	float: right;
	clear: both;
	width: auto;
	margin-top: -30px;
	font-size: 90%;
	font-family: antic;
	font-style: normal;
	font-weight: 400;
}
/*
マージン関連
*/
.mb100 {
    margin-bottom: 100px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb05 {
    margin-bottom: 5px !important;
}
.mb0, .mb00 {
    margin-bottom: 0px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt05 {
    margin-top: 5px !important;
}
.mt0 {
    margin-top: 0px !important;
}
.w05p {
    width: 5% !important;
}
.w10p {
    width: 10% !important;
}
.w15p {
    width: 15% !important;
}
.w20p {
    width: 20% !important;
}
.w30p {
    width: 30% !important;
}
.w40p {
    width: 40% !important;
}
.w50p {
    width: 50% !important;
}
.w60p {
    width: 60% !important;
}
.w70p {
    width: 70% !important;
}
.w80p {
    width: 80% !important;
}
.w90p {
    width: 90% !important;
}
.w100p {
    width: 100% !important;
}
img.w100p {
    height:auto;
}
/*
テキスト関連
*/
.lh_n {
    line-height: normal;
    }
.txt_red {
    color: #C00;
}
.txt_blue {
    color: #2E288A;
}
.txt_orange {
    color: #F38600;
}
.txt_right {
    text-align: right;
    text-indent: 0 !important;
}
.txt_left {
    text-align: left;
    text-indent: 0 !important;
}
.txt_box {
	padding: 20px;
	background-color: #F8F6F2;
	/* [disabled]border-radius: 8px; */
}
.txt_box p {
	/* [disabled]font-size: 95%; */
	line-height: 1.85;
	/* [disabled]text-indent: 1em; */
	margin-bottom: 0.5em;
	letter-spacing: 0.2em;
}
.txt_l {
    font-size: 120% !important;
    line-height: normal !important;
}
.txt_xl {
    font-size: 140% !important;
    line-height: normal;
}
.txt_xxl {
    font-size: 160% !important;
    line-height: normal;
}
.txt_xxxl {
    font-size: 180% !important;
    line-height: normal;
}
.txt_maxl {
    font-size: 230% !important;
    line-height: normal;
}
.txt_s {
	font-size: 90% !important;
	/* [disabled]line-height: normal !important; */
}
.txt_xs {
    font-size: 0.85rem !important;
    line-height: normal !important;
}
.txt_xxs {
    font-size: 0.75rem !important;
    line-height: normal !important;
}
.txt_right {
    text-align: right;
    text-indent: 0 !important;
}
.txt_left {
    text-align: left;
    text-indent: 0 !important;
}
.txt_gray {
    color: #666;
}
.txt_yellow {
    color: #FAC51F;
}
.txt_up {
	margin-top: -0.5em;
	/* [disabled]margin-right: -1em; */
	display: block;
	/* [disabled]text-indent: 1em; */
	margin-bottom: 0.5em;
}
input[type="text"], input[type="password"], textarea {
    background-color: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #FFFFE8 !important;
    color: #000;
}
a {
    cursor: pointer;
}
.indent1 {
    text-indent: 1em;
}
.indent_block {
    padding-left: 1em;
}
td .indent_block {
    font-size: 90%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.mb1em {
    margin-bottom: 1em !important;
}
.nowrap {
    white-space: nowrap !important;
}
/*
水平リスト
*/
ul.hol {
    list-style-type: none;
    padding: 0;
    display: block;
    overflow: hidden;
}
ul.hol li {
    float: left;
    vertical-align: bottom;
    margin-right: 1em;
}

/*
position
*/
.pos_re {
    position: relative;
}
.pos_ab {
    position: absolute;
}
.pos_lb {
    left: 0;
    bottom: 0;
}
.pos_lt {
    left: 0;
    top: 0;
}
.pos_rb {
    right: 0;
    bottom: 0;
}
.pos_rt {
    right: 0;
    top: 0;
}
/*
その他
*/
hr {
    clear: both;
}
.nobd {
    border: none !important;
}
.ttl.nobd {
    padding-bottom: 0 !important;
}

.preview_bar {
    background-color: rgba(255,246,30,1.00);
    padding: 2px 0;
    text-align: center;
    font-size: 90%;
    color: rgba(255,0,4,1.00);
}
table {
  table-layout:fixed;
  word-break:break-all;
}
/* ガター幅（余白）を調整 */
.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0>div {
    padding-right:0px;
    padding-left:0px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}	
.row-10>div {
    padding-right:5px;
    padding-left:5px;
}
.row-20 {
    margin-left:-10px;
    margin-right:-10px;
}
.row-20>div {
    padding-right:10px;
    padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 }
.row-30>div {
    padding-right:15px;
    padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40>div{
    padding-right:20px;
    padding-left:20px;
}
.row-50{
    margin-left:-25px;
    margin-right:-25px;
}
.row-50>div{
    padding-right:25px;
    padding-left:25px;
}
.row-60{
    margin-left:-30px;
    margin-right:-30px;
}
.row-60>div{
    padding-right:30px;
    padding-left:30px;
}