@charset "utf-8";

#container_inner .scbox{}

/*------------------------------------------------
   foot
------------------------------------------------*/
#contents.second .foot{
display:block;
margin:0;
}

#contents.second .foot .inner{
padding:0;
}

.foot .gnavi li a.blog{
background:url(/assets/img/ico_win.png) no-repeat 100% 50%;
padding-right:20px;
margin-right:5px;
}


/*------------------------------------------------
   footnavi
------------------------------------------------*/
#contents.second .footnavi{
display:block;
}

/*------------------------------------------------
   共通
------------------------------------------------*/
#pjaxContents{}

#contents.second{position:relative;}
#container_inner{height:90%;overflow:auto;position:relative;}

#contents.second #logo{position:absolute;left:30px;top:28px;z-index:999;}

/* 左ナビ */
#contents.second #l_navi{position:absolute;left:30px;top:105px;z-index:2;}

#contents.second #l_navi ul{}
#contents.second #l_navi ul li{}
#contents.second #l_navi ul li ul{list-style:disc;padding-left:10px;margin-left:10px;}
#contents.second #l_navi ul li ul li{margin-bottom:5px;}
#contents.second #l_navi ul li ul li img{position:relative;top:4px;vertical-align:top;}
#contents.second #l_navi ul li ul li ul{list-style:none;padding-left:0;margin-left:0;}
#contents.second #l_navi ul li ul li ul li{margin-bottom:3px;padding-left:13px;background:url(/assets/img/lnavi_bar.gif) no-repeat 0 50%;}
#contents.second #l_navi ul li ul li ul li img{position:relative;top:2px;}

/* コンテンツボックス */
#contents.second .cont{width:100%;text-align:center;position:relative;z-index:1;}

/* リンク */
a.new_win{
background:url(/assets/img/ico_win.png) no-repeat 100% 50%;
padding-right:20px;
}

/*------------------------------------------------
   philosophy
------------------------------------------------*/
#container.philosophy{
background:#D5000B;
}


#container.philosophy h1{
font-size:30px;
}

#container.philosophy .cont{position:relative;top:142px;}
#container.philosophy .cont .in{width:800px;margin:0 0 0 250px;text-align:left;}

#container.philosophy .cont p{line-height:1.8em;font-size:105%;}

#container.philosophy .cont .phi_h{width:134px;}

#phi_h01,#phi_h02,#phi_txt01,#phi_txt02,#phi_txt03,#phi_txt04,#phi_txt05,#phi_txt06,#phi_txt07,#phi_txt08{opacity:0;}

#container.philosophy .cont #phi_h01{
-webkit-animation: fadeIn 0.5s linear 1s forwards;
-moz-animation: fadeIn 0.5s linear 1s forwards;
-ms-animation: fadeIn 0.5s linear 1s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_h02{
-webkit-animation: fadeIn 0.5s linear 4s forwards;
-moz-animation: fadeIn 0.5s linear 4s forwards;
-ms-animation: fadeIn 0.5s linear 4s forwards;
-webkit-transform-style: preserve-3d;
}

