@charset "utf-8";
/*CSS INFOMATION=======================

WORLD LAB
BASECSS

File name : base.css
   
====================================*/


/*----------------------------------------
	
	=COMMON
-----------------------------------------*/



/* Nav
 -------------------------*/

#container{
	background:#f2f2f2;
}

header{
	width:100%;
	background:#464646 url(../images/bg_header02.png) repeat-x;
}

.inheader{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	z-index:50;
	height:73px;
	background:url(../images/bg_header01.png) top left no-repeat;
}





h1{
	width:50px;
	float:left;
	padding:0 0 0 25px !important;
	position:absolute;
	z-index:600;
}

#menu {
	padding:26px 0 0;
}


#menu li{
	float:left;
	text-align:center;
	display:block;
	line-height:0.9;
	font-size:11px;
	letter-spacing:0.1em;
	margin:0 1px 0 0;
}


#menu li a{
	color:#fff !important;
	text-decoration:none !important;
	display:block;
	line-height:0;
	padding:10px 25px;
	background:#333;
}

#menu li a:hover{
	color:#fff !important;
	text-decoration:none !important;
	display:block;
	line-height:0;
	padding:10px 25px;
	background:#333;
}




#navArea{
	width:100px;
	float:right;
	padding:0 0 0 0;

}

nav{
	width:100%;
	background:#333;
	padding:13px 0;
}

nav ul{
	width:930px;
	overflow:hidden;
	margin:0 auto;
}

nav li{
	float:left;
	font-size:12px;
	color:#fff;
	padding:0;
}

nav li a{
	color:#fff !important;
}


#subNav{
	width:100%;
	background:#fff;
	padding:13px 0;
	border-bottom:1px solid #eee;
}

#subNav ul{
	width:930px;
	overflow:hidden;
	margin:0 auto;
}

#subNav li{
	float:left;
	padding:0 20px 0 0;
}


#contents{
	width:948px;
	margin:0 auto 50px;
	overflow:hidden;
}
#contentsNomargin{
	width:948px;
	margin:0 auto 0;
	overflow:hidden;
}

#contents h3{
	font-size:18px;
	font-weight:bold;
	padding:50px 0 10px;
	line-height:2.5;
	letter-spacing: 0.1em;
}

#contents h4{
	padding:0 0 30px;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
}
#contentsNomargin p.error{
	padding:0 0 30px;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
	text-align: center;
}

#contents p{
	font-size:12px;
	line-height:2.0;
	padding:0 0 20px;
}
#contents p.date{
	padding:0 0 5px 0;
}
#contents p.readbtn{
	padding:0 0 5px 0;
}


#contents .innerBox{
	padding:30px 0 30px;
	margin:0 15px;
	background:url(../images/bar_02.png) bottom left repeat-x;
}
#contentsNomargin .errorBox{
	padding:30px 0 30px;
	margin:0 auto 0;
	text-align: center;
	font-size:12px;
	line-height:2.0;
}
#contents .innerBoxB{
	padding:30px 15px 30px;
}
.txt70{
  font-size: 70%;
}



/* Footer
 -------------------------*/


footer{
	margin:0 auto;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px !important;
	background:#333;
	padding:20px;
	clear:both;
	background:url(../images/bg_header02.png);
}



#sub-footer{
	clear:both;
	width:100%;
	height:630px;
	padding:50px 0 10px;
	border-top:10px solid #333;
	background:#121212;
	color:#fff;
}

.in-footer{
	width:960px;
	margin:0 auto;
	clear:both;
	position:relative;
	overflow:hidden;
	
}

#pagetop{
	width:160px;
	position:absolute;
	right:10px;
	top:0;
}

.footerBox{
	width:225px;
	margin:0 10px 30px;
	padding:0 0 0 23px;
	float:left;
	background:url(../images/bar_01.png) top left  repeat-y;
}

.footerBox h2{
	font-size:12px;
	font-weight:bold;
	padding:0 0 20px;
}

.footerBox h3{
	font-size:11px;
	font-weight:bold;
	padding:0 0 8px;
}


