@charset "utf-8";

/*etc
------------------- */
.etc{
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.pb15{
	padding-bottom:15px;
}
.pb30{
	padding-bottom:30px;
}
.mr20{
	margin-right:20px;
}
.red{
	color:#F00;
}
.yellow{
	color:#990;
}
.w250{
	float:left;
	width:250px;
}
.clearfr{
	clear:right;
}
/* h2
------------------- */
.h2bg01{
	width:310px;
	height:23px;
	float:left;
	background:url(../img/h2bg01.jpg) no-repeat;
	padding:0 0 0 0;
	color:#999;
	border-bottom:1px solid #666;
	font-weight:bold;
	font-size:17px;
	margin:0 0 20px 0;
}


/* h3
------------------- */



/*top
------------------- */
#mainimage{
	float:left;
	padding:0;
	margin:0;
}
.topcontbox{
	width:310px;
	float:left;
	margin:0 20px 40px 35px;
}
.topcontbox2{
    clear:both;
	width:660px;
	margin:0 0 10px 35px;


}
.topcontbox2 h2{
width: 660px;
height: 23px;
background: url(../img/h2bg01.jpg) no-repeat;
padding: 0 0 0 0;
color: #999;
border-bottom: 1px solid #666;
font-weight: bold;
font-size: 17px;
margin: 0 0 20px 0;
}

div.topcontbox_left{
	width:135px;
	float:left;
	margin:0 10px 0 0;
}
div.topcontbox_right{
	font-size:14px;
	width:155px;
	float:right;
	margin:0 0 0 0;
}
.mbt01{
	float:right;
	margin:20px 0 0 0;
}
/*新着情報
------------------- */
.newbox{
	width:670px;
	float:left;
}
.newtopix{
	float:left;
	padding:15px 20px 10px 24px;
	margin:0 0 30px 0;
	width:180px;
	_width:220px;
	height:145px;
	_height:170px;
	color:#FFF;
overflow:hidden;
}

.newtopix:hover {
overflow:auto
}


.newtopix dl{
	width:180px;
	float:left;
}
.newtopix dl dt{
	clear:both;
	width:180px;
	float:left;
	padding:2px 0 0 0;

}
.newtopix dl dd{
	clear:both;
	width:180px;
	float:left;
	padding:2px 0 0 0;
}

/*kasou
------------------- */
#ptitle{
	width: 998px;
	height: 100px;
	float:left;
	margin:0 0 30px 0;
}
.ptitle_left{
	width: 300px;
	float:left;
	margin:30px 0 20px 0;
}
.ptitle_right{
	width:600px;
	_width: 690px;
	float:left;
	padding:35px 0 0 50px;
	color:#FFF;
}
.contbox{
	width: 998px;
	float:left;
	margin:0 0 70px 0;
}
.contbox_left{
	width: 260px;
	_width: 270px;
	float:left;
	color:#FFF;
	font-size:22px;
	font-weight:normal;
	margin:0 0 0 30px;
	padding:3px 0 0 20px;
	background:url(../img/contbox_leftbg.jpg) no-repeat;
}
.contbox_right{
	width:600px;
	_width: 690px;
	float:left;
	padding:0 0 0 40px;
	color:#FFF;
}
.contbox_right_fltxt{
	width:380px;
	float:left;
	margin:0 30px 0 0;
	color:#FFF;
}
.contbox_right_flimg{
	width:300px;
	float:left;
	margin:0 30px 0 0;
	color:#FFF;
}
.mapbox{
	width:900px;
	float:left;
	margin:10px 0 30px 50px;
}
.mapblock{
	border:#666 1px solid;
	padding:50px;
}
.samplebox{
	float:left;
	margin:10px 0 30px 30px;
}
.mailbox{
	color:#DEDEDE;
	width:720px;
	float:left;
	margin:10px 0 30px 110px;
	padding:30px;
	border:#333 1px dotted;
}
.dlimg10{
	width:110px;
	float:left;
	margin:0 0 20px 20px;
}
.dlimg10 dt{
	height:81px;
	_height:91px;
	padding:4px;
	border:#444 1px solid;
	float:left;
	margin:0 0 5px 0;
}
.dlimg10 dd{
	padding:0 5px 0 5px;
}
.w610{
	width:610px;
	float:left;
	margin:0 0 0 30px;
}
div.contbox02_left{
	width:400px;
	padding:7px;
	float:left;
	margin:0 0 0 5px;
}
div.contbox02_right{
	width:220px;
	float:right;
	margin:0 20px 0 0;
}
.business_ulnounyu{
	float:left;
	margin:15px 0 0 22px;
}
.business_ulnounyu li{
	list-style: disc;
	padding:0 0 5px 0;
	color:#990;
}
.wmap{
	width:230px;
	float:left;
	margin:0 0 0 60px;
}
.map{
	clear:both;
	padding:5px;
	float:right;
	width:200px;
	margin:20px 0 0 0;
}

.maptxt{
	width:310px;
	float:left;
	margin:0 0 0 20px;
}





#thankstxt01{
	float:left;
	margin:10px 0 0 20px;
}
#thankstxt02{
	clear:both;
	width:110px;
	float:right;
	margin:200px 20px 0 0;
}