#container.philosophy .cont #phi_txt01{
-webkit-animation: fadeIn 0.5s linear 2s forwards;
-moz-animation: fadeIn 0.5s linear 2s forwards;
-ms-animation: fadeIn 0.5s linear 2s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt02{
-webkit-animation: fadeIn 0.5s linear 2.5s forwards;
-moz-animation: fadeIn 0.5s linear 2.5s forwards;
-ms-animation: fadeIn 0.5s linear 2.5s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt03{
-webkit-animation: fadeIn 0.5s linear 3s forwards;
-moz-animation: fadeIn 0.5s linear 3s forwards;
-ms-animation: fadeIn 0.5s linear 3s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt04{
-webkit-animation: fadeIn 0.5s linear 5s forwards;
-moz-animation: fadeIn 0.5s linear 5s forwards;
-ms-animation: fadeIn 0.5s linear 5s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt05{
-webkit-animation: fadeIn 0.5s linear 5.5s forwards;
-moz-animation: fadeIn 0.5s linear 5.5s forwards;
-ms-animation: fadeIn 0.5s linear 5.5s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt06{
-webkit-animation: fadeIn 0.5s linear 6s forwards;
-moz-animation: fadeIn 0.5s linear 6s forwards;
-ms-animation: fadeIn 0.5s linear 6s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt07{
-webkit-animation: fadeIn 0.5s linear 6.5s forwards;
-moz-animation: fadeIn 0.5s linear 6.5s forwards;
-ms-animation: fadeIn 0.5s linear 6.5s forwards;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #phi_txt08{
-webkit-animation: fadeIn 0.5s linear 7s forwards;
-moz-animation: fadeIn 0.5s linear 7s forwards;
-ms-animation: fadeIn 0.5s linear 7s forwards;
-webkit-transform-style: preserve-3d;
}

#container.philosophy .cont #bar01{
/* -webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0); */
-webkit-animation: bar 0.5s linear 1.5s both;
-moz-animation: bar 0.5s linear 1.5s both;
-ms-animation: bar 0.5s linear 1.5s both;
-webkit-transform-style: preserve-3d;
}
#container.philosophy .cont #bar02{
/* -webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0); */
-webkit-animation: bar 0.5s linear 4.5s both;
-moz-animation: bar 0.5s linear 4.5s both;
-ms-animation: bar 0.5s linear 4.5s both;
-webkit-transform-style: preserve-3d;
}

#phi_box01,#phi_box02{position:relative;}

#container.philosophy .cont #phi_box01{top:150px;
-webkit-animation: moveUp 0.5s linear 3.5s forwards;
-moz-animation: moveUp 0.5s linear 3.5s forwards;
-ms-animation: moveUp 0.5s linear 3.5s forwards;
}
#container.philosophy .cont #phi_box01{top:0\9;}
#container.philosophy .cont #phi_box01:not(:target){top:150px;}
#container.philosophy .cont #phi_box02{/*-webkit-animation: moveUp 0.5s linear 6.5s forwards;*/}


@keyframes bar{
0%{transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);}
100%{transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
}
@-webkit-keyframes bar{
0%{-webkit-transform:scale(1,0);}
100%{-webkit-transform:scale(1,1);}
}

@keyframes moveUp{
0%{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);}
100%{transform:translateY(-150px);-moz-transform:translateY(-150px);-ms-transform:translateY(-150px);}
}
@-webkit-keyframes moveUp{
0%{-webkit-transform:translateY(0px);}
100%{-webkit-transform:translateY(-150px);}
}

@keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}

@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

@-webkit-keyframes Visible{
0%{opacity:1;}
100%{opacity:1;}
}

/*------------------------------------------------
   service
------------------------------------------------*/
#container.service{
background:#00B2B3;
}

#container.service h1{
font-size:30px;
}

#container.service .cont{position:relative;top:100px;}
#container.service .cont .in{width:800px;margin:0 0 0 250px;text-align:left;}

#service01{position:absolute;}
#service02{display:none;position:absolute;top:0;width:100%;}
#service03{display:none;position:absolute;}
#service04{display:none;position:absolute;width:100%;}
#service05{display:none;position:absolute;}
#service06{display:none;position:absolute;}
#service07{display:none;}

#container.service .service_list{}
#container.service .service_list li{float:left;margin:1px 0 0 0;padding:0;line-height:0;}

#service_bnr01{display:block;width:800px;overflow:hidden;height:228px;position:relative;}
#service_bnr02{display:block;width:399px;overflow:hidden;height:190px;position:relative;}
#service_bnr03{display:block;width:400px;overflow:hidden;height:190px;margin-right:1px;position:relative;}
#service_bnr04{display:block;width:400px;overflow:hidden;height:190px;margin-right:1px;position:relative;}
#service_bnr05{display:block;width:399px;overflow:hidden;height:190px;position:relative;}
#service_bnr07{display:block;width:399px;overflow:hidden;height:190px;position:relative;}

#service_img01_block{position:absolute;top:0;left:0;}
#service_img02_block{position:absolute;top:0;left:0;}
#service_img03_block{position:absolute;top:0;left:0;}
#service_img04_block{position:absolute;top:0;left:0;}
#service_img05_block{position:absolute;top:0;left:0;}
#service_img07_block{position:absolute;top:0;left:0;}