.footerBox li a{
	font-size:11px;
	padding:0 0 0 15px;
	line-height:1.8;
	background: url(../images/icon_B.png) left center no-repeat;
}




.footerBoxB{
	width:610px;
	margin:0 10px 30px;
	padding:0 0 0 23px;
	float:left;
	background:url(../images/bar_01.png) top left  repeat-y;
}

.footerBoxB h2{
	font-size:12px;
	font-weight:bold;
	padding:0 0 20px;
}

.footerBoxB h3{
	font-size:11px;
	font-weight:bold;
	padding:0 0 8px;
}


.footerBoxB li{
	font-size:11px;
	padding:0 0 0 15px;
	line-height:1.8;
	background: url(../images/icon_B.png) left center no-repeat;
}

.{
	width:270px;
	float:left;
}

.footerBoxD{
	width:200px;
	float:left;
}


/*----- main -------*/

#main{
	width:680px;
	float:left;
	margin:0 0 80px;
}

#main .innerBox{
	padding:30px 0px 50px;
	margin:0 13px;
	background:url(../images/bar_02.png) bottom left repeat-x;
}

#main .innerBoxB{
	padding:30px 0px 60px;
	margin:0 13px;
}

#main h3{
	margin:50px 2px 0;
	padding:14px 0 10px 10px;
	border-top:1px solid #949494;
	border-bottom:1px solid #949494;
}

#main h4{
	padding:0 0 0 20px;
	margin:0 0 20px;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
	border-left:4px solid #00af84;
}

#main h5{
	margin:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.2em;
}




/*----- sub -------*/

#sub{
	width:240px;
	float:right;
	margin:50px 10px 0 0;
	/*border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;*/
	font-size:12px;
}

#sub h2{
	background:#222222;
	color:#fff;
	padding:8px 15px;
	font-size:11px;
	font-weight:bold;
}

#sub h2.kyubo{
	background:#ff0000;
	color:#fff;
	padding:8px 15px;
	font-size:11px;
	font-weight:bold;
	margin-top:15px !important;
}



#sub li a{
	background:#fff url(../images/icon_A.png) 10pt center no-repeat;
	display:block;
	padding:15px 15px 15px 30px;
	margin:0 0 1px;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   
}


#sub li a:hover{
	background:#1db38e url(../images/icon_B.png) 10pt center no-repeat;
	display:block;
	padding:15px 15px 15px 30px;
	margin:0 0 1px;
	color:#fff;
}




/*----- float -------*/

.leftBoxA{width:500px; float:left;}
.rightBoxA{width:250px; float:right; text-align:right; padding:5px 10px 0;}


.leftBoxB{width:268px;float:left;}
.rightBoxB{width:360px;float:right;}

.leftBoxC{width:300px;float:left;}
.rightBoxC{width:320px;float:right;}

.leftBoxD{width:448px;float:left;}
.rightBoxD{width:450px;float:right;}

.leftBoxE{width:450px;float:left;}
.rightBoxE{width:448px;float:right;}

.leftBoxF{width:590px;float:left;}
.rightBoxF{width:290px;float:right;}

.leftBoxG{width:289px;float:left;}
.rightBoxG{width:590px;float:right;}

.leftBoxH{width:134px;float:left;}
.rightBoxH{width:490px;float:right; background:#fff; padding:15px; height:62px;}

.leftBoxI{width:275px;float:left;}
.rightBoxI{width:350px;float:right;}

.leftBoxJ{width:241px;float:left;}
.rightBoxJ{width:380px;float:right;}

.leftBoxK{width:380px;float:left;}
.rightBoxK{width:240px;float:right;}

.leftBoxL{width:250px;float:left;}
.rightBoxL{width:630px;float:right;}

.leftBoxM{width:200px;float:left;}
.rightBoxM{width:420px;float:right;}



/*----- icon -------*/
.iconA{
	background:url(../images/icon_c.png) center left no-repeat;
	padding:5px 0 5px 15px;
	
}

.iconD{
	background:url(../images/icon_d.png) center left no-repeat;
	padding:0 0 0 15px;
	
}

.iconC{
	background:url(../images/icon_A.png) left center no-repeat;
	padding:0 0 0 10px;
}
	

#breadcrumbs{
	font-size:11px;
	padding:20px 0 0 4px;
}

