/* CSS Document */




.righttext h2 {
	position: relative;
	padding: .2em .25em;
	background-color: #4f5d75;
	width:90%;
	margin:10px auto;
	color:#FFFFFF;
	text-align:center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
}
.righttext h2::before,
.righttext h2::after {
	position: absolute;
	bottom: 8px;
	z-index: -1;
	content: '';
	width: 30%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.righttext h2::before {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	left: .3em;
}
.righttext h2::after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: .3em;
}















#navi{
float:left;
width:243px;
}

#navi img{
box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);}

ul#navi {
padding:0px 0px;
margin-top:0px;
width:30%;
float:left;
}
 
ul#navi li {
   margin-right:3px;
  
    border-right:1px solid #fff;
    position:relative;
  width:243px;
	list-style:none;
	float:none;
	
	 
}
 
ul#navi li.last-child {
    border-right:none;
}
 
ul#navi li a {
text-align:center;
 padding:18px 0px;

list-style:none;
border:double #666633 1px;
color:#444343;
font-size:17px;
font-weight:normal;
width:243px;
height:;
text-decoration:none;
display:block;  
margin-right:1px;

font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}



 
ul#navi li a:hover,
ul#navi li a.open {
    display:block;  
	background-color:#33476a;
	background-image:url(../img/icon/bgicon.png) no-repeat;
	background-position:0% 0%;
	color:#fff;
	
}
 
ul#navi li ul {
    margin-left:0;
    padding-top:1px;
    list-style:none;
    position:absolute;
    left:150px;
    z-index:999;
}

.middletex{
text-align:center;
padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
width:90%;
margin:2px auto;

}


.middletex:first-letter {
	margin-right: .1em;
	font-size: 2em;
	color:#de3c4b;
}



 
ul#navi li ul li {
    padding-bottom:1px;
    border-right:none;
    float:none;
}
 
ul#navi li ul li ul {
    padding-top:0;
    padding-left:1px;
    position:absolute;
    top:0;
    
}


ul#kinder li a{
background:#171717;
opacity: 0.8; 
font-size:15px;
width:243px;
height:19px;
color:#FFFFFF;
padding-top:7px;}




ul#kinder li a:hover,
ul#kinder li a.open{
background:#a9a8a8;
width:243px;

color:#1d1d1d;}



.table_n{
background-color:#333333;
color:#FFFFFF;
padding:20px;}

.table_r{border:dotted #999999 1px;}






.redtext3{background:#fff url(../img/bg/bgg1.jpg);
text-align:center;
color:#474646;
padding:20px 0px;
}

.redtext3 h3{
color:#2f4370;}

.redtext3 p{
width:100%;
line-height:28px;
font-size:14px;
letter-spacing: 5px;}

.centerbox{
width:100%;
text-align:center;
}


.font_blue{
color:#0000CC;}
.font_red{
color:#FF0000;}


.square{
width:0;
height:0;
border-style: solid;
border-width: 0 5px 10px 5px;
border-color: transparent transparent #ff0073 transparent;
float:left;
margin:5px;}






th{background:#99cccc;
padding:15px;
color:#ffffff;
}

td{
padding:10px;

color:#333333;
border:dotted 1px #d3d3d3;}


.row2{background:#2d3142;
padding:15px;
color:#ffffff;
}


.row3{background:#387b5e;
padding:15px;
color:#ffffff;
}


.nagarebox{
border:solid 3px #eab925;
padding:10px;
text-align:center;
border-radius: 10px;		/* CSS3‘�ˆÄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome—p */
	-moz-border-radius: 10px;	/* Firefox—p */
	margin:10px;

}
.nagarebox h3{
color:#eab925;

}

.arrow3{
  width: 100px;
  margin:0px auto;
}
.arrow3::before{
  content: "";
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 20px;
  background: #666;
}
.arrow3::after{
  content: "";
  display:block;
  border-top: 60px solid #666;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  transform-origin: left top;
  transform: scaleY(.5);
  
}





    /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }
/* jssor slider thumbnail navigator skin 11 css *//*.jssort11 .p            (normal).jssort11 .p:hover      (normal mouseover).jssort11 .pav          (active).jssort11 .pav:hover    (active mouseover).jssort11 .pdn          (mousedown)*/
.jssort11 .p {    position: absolute;    top: 0;    left: 0;    width: 200px;    height: 85px;    background: #4f6367;}
.jssort11 .tp {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort11 .i, .jssort11 .pav:hover .i
 {    position: absolute;    top: 3px;    left: 3px;    width: 70px;    height: 55px;    border: white 1px dashed;}* html .jssort11 .i {    width /**/: 62px;    height /**/: 32px;}

.jssort11 .pav .i {    border: white 1px solid;}
.jssort11 .t, .jssort11 .pav:hover .t {    position: absolute;    top: 3px;    left: 67px;    width: 129px;    height: 32px;    line-height: 32px;    text-align: center;    color: #fc9835;    font-size: 16px;    font-weight: 700;}

.t a{
color:#eef5db; }

.jssort11 .t, .jssort11 .pav:hover .t a{
color:#eef5db; }

.jssort11 a:visited{
color:#eef5db; }

.jssort11 .pav .t, .jssort11 .p:hover .t {    color: #eef5db;}
.jssort11 .c, .jssort11 .pav:hover .c {    position: absolute;    top: 60px;    left: 3px;    width: 194px;    height: 32px;    line-height: 32px;    color: #eef5db;    font-size: 14px;    font-weight: 400;    overflow: hidden;}.jssort11 .pav .c, .jssort11 .p:hover .c {    color: #eef5db;}.jssort11 .t, .jssort11 .c {    transition: color 2s;    -moz-transition: color 2s;    -webkit-transition: color 2s;    -o-transition: color 2s;}.jssort11 .p:hover .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .pav:hover .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}.jssort11 .p:hover, .jssort11 .pav:hover {    background: #333;}.jssort11 .pav, .jssort11 .p.pdn {    background: #0e4749;}

















.nextb a{
display:block;
padding:8px;
border:solid 1px #666666;
width:10px;
float:left;
margin:3px;
font-size:14px;
color:#ffffff;
background-color:#333333;
font-weight:bold;}


.nextb2 a{
display:block;
padding:8px;
border:solid 1px #666666;
width:10px;
float:left;
margin:3px;
font-size:14px;
color:#666666;
background-color:#333333;
font-weight:bold;}







.jirei_sbox img{
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
}





.jirei_sbox:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}




.jirei_sbox2 img{
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
}





.jirei_sbox2:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.samplepicbox{
width:100%;
text-align:center;
}


.samplepicbox img {
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
	margin:20px auto;
	
}