#service_bnr01:hover img#service_img01{
-webkit-animation: img1Move 0.3s linear 0s forwards;
-moz-animation: img1Move 0.3s linear 0s forwards;
-ms-animation: img1Move 0.3s linear 0s forwards;
}
#service_bnr02:hover img#service_img02{
-webkit-animation: img2Move 0.3s linear 0s forwards;
-moz-animation: img2Move 0.3s linear 0s forwards;
-ms-animation: img2Move 0.3s linear 0s forwards;
}
#service_bnr03:hover img#service_img03{
-webkit-animation: img3Move 0.3s linear 0s forwards;
-moz-animation: img3Move 0.3s linear 0s forwards;
-ms-animation: img3Move 0.3s linear 0s forwards;
}
#service_bnr04:hover img#service_img04{
-webkit-animation: img4Move 0.3s linear 0s forwards;
-moz-animation: img4Move 0.3s linear 0s forwards;
-ms-animation: img4Move 0.3s linear 0s forwards;
}
#service_bnr05:hover img#service_img05{
-webkit-animation: img5Move 0.3s linear 0s forwards;
-moz-animation: img5Move 0.3s linear 0s forwards;
-ms-animation: img5Move 0.3s linear 0s forwards;
}
#service_bnr07:hover img#service_img07{
-webkit-animation: img7Move 0.3s linear 0s forwards;
-moz-animation: img7Move 0.3s linear 0s forwards;
-ms-animation: img7Move 0.3s linear 0s forwards;
}

#service_bnr01 img#service_img01{
-webkit-animation: img1MoveOut 0.3s linear 0s forwards;
-moz-animation: img1MoveOut 0.3s linear 0s forwards;
-ms-animation: img1MoveOut 0.3s linear 0s forwards;
}
#service_bnr02 img#service_img02{
-webkit-animation: img2MoveOut 0.3s linear 0s forwards;
-moz-animation: img2MoveOut 0.3s linear 0s forwards;
-ms-animation: img2MoveOut 0.3s linear 0s forwards;
}
#service_bnr03 img#service_img03{
-webkit-animation: img3MoveOut 0.3s linear 0s forwards;
-moz-animation: img3MoveOut 0.3s linear 0s forwards;
-ms-animation: img3MoveOut 0.3s linear 0s forwards;
}
#service_bnr04 img#service_img04{
-webkit-animation: img4MoveOut 0.3s linear 0s forwards;
-moz-animation: img4MoveOut 0.3s linear 0s forwards;
-ms-animation: img4MoveOut 0.3s linear 0s forwards;
}
#service_bnr05 img#service_img05{
-webkit-animation: img5MoveOut 0.3s linear 0s forwards;
-moz-animation: img5MoveOut 0.3s linear 0s forwards;
-ms-animation: img5MoveOut 0.3s linear 0s forwards;
}
#service_bnr07 img#service_img07{
-webkit-animation: img7MoveOut 0.3s linear 0s forwards;
-moz-animation: img7MoveOut 0.3s linear 0s forwards;
-ms-animation: img7MoveOut 0.3s linear 0s forwards;
}

@-webkit-keyframes img1Move{
0%{-webkit-transform:translateY(0px);}
100%{-webkit-transform:translateY(-228px);}
}
@keyframes img1Move{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);}
100%{-moz-transform:translateY(-228px);-ms-transform:translateY(-228px);}
}

@-webkit-keyframes img2Move{
0%{-webkit-transform:translate(-400px,-190px);}
100%{-webkit-transform:translate(0px,-190px);}
}
@keyframes img2Move{
0%{-moz-transform:translate(-400px,-190px);-ms-transform:translate(-400px,-190px);}
100%{-moz-transform:translate(0px,-190px);-ms-transform:translate(0px,-190px);}
}

@-webkit-keyframes img3Move{
0%{-webkit-transform:translateY(-380px);}
100%{-webkit-transform:translateY(-190px);}
}
@keyframes img3Move{
0%{-moz-transform:translateY(-380px);-ms-transform:translateY(-380px);}
100%{-moz-transform:translateY(-190px);-ms-transform:translateY(-190px);}
}