.barA{
	background:url(../images/bar_02.png) bottom left repeat-x;
}


.ttlA{
	margin:30px 2px 0;
}
.ttlB{
	background:#8e8e8d;
	color:#fff;
	padding:8px 10px 6px;
	font-weight:bold;
	margin:0 0 15px;
}
.ttlC{
	margin:40px 2px 0;
	padding:18px 0 14px;
	border-top:1px solid #949494;
	border-bottom:1px solid #949494;
}
.ttlD{
	padding:14px 0 10px 10px;
	border-top:1px solid #949494;
	border-bottom:1px solid #949494;
}





/*-----------------------------------------

  =TOP
-----------------------------------------*/
#top #mainArea{
	width:100%;
	height:470px;
	background:#000 url(../images/top_mainImg.png) top center no-repeat;
	background-size:1200px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#top #mainArea img{
	width:460px;
	height:auto;
}
	

#topBox{
	padding:20px 0 0;
	overflow:hidden;
}
#topBox li{
	width:308px;
	float:left;
	margin:4px;
}
#topNews li{
	background:url(../images/bar_02.png) bottom left repeat-x;
	padding:20px 10px;
}
#topNews strong{
	font-weight:bold;
	padding:0 20px 0 0;
}
#movieBox{
	display:none;
	width:90%;
}


/*----------------------------------------------------------------------------------
  =top ceramist
----------------------------------------------------------------------------------*/

.topceramist-allwrapper{
	width:940px;
	margin:50px auto 75px auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: always;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100;
}
#topceramist-takumi-wrapper{
	width:840px;
	background-color:white;
	margin-bottom:50px;
	padding:50px;
	border-radius:5px;
}
#topceramist-ulti-wrapper{
	width:840px;
	background-color:white;
	margin-bottom:50px;
	padding:50px;
	border-radius:5px;
}


.topceramist-link {
	background-color: #fff;
	width:790px;
	height:80px;
	border: 2px solid #777;
	border-radius:5px;
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 75px;
	outline: none;
	font-size:15px;
	margin:0 25px 0 25px;
	font-weight:bold;
}

.topceramist-link:hover {
	background-color: #fff;
	border-color: #8fbc8f;
	color: #8fbc8f;
}

.topceramist-link::before,
.topceramist-link::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.topceramist-link,
.topceramist-link::before,
.topceramist-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*----------------------------------------------------------------------------------
  =top
----------------------------------------------------------------------------------*/

.topceramist-topwrapper{
	width:790px;
	background-color:white;
	margin-bottom:50px;
	padding:50px 75px 30px 75px;
	border-radius:5px;
}
.topceramist-topwrapper-midashi{
	font-size:30px;
	text-align:center;
	margin-bottom:30px;
}
.topceramist-textbox{
	margin-bottom:25px;
	text-align:justify;
	line-height:1.8em;
}


/*----------------------------------------------------------------------------------
  =takumi
----------------------------------------------------------------------------------*/

.takumi-topimg{
	position:relative;
	margin-bottom:75px;
}
.takumi-topimg-text{
	position:absolute;
	color:white;
	font-size:30px;
	line-height:1.6em; 
	top:285px;
	left:40px;
}
.takumi-topimg img{
	border-radius:5px;
}
.takumi-boxA{
	margin-bottom:25px;
}
.takumi-boxA:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.takumi-textboxA{
	float:left;
	width:400px;
	margin-right:50px;
	margin-left:25px;
	margin-bottom:25px;
}
.topceramist-profimg{
	float:left;
	width:365px;
}
.topceramist-proftext{
	width:325px;
	padding:0 10px 0 20px;
	border-width:0 0 0 5px;
	border-style:solid;
	border-color:#777;
}
.topceramist-proftext p{
	margin-bottom:10px;
	line-height:1.5em;
	letter-spacing:0.1em;
	color:#777;
}
.topceramist-proftext strong{
	font-size:20px;
	margin-right:10px;
	font-weight:bold;
	color:#777;
}
.takumi-midashiA{
	font-size:25px;
	line-height:1.5em;
	margin-bottom:25px;
	margin-left:10px;
}
.takumi-boxB{
	margin-bottom:25px;
}
.takumi-boxB:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.takumi-textboxB{
	float:left;
	width:400px;
	margin-right:25px;
	margin-left:50px;
	margin-bottom:25px;
}
.takumi-imgA{
	float:left;
	width:365px;
}	



