/* 基本 */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/* /css/usrfiles/default/3227_TOPPAGE_base.css */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    font-size: 16px;
	line-height: 210%;
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #ffffff;
    text-align: left;
}
img { border-style: none; }
/* FORM styles */
form { display: inline; margin: 0px; padding: 0px }
input { font-size: 1.2em }
select { font-size: 1.2em }
textarea { font-size: 1.2em }

a:link{ text-decoration: underline; color: #57647b }
a:hover{ text-decoration: underline; color: #3791d4 }
a:visited{ text-decoration: underline; color: #333333 }
a:hover img {
  opacity: 0.7;
}
#PAGE_BAK {
    margin: 0px;
	padding: 0px;
}
#PAGE_OUT {
    margin: 0px;
    padding: 0px;
}
#PAGE_BOX {
    text-align: left;
    border-style: none;
    background-color: #ffffff;
}
.wauto {
	width: auto;
	margin: 0 auto;
}
.w1020 {
	width: 1020px;
	margin: 0 auto;
}
/* HEADER */
#HEADER {
    margin: 0px;
    padding: 0px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
	border-bottom: 1px solid #e60012;
}
#HEADER .sysmenuul {
	font-size: 0;
}
#HEADBNR img {
	vertical-align: middle;
}
#HEADNAVI {
    float: left;
    width: 100%;
}
#HEADNAVI div:first-child {
	padding: 0 0 0 10px;
	display: inline-block !important;
	float: right;
}
#HEADINFO {
	display: inline-block;
    width: 50% !important;
    float: right !important;
	text-align: right;
}
#HEADINFO > div:last-child {
	width: 100%;
	float: right;
}

/* HEADER -> SITETITLE */
#SITETITLE {
	width: 465px;
}
#KV {
    padding: 0px;
 }

/* FOOTER */
#FOOTER {
	color: #121212;
    margin: 30px 0 0;
    padding: 0px;
    border-style: none;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
#FOOT {
    margin: 0px;
    padding: 0px;
	border-top: 5px solid #ce0a0a ;
	border-bottom: 5px solid #ce0a0a ;
}
#FOOT1 {
	padding: 0;
	margin: 10px 0 0;
	background-color: #fff;
	border-top: 1px solid #eeeeee;
}
#FOOT2 {
	background-color: #eeeeee;
	background-image: url("/img/usrfiles/default/1827_TOPPAGE_bg_hune.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px 0;
}
#COPYRIGHT {
	color: #fff;
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 80%;
    width: 100%;
    line-height: 150%;
    text-align: center;
    vertical-align: top;
	background-color: #3e3e3e;
}

/* ----------------- SP ------------------- */
@media screen and (max-width: 750px) {
.spnone {
	display:none !important;
}
.pcnone {
	display:block;
}
body{
	font-size: 16px !important;
}
#HEADER {
height: auto;
min-height: 60px;
}
.slicknav_menu {
width:auto !important;
}
.w1020 {
	width: auto;		
}	
table { 
	width: 100%; 
	border-collapse: collapse; 
}
table td {
	width:auto !important;
}
.modinput_text sysinpbox {
	width: 98%
}
#PAGE_BAK {
    width: 100%;
	overflow: hidden;
}
#PAGE_BOX {
}
#HEADER {
	height: auto;
}
#SITETITLE {
	width: auto;
}
#SITETITLE a img {
    float: left;
    height: auto;
    max-width: 240px;
    width: 100%;
	padding: 2% 0;
}
#KVIMG {
    width: 100%;
    height: auto;
}
#BODY {
    width: 100%;
    height: auto;
	padding-bottom: 30px;
}
#PTOP {
    width: 100%;
	text-align: center;
 }
#FOOT2 table { /*CALibサイトマップ部品使用時*/
	width: 100%; 
	border-collapse: collapse; 
}
#FOOT2 table th { 
	background: none; 
	color: white; 
	font-weight: bold; 
}
#FOOT2 table td, th { 
	padding: 6px; 
	text-align: left; 
}
#FOOT2 table td {
	width:auto !important;
}
#FOOT2 table td div div {
	background: none;
}
#FOOT2 a.FOOT2_link {
    display: block;
    letter-spacing: 0;
    line-height: 150%;
    text-align: center;
}
#FOOT2 a.FOOT2_link:link {
    color: #57647b;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#FOOT2 a.FOOT2_link:visited {
    color: #57647b;
}
#FOOT2 a.FOOT2_link:hover {
    color: #3791d4;
    text-decoration: underline;
}
}/* spのためのcss */
#FOOT2 table td div div img{ /*CALibサイトマップ部品使用時アイコン打消し*/
    visibility: hidden !important;
	height: -1px !important;
	margin: 0;
	padding: 0;
}
    #MENUV {
      display: none;
    }

/* SP版メニュ */     
@media screen and (min-width : 749px) {
#MENUV {
	display: block;
}
.slicknav_menu {
	display: none;
}
}


/* テーブル用 */
	@media only screen and (max-width: 750px) {

        #FOOT2 table, #FOOT2 thead, #FOOT2 tbody, #FOOT2 th, #FOOT2 td, #FOOT2 tr { 
            display: block; 
        }
		
        /* Hide table headers (but not display: none;, for accessibility) */
        #FOOT2 thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
		
        #FOOT2 tr {
            display:block;
        }
		
        #FOOT2 td { 
			/* Behave  like a "row" */
            border: none;
			border-bottom: 1px solid #7B8C81; 
			position: relative;
        }
		
        #FOOT2 td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
        }

	  /*Label the data*/
        td:nth-of-type(1):before { content: ""; }
        td:nth-of-type(2):before { content: ""; }
        td:nth-of-type(3):before { content: ""; }
        td:nth-of-type(4):before { content: ""; }
	}



/* ----------------- PC and iPad ------------------- */
@media screen and (min-width: 749px) {
.pcnone {
	display: none;
}
#PAGE_BOX {
    width: 100%;
    margin: 0px auto;
    }

#PAGE_BAK {
}
#PAGE_OUT {
}

/* HEADER */
#HEADER {
    width: 100%;
	height: auto;
	overflow: hidden;
}
#HEADER div.w1020 {
	border-bottom: 1px solid #cccccc;
}
#HEADER div.w1020 > div {
    width: auto;
	float: left;
	display: inline-block;
}
/* BODY */
#BODY {
    width: 100%;
 }

/* FOOTER */
#FOOTER {
    width: 100%;
}
}/* pcのためのcss */

/* alletc */
.dnone {
	display: none;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.fclear {
	float: right;
}
.textc {
	text-align: center;
}
.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.hidebox {
	display: none !important;
}
.viewbox {
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}