@-webkit-keyframes img4Move{
0%{-webkit-transform:translate(400px,-190px);}
100%{-webkit-transform:translate(0px,-190px);}
}
@keyframes img4Move{
0%{-moz-transform:translate(400px,-190px);-ms-transform:translate(400px,-190px);}
100%{-moz-transform:translate(0px,-190px);-ms-transform:translate(0px,-190px);}
}

@-webkit-keyframes img5Move{
0%{-webkit-transform:translate(0,0);}
100%{-webkit-transform:translate(0,-190px);}
}
@keyframes img5Move{
0%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);}
100%{-moz-transform:translate(0,-190px);-ms-transform:translate(0,-190px);}
}

@-webkit-keyframes img1MoveOut{
0%{-webkit-transform:translateY(-228px);}
100%{-webkit-transform:translateY(0px);}
}
@keyframes img1MoveOut{
0%{-moz-transform:translateY(-228px);-ms-transform:translateY(-228px);}
100%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);}
}

@-webkit-keyframes img2MoveOut{
0%{-webkit-transform:translate(0px,-190px);}
100%{-webkit-transform:translate(-400px,-190px);}
}
@keyframes img2MoveOut{
0%{-moz-transform:translate(0px,-190px);-ms-transform:translate(0px,-190px);}
100%{-moz-transform:translate(-400px,-190px);-ms-transform:translate(-400px,-190px);}
}

@-webkit-keyframes img3MoveOut{
0%{-webkit-transform:translateY(-190px);}
100%{-webkit-transform:translateY(-380px);}
}
@keyframes img3MoveOut{
0%{-moz-transform:translateY(-190px);-ms-transform:translateY(-190px);}
100%{-moz-transform:translateY(-380px);-ms-transform:translateY(-380px);}
}

@-webkit-keyframes img4MoveOut{
0%{-webkit-transform:translate(0px,-190px);}
100%{-webkit-transform:translate(400px,-190px);}
}
@keyframes img4MoveOut{
0%{-moz-transform:translate(0px,-190px);-ms-transform:translate(0px,-190px);}
100%{-moz-transform:translate(400px,-190px);-ms-transform:translate(400px,-190px);}
}

@-webkit-keyframes img5MoveOut{
0%{-webkit-transform:translate(0,-190px);}
100%{-webkit-transform:translate(0,0);}
}
@keyframes img5MoveOut{
0%{-moz-transform:translate(0px,-190px);-ms-transform:translate(0px,-190px);}
100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);}
}

#container.service #service02 .cont{position:;relative;top:33px;}
#container.service #service02 .clm_l{width:450px;float:left;position:relative;top:67px;}
#container.service #service02 .clm_r{width:320px;float:right;}

#container.service #service02 .cont2{position:relative;top:70px;width:100%;overflow-x:hidden;text-align:center;}
#container.service #service02 .cont2 .in{width:101%;margin:0 auto;position:relative;height:400px;overflow:hidden;text-align:left;}
#container.service #service02 .cont2 li{float:left;width:16.6%;margin:0;padding:0;}
#container.service #service02 .cont2 li img{width:100%;}

#ad_btn01 span{width:16.6%;position:absolute;top:0;left:0;}
#ad_btn02 span{width:16.6%;position:absolute;top:0;left:16.6%;}
#ad_btn03 span{width:16.6%;position:absolute;top:0;left:33.2%;}
#ad_btn04 span{width:16.6%;position:absolute;top:0;left:49.8%;}
#ad_btn05 span{width:16.6%;position:absolute;top:0;left:66.4%;}
#ad_btn06 span{width:16.6%;position:absolute;top:0;left:83%;}

#ad01,#ad02,#ad03,#ad04,#ad05,#ad06{position:absolute;top:50%;left:0;width:100%;}

#ad01 h4,#ad02 h4,#ad03 h4,#ad04 h4,#ad05 h4,#ad06 h4{width:16.6%;position:relative;}
#ad01 h4 img,#ad02 h4 img,#ad03 h4 img,#ad04 h4 img,#ad05 h4 img,#ad06 h4 img{width:100%;}