/*----------------------------------------------------------------------------------
  =ulti
----------------------------------------------------------------------------------*/

.ulti-topimg{
	position:relative;
	margin-bottom:55px;
}
.ulti-topimg-text{
	position:absolute;
	color:white;
	font-size:30px;
	line-height:1.6em; 
	top:285px;
	left:40px;
}
.ulti-topimg img{
	border-radius:5px;
}
.ulti-midashiA{
	font-size:25px;
	line-height:1.5em;
	margin-bottom:25px;
	margin-left:10px;
}
.ulti-textbox{
	margin-bottom:25px;
	width:790px;
	padding:0 25px 0 25px;
	text-align:justify;
	line-height:1.8em;
}
.ulti-textbox:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.ulti-textboxA{
	float:left;
	width:370px;
}
.ulti-textboxB{
	float:left;
	width:370px;
	margin-left:50px;
}
.ulti-boxA{
	margin-bottom:75px;
}
.ulti-imgboxA{
	height:460px;
	margin-bottom:15px;
}
.ulti-imgboxA:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.ulti-imgboxA .topceramist-profimg{
	float:left;
	width:370px;
	padding-left:50px;
}
.ulti-imgboxA .topceramist-proftext{
	height:90px;
	margin-bottom:10px
}






/*----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
  =top ceramist
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------*/





/*-----------------------------------------

  =takumi （このページは使わない）
-----------------------------------------*/

.takumi_ultimate{
	width:940px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	margin-bottom: 80px;
	padding-bottom:50px;
	letter-spacing: 2px;
}
.takumi_ultimate-top{
	background-color:#333;
	padding:50px 0 20px 0;
	vertical-align:center;
	margin-bottom:50px;
	color:#fff;
}
.takumi_ultimate-title{
	font-size:28px;
	width:840px;
	text-align: center;
	font-family:serif; 
	margin-bottom:30px;
	font-weight:bold;
}
.takumi_ultimate-toptext{
	margin-bottom:30px;
}
.takumi_ultimate-toptextbox{
	margin-left:50px;
	text-align: justify;
	width:840px;
}
.takumi_ultimate-mainbox{
	background-color:#fff;
	box-shadow:0 0 20px 5px #dcdcdc;
	padding-bottom:50px;
	margin-bottom:50px;
}
.takumi_mainimg{
	margin-bottom:65px;
	width:100%;
}
.ultimate-text{
	margin-left:50px;
	text-align: justify;
	width:840px;
	margin-bottom:30px;
}
.ultimate-textbox{
	margin-bottom:70px;
}
.takumi_text{
	margin-bottom: 30px;
	text-align: justify;
	line-height: 1.6em;
	padding-right: 40px;
	padding-left: 20px;
}
.takumi_text2{
	margin-bottom: 30px;
	text-align: justify;
	line-height: 1.6em;
}
.takumi-strongtext{
	font-size:25px;
	width:760px;
	font-family:serif; 
	margin-bottom:8px;
	margin-left:40px;
	font-weight:bold;
}
.takumi-strongtextbox{
	margin-bottom:30px;
}
.takumi_contents1{
	width: 100%;
	margin-bottom: 45px;
}
.takumi_contents1 img{
	float: right;
	padding-right: 50px;
	padding-left: 20px;
}
.takumi_textbox_left{
	width: 500px;
	float: left;
	margin-left:30px;
}
.takumi_contents2{
	width: 100%;
	margin-bottom: 30px;
}
.takumi_copy{
	margin-bottom: 40px;
	margin-left: -30px;
}
.takumi_textbox_right{
	width: 450px;
	float: right;
	margin-right:50px;
}
.takumi_contents2 img{
	float: left;
	padding-right: 20px;
	padding-left: 60px;
}
.takumi_both{
	clear: both;
}
.takumi_button {
	background-color: #fff;
	width:640px;
	height:80px;
	border: 2px solid #777;
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 75px;
	outline: none;
	vertical-align:center;
	margin-left:150px;
	font-size:15px;
	font-weight:bold;
}
.takumi_button:hover {
	background-color: #fff;
	border-color: #8fbc8f;
	color: #8fbc8f;
}
.takumi_button::before,
.takumi_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.takumi_button,
.takumi_button::before,
.takumi_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.banner-img{
	margin-left:40px;
}



