@charset "utf-8";

* { margin: 0; padding: 0}

body {
	color: #FFFFFF; font-family: "メイリオ",Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1.5; 
	margin-top: 0; background-color: #ca6630; text-align: center;
}


@media screen and (max-width: 1024px), print { body {font-size: 0.8em}}


div.header { position: fixed; top: 0px;  left: 0px; z-index: 98; }
div.pgettl { position: fixed; top: 0px;  left: 0px; z-index: 1; }
div.top { position: absolute; top: 0px;  left: 0px; }
div.center { margin : 0 auto; width: auto; background-color: #ca6630; }
div.main { margin : 0 auto; width: auto; background-color: #ca6630; z-index: 0; height: auto; }

div.hed40 { max-width: 100%; height: auto; float: left; width: 40%}
div.hed20 { max-width: 100%; height: auto; float: left; width: 20%}
div.hed10 { max-width: 100%; height: auto; float: left; width: 10%}
div.transmission { background: rgba(0,0,0,0); }

div.w025 { width: 2.5%; }
div.w05 { width: 5%; }
div.w10 { width: 10%; }
div.w15 { width: 15%; }
div.w20 { width: 20%; }
div.w25 { width: 25%; }
div.w30 { width: 30%; }
div.w40 { width: 40%; }
div.w45 { width: 45%; }
div.w50 { width: 50%; }
div.w55 { width: 55%; }
div.w60 { width: 60%; }
div.w65 { width: 65%; }
div.w70 { width: 70%; }
div.w75 { width: 75%; }
div.w80 { width: 80%; }
div.w90 { width: 90%; }
div.w95 { width: 95%; }
div.w100 { width: 100%; }


div.imgdef { display: block !important; }
div.imgsmph { display: none !important; }

div.cntbase { min-height: 800px; color: #333333; background-color: #FFFFFF; }


img { border: none; vertical-align: middle; max-width: 100%; height: auto; }
img.imgdef { display: block !important; }
img.imgsmph { display: none !important; }
img.frame { border: solid 1px; border-color: #666666; }
img.wauto {display: flex; width: 100%; }
img.defnodisp { display: none; }
img.shadow { box-shadow: 0px 8px 8px black; }


ul, ol { list-style: none}
li { list-style: none}
li.number { list-style-type: decimal; margin-left: 3em; }

ol.parentheses { margin-left: 4em; }
ol.parentheses li { list-style-type: none; counter-increment: cnt; }
ol.parentheses li::before {	content: "(" counter(cnt) ")"; display:inline-block; margin-left:-2em; width: 2em; }


.wauto { width: auto; }
.hauto { height: auto; }
.h3em { height: 3em; }

.z1 {z-index: 1; }
.z9999 {z-index: 9999; }

.fluid { max-width: 100%; height: auto; }

.fl { float: left}
.fr { float: right}
.cl { clear: left}
.cb { clear: both}


p { text-align: left; }

h1 { text-align: left;  font-size: 1.5em; font-weight: bold; }

h2, h3, h4, h5 { margin-top: -0.5em; font-size: 1em; font-weight: normal; }


.agnc { text-align: center; }
.agnl { text-align: left; }
.agnr { text-align: right; }
.vagnm { vertical-align: middle; }

.h100 {height: 100%; }

.mgntop05em { margin-top: 0.5em; }
.mgntop1em { margin-top: 1em; }
.mgntop15em { margin-top: 1.5em; }
.mgntop2em { margin-top: 2em; }
.mgntop24em { margin-top: 2.4em; }
.mgntop3em { margin-top: 3em; }
.mgntop40px { margin-top: 40px; }
.mgntop-1em { margin-top: -1em; }
.mgntopcnt { margin-top: 12em; }

.mgnbtm05em { margin-bottom: 0.5em; }
.mgnbtm1em { margin-bottom: 1em; }
.mgnbtm2em { margin-bottom: 2em; }
.mgnbtm3em { margin-bottom: 3em; }

.mgnlft1em { margin-left: 1em; }
.mgnlft2em { margin-left: 2em; }
.mgnlft3em { margin-left: 3em; }
.mgnlft4em { margin-left: 4em; }

.mgnrgt1em { margin-right: 1em; }
.mgnrgt2em { margin-right: 2em; }
.mgnrgt3em { margin-right: 3em; }
.mgnrgt4em { margin-right: 4em; }

.mgn1em { margin: 1em; }

.em05 { font-size: 0.5em; }
.em06 { font-size: 0.6em; }
.em07 { font-size: 0.7em; }
.em08 { font-size: 0.8em; }
.em09 { font-size: 0.9em; }
.em12 { font-size: 1.2em; }
	
.txtdarkgray { color: #333333; }
.txtwhite { color: #FFFFFF; }
.txtred { color: #CC0000; }
.txtorange { color: #FF6600; }
.txtyellow { color: #FFCC00; }
.txtgreen { color: #339900; }
.txtlightgreen { color:  #00FF8C; }
.txtblue { color: #0033FF; }
.txtlightblue { color: #00A3FF; }
.txtviolet { color: #6633FF; }
.txtlightgray { color: #CCCCCC; }
.txtgray { color: #999999; }
.txtblown { color: #663333; }

.txtind { text-indent: 1.0em; }
.txtind08 { text-indent: 0.8em; }
.txtind2 { text-indent: 2.0em; }
.txtindclear { text-indent: 0em; }

.linh13 { line-height: 1.3em; }
.linh12 { line-height: 1.2em; }


hr.white { border: solid #FFFFFF 1px; }
hr.w100 { width: 100%; }


table { width: 95%; border: 0; margin: 0; border-collapse: collapse; padding: 0; }

table.wauto { width: auto; }

td { font-size: 0.9em; }
td.itm1 { padding: 0.5em 1em 0.5em 1em; width: 160px; height: auto; white-space: nowrap; text-align:left; vertical-align: top; border: solid 1px #AAAAAA; }
td.itm2 { padding: 0.3em 1em 0.3em 1em; width: 50%; height: auto; white-space: nowrap; text-align:left; vertical-align: top; border: solid 1px #AAAAAA; }
td.itm3 { padding: 0.5em 0.5em 0.5em 0.5em; width: auto; height: auto; white-space: nowrap; text-align:left; vertical-align: top; border: solid 1px #AAAAAA; }
td.itm4 { padding: 0.5em 0.5em 0.5em 0em; width: 145px; height: auto; white-space: nowrap; text-align:left; vertical-align: top; border: none; font-size: 1em; }

td.val1 { padding: 0.5em 1em 0.5em 1em; width: auto; height: auto; text-align: left; vertical-align: top; border: solid 1px #AAAAAA; }
td.val2 { padding: 0.3em 1em 0.3em 1em; width: 50%; height: auto; text-align: left; vertical-align: top; border: solid 1px #AAAAAA; }
td.val3 { padding: 0.5em 0.5em 0.5em 0.5em; width: auto; height: auto; text-align: left; vertical-align: top; border: solid 1px #AAAAAA; }
td.val4 { padding: 0.5em 0.5em 0.5em 0em; width: auto; height: auto; text-align: left; vertical-align: top; border: none; font-size: 1em; }

td.noborder { border: none; }


#top_scroll{ 
    position: relative; 
    z-index: 100; 
    margin: 0; 
    padding: 0; 
}
 
#page-top1{
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: -250px;
    right: 40px;
    width: 72px;
    height: 72px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    transition: 1s;
        -webkit-transition: 1s;
}
 
#page-top1:hover{ 
    background: auto;
    transform: translateY(-10px);
}
 
#top_scroll:hover{
    background: #fff;
}


.fadein {
    opacity : 0;
    transform : translate(0, 10px);
    transition : all 1000ms;
}

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.image_enlarge {
overflow: visible;
width: 100%;
height: 100%;
}

.image_enlarge img {
display: block;
transition-duration: 0.5s;
}

.image_enlarge img:hover {
transform: scale(1.1,1.1);
transition-duration: 0.5s;
}