#ad01{position:absolute;top:40%;left:18.6%;width:76.4%;}
#ad02{position:absolute;top:40%;left:35.2%;width:59.8%;}
#ad03{position:absolute;top:40%;left:51.8%;width:43.2%;}
#ad04{position:absolute;top:40%;left:2%;width:43.2%;}
#ad05{position:absolute;top:40%;left:16.6%;width:44.8%;}
#ad06{position:absolute;top:40%;left:33.2%;width:44.8%;}


#container.service #service04 .cont{position:relative;top:100px;}
#container.service #service04 .clm_l{width:420px;float:left;position:relative;top:0;}
#container.service #service04 .clm_r{width:375px;float:right;position:relative;top:25px;}

#container.service #service04 .cont2{width:100%;text-align:center;position:relative;top:120px;background:#00BABB;padding:15px 0;}
#container.service #service04 .cont2 .in{width:800px;margin:0 auto;}

#container.service #service04 .cont2 ul{}
#container.service #service04 .cont2 li{float:left;}

#container.service #service03 .cont{position:relative;top:100px;}
#container.service #service03 .clm_l{width:260px;float:left;position:relative;top:0;}
#container.service #service03 .clm_r{width:500px;float:right;position:relative;top:15px;}

#container.service #service05 .cont{position:relative;top:100px;}
#container.service #service05 .shop_logo{position:relative;top:-10px;}

#container.service #service06 .text{position:absolute;top:40px;left:250px;}
#container.service #service06 .img{position:absolute;top:30px;right:0;}
#container.service #service06 .mb20.top{margin-top: 230px;}


.panpiIkon p{
float:left;
}
.panpiIkon img{
margin:10px;
}

.panpiIkon{
width:250px;
margin-left:auto;
margin-right:auto;
}

.speIkon p{
float:left;
}
.speIkon img{
margin:10px;
}

.speIkon{
width:180px;
margin-left:500px;
margin-right:auto;
}

.img_spe{
float:left;
}

.spe_main{
margin-left:150px;
}

.spe_mozi{
margin-left:-25px;
}
/*------------------------------------------------
   work
------------------------------------------------*/
#container.work{
background:#000031;
}

#container.work h1{
font-size:30px;
}

#container.work .cont{position:relative;top:100px;}
#container.work .cont .in{width:85%;margin:0 0 0 150px;}

#container.work .work_list{}
#container.work .work_list li{float:left;margin:0 2px 2px 0;padding:0;line-height:0;}

#workbox{background:url(/assets/img/wmodal_bg.png);color:#ffffff;}

#workbox p{
background:rgba( 0, 0, 0, 0.02);
}

#works02{display:none;position:absolute;}
#works03{display:none;position:absolute;}
#works04{display:none;position:absolute;}

.panpiIkon p{
float:left;
}
.panpiIkon img{
margin:10px;
}

.panpiIkon{
width:250px;
margin-left:auto;
margin-right:auto;
}

/*------------------------------------------------
   company
------------------------------------------------*/
#container.company{
background:#5BBB00;
}

#container.company h1{
font-size:30px;
}

#container.company .cont{position:relative;top:100px;}
#container.company .cont .in{width:800px;margin:0 0 0 250px;text-align:left;position:relative;}

#company02{display:none;}
#company03{display:none;}
#company04{display:none;}

#container.company .clm_l{width:410px;float:left;}
#container.company .clm_r{width:350px;float:right;}

#container.company dl{margin:0 0 10px;padding:0 0 10px;background:url(/assets/img/dot_hline.png) repeat-x bottom;}
#container.company dl.last{background:none;}
#container.company dt{width:64px;margin:0;padding:0 10px 0 0;float:left;}
#container.company dd{margin:0;padding:0;float:left;}
#container.company .clm_l dd{width:335px;}
#container.company .clm_r dd{width:275px;}

#container.company dd dl{background:none;margin:0;padding:0;}
#container.company dd dt{width:120px !important;padding:0 5px 0 0;float:left;}
#container.company dd dd{width:150px !important;float:left;}

#container.company .map{width:700px;margin-left:50px;}
#container.company .map dl{background:none;margin:0;}
#container.company .map dt{width:auto;margin:0 15px 0 0;padding:7px 0 0 0;float:left}
#container.company .map dd{width:auto;margin:0;padding:0 0 0 15px;float:left;border:#ffffff solid;border-width:0 0 0 1px;}