/*-----------------------------------------

  =GENERAL
-----------------------------------------*/
#general #mainArea{
	width:100%;
	background:#fff url(../images/general/general_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}


#generalBox{
	padding:0 0 0;
	overflow:hidden;
}

#generalBox li{
	width:308px;
	float:left;
	margin:0 4px;
	padding:50px 0 0; 
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


#generalBanner{
	padding:8px 4px;
	clear:both;
}

/*----- news -------*/
#newsBox .newsDay{
	margin:53px 0 0;
	padding:20px 10px 0;
	border-top:1px solid #969696;
}

#newsBox h3{
	font-size:18px;
	border-top:none;
	border-bottom:1px solid #969696;
	padding:0 10px 20px;
	margin:5px 0 0;
}




/*----- product -------*/

#productBox ul{
	padding:15px 5px 5px;
	overflow:hidden;
}

#productBox li{
	float:left;
	padding:4px;
}
	

/*----- company -------*/

#profile td{
	padding:15px;
	border:1px solid #ddd;
}

#locationBox {
	padding:5px;
	overflow:hidden;
}

#locationBox ul{
	margin:30px 0 0;
}

#locationBox li{
	width:203px;
	margin:0 4px 15px;
	padding:5px;
	float:left;
	border-top: 5px solid #ddd;
}






div .side2{
	width:203px;
	margin:0 4px 15px;
	padding:5px;
	float:none;
}


div .side{
	width:203px;
	margin:0 4px 15px;
	padding:5px;
	float:left;
}





#locationBox li .location_txt{
	height:85px;
}


#locationBox h4{
	margin:0 0 0 5px;
}


#locationBox li h5{
	font-size:12px;
	letter-spacing:0.1em;
	height:35px;
}

#locationBox li p{
	font-size:11px;
	line-height:1.8;
}


.enkaku dt{
	width:90px;
	display:inline;
    float:left;
    text-indent:1px;
    padding-top:10px;
	
}

.enkaku dd{
	width:380px;
	padding-top:10px;
    margin-bottom:6px;
    float:left;
	
}

/*----- contact -------*/
#contactBox{
	width:785px;
	height:380px;
	margin:30px auto;
	background:url(../images/general/contact_bg.png) top left no-repeat;
}

#contactBox p{
	text-align:center;
	padding:240px 0 0;
	font-size:15px;
	color:#fff;
	letter-spacing:0.2em;
}

/*-----------------------------------------

  =artisan
-----------------------------------------*/
#artisan #mainArea{
	width:100%;
	background:#000 url(../images/artisan/artisan_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}


#artisanBox{
	padding:50px 0 0;
	overflow:hidden;
}

#artisanBox li{
	width:220px;
	float:left;
	margin:0 10px;
	padding:100px 0; 
	border:2px solid #ccc;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


/*-----------------------------------------

  =about
-----------------------------------------*/
#about #mainArea{
	width:100%;
	background:#000 url(../images/artisan/artisan_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#about #contents h4{
	padding:0 10px 0;
	margin:0 0 20px;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0em;
    border-left:4px solid #00713b;
}

