@charset "UTF-8";

body{
 color: #FFFFFF; 
 margin: 0px;
 padding: 0px;
 text-align: center;
 font: 13px/2 "?�?�?�C?�?�?�I", Meiryo, "?�l?�r ?�o?�S?�V?�b?�N", Osaka, "?�q?�?�?�M?�m?�p?�S Pro W3", "Hiragino Kaku Gothic Pro";
 background: #1d1d1d url(../images/bg.gif) repeat-x center top; 
}
body#top{
 background : none center top / auto auto repeat-x scroll padding-box border-box #1d1d1d; 
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
 margin: 0px;
 padding: 0px;
}
ul{
 list-style-type: none;
}
img{
 border: none;
}
input,textarea,select{
 font-size: 1em;
}
form{
 margin: 0px;
}
table{
 border-collapse:collapse;
 font-size: 100%;
 border-spacing: 0;
}

a{
 color : aqua; 
}
a:hover{
 color: #34d423; 
 text-decoration: none;
}

.white a{
 color: #333;
}
.white a:hover{
 color: #34d423;
}

#container{
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 clear: left;
 width: 960px; 
}

#header{
 text-align: left;
 width: 100%;
 height: 86px; 
 position: relative;
}

#header #logo{
 position: absolute;
 left: 0px; 
 top: 22px; 
}
#header h1{
 font-size: 10px; 
 text-align: right; 
 line-height: 20px;
 position: absolute;
 top: 34px; 
 right: 0px; 
}
#header h1 a{
 text-decoration: none;
}

ul#menu li{
 float: left;
 margin-bottom: 25px; 
}
ul#menu img{
 vertical-align: bottom;
}

#contents{
 clear: left;
 width: 940px; 
 padding: 10px; 
 background: #000; 

}

.white #contents{
 background: #FFF;
 color: #333;
}

#main{
 float: left; 
 width : 699px; 
 padding-bottom: 30px;
}

#main h2{
 font-size: 100%; 
 clear: both;
 width: 665px;
 background: url(../images/midashi_bg1.gif) no-repeat; 
 height: 45px;
 line-height: 42px;
 padding-left: 35px;
 border-top: 5px solid #FFF; 
 overflow: hidden;
}

.white #main h2{
 color: #FFF;
}

#main p{
 padding: 0.5em 10px 1em; 
}

#main .box1{
 padding: 10px; 
 width: 674px;
 overflow: hidden;
 border: 3px solid #249519; 
 margin-bottom: 1em; 
}

#main .box1 p{
 padding: 0px;
}

#main .box1 p.img{
 float: left; 
}

#main .box1 h3{
 margin-left: 210px; 
 font-size: 100%;
 margin-bottom: 0.5em;
 color: #249519; 
}

#main .box1 p.text{
 margin-left: 210px; 
}

#sub{
 float: right; 
 width: 220px;
 padding-bottom: 30px;
}

#sub h3{
 font-size: 100%; 
 background: url(../images/bg1.gif) repeat-x; 
 margin-bottom: 1px;
 line-height: 50px;
 height: 50px;
 padding-left: 10px;
 border-bottom: 3px solid #34d423; 
 overflow: hidden;
}

.white #sub h3{
 color: #FFF;
}

#sub p{
 padding: 0.5em 0px 1em; 
}

#sub ul.submenu li a{
 display: block;
 width: 210px;
 padding: 3px 0px 3px 10px;
 text-decoration: none;
 border-bottom: 1px solid #3E3E3E; 
}
#sub ul.submenu li a:hover{
 background: #249519; 
 color: #FFF; 
}

#sub .box1{
 background: #134e0d; 
 padding: 8px; 
 margin-bottom: 1em; 
}

.white #sub .box1,
.white #sub .box1 a{
 color: #FFF;
}

#sub .box1 ul.submenu li a{
 width: 194px;
 background: #000; 
}
#sub .box1 ul.submenu li a:hover{
 background: #249519; 
}

#main .new{
 overflow: auto;
 height : 940px;
 width : 695px;
 padding-left: 10px;
}
#main .new dl{
 clear: left;
 width: 670px;
 border-bottom: 1px solid #333; 
 overflow: hidden;
}
#main .new dt{
 font-weight: bold;
 float: left;
 width: 100px;
}
#main .new dd{
 float: left;
 width: 570px;
}
#main .new dd img{
 vertical-align: middle;
}
* html #main .new dd img{
 margin-top:0.5em;
 vertical-align: baseline;
}

#footer{
 clear: both;
 width: 100%;
 text-align: center; 
}
#footer a{
 text-decoration: none;
}

.ta1{
 width: 700px;
}
.ta1, .ta1 td, .ta1 th{
 border: 1px solid #666; 
 line-height: 2;
}

.ta1 td{
 width: 457px;
 padding: 10px;
 vertical-align: top;
}

.ta1 th{
 width: 200px;
 padding: 10px;
 text-align: center;
 background: #222; 
 color: #FFF;
}
.ta1 th a{
 color: #FFF;
}

.ta1 th.tamidashi{
 width: auto;
 text-align: left;
 background: #134e0d; 
}

#mainimg{
 position: relative;
 height: 290px;
 width : 861px;
}
#mainimg .slide_file{
 display: none;
}
#slide_image{
 z-Index:2;
 position: absolute;
 left:0px;
 top:0px;
}
#slide_image2{
 z-Index:1;
 position: absolute;
 left:0px;
 top:0px;
}

.look{
 background-color: #333333;
}
.mb1em{
 margin-bottom: 1em;
}
.clear{
 clear: both;
}
ul.disc{
 padding: 0em 25px 1em;
 list-style: disc;
}
.color1{
 color: #C2001B;
}
.pr{
 font-size: 10px;
}
.btn{
 font-size: 13px;
}
.wl{
 width: 96%;
}
.ws{
 width: 50%;
}
.c{
 text-align: center;
}


 ul#menu{
 list-style-type: none;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-content: center;
 justify-content: flex-start;
 align-items: flex-start;
 }
 ul#menu li{
 display: block !important;
 width: 33%;
 margin: 0;
 }
 ul#menu li img{
 width: 100%;
 height: auto;
 }


#recruit{
 font-size: 120%;
}
#recruit #main{
 float: none;
 width: 100%;
 margin: auto;
}

#recruit #main h2{
 font-size: 230%;
 background-size: cover;
 height: 80px;
 line-height: 70px;
 padding-left: 0px;
 border-top: 5px solid #FFF;
 overflow: hidden;
 width: 100%;
}

#recruit #main img{
 width: 90%;
 height: auto;
}
#recruit #main font > font{
 font-size: 180% !important;
}
#recruit #main table{
 width: 90%;
 margin: auto;
 font-size: 30px;
}
#recruit #main table font{
 font-size: 100% !important;
}
#recruit #main table font > font{
 font-size: 100% !important;
}




 ul#menu li{
 flex-grow:1;
 }
 #sub{
 float: left;
 width: 259px;
 padding-bottom: 30px;
 }
 #sub img{
 width: 100%;
 }