#container.company .map .clm_l{width:380px;float:left;margin-top:10px;}
#container.company .map .clm_r{width:280px;float:right;margin-top:10px;}

#company01,#company02,#company03,#company04{position:absolute;}


#container.company .modal{background:#ffffff;position:absolute;top:50%;left:50%;text-align:center;z-index:20;box-shadow:3px 3px 2px 2px #666;display:none;color:#444;}
#container.company .modal p{color:#444;text-align:left;width:440px;}
#container.company .modal a{color:#43C300;}
#container.company #prof01{width:540px;height:270px;margin-left:-270px;margin-top:-135px;}
#container.company #prof02{width:540px;height:270px;margin-left:-270px;margin-top:-135px;}
#container.company #prof03{width:540px;height:270px;margin-left:-270px;margin-top:-135px;}

#container.company .modal .close{width:auto;position:absolute;bottom:0;right:0;line-height:0;}
#container.company .bg_layer{background:#777777;opacity:0.8;-ms-filter: "alpha(opacity=80)";position:absolute;top:0;width:100%;height:100%;z-index:15;display:none;}

#container.company .modal_open{
/* -webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0); */
-webkit-animation: open 0.5s linear 0s forwards;
-moz-animation: open 0.5s linear 0s forwards;
-ms-animation: open 0.5s linear 0s forwards;
}
#container.company  .modal_close{
/* -webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1); */
-webkit-animation: close 0.5s linear 0s forwards;
-moz-animation: close 0.5s linear 0s forwards;
-ms-animation: close 0.5s linear 0s forwards;
}


/*------------------------------------------------
   recruit
------------------------------------------------*/
#container.recruit{
background:#A8A8B8;
}

#container.recruit h1{
font-size:30px;
}

#container.recruit .cont{position:relative;top:70px;}
#container.recruit .cont .in{width:800px;margin:0 0 0 250px;}

#recruit01{position:absolute;width:100%;}
#recruit02{display:none;position:absolute;}
#recruit03{display:none;position:absolute;}

#container.recruit .modal{background:#ffffff;position:absolute;top:50%;left:50%;text-align:center;z-index:20;box-shadow:3px 3px 2px 2px #666;display:none;}
#container.recruit .modal p{color:#444;text-align:left;width:440px;}
#container.recruit .modal a{color:#43C300;}
#container.recruit #modal01{width:540px;height:540px;margin-left:-270px;margin-top:-270px;}
#container.recruit #modal02{width:540px;height:270px;margin-left:-270px;margin-top:-135px;}
#container.recruit #modal03{width:540px;height:380px;margin-left:-270px;margin-top:-190px;}

#container.recruit .modal .close{width:auto;position:absolute;bottom:0;right:0;line-height:0;}

#container.recruit .bg_layer{background:#777777;opacity:0.8;-ms-filter: "alpha(opacity=80)";position:absolute;top:0;width:100%;height:100%;z-index:15;display:none;}


#container.recruit .modal_open{
/* -webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0); */
-webkit-animation: open 0.5s linear 0s forwards;
-moz-animation: open 0.5s linear 0s forwards;
-ms-animation: open 0.5s linear 0s forwards;
}
#container.recruit .modal_close{
/* -webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1); */
-webkit-animation: close 0.5s linear 0s forwards;
-moz-animation: close 0.5s linear 0s forwards;
-ms-animation: close 0.5s linear 0s forwards;
}