#about h5{
	font-size:18px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 15px;
}
#about h5.Last{
    padding: 25px 0 15px;
}
#about h5::before{
    background: #00713b !important;
	content: '';
    display: block;
    width: 60px;
    height: 5px;
    margin: 0 auto 15px;
}

#contents p.merit{
	padding:0;
}
#contents p.NoPad{
	padding:0;
}
#about #contents .autoBoxwrapper{
    margin: 15px 0 15px;
    padding: 20px 0 20px;
    width: 100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    border-bottom: 1px solid #cccccc;
}
.autoBox{
    padding: 0;
    margin-top: 10px;
    width: 48%;
}
.autoBoxinner{
    padding: 20px;
	background: #ffffff;
    filter:drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.2));
}
.autoBox img{
    width: 100%;
    margin-bottom: 10px;
}
#about #contents .autoBoxB{
    padding: 0;
    margin: 10px 0 10px;
    width: 55%;
}
#about #contents .autoBoxC{
    width: 40%;
    height: 164px;
	background: #cccccc;
}
.MoreInfo{
    background:#f2f2f2;
    padding: 15px;
    margin: 10px 0 0;
    border: #00713b solid 2px;
    text-align: center;
    color: #00713b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.MoreInfo:hover{
    background-color: #00713b;
    border: #00713b solid 2px;
    color: #FFFFFF;
}
#contents .innerBoxC{
	padding:15px 0 30px;
	margin:0 15px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
#contents .innerBoxD{
	padding:15px 15px 0;
}


/*-----------------------------------------

  =RECRUIT
-----------------------------------------*/
#recruit #mainArea{
	width:100%;
	height:480px;
	background:#000 url(../images/recruit/recruit_main.jpg) top center no-repeat;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}


#recruitBox{
	padding:0 0 0;
	overflow:hidden;
}

#recruitBox li{
	width:229px;
	float:left;
	margin:0 4px;
	padding:50px 0 0; 
	text-align:center;
	font-size:14px;
	font-weight:bold;
}



.recruitList td{
	padding:12px 5px;
	border-bottom:1px solid #ddd;
	line-height:1.8;
}

.recruitList strong{
	font-weight:bold;
}

#main .recruit-list{
	margin:30px 0 0;
	border-top:1px solid #ddd;
}

#main .recruit-list_nojoboffer{
	margin:30px 0 0;
}

#main .recruit-list li a{
	display:block;
	padding:15px 15px 15px 30px;
	border-bottom:1px solid #ddd;
	background: url(../images/icon_A.png) 10pt center no-repeat;
 transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	
}

#main .recruit-list li a:hover{
	display:block;
	padding:15px 15px 15px 30px;
	border-bottom:1px solid #ddd;
	background:#eee url(../images/icon_A.png) 10pt center no-repeat;

	
}

.newBox{
	border:10px solid #aaa;
	padding:30px 30px 10px;
}






#entryBox{
	background:url(../images/recruit/entry_bg.png) top left repeat-y;
	width:685px;
	padding:30px 50px 50px;
	margin:30px auto;
}

#formBox{
	width:620px;
	margin:0 auto 20px;
}

#formBox td{
	padding:8px 0 ;
	color:#fff;
}

.wpcf7-text,
#furigana{
	width:500px;
	padding:10px;
}

#btnSubmit{
	text-align:center;
	padding:20px 0;
}




.wpcf7-submit{
	width:180px;
border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}

.wpcf7-submit:hover{
	width:180px;
 border:1px solid #4a4b4a;
 background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}


/*-----------------------------------------

  =event
-----------------------------------------*/


/*-----奨学金-----------------------*/
#scholarship #mainArea{
	width:100%;
	background:#000 url(../images/event/2019/scholarship_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#scholarship td{
	padding:15px;
	border:1px solid #ddd;
	line-height:20px;
}

#artisanBox li{
	width:220px;
	float:left;
	margin:0 10px;
	padding:100px 0; 
	border:2px solid #ccc;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#scholarship #contactBox{
	width:785px;
	height:317px;
	margin:30px auto;
	background:url(../images/event/2018/contact_bg.png) top left no-repeat;
}

#scholarship #contactBox p{
	text-align:center;
	padding:240px 0 0;
	font-size:15px;
	color:#fff;
	letter-spacing:0.2em;
}

#scholarship #contents h4{
	padding:0;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
}


/*-----インターンシップ-----------------------*/
#internship #mainArea{
	width:100%;
	background:#000 url(../images/event/2019/internship_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#internship td{
	padding:15px;
	border:1px solid #ddd;
	line-height:20px;
}

#internship-table li{
	width:219px;
	float:left;
	margin:4px;
	padding:0; 
	border:1px solid #ccc;
	background-color: #ffffff;
}
#internship-table02 li{
	width:100%;
	float:left;
	margin:4px;
	padding:0; 
	border:1px solid #ccc;
	background-color: #ffffff;
}

#internship .center-name {
	padding: 6px;
	text-align:center;
	background-color: #555;
	color: #fff;
	font-weight:bold;
}

#internship .info {
	margin: 10px;
	line-height: 18px;
}

#internship #contactBox{
	width:785px;
	height:317px;
	margin:30px auto;
	background:url(../images/event/2018/contact_bg.png) top left no-repeat;
}

#internship #contactBox p{
	text-align:center;
	padding:240px 0 0;
	font-size:15px;
	color:#fff;
	letter-spacing:0.2em;
}

#internship #contents h4{
	padding:0;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
}


/*-----ラボ見学会-----------------------*/
#tour #mainArea{
	width:100%;
	background:#000 url(../images/event/2019/tour_main.jpg) top center no-repeat;
	height:480px;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#tour td{
	padding:15px;
	border:1px solid #ddd;
	line-height:20px;
}

#tour-table li{
	width:219px;
	float:left;
	margin:4px;
	padding:0; 
	border:1px solid #ccc;
	background-color: #ffffff;
}

#tour .center-name {
	padding: 6px;
	text-align:center;
	background-color: #555;
	color: #fff;
	font-weight:bold;
}

#tour .info {
	margin: 10px;
	line-height: 18px;
}

#tour #contents h4{
	padding:0;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.3em;
}

#tour .center-icon {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #555;
	color: #fff;
	font-weight: bold;
	padding: 5px 8px;
}
#tour .center-icon-area {
	overflow: hidden;
}
#tour .center-icon:hover {
background-color:#00713b;
}

#tour .center-icon a:visited {
    color: #fff;
    text-decoration: none;
}
#tour .center-icon a:link {
    color: #fff;
    text-decoration: none;
}


/*-----------------------------------------

  =JS FADE
-----------------------------------------*/

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}


/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #555;text-decoration:none;}
a:visited {color:#555;text-decoration:none;}
a:hover, a:active {color: #1db38e;text-decoration:none;}
a:focus {color:#555;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}

.in-footer a:link {color: #fff;text-decoration:none;}
.in-footer a:visited {color:#fff;text-decoration:none;}
.in-footer a:hover,.in-footer  a:active {color:  #1db38e;text-decoration:none;}
.in-footer a:focus {color:#fff;}

#contactBox a:link {color: #fff;text-decoration:none;}
#contactBox a:hover{color: #1db38e;text-decoration:none;}

/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}


/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-size:150%;
	font-weight:bold;
}

.fontB{
font-weight:bold;
}

.fontBlue{
	color:#1275bb;
	font-weight:bold;
}

.fontRed{
	color:#F00;
}

.fontWhite{
	color:#FFF;
}


/*----------------------------------------
	
	=COLOR
-----------------------------------------*/
.grey{
	color:#ccc;
}

.green{
	color:#1db38e;
}

/*----------------------------------------
	
	=カスタマイズ20161004
-----------------------------------------*/
.recruit_ttlh3{
	font-size:1.5em !important;
	padding-left:20px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	letter-spacing:5px;
	font-weight:500 !important;
	}