/*table
------------------- */
.tbequipment{
	width:400px;
	float:left;
}
.tbequipment td{
	border:1px #999 solid;
	padding:7px;
	color:#FFF;
}
.tbequipment th{
	border:1px #999 solid;
	padding:7px;
	color:#990;
}
.tbgaiyo{
	width:500px;
	float:left;
	color:#FFF;
	margin:0 0 0 0;
}
.tbgaiyo th{
	border-bottom:1px #666 dashed;
	padding:6px;
	color:#990;
	width:120px;
	font-weight:normal;
}
.tbgaiyo td{
	border-bottom:1px #666 dashed;
	padding:6px;
	color:#FFF;
}
.tbrecruit{
	width:610px;
	float:left;
}
.tbrecruit td{
	border:1px #333 solid;
	color:#333;
	padding:7px;
}

/* NEWSレイアウト用
-----------------------------------------------*/


#newsarea iframe {
    width: 100%;
    height: 240px;
    border:none;
}
.newslink{/*position:relative;*/
    margin-bottom: 15px;
    }

#newsarea {
    clear: both;
    height: 170px;
	width: 180px;
}
/*#newsarea:hover{overflow-x: hidden;
overflow-y: auto;}*/

#newsarea ul {
    clear: both;
}
#newsarea ul:last-of-type {
    padding-bottom: 10px;
}
#wrapper h2.newstitle {
    clear: both;
    font-size: 16px;
    background-color: #000098;
    color: #FFF;
    border-bottom: 5px double;
    border-radius: 10px 10px 0 0;
    padding: 20px 0 15px 10px;
    text-align: left;
    height: auto;
}
#newsarea ul li {
    clear: both;
    border-bottom: #CCC dotted 1px;
    font-size: 12px;
    list-style: none;
    text-align: left;
    padding: .5em 0;
    overflow: hidden;
	color:#fff;
}
#newsarea ul li span.date {
    display: block;
    width: 15%;
    text-indent: 10px;
}
#newsarea ul li span.news {
    float: right;
    display: block;
    width: 85%;
}
 p.list {
/*    position: absolute;
    top: 50px;
    right: 31px;*/
    font-size: 11.5px;
        padding: 5px 15px;
}
 p.list a {
	 margin-bottom: 10px;
	 float: right;

}
.com {
    padding: 20px;
    margin-bottom: 30px;
	color:#FFF;
}
.com a {
    display: inline-table;
    margin-bottom: 10px;
    vertical-align: top;
}
.com img {
    width: 280px;
    height: auto;
    margin-right:5px;
margin-left:15px;
}

.com p a {margin-top:20px;}

.com p:first-child {
    padding-bottom: 12px;
    padding-left: 0;
}

.com p{
    padding-left: 10px;
}

.newsBox .topsub {
    padding: 10px 15px;
    font-weight:bold;
    font-size: 1.1rem;
    background-color: #000000;
    color: #FFF;
border-bottom: 1px solid;
    }
.news_topics {
height: 1300px;
overflow-y:auto;}

#newsarea p.list {
    position: absolute;
    top: 13px;
    right: 31px;
    background-color:#333;
    border-radius:5px;
    font-size: 11.5px;
        padding: 5px 15px;
}
#newsarea p.list a {
    color: #fff;
    padding: 10px 5px;
    letter-spacing: -1px;
}

iframe#info {border:none;width: 180px;}

#tenjikai {
width: 100%;
height: 200px;
overflow-y: scroll;
}



/* Preload
-----------------------------------------------*/
.img-works-1  { background: url('../img/works01+.jpg') no-repeat 0 0; }
.img-works-2  { background: url('../img/works02+.jpg') no-repeat 0 0; }
.img-works-3  { background: url('../img/works03+.jpg') no-repeat 0 0; }
.img-works-4  { background: url('../img/works04+.jpg') no-repeat 0 0; }
.img-works-5  { background: url('../img/works05+.jpg') no-repeat 0 0; }
.img-works-6  { background: url('../img/works06+.jpg') no-repeat 0 0; }
.img-works-7  { background: url('../img/works07+.jpg') no-repeat 0 0; }
.img-works-8  { background: url('../img/works08+.jpg') no-repeat 0 0; }
.img-works-9  { background: url('../img/works09+.jpg') no-repeat 0 0; }
.img-works-10 { background: url('../img/works10+.jpg') no-repeat 0 0; }

.img-works-11 { background: url('../img/works11+.jpg') no-repeat 0 0; }
.img-works-12 { background: url('../img/works12+.jpg') no-repeat 0 0; }
.img-works-13 { background: url('../img/works13+.jpg') no-repeat 0 0; }
.img-works-14 { background: url('../img/works14+.jpg') no-repeat 0 0; }
.img-works-15 { background: url('../img/works15+.jpg') no-repeat 0 0; }
.img-works-16 { background: url('../img/works16+.jpg') no-repeat 0 0; }
.img-works-17 { background: url('../img/works17+.jpg') no-repeat 0 0; }
.img-works-18 { background: url('../img/works18+.jpg') no-repeat 0 0; }
.img-works-19 { background: url('../img/works19+.jpg') no-repeat 0 0; }

.img-works-20 { background: url('../img/works20+.jpg') no-repeat 0 0; }
.img-works-23 { background: url('../img/works23+.jpg') no-repeat 0 0; }
.img-works-24 { background: url('../img/works24+.jpg') no-repeat 0 0; }