@charset "utf-8";
/* CSS Document */

/* ===================================================================
CSS information
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%

COLOR
コーポレートカラー：#201084
サブ赤：#E91901
サブ水色:#008DDA
サブグリーン：薄い#9EDF00　濃い#72A200

タブレット用のスタイルを普通に書く
@media screen and (min-width: 481px) and (max-width: 800px) {
}
@media screen and (min-width: 721px) and (max-width: 1080px) {
}
モバイル用のスタイルを普通に書く
@media screen and (min-width: 0px) and (max-width: 720px) {
}
@media screen and (min-width: 0px) and (max-width: 720px) {
}


=================================================================== */

/* font============================================================= */
h1{ color:#fff; padding:25px 0; font-size:170%;}
h2{ font-size:160%;}


/* TOP============================================================= */
/* slider */
.top-slider{ margin:120px 0 20px 0; display:block; position:relative;}

.slider-btn{ width:80px; height:35px; display:block; z-index:3; position:absolute;  left:48.77777%; background:url(../img/top_slider/ak_link_btn_on.png) 0 0 no-repeat;}
.slider-btn{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    -moz-opacity: 0;
    opacity: 0; bottom:60px;}
	
.flexslider:hover	.slider-btn{ filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1; bottom:-0px;}
	
.slider-btn:hover{background:url(../img/top_slider/ak_link_btn_off.png) 0 0 no-repeat;}

.top-slider li h3{ position:absolute; text-align:left; font-size:145%; font-weight:700; top:38%; left:90px; line-height:1.2em; letter-spacing:1px;}
.top-slider li h3 span{ display:block; font-size:60%; margin:0 0 8px 0; letter-spacing:normal; line-height:1.4em;}
.s1 h3{ top:35% !important;}
.s1 h3 span{ padding:8px 0 0 0; display:block !important;}
.s1 h3 span strong{ font-size:170% !important; display:block !important; padding:10px 0 0 0 !important;}
.top-slider li .s1 h3 i{ width:180px !important;}
.top-slider li h3 i{ display:block; padding:0px 15px; color:#000; background-color:#fff; border:#fff 1px solid; text-align:center !important; font-size:35%; margin:25px 0 0 0; width:145px; text-shadow: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; letter-spacing:normal;}

.top-slider li h3{
 text-shadow: 1px 1px 2px #333, 0 0 1em #333, 0 0 0.2em #333;
}
.top-slider li a:link h3,
.top-slider li a:hover h3,
.top-slider li a:visited h3{ color:#fff;}

.top-slider li h3 i:hover{ border-color:#fff; color:#000; filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    -moz-opacity: 0.6;
    opacity: 0.6;}

/* 3box */
.top-contents-area{ width:100%; background:#fff;
margin-top: -75px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 75px; /* 打ち消し用のパディング */
}
.top-box-area{ width:100%; min-width:1040px; padding:0px 0; border-top:#ddd 0px solid; background:url(../img/top/bg_b.jpg) 0 0 repeat; /*background:#F2EFEB;*/}
.top-box-area h1{ display:none;}
.top-box-set{ margin:0 auto; width:1040px;}
.top-box{ border:0px solid #E6E3E0; display:inline-block; padding:25px 0; margin:0 -5px;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/top/bg_b.jpg) 0 0 repeat;
}
.top-box a{ display:block; width:340px; letter-spacing:0px !important;}
.top-box a:link h2,
.top-box a:visited h2{ width:250px; margin:0 auto; padding:30px 0; border-bottom:#403192 solid 1px; color:#fff;}
.top-box a:hover h2{ color:#000; border-bottom:#008EDB solid 1px;}
.top-box a .box-txt{ text-align:center; margin:30px auto 0 auto; width:280px; color:#fff;}
.top-box a:hover .box-txt{ color:#000;}
.top-box a .box-link{ display:block; font-size:78%; color: #fff; margin:20px 0 0 0; padding:30px 0 20px 0; background:url(../img/common/icon_link_on.png) top center no-repeat;}
.top-box a:hover .box-link{ background:url(../img/common/icon_link.png) top center no-repeat; color:#008EDB;}

.top-box:hover{ background:/*#201084*/url(../img/top/bg_w.jpg) 0 0 repeat;
-moz-box-shadow: 0px 0px 10px #E6E3E0; /* FireFox */
-webkit-box-shadow: 0px 0px 10px #E6E3E0; /* webkit */
box-shadow: 0px 0px 10px #E6E3E0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#E6E3E0,direction=0,strength=10,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#E6E3E0,direction=0,strength=10,enabled=true); /* IE5.5+ */
}
/*.top-box a.b1{ background:url(../img/top/about.jpg) 0 0 no-repeat;}
.top-box a.b2{ background:url(../img/top/works.jpg) 0 0 no-repeat;}
.top-box a.b3{ background:url(../img/top/recruit.jpg) 0 0 no-repeat;}*/

/* other-contents */
.other-box-area{ width:100%; min-width:1040px; background-color:#FDFBF9; border-top:1px solid #E6E3E0; border-bottom:1px solid #E6E3E0; padding:0; margin:0 0 70px 0;}
.other-box-area ul{ margin:0 auto; padding:0; width:1000px;}
.other-box-area ul li{ width:240px; display:inline-block;}

.other-box-area ul li a h3{font-size:120%; padding:105px 0 45px 0; margin:0 0 40px 0; background:url(../img/common/icon_link.png) center bottom no-repeat;}
.other-box-area ul li a:hover h3{background:url(../img/common/icon_link_on.png) center bottom no-repeat;}
.other-box-area ul li a h3{
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.other-box-area ul li a:link h3,
.other-box-area ul li a:visited h3{ color:#000 !important;}
.other-box-area ul li a:hover h3{ color:#008EDB;}

.other-box-area ul .model,
.other-box-area ul .function,
.other-box-area ul .officer,
.other-box-area ul .staff{ background-position:center 40px; background-repeat:no-repeat;}

.other-box-area ul .model{ background-image:url(../img/top/icon_model.jpg);}
.other-box-area ul .function{ background-image:url(../img/top/icon_function.jpg);}
.other-box-area ul .officer{ background-image:url(../img/top/icon_officer.jpg);}
.other-box-area ul .staff{ background-image:url(../img/top/icon_staff.jpg);}

/* news-top */
.top-news-area h2{ margin:0 0 50px 0;}
.news-box-area{ margin:0 auto; width:1040px; text-align:left; display:block; height:100%; letter-spacing:0px !important}
.news-box-area ul li{ list-style:none !important;}
.news-box{ width:95%; text-align:left; padding:15px; margin:0px 0px;}
.news-box{-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border:1px solid #fff;
	-moz-box-shadow: 0px 0px 0px #fff; /* FireFox */
-webkit-box-shadow: 0px 0px 0px #fff; /* webkit */
box-shadow: 0px 0px 0px #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=8,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=8,enabled=true); /* IE5.5+ */
/*background:url(../img/common/icon_link_g_on.png) center bottom no-repeat;*/
}

.news-box:hover{ border:1px solid #E6E3E0;
-moz-box-shadow: 0px 0px 8px #E6E3E0; /* FireFox */
-webkit-box-shadow: 0px 0px 8px #E6E3E0; /* webkit */
box-shadow: 0px 0px 8px #E6E3E0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#E6E3E0,direction=0,strength=8,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#E6E3E0,direction=0,strength=8,enabled=true); /* IE5.5+ */
/*background:url(../img/common/icon_link_g.png) center bottom no-repeat;*/
}

.news-box .date{ display:block;}
.news-box a:link .date,
.news-box a:visited .date{ color: #999; font-size:65%;}

.news-box a:link h3,
.news-box a:visited h3{ color:#000; font-size:120%; line-height:1.5em; margin:0 0 15px 0; padding:0 !important;}

.news-box a:link .box-txt,
.news-box a:visited .box-txt{ color: #666; font-size:85%; line-height:1.5em;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.news-box a:hover .box-txt{ color:#72A200;}

.news-box a:link .tag,
.news-box a:visited .tag,
.news-del-area .news-del-txt-area .tag{ display:inline-block; padding:0 4px; font-size:50%; text-align:center; margin:3px 0 8px 0;}
.press,
.news-del-area .news-del-txt-area .press{ background-color:#9EDF00; color:#000;}
.kk,
.news-del-area .news-del-txt-area .kk{ background-color:#D40032; color:#fff;}
.aa,
.news-del-area .news-del-txt-area .aa{ background-color:#0065B3; color:#FEB700;}
.water,
.news-del-area .news-del-txt-area .water{ background-color:#0251A5; color:#fff;}

.news-link-area{ width:100%; text-align:center; clear:both; margin:0 0 30px 0;}
.news-link-area a{ width:250px; height:110px; line-height:110px; font-size:78%; margin:0 auto; padding:0; border:0px solid #000; background:url(../img/common/icon_link_g.png) center 80% no-repeat;}
.news-link-area a:link,
.news-link-area a:visited{ color:#000;}
.news-link-area a:hover{ background:url(../img/common/icon_link_g_on.png) center 80% no-repeat;}

/* news-detail */
#news_navi{ width:100%; margin:0 auto; background:#F4F4F4; padding:5px 0 0 0; border-bottom:#ddd solid 1px; height:85px;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.n_navi_set{ width:1040px; margin:10px auto; text-align:left;}
.n_navi_set span{ display:inline-block !important; font-size:80%; margin-right:1em;}
.n_navi_set .filter-title{ width:100px; text-align:right !important; font-weight:bold; color:#999;}
.n_navi_set span a:link,
.n_navi_set span a:visited{ color:#000;}
.n_navi_set span a:hover{ color:#008DDA;}

.news_fix{ background: url(../img/common/bg_b.jpg) top left repeat-x !important; position:fixed; top:120px; height:70px !important; border-bottom:#12016A solid 1px !important;}
.news_fix .n_navi_set{ width:1040px; margin:5px auto; text-align:left;}
.news_fix .n_navi_set .filter-title{ width:100px; text-align:right !important; font-weight:bold; color:#ccc;}
.news_fix .n_navi_set span a:link,
.news_fix .n_navi_set span a:visited{ color:#fff;}
.news_fix .n_navi_set span a:hover{ color:#008DDA;}

.news-box-area h2{ font-size:190%; text-indent:10px; margin:60px 0 10px 0; padding:0 0 20px 0; border-bottom:#ddd 1px solid;}
.news-box-bottom{ display:block; margin-bottom:60px;}
.t-press,
.t-kk,
.t-aa,
.t-water{ display:none;}

.news-del-area{ width:1040px; margin:30px auto; clear:both; position:relative;}
.news-del-area .news-del-navi-area{ float:right; width:250px;}
.news-del-area .news-del-navi-area a{ display:inline-block; width:70px; height:70px;}
.news-del-area .news-del-navi-area a span{ display:none;}

.news-del-area .news-del-navi-area a.next{ background:url(../../news/img/fi-play-circle-next.png) 0 0 no-repeat;}
.news-del-area .news-del-navi-area a.list{ background:url(../../news/img/fi-list.png) 0 0 no-repeat;}
.news-del-area .news-del-navi-area a.back{ background:url(../../news/img/fi-play-circle-back.png) 0 0 no-repeat;}
.news-del-area .news-del-navi-area a.next:hover{ background:url(../../news/img/fi-play-circle-next_on.png) 0 0 no-repeat;}
.news-del-area .news-del-navi-area a.list:hover{ background:url(../../news/img/fi-list_on.png) 0 0 no-repeat;}
.news-del-area .news-del-navi-area a.back:hover{ background:url(../../news/img/fi-play-circle-back_on.png) 0 0 no-repeat;}

.news-del-area .news-del-txt-area{ float:left; text-align:left; width:750px;}
.news-del-area .news-del-txt-area .date{ color:#999; display:inline-block; margin:0 15px 20px 0;}
.news-del-area .news-del-txt-area h3{ display:block; font-size:150%; margin:0 0 30px 0; line-height:1.7em;}
.news-del-area .news-del-txt-area p{ font-size:85%; margin:0 0 20px 0;}
.news-del-area .news-del-txt-area p img{ padding:.5em 0; display:block;}
.news-del-area .news-del-txt-area p strong{ font-weight:bold;}
.news-del-area .news-del-txt-area p a{ display:inline-block;}
.news-del-area .news-del-txt-area p a:link,
.news-del-area .news-del-txt-area p a:visited{ color:#000; text-decoration:underline;}
.news-del-area .news-del-txt-area p a:hover{color:#008DDA; text-decoration:none;}
.news-del-area .news-del-txt-area ul,
.news-del-area .news-del-txt-area ol{ margin:0; padding:0 0 0 1.5em; margin:1em 0;}
.news-del-area .news-del-txt-area ul li{ list-style:disc;}
.news-del-area .news-del-txt-area ol li{ list-style:decimal;}
.news-del-area .news-del-txt-area li{ font-size:85%;}

.news-del-contact{ width:99%; padding:15px; border:3px solid #008DDA; margin:20px 0 40px 0; text-align:left;}
.news-del-contact h4{ font-weight:700; color:#000; font-size:95%;}
.news-del-contact p{ font-size:85%; margin:0 0 0 0 !important;}
.news-del-contact a{ display:inline-block !important;}
.news-del-contact a:link,
.news-del-contact a:visited{ color:#000;}
.news-del-contact a:hover{ color:#008DDA;}

.news-dl-area{ width:100%; padding:15px; background-color:#ddd; text-align:left; margin:50px 0 0 0;}
.news-dl-area .pdf,
.news-dl-area .wd{ padding:0 50px 0 0; height:40px; line-height:40px; font-size:75%; display:inline-block; margin:0 15px 0 0;}
.news-dl-area .pdf:link,
.news-dl-area .pdf:visited{ color:#000; background:url(../../news/img/fi-page-pdf.png) right 50% no-repeat;}
.news-dl-area .wd:link,
.news-dl-area .wd:visited{ color:#000; background:url(../../news/img/fi-page-doc.png) right 50% no-repeat;}
.news-dl-area .wd:hover{ color:#008DDA; background:url(../../news/img/fi-page-export-doc.png) right 50% no-repeat;}
.news-dl-area .pdf:hover{ color:#008DDA; background:url(../../news/img/fi-page-export-pdf.png) right 50% no-repeat;}
.news-dl-area h5{ font-weight:bold; color:#008DDA; font-size:90%;}

.news-dl_fix{ position: fixed; top:120px; left:70.3333%;}



/* SEC base============================================================= */
.sec-contents-area{ width:100%; background:#fff;
margin-top: -85px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 85px; /* 打ち消し用のパディング */
}
.sec-contents-area .p-title{ margin:121px 0 0 0; width:100%; text-align:center; background:url(../img/common/bg_b.jpg) 0 0;}
.sec-contents-area .p-title-k{ margin:121px 0 0 0; width:100%; text-align:center; background:#fff; color:#000 !important;}
.sec-contents-area .s-title,
.sec-contents-area .r-title{ margin:0 auto; text-align:center; padding:40px 0 0 0;}
.sec-contents-area .s-title{ color:#008DDA;}
.sec-contents-area .r-title{ color:#9EDF00;}

.sec-contents-area .s-title-about{ margin:0 auto; text-align:center; padding:40px 0 0 0; color:#008DDA; font-size:190% !important;}

.h-about{ width:140px; margin:40px auto 40px auto; clear:both; border:0; height:0; border-top:1px solid #008DDA;}
.h-re{ width:140px; margin:50px auto; clear:both; border:0; height:0; border-top:1px solid #9EDF00;}

.tool-area{ width:100%; height:70px; border-top:1px solid #ddd; text-align:center; background-color:#F2EFEB; z-index:9900px;}
.tool-area a{ height:70px; width:40px; display:inline-block; text-align:center; border:0px solid #000;}
.tool-area a span{ display:none;}
.tool-area .tool-back{ background:url(../img/common/icon_back.png) 50% 50% no-repeat;}
.tool-area .tool-thum{ background:url(../img/common/icon_thum.png) 50% 50% no-repeat;}
.tool-area .tool-next{ background:url(../img/common/icon_next.png) 50% 50% no-repeat;}

.tool-r-area{ width:100%; height:70px; border-top:1px solid #ddd; text-align:center; background-color:#F2EFEB;}
.tool-r-area a{ height:70px; width:40px; display:inline-block; text-align:center; border:0px solid #000;}
.tool-r-area a span{ display:none;}
.tool-r-area .tool-back{ background:url(../img/common/icon_r_back.png) 50% 50% no-repeat;}
.tool-r-area .tool-thum{ background:url(../img/common/icon_r_thum.png) 50% 50% no-repeat;}
.tool-r-area .tool-next{ background:url(../img/common/icon_r_next.png) 50% 50% no-repeat;}

.fixed {
    position: fixed;
    top: 195px;
    /*width: 100%;
    z-index: 10000;*/
}

/* Contact============================================================= */
.contact-area{ width:1040px; display:block; padding:60px 0; margin:0 auto;}
.contact-left{ float:left;}
.contact-right{ float:right;}
.contact-left,
.contact-right{ width:50%;}
.contact-left h2,
.contact-right h2{ font-size:180%; line-height:1.5em;}
.contact-right p,
.contact-left p{ display:inline-block; margin:0 25px; padding:0;}
.contact-right p a:link,
.contact-left p a:link{ font-size:180%; text-align:center; padding-top:60px;}
.con-mail{ background:url(../../contact/img/mail_bg.png) top center no-repeat;}
.con-tel{ background:url(../../contact/img/tel_bg.png) top center no-repeat;}
.con-tel a:hover{ cursor:default;}
.con-tel a:link,
.con-mail a:link,
.con-mail a:visited,
.con-tel a:hover,
.con-tel a:visited{ color:#000;}
.con-mail a:hover{ color:#008DDA !important;}





/* About============================================================= */
/* index */
.about-rv{ /*background:url(../../about/img/about_bg.png) fixed center -300px no-repeat !important;*/ text-align:center;}
.about-rv-area{ width:900px; margin:0 auto;}
.about-rv-area h2{ margin:0 0 30px 0; line-height:1.5em; font-size:130%;}
.about-rv-area p{ margin:0 0 50px 0; padding:0 0 50px 0; font-size:85%; line-height:1.8em; background:url(../../about/img/about_bg2.jpg) bottom center no-repeat;}

.start-area{ width:1040px; height: auto; display:block; /*background:url(../../about/img/about_sawada.jpg) 0 0 no-repeat #201084;*/ margin:0 auto 50px auto;}
.start-img-area{ float:left; width:300px; height:auto;}
.start-img-area img{ width:230px; height:auto;}
.start-txt-area{ float:right; width:700px; height:auto;}
/*.start-txt-area h2{ font-size:230% !important; margin:0 0 30px 0; color:#fff !important;}*/
.start-txt-area p{ color:#000; font-size:85%; line-height:1.8em; margin:0 0 20px 0; text-align: left;}
.start-name{ font-size:130% !important; padding:10px 0 0 0; font-weight:bold; color:#000;}
.start-name span{ display: inline-block; padding:0 0 0 10px; font-size:60% !important; font-weight:normal; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

.model-area{ width:100%; background:#FBFAF9; border-bottom:#eee solid 1px; border-top:#ddd solid 1px; padding:0 0 60px 0; margin:0 0 0 0;}
.model-area h2{ margin:-20px 0 40px 0; line-height:1.5em; color:#008DDA;}
.model-area h3{ width:1040px; text-align:center; line-height:1.6em; color:#000; font-size:110%; margin:0 auto 10px auto;}
.model-area p{ width:1040px; text-align:center; margin:0 auto ; font-size:85%;}
.modelimg{ margin:-20px auto 0 auto; width:1040px; height:560px; display:block; position:relative;}
.modelimga{ visibility: hidden; position:absolute; display:block;}
.modelimgb,
.modelimgc,
.modelimgd,
.modelimge,
.modelimgf{ position:absolute; display:block; /*border:1px #cc0000 solid;*/}

.modelimga{ z-index:10; width:1040px; height: auto; top:55px; left:0;}
/*act*/
.modelimgb{ z-index:18; width:80px; height: 120px; top:290px; left:170px; /*background:url(../../about/img/model_2.png) 0 0 no-repeat;*/}
/*rbs*/
.modelimgc{ z-index:16; width:100px; height: 120px; top:350px; left:780px; /*background:url(../../about/img/model_3.png) 0 0 no-repeat;*/}
/*sight*/
.modelimgd{ z-index:18; width:80px; height: 120px; top:290px; left:90px; /*background:url(../../about/img/model_2.png) 0 0 no-repeat;*/}
/*catch*/
.modelimge{ z-index:18; width:80px; height: 120px; top:420px; left:90px; /*background:url(../../about/img/model_2.png) 0 0 no-repeat;*/ }
/*cia*/
.modelimgf{ z-index:18; width:80px; height: 120px; top:420px; left:170px; /*background:url(../../about/img/model_2.png) 0 0 no-repeat;*/ }
.cm_l,
.cm_r{ position:absolute; display:block; z-index:1; width:65px; height: auto; bottom:-125px; visibility: hidden;}
.cm_l{ left:5%;}
.cm_r{ right:5%;}

.works-area{ background:#fff; width:100%;}
.works-area h2{ margin:0 0 40px 0; padding:50px 0 0 0; line-height:1.5em; color:#008DDA;}
.works-area h3{ width:1040px; text-align:center; line-height:1.6em; color:#000; font-size:110%; margin:0 auto 10px auto;}
.works-area p{ width:1040px; text-align:center; margin:0 auto 20px auto; font-size:85%;}
.works-area p strong{ color:#666; font-size:80%;}

.works-frame{ display:block; overflow:hidden !important; margin:-20px auto 0 auto;}
.works-frame iframe{ width:100%; height:620px; overflow:hidden !important;}

.works-btn{ width:500px; height:70px; padding:0 10px; margin:50px auto 70px auto; font-size:170%; line-height:70px; background-image:url(../../about/img/icon_worksbtn.png); background-position:20px 50%; background-repeat:no-repeat; text-indent:30px; color:#fff;}
.works-btn:hover{ color:#fff;}


/* map */
.rv-map-area{ width:100%; height:350px; text-align:left; margin:0 0 0 0; position:relative;}
.rv-map-area #map_canvas { width:100%; height:350px;}
.rv-map-area .g-map{ width:1040px; font-size:70%; margin:15px auto; text-align:right;}
.rv-map-area .g-map a{ display: inline-block; background:url(../img/footer/icon_add.png) 0 0 no-repeat; padding:0 0 0 22px;}
.rv-map-area .g-map a:link,
.rv-map-area .g-map a:visited{ color:#000;}
.rv-map-area .g-map a:hover{ color:#008DDA;}
.rv-info-area{ width:100%; padding:60px 0;}
.info-left,
.info-right{ display:inline-block; letter-spacing:-.40em; text-align:left;}
.info-left li,
.info-right li{ letter-spacing:normal; font-size:100%; line-height:1.8em; margin-bottom:1em;}
.info-left li strong,
.info-right li strong{ color:#008DDA; display:block; font-weight:700; font-size:100%;}
.info-left{ margin:0 70px 0 0;}
.info-left a,
.info-right a{ display:inline-block; font-size:73%; padding:0 0 0 25px; line-height:25px;}
.info-left a:link,
.info-right a:link,
.info-left a:visited,
.info-right a:visited{ background:url(../img/common/icon_link.png) left 50% no-repeat; color:#000;}
.info-left a:hover,
.info-right a:hover{ background:url(../img/common/icon_link_on.png) left 50% no-repeat; color:#008DDA;}

.rv-info-area h3,
.rv-his-area h3,
.rv-prof-area h3{ width:1040px; margin:0 auto 40px auto; font-size:180%; text-align:left;}
.rv-prof-area{ width:1040px !important; margin:0 auto; display:block; position:relative;}
.rv-prof-area img{ width:1040px; height:auto;}

.rv-p-link-1,
.rv-p-link-2,
.rv-p-link-3,
.rv-p-link-4,
.rv-p-link-5,
.rv-p-link-6,
.rv-p-link-7,
.rv-p-link-8,
.rv-p-link-9,
.rv-p-link-10,
.rv-p-link-11,
.rv-p-link-12,
.rv-p-link-13,
.rv-p-link-14,
.rv-p-link-15,
.rv-p-link-16,
.rv-p-link-17,
.rv-p-link-18,
.rv-p-link-19,
.rv-p-link-20,
.rv-p-link-21,
.rv-p-link-22,
.rv-p-link-23,
.rv-p-link-24,
.rv-p-link-25,
.rv-p-link-26{ position:absolute; z-index:10px; /*border:1px #cc0000 solid;*/ }
/* フード */
.rv-p-link-1{ top:245px; left:40px; width:109px; height:103px;}
.rv-p-link-2{ top:245px; left:155px; width:109px; height:103px;}
.rv-p-link-3{ top:245px; left:269px; width:109px; height:103px;}
.rv-p-link-4{ top:351px; left:40px; width:109px; height:103px;}
.rv-p-link-5{ top:351px; left:155px; width:109px; height:103px;}
.rv-p-link-25{ top:351px; left:269px; width:109px; height:103px;}
/*アパレル*/
.rv-p-link-6{ top:485px; left:40px; width:109px; height:103px;}
.rv-p-link-7{ top:485px; left:155px; width:109px; height:103px;}
.rv-p-link-8{ top:485px; left:269px; width:109px; height:103px;}
/*教育ホテルウェディング*/
.rv-p-link-9{ top:619px; left:40px; width:109px; height:103px;}
.rv-p-link-10{ top:619px; left:155px; width:109px; height:103px;}
.rv-p-link-11{ top:619px; left:269px; width:109px; height:103px;}
/*BPO*/
.rv-p-link-12{ top:763px; left:40px; width:109px; height:103px;}
/*投資先*/
.rv-p-link-13{ top:245px; left:425px; width:109px; height:103px;}
.rv-p-link-14{ top:351px; left:425px; width:109px; height:103px;}
.rv-p-link-15{ top:457px; left:425px; width:109px; height:103px;}
.rv-p-link-16{ top:563px; left:425px; width:109px; height:103px;}
.rv-p-link-17{ top:669px; left:425px; width:109px; height:103px;}
.rv-p-link-18{ top:775px; left:425px; width:109px; height:103px;}
.rv-p-link-26{ top:881px; left:425px; width:109px; height:103px;}
/*機能*/
.rv-p-link-19{ top:295px; left:790px; width:120px; height:106px;}
.rv-p-link-20{ top:410px; left:790px; width:120px; height:106px;}
.rv-p-link-21{ top:550px; left:710px; width:120px; height:90px;}
.rv-p-link-22{ top:530px; left:850px; width:120px; height:106px;}
.rv-p-link-23{ top:650px; left:790px; width:120px; height:106px;}
.rv-p-link-24{ top:760px; left:950px; width:120px; height:106px;}


/* history */
.rv-his-area{ width:100%; padding:60px 0; background:#FBFAF9; }
.rv-his{ width:1040px; display:block; height:100%; margin:0 auto;}
.rv-his ul{ width:900px; text-align:left;}
.rv-his li{ font-size:100%; margin:0 0 1em 0;}
.rv-his li strong{ font-size:110%; width:140px; background:url(../../about/company/img/his_list_bg.png) right 50% no-repeat; color:#008DDA;}
.rv-his li strong,
.rv-his li span{ display:inline-block; font-weight:700;}
.rv-his li span{ padding:0 .8em; width:40px;}

/* portfolio */
.rv-prof-area{ width:100%; padding:60px 0;}



/* officer */
.staff-thum-area,
.staff-name-area{  margin:50px auto; letter-spacing:-.40em; text-align:center;}
.staff-thum{ width:320px; /*height:310px;*/ height:auto; display:inline-block; text-align:center; letter-spacing:normal; margin:0 0 40px 0;}
.staff-thum img{ width:320px; height:auto;}
.staff-thum h3{ font-size:145%; padding:30px 0 10px 0;}
.staff-thum p{ line-height:1.5em; font-size:81%; padding:0 0 35px 0; color:#666;}
.staff-thum p strong{ color:#666; font-weight: normal; display:block !important;}
.staff-thum a{ display:block; background:url(../img/common/icon_link.png) center bottom no-repeat;}
.staff-thum a:hover{ background:url(../img/common/icon_link_on.png) center bottom no-repeat;}
.staff-thum a:link h3,
.staff-thum a:visited h3{ color:#000;}
.staff-thum a:link p,
.staff-thum a:visited p{ color:#666;}

.staff-name{ width:330px; height:200px; display:inline-block; text-align:center; letter-spacing:normal;}
.staff-name h3{ font-size:145%; padding:0 0 10px 0;}
.staff-name p{ line-height:1.5em; font-size:81%; padding:0 0 0 0; color:#666;}
.staff-name p strong{ color:#666; font-weight: normal; display:block !important;}

.officer-img{ margin:40px auto; width:1040px; position:relative;}
.officer-img img{ width:1040px; height:auto;}
.officer-img p{ font-size:78%; color:#666; text-align:left; padding:20px 40px; line-height:1.5em;}
.officer-img p strong{ font-weight:bold; color:#000; display:block; margin-bottom:8px;}
.officer-img p span{ display:inline-block; margin-right:10px;}
.officer-img p span i{ font-size:80%; color:#A0A0A0; padding-left:5px;}

.staff-img{ margin:40px auto; width:1040px; clear:both;}
.staff-img .txt-area{ width:1040px; margin:0 auto; /*float:right;*/ }
.staff-img .img-area{ float:left; width:390px; display:block;}
.staff-img .img-area img{ width:250px; height:auto;}
.staff-img .txt-area h2{ font-size:210%; margin:55px 0 0 0; text-align:center;}
.staff-img .txt-area h2 span{ display:block; font-size:40%; padding:10px 0 0 0; color:#666; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
.staff-img .txt-area p{ padding:30px 0 0 0; font-size:78%; text-align:left; color:#666;}
.staff-img .txt-area p strong{ font-weight:700; display:block; color:#333;}

.officer-mes{ width:100%; text-align:center; margin:30px 0 80px 0; display:block; font-size:180%; color:#008DDA;}

.interview-set-left,
.interview-set-right,
.interview-set-all{ width:1040px; display:block; margin:0 auto 80px auto; clear:both; text-align:left;}

.interview-set-all .img-area{ width:1040px; margin:0 0 30px 0;}
.interview-set-left .img-area{ float:left; width:330px; margin:0 0 0 0; text-align:left;}
.interview-set-right .img-area{ float:right; width:330px; margin:0 0 0 0; text-align:right;}
.interview-set-all .txt-area{ width:1040px; text-align:left;}
.interview-set-left .txt-area{ float:right; width:660px; margin:0 0 0 0;}
.interview-set-right .txt-area{ float:left; width:660px; margin:0 0 0 0;}

.interview-set-left .img-area img,
.interview-set-right .img-area img{ width:300px; height:auto;}

.interview-set-all .txt-area h2,
.interview-set-left .txt-area h2,
.interview-set-right .txt-area h2{ margin:0 0 30px 0; line-height:1.5em;}
.interview-set-all .txt-area h3,
.interview-set-left .txt-area h3,
.interview-set-right .txt-area h3{ margin:30px 0 15px 0; line-height:1.5em; font-size:110%;}
.interview-set-all .txt-area p,
.interview-set-left .txt-area p,
.interview-set-right .txt-area p{ margin:0 0 20px 0; font-size:83%; text-align:justify;}
.interview-set-all .txt-area p strong,
.interview-set-left .txt-area p strong,
.interview-set-right .txt-area p strong{ font-weight:700; /*font-size:110%;*/}


/* Function */
.func-thum-area{  margin:40px auto; letter-spacing:-.40em; text-align:center;}
.func-thum-area h2{ letter-spacing:normal; font-size:130%; line-height:1.6em;}
.func-thum-area .del-info{ letter-spacing:normal;}
.func-thum{ width:400px; /*height:310px;*/ height:auto; display:inline-block; text-align:center; letter-spacing:normal; margin:0 15px 40px 15px;}
.func-thum h3{ font-size:130%; margin:0 auto 30px auto; display:block;}
.func-thum p{ font-size:100%;}
.func-thum a{ display:block; width:400px; height:470px; background:url(../img/common/icon_link.png) center bottom no-repeat;}
.func-thum a:hover{ background:url(../img/common/icon_link_on.png) center bottom no-repeat;}
.func-thum a:link h3,
.func-thum a:visited h3,
.func-thum a:hover h3{ color:#000;}
.func-thum .func-logo-act,
.func-thum .func-logo-rbs{ display:block; width:250px; height:250px; margin:0 auto 20px auto;}
.func-thum .func-logo-act span,
.func-thum .func-logo-rbs span{ display:none;}
.func-thum .func-logo-act{ background:#fff url(../../about/function/img/thum_act.png) top center no-repeat;}
.func-thum .func-logo-rbs{ background:#fff url(../../about/function/img/thum_rbs.png) top center no-repeat;}

.func-title{ letter-spacing:normal; font-size:170% !important; line-height:1.6em; margin:0 0 20px 0;}
.func-lead{ letter-spacing:normal; line-height:1.6em; color:#666;}
.func-logo{ width:150px; height:auto; margin:40px auto 50px auto;}

.func-txt-area{ width:1040px; margin:0 auto 60px auto; clear:both; display:block;}

.func-txt-left{ float:left;}
.func-txt-right{ float:right;}
.func-txt-left,
.func-txt-right{ width:43%;}
.func-txt-img{ width:1040px;}
.func-txt-img .img-area{ float:right;}
.func-txt-img .img-area img{ width:280px; height:280px; margin:0 0 0 30px;}
.func-txt-img .txt-area{ width:730px; float:left;}
.func-txt-all{ width:1040px;}
.func-txt-officer{ width:1040px; clear:both;}

.func-txt-left,
.func-txt-right,
.func-txt-img,
.func-txt-all,
.func-txt-officer{ height:auto; margin:0 0 40px 0; display:block; text-align:left; letter-spacing:normal;}

.func-txt-left h4,
.func-txt-right h4,
.func-txt-img h4,
.func-txt-all h4,
.func-txt-officer h4{ color:#008DDA; font-size:120%; margin:20px 0;}

.func-txt-left p,
.func-txt-right p,
.func-txt-img p,
.func-txt-all p,
.func-txt-officer p{ font-size:83%;}
.func-txt-all p strong,
.func-txt-officer p strong{ display:block; font-weight:bold;}

.func-txt-officer p{ float:left; width:700px;}
.func-txt-officer .img-area{ float:right; width:290px;}
.func-txt-all .img-area .re-inter-img{ display:inline-block !important; width:220px; margin:30px 20px 0 0;}
.func-txt-all .img-area img,
.func-txt-officer .img-area img{ width:210px; height:auto;}
.func-txt-all .r-mesh3,
.func-txt-officer .r-mesh3,
.func-txt-all .r-mesh3{ font-size:110%; width:210px;}
.func-txt-all .r-mespos,
.func-txt-office .r-mespos{ width:210px;}

.func-table{ width:1040px; margin:0 auto; letter-spacing:normal; padding:0;}
.func-table th,
.func-table td{ vertical-align:central; padding:10px 5px;}
.func-table tr{ border-bottom:1px solid #eee; border-top:1px solid #fff;}
.func-table td{ background:#FAF9F7; text-align:left; font-size:76%; color:#666;}
.func-table th{}
.func-table th.t-title{ color:#008DDA; width:120px;}
.func-table th.g-title{ width:160px;}



/* Portfolio============================================================= */
/* thum */
.works-h3{ width:1040px; text-align: center; line-height:1.6em; color:#000; font-size:125%; margin:50px auto 15px auto;}
.works-p{ width:1040px; text-align: center; margin:0 auto 20px auto; font-size:87%; line-height:1.7em;}

.prot-thum-area{  margin:30px auto 0 0; letter-spacing:-.40em; text-align:center;}
.prot-thum{ width:200px; display:inline-block; text-align:center; letter-spacing:normal; margin:0 0 30px 0;}
.prot-thum img{ border-bottom:1px #ddd solid; border-top:1px #ddd solid; border-left:1px #ddd solid; width:199px; height:199px;}
.prot-thum h3{ font-size:70%; padding:1px 0;}
.prot-thum a{ display:block; height:260px; background:url(../img/common/icon_link.png) center bottom no-repeat;}
.prot-thum a:hover{ background:url(../img/common/icon_link_on.png) center bottom no-repeat;}
.prot-thum a:link h3,
.prot-thum a:visited h3{ color:#000;}

.atten{ width:980px; background:#F8F8F8; padding:30px; color:#000; text-align:left; margin:30px auto 50px auto;}
.atten h4{ font-size:120%; margin-bottom:10px;}
.atten p{ font-size:80%;}
.atten a{ display:inline-block !important;}
.atten a:link,
.atten a:visited{ color:#008DDA; text-decoration:none;}
.atten a:hover{ color:#000; text-decoration:none;}

 
.bor-r{ border-right:#ddd 1px solid;}
.inter{ background:url(../../portfolio/img/icon_inter.png) 170px 10px no-repeat;}
.open{ background:url(../../portfolio/img/icon_open.png) 170px 10px no-repeat;}

/* del */
.del-info{ width:100%; background:#F7F5F3;}
.del-info-area{ width:1040px; padding:40px 0; margin:0 auto 50px auto;}
.del-info-top{ display:block; height:100%; border-bottom:#EDEDED 1px solid; padding:0 0 30px 0;}
.del-info-bottom{ display: block; height:100%; padding:30px 0 0 0;}
.del-info-top-left{ width:45%;}
.del-info-top-right{ width:55%;}
.del-info-bottom-left{ width:10%;}
.del-info-bottom-right{ width:90%;}

.del-info-top-left{ float:left; text-align:center;}
.del-info-top-left h2{ margin:5px 0 40px 0; font-size:130%;}
.del-info-top-left img{ width:200px; height:auto;}
.del-info-top-left img.jp{ width:105px !important; height:auto;}
.del-info-top-left img.thir{ width:150px !important; height:auto;}
.del-info-top-left img.cus{ width:150px !important; height:auto;}
.del-info-top-left img.hero{ width:250px !important; height:auto;}


.del-info-top-right{ float:right;  text-align:left;}
.del-info-top-right h3{ font-size:110%; margin:10px 0 30px 0; color:#008DDA;}
.del-info-top-right p{ font-size:80%; margin:0 0 12px 0;}

.del-info-bottom-left{ float:left;}
.del-info-bottom-left h4{ font-size:95%; margin:0 0 30px 0; color:#008DDA; text-align:left;}

.del-info-bottom-right{ float:right; text-align:left;}
.del-info-bottom-right ul{ text-align:left; float:left; margin:0 35px 0 0;}
.del-info-bottom-right ul li{ font-size:75%; color:#666; margin:0 0 0 0;}
.del-info-bottom-right ul li strong{ color:#000; font-weight:bold; display:inline-block; width:6em;}

.del-txt-area{ width:1040px; height:100%; margin:0 auto; clear:both; display:block;}
.del-txt-area .del-txt-left{ float:left;}
.del-txt-area .del-txt-right{ float:right;}
.del-txt-area .del-txt-left,
.del-txt-area .del-txt-right{ text-align:left; width:48%; height: auto; display:inline-block; margin:0 0 55px 0;}
.del-txt-area .del-txt-all{ text-align:left; width:100%; height: auto; display:block; margin:0 0 0 0; clear:both;}
.del-txt-area .del-txt-all h2,
.del-txt-area .del-txt-left h2,
.del-txt-area .del-txt-right h2{ font-size:170%; margin:30px 0 40px 0; display:block;}
.del-txt-area .del-txt-all p,
.del-txt-area .del-txt-left p,
.del-txt-area .del-txt-right p{ font-size:85%; margin-bottom:20px;}
.del-txt-area .del-txt-all p strong,
.del-txt-area .del-txt-left p strong,
.del-txt-area .del-txt-right p strong{ font-weight:bold; color:#008DDA; display:block;}

.del-btn{ clear:both; width:200px; margin:30px auto 40px auto; display:block;}
.del-btn a:link,
.del-btn a:visited{ color:#000; font-size:78%; display:block; background:url(../img/common/icon_link.png) center bottom no-repeat; height:55px;}
.del-btn a:hover{ background:url(../img/common/icon_link_on.png) center bottom no-repeat;}
.del-txt-img{ margin:30px auto 50px auto;}
.del-txt-img img,
.del-img-area img{ width:1040px; height:auto;}
.del-img-area{ width:1040px; margin:0px auto 20px auto;}
.del-txt-img p{ font-size:78%; color:#666; text-align:left; padding:10px 0; line-height:1.5em;}
.del-txt-img p strong{ font-weight:bold; color:#000; display: inline-block; margin-right:8px;}
.del-txt-img p span{ display:inline-block; margin-right:10px;}
.del-txt-img p span i{ font-size:80%; color:#A0A0A0; padding-left:5px;}
 



/* Recruit============================================================= */
/* recruit */
.h-green{ font-size:160%; padding:0 0 20px 0; font-size:180%; color:#99DF00; font-style:italic !important; margin:40px 0 0 0 !important;}
.h-green span{ font-size:65%; color:#fff; margin:15px 0 0 0; display:block;}

.recruit-area{ margin:121px 0 0 0; background:url(../img/common/bg_b.jpg) 0 0 repeat; padding:0 0 40px 0;}
.re-bg{ display: block; width:100%; height:260px; background:url(../../img/recruit/top_bg.jpg) center top repeat-x;}

.re-tool-area{ width:550px; margin:20px auto; clear:both;}
.re-tool-area a{ display:block; width:100px; float:left; margin:5px 0;}
.re-tool-area a span{ display:block; text-align:center; font-size:70%; line-height:1.3em; padding-top:90px; width:100px;}
.re-tool-area a:link,
.re-tool-area a:hover,
.re-tool-area a:visited{ color:#000;}
.re-tool-a{ background:url(../../recruit/img/re-tool-a.jpg) top center no-repeat;}
.re-tool-b{ background:url(../../recruit/img/re-tool-b.jpg) top center no-repeat;}
.re-tool-c{ background:url(../../recruit/img/re-tool-c.jpg) top center no-repeat;}
.re-tool-d{ background:url(../../recruit/img/re-tool-d.jpg) top center no-repeat;}
.re-tool-e{ background:url(../../recruit/img/re-tool-e.jpg) top center no-repeat;}
.re-tool-a:hover{ background:url(../../recruit/img/re-tool-a_on.jpg) top center no-repeat;}
.re-tool-b:hover{ background:url(../../recruit/img/re-tool-b_on.jpg) top center no-repeat;}
.re-tool-c:hover{ background:url(../../recruit/img/re-tool-c_on.jpg) top center no-repeat;}
.re-tool-d:hover{ background:url(../../recruit/img/re-tool-d_on.jpg) top center no-repeat;}
.re-tool-e:hover{ background:url(../../recruit/img/re-tool-e_on.jpg) top center no-repeat;}

/* recruit_top */
.recruit-top{ width:100%; display:block; height:400px; text-align:center; background:url(../../recruit/img/top-bg.jpg) repeat-x; margin:0 0 0 0;}
.recruit-h2{ line-height:400px; font-size:360%; margin:0 auto; width:100%; text-align:center; color:#000; text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff;}
.recruit-nav-set{ margin:0 0 0 0; width:100%; text-align:center; padding:55px 0;}
.recruit-nav-set h3{ font-size:155% !important; margin:0 0 30px 0 !important;}
.recruit-nav-set p{ font-size:90%; line-height:2em; margin:0 0 40px 0;}
.recruit-nav-set ul{ margin:0 auto; width:1040px;}
.recruit-nav-set li{ float:left; font-size:87%;}
.recruit-nav-set li a{ width:208px; height:208px; display:block; line-height:198px; font-weight:700;}
.recruit-nav-set li .btn-bg1{ background:url(../../recruit/img/btn_bg1.jpg) 0 0 no-repeat;}
.recruit-nav-set li .btn-bg2{ background:url(../../recruit/img/btn_bg2.jpg) 0 0 no-repeat;}
.recruit-nav-set li .btn-bg3{ background:url(../../recruit/img/btn_bg3.jpg) 0 0 no-repeat;}
.recruit-nav-set li .btn-bg4{ background:url(../../recruit/img/btn_bg4.jpg) 0 0 no-repeat;}
.recruit-nav-set li .btn-bg5{ background:url(../../recruit/img/btn_bg5.jpg) 0 0 no-repeat;}
.recruit-nav-set li a:link,
.recruit-nav-set li a:visited,
.recruit-nav-set li a:hover{ color:#000;}

.recruit-nav-set{
box-shadow:rgba(118, 120, 125, 0.2) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(118, 120, 125, 0.2) 0px 0px 4px 2px;
-moz-box-shadow:rgba(118, 120, 125, 0.2) 0px 0px 4px 2px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=0,strength=2,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=0,strength=2,enabled=true); /* IE5.5+ */
}

/* message */
.re-inter-area{ width:1040px; height:100%; display:block; margin:50px auto 0 auto; clear:both;}
.re-inter-img{ float:left; width:350px; margin:0 50px 0 0; text-align:left;}
.re-inter-txt{ float:right; width:640px; margin:0 0 0 0; text-align:left;}
.re-inter-img img{ width:300px; height:auto;}
.re-inter-txt h2{ margin:0 0 30px 0; line-height:1.5em;}
.re-inter-txt p{ margin:0 0 20px 0; font-size:83%; text-align:justify;}
.r-mesh3,
.r-mesre,
.r-mespos{ display:block;}
.r-mesh3{ font-size:178%; margin:.5em 0 .2em 0;}
.r-mespos{ font-size:77%; margin:0 0 2em 0;}
.r-mesre{ font-size:67%; line-height:1.6em; color:#666; margin:1em 0 .2em 0;}


/* group */
.group-thum-area{ width:1040px; margin:40px auto; letter-spacing:-.40em; text-align:left;}
.group-thum-area p{ width:1040px; text-align: center; margin:0 auto 20px auto; font-size:85%; letter-spacing:normal;}
.group-thum-area ul{ margin:0 0 0 -10px !important; padding:0;}
.group-thum{ width:500px; display:inline-block; letter-spacing:normal; margin:0 0 10px 0;}

.group-thum a{ display:block; border:#fff 5px solid;}
.group-thum a img,
.group-thum a h3{
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
.group-thum a img{ border:#fff 5px solid; width:500px; height:auto;}
.group-thum a:hover img{ border:#9EDF00 5px solid;}
.group-thum a:link,
.group-thum a:hover,
.group-thum a:visited{ color:#000; font-size:120%; font-weight:700;}
.group-thum a h3{ display:none; text-align:center; margin:8px 0 0 0; padding:0 0 35px 0; background:url(../img/common/icon_link_g.png) bottom center no-repeat;}
.group-thum a:hover h3{ background:url(../img/common/icon_link_g_on.png) bottom center no-repeat;}



/* entry */
.recruit-info{ margin:60px auto 40px auto; color:#fff; clear:both; width:900px;}
.recruit-info h3{ float:left; font-size:180%; line-height:1.5em;}
.recruit-info ul li h4{ font-size:180%; color:#99DF00; font-weight:700;}
.recruit-info ul{ text-align:left; font-size:100%; float:right;}
.recruit-info ul li{ line-height:2.5em;}
.recruit-info ul li strong{ font-weight:700; text-align:right !important; margin:0 20px 0 0; display:inline-block; width:200px;}
.recruit-toform-btn-area{ width:1000px; margin:0 auto; padding:60px 0;}
.recruit-toform-btn-area a,
.recruit-toform-btn-area input{ width:470px; margin:0 auto; height:75px; line-height:75px; font-size:160%;
background-image:url(../img/recruit/entry_btn_bg.png);
background-position:5% 50%;
background-repeat:no-repeat;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.recruit-toform-btn-area a:link,
.recruit-toform-btn-area input,
.recruit-toform-btn-area a:visited{ color:#000;}
.recruit-toform-btn-area a:hover,
.recruit-toform-btn-area input:hover{ color:#fff; cursor:pointer;}

/* recruit_form */
.flow{ padding:20px 0 35px 0; margin:0 auto;}
.form-att{ color:#fff; font-size:100%; line-height:1.6em;}
.form-att strong{ font-weight:normal; color:#9EDF00;}
.form-att span{ font-size:75%;}

.form-area{ width:850px; display:block; /*background-color:#EAEAEA;*/ margin:50px auto 0 auto; clear:both;}
.form-left{ float:left;}
.form-right{ float:right;}
.form-area ul{ padding:0; margin:0 auto; width:500px;}
.form-area ul li{ text-align:left; display:block; margin:0 0 25px 0; color:#fff;}
.form-area ul li strong{ font-size:110%; display:block; margin:0 0 8px 0;}
.form-area ul li input{ padding:10px; width:480px; height:15px; line-height:35px; font-size:100%; background-color:#E6E0D9; border:0; color:#000;}
.form-area ul li select{ padding:10px; width:500px; height:35px; line-height:35px; font-size:100%; background-color:#E6E0D9; border:0; color:#000;}
.form-area ul li input:hover,
.form-area ul li input:focus,
.form-area ul li textarea:hover,
.form-area ul li textarea:focus,
.form-area ul li select:focus,
.form-area ul li select:hover{ background:#9EDF00; color:#fff;}
.form-area ul li span{ font-size:75%; display:block; margin:0 0 0 0;
filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.form-area ul li i{ display:inline-block; padding:0 10px;}
.form-area ul li .birth-y,
.form-area ul li .birth-m,
.form-area ul li .birth-d{ display:inline-block !important;}
.form-area ul li .birth-y{ width:110px !important;}
.form-area ul li .birth-m,
.form-area ul li .birth-d{ width:50px !important;}

.form-area ul li label.sex-r{ display: inline-block; width:75px; text-align:left !important;}
.form-area ul li label.sex-r input{ text-align:left !important; width:15px !important;}
.form-area ul li label.sex-r span{ font-size:105%;
filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1;
}
.form-area ul li textarea{ width:480px; height:250px; background-color:#E6E0D9; font-size:100%; padding:10px;}

.fileUploder{
    position:relative;
    /*↓幅はデザイン依存。場合によっては、指定しなくていい*/
    width:500px;
    /*↓高さ指定しないとIE7で領域がひろがる…？*/
    height:31px;
    /*↓はみ出した分隠す。IE対策*/
    overflow:hidden;
	margin:0 0 8px 0;
}
.fileUploder .uploader{
    position:absolute;
    top:0;
    /*↓leftからrightに。ボタンが右にあるので、rightにしないとだめ。IE対策。*/
    right:0;
    /*↓念のため*/
    z-index:10;
    width:100%;
    height:100%;
    /*↓ここでフォームアイテムの大きさを調整。IE対策*/
    font-size:315px;
    opacity:0;
    /*↓IE6,7対策*/
    filter:alpha(opacity=0);
    /*↓IE8対策*/
    -ms-filter:"alpha(opacity=0)";
}

.fileUploder .txt{
	font-size:70% !important;
	padding:6px 10px;
	line-height:1em;
	width:355px;
	vertical-align:top;
	border:1px solid #cbcbcb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:inset 2px 2px 2px 0 #eeeeee;
	-moz-box-shadow:inset 2px 2px 2px 0 #eeeeee;
	-webkit-box-shadow:inset 2px 2px 2px 0 #eeeeee;
}
.fileUploder .btn{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	display:block;
	width:138px;
	height:31px;
	text-indent:-99999px;
	overflow:hidden;
	border:none;
	background:url(../img/recruit/upload_btn.png) no-repeat 0 0;
}
.fileUploder .btn:hover{
	background-position:0 100%;
	cursor: pointer;
}
.error-txt{ color:#FF0004; font-weight:bold;}
.read{ width:470px; margin:20px auto 0 auto; display:block; text-align:left;}
.read p{ font-size:80%; text-align:left;}
.read a{ text-decoration:underline !important; text-align:left; font-size:83%; background:url(../img/common/icon_link_g.png) left 50% no-repeat; padding:0 0 0 30px; height:50px; line-height:50px;}
.read a:link,
.read avisited{ color:#000;}
.read a:hover{ color:#9EDF00;}
.read span{ font-size:75%; text-align:left;}

/* recruit_form_confirm */
.form-area ul li p{ padding:10px; width:480px; font-size:100%; background-color:#fff; border:0; color:#000; margin:0 0 5px 0;}




/* Privacy */
.privacy-area{ width:1040px; margin:10px auto 50px auto;}
.privacy-area h2,
.privacy-area p,
.privacy-area li{ text-align:left !important;}
.privacy-area h2{ margin:20px 0 !important; display:block;}
.privacy-area p,
.privacy-area li{ font-size:85% !important; color:#000;}
.privacy-area ul li{ list-style:disc !important;}
.privacy-area ul,
.privacy-area ol{ padding:.5em 0 .5em 1.5em;}
.privacy-area ol li{ list-style:decimal !important;}

.privacy-area p a:link,
.privacy-area p a:visited,
.privacy-area li a:link,
.privacy-area li a:visited{ color:#000; text-decoration:underline !important;}
.privacy-area p a:hover,
.privacy-area li a:hover{ color:#008DDA; text-decoration: none !important;}
.privacy-area p strong{ font-weight:700;}
.privacy-area p span{ display:block; color:#333 !important; margin:1.5em 0;}

/* 404 */
.not-area{ width:1040px; margin:50px auto 250px auto;}
.not-area h2,
.not-area p,
.not-area li{ text-align: center;}

.not-area h2{ margin:20px 0 !important; display:block; line-height:1.5em; font-size:200% !important;}
.not-area p,
.not-area li{ font-size:100% !important; color:#000;}
.not-area ul li{ list-style:disc !important;}
.not-area ul,
.not-area ol{ padding:.5em 0 .5em 1.5em;}
.not-area ol li{ list-style:decimal !important;}

.not-area p a:link,
.not-area p a:visited,
.not-area li a:link,
.not-area li a:visited{ color:#000; text-decoration:underline !important;}
.not-area p a:hover,
.not-area li a:hover{ color:#008DDA; text-decoration: none !important;}
.not-area p strong{ font-weight:700;}
.not-area p span{ display:block; color:#333 !important; margin:1.5em 0;}

.not-btn-area{ margin:30px auto; width:auto; display:block;}
.not-btn-area a{ display:inline-block; padding:15px 24px;}
.not-btn-area a:link,
.not-btn-area a:visited{ color:#fff;}
.not-btn-area a:hover{ color:#000;}