@keyframes open{
0%{-moz-transform:scale(0,0);-ms-transform:scale(0,0);}
100%{-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
}
@-webkit-keyframes open{
0%{-webkit-transform:scale(0,0);}
100%{-webkit-transform:scale(1,1);}
}

@keyframes close{
0%{-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
100%{-moz-transform:scale(0,0);-ms-transform:scale(0,0);}
}
@-webkit-keyframes close{
0%{-webkit-transform:scale(1,1);}
100%{-webkit-transform:scale(0,0);}
}


#container.recruit .clm_l{width:120px;float:left;position:relative;top:30px;}
#container.recruit .clm_r{width:680px;float:right;position:relative;top:30px;}

#container.recruit .clm_r dl{margin:0 0 5px;}
#container.recruit .clm_r dt{width:80px;float:left;line-height:0;}
#container.recruit .clm_r dd{width:600px;float:left;}

#container.recruit form p{margin-bottom:1.5em;}

#container.recruit .form_tbl{border:1px solid #CDCBDE;}
#container.recruit .form_tbl th{padding:10px;font-weight:normal;vertical-align:top;background-color:#B1B1C1;border:1px solid #CDCBDE;}
#container.recruit .form_tbl td{padding:10px;background-color:#A8A8B9;border:1px solid #CDCBDE;}

#container.recruit input[type="radio"]{position:relative;top:-2px;} 

#container.recruit textarea{font-size:100%;color:#666666;padding:5px;}
#container.recruit input{font-size:100%;color:#666666;}
#container.recruit select{font-size:100%;color:#666666;}
#container.recruit #error{background-color:#eee;padding:10px;color:#777883;margin-bottom:20px;}

 .rec_btn{margin-left:145px;
}

/*------------------------------------------------
   privacy
------------------------------------------------*/
#container.privacy{background:#004020;}
#container.privacy h1{font-size:30px;}
#container.privacy .cont .in{width:700px;margin:0 0 0 250px;text-align:left;position:relative;top:100px;}
#container.privacy .cont .in .line-through_right{text-decoration: line-through;}
#container.privacy .cont .in p{margin: 0 0 20px !important;}
#container.privacy .privacy_info{padding:10px;float:left;background-color:#0A4D2C;}
#container.privacy .cont .in ol li{margin:0 0 10px 20px;}
#container.privacy .cont .in ul li{margin:0 0 10px 20px;list-style:disc;}
#container.privacy .cont .in ul li ol li{margin:0 0 10px 20px;list-style:lower-roman;}
#container.privacy .cont .in table{border:1px solid #0A4D2C;}
#container.privacy .cont .in th{background-color:#31674C;padding:5px;border:1px solid #0A4D2C;border-top:none;}
#container.privacy .cont .in td{background-color:#fff;padding:5px;color:#666;border:1px solid #0A4D2C;border-bottom:none;}
#container.privacy .cont .in h4{margin:20px 0 10px;}
#container.privacy .cont .in .pdf_img{float:left;margin-right:10px;}
#container.privacy .cont .in .pdf{float:left;}

#privacy01{position:absolute;width:100%;}
#privacy02{display:none;position:absolute;}
#privacy03{display:none;position:absolute;}


/*------------------------------------------------
   contact
------------------------------------------------*/
#container.contact{
background:#2C2C41;
}

#container.contact h1{
font-size:30px;
}
#container.contact .cont{position:relative;top:250px;}


/*------------------------------------------------
   news
------------------------------------------------*/
#container.news{background:#EB3989;}
#container.news h1{font-size:30px;}
#container.news .cont .in{width:700px;margin:250px auto 50px;text-align:left;position:relative;}
#container.news .cont dt{width:100px;padding-bottom:10px;margin-top:10px;background:url(/assets/img/news_dot.gif) repeat-x bottom;float:left;}
#container.news .cont dd{width:600px;padding-bottom:10px;margin-top:10px;background:url(/assets/img/news_dot.gif)repeat-x bottom;float:left;}
#container.news .cont a{margin:0 10px;}


/*------------------------------------------------
   other
------------------------------------------------*/
#container.other{background:#000;}
#container.other h1{font-size:30px;}
#container.other .cont .in{width:700px;margin:200px auto 50px;text-align:left;position:relative;}


/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}

.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold;}
.f_normal{font-weight:normal;}

.inblock{display:inline-block !important;}

.lh0{line-height:0em;}
.lh1{line-height:1em;}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}

.red{color:#D90000 !important;}
.white{color:#ffffff !important;}

.w_full{width:100% !important;}

.w06em{width:6em !important;}

.w60{width:60px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w415{width:415px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w640{width:640px !important;}
.w800{width:800px !important;}
.w900{width:900px !important;}

.h500{height:500px !important;}

.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0; !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0; !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px; !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px; !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{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;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml120{margin-left:120px !important;}

.mr0{margin-right:0px !important;}
.mr05{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;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{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;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block;}
.hide{display:none;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */