@charset "utf-8";

body {
font−size:14px;
line-height:180%;

}



/*header*/

.container {
width: 1000px;
margin:0 auto;
position:relative;
}

.container p{
margin:0 0 1.5em 0;
}

#home #header {
width:100%;
height:248px;
position:relative;
margin:0 auto;
border-top:8px solid #fe330a;
}

#home #header h1{
position:absolute;
left:50%;
top:48px;
margin-left:-66px;
width:132px;
height:166px;
z-index:1;
}
#home #header h1 a{
display:block;
width:132px;
height:166px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/home/homeLogo.png) no-repeat;
}



/*nav*/
#home #gnav {
width:1000px;
height:43px;
position:absolute;
left:0;
top:104px;
}
#home #gnav li{
float:left;
height:43px;
margin: 0;
padding: 0;
list-style-type:none;
background:url(../img/home/gnav_on.png) 0 0 no-repeat;
}

#home #gnav li a {
display: block;
height:43px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
transition: .3s;
background:url(../img/home/gnav_off.png) 0 0 no-repeat;
}
#home #gnav li a.current,
#home #gnav li a:hover {
opacity:0;
}

#home #gnav li.aboutus {
width:98px;
background-position: -50px 0;
margin-left:50px;
}
#home #gnav li.aboutus a {
width:98px;
background-position: -50px 0;
}
#home #gnav li.works {
width:102px;
background-position: -229px 0;
margin-left:81px;
}
#home #gnav li.works a {
width:102px;
background-position: -229px 0;
}
#home #gnav li.recruit {
width:101px;
background-position: -680px 0;
margin-left:349px;
}
#home #gnav li.recruit a {
width:101px;
background-position: -680px 0;
}
#home #gnav li.blog {
width:67px;
background-position: -871px 0;
margin-left:90px;
}
#home #gnav li.blog a {
width:67px;
background-position: -871px 0;
}


#mainSlide {
width:1000px;
height:510px;
margin:0 auto 50px auto;
position: relative;
}

.catch01 {
position:absolute;
left:78px;
top:149px;
z-index:1;
}
.catch02 {
position:absolute;
left:109px;
top:195px;
z-index:1;
}

/*
.pageLink {
display:inline-block;
padding-top:67px;
margin-top:-67px;
height:1px;
line-height:0;
margin:0;
padding:0;
}*/
.pageLink {
       position: relative;
       top: -81px;
       display: block;
height:0px;
}

.recentTopic {
width:567px;
float:left;

}
.topBanner {
width:380px;
float:right;
margin-bottom:60px;
}
.blogTop {
text-align:right;
margin-top:10px;
}

.recentTopic dl{
font-size:11px;
line-height:130%;
margin:0 0 0 0;
padding:10px 0;
background:url(../img/home/dotLine.png) 0 100% repeat-x;
}
.recentTopic dl:last-child{
margin:0 0 10px 0;
}

.recentTopic dl a{
color:#231815;
text-decoration:none;
transition: .3s;
}
.recentTopic dl a:hover{
color:#fe330a;
transition: .3s;
}
.recentTopic dl dt{
width:136px;
float:left;
}
.recentTopic dl dd{
width:431px;

float:right;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.recentTopic dl dd a{
/*width:430px;
display:block;*/

}

#footer {
width:100%;
background:#fe330a;
padding:15px 0;
margin:0 0 0 0;
}

.f_navBox ul {
margin-bottom:10px;
}
.f_navBox li {
float:left;
/*margin-right:38px;*/
letter-spacing:0;
font-size:14px;
}
.f_navBox li.parent {
margin-left:38px;
}
.f_navBox li:first-child {
margin-left:0;
margin-right:15px;
}


.f_navBox li.lined,
.f_navBox li.child {
margin-right:13px;
}

.f_navBox li a {
}

.f_navBox li.parent a {
display:block;
background:url(../img/common/listDot.png) 0 50% no-repeat;
padding:0 0 0 13px;
color:#ffffff;
transition: .3s;
text-decoration:none;
}
.f_navBox li.parent a:hover {
background:url(../img/common/listDotY.png) 0 50% no-repeat;
color:#ffd264;
transition: .3s;
}

.f_navBox li.child a {
padding:0 0 0 15px;
color:#ffffff;
transition: .3s;
text-decoration:none;
background:url(../img/common/listLine.png) 0 50% no-repeat;
}
.f_navBox li.lined a {
padding:0 0 0 38px;
color:#ffffff;
transition: .3s;
text-decoration:none;
background:url(../img/common/listLineH.png) 0 50% no-repeat;
}
.f_navBox li.child a:hover,
.f_navBox li.lined a:hover {
color:#ffd264;
transition: .3s;
}

#footer h1 {
display:inline-block;
font-size:14px;
}
#footer h1 a{
color:#ffffff;
text-decoration:none;
transition: .3s;
}
#footer h1 a:hover {
color:#ffd264;
transition: .3s;
}

#f_contact,
#f_info {
display:inline-block;
color:#ffffff;
font-size:12px;
margin-left:20px;
}

#f_contact {
text-align:right;
float:right;
background:url(../img//home/f_contact.png) 100% 50% no-repeat;
padding-right:140px;
margin-right:40px;
}

/************第二階層以降の設定*************/
body.second {
margin-top:80px;
}

.second #header {
width:100%;
border-top:8px solid #fe330a;
border-bottom:1px solid #fe330a;
height:81px;
position:fixed;
left:0;
top:0;
z-index:100;
background:#ffffff;
box-sizing:border-box;
}

.second #header h1{
position:absolute;
left:0;
top:0;
width:139px;
height:71px;
z-index:1;
}
.second #header h1 a{
display:block;
width:139px;
height:71px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/common/s_gnav_on.png) 0 0 no-repeat;
}




/*nav*/
.second #gnav {
width:1000px;
height:71px;
position:absolute;
left:0;
top:0;
}
.second #gnav li{
float:left;
height:71px;
width:78px;
margin: 0;
padding: 0;
list-style-type:none;
background:url(../img/common/s_gnav_on.png) -280px 0 no-repeat;
}

.second #gnav li a {
display: block;
height:71px;
width:78px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
transition: .3s;
background:url(../img/common/s_gnav_off.png) -280px 0 no-repeat;
}
.second #gnav li a.current,
.second #gnav li a:hover {
opacity:0;
}

.second #gnav li.aboutus {
background-position: -280px 0;
margin-left:280px;
}
.second #gnav li.aboutus a {
background-position: -280px 0;
}
.second #gnav li.works {
background-position: -465px 0;
margin-left:107px;
}
.second #gnav li.works a {
background-position: -465px 0;
}
.second #gnav li.recruit {
background-position: -651px 0;
margin-left:108px;
}
.second #gnav li.recruit a {
background-position: -651px 0;
}
.second #gnav li.blog {
background-position: -816px 0;
margin-left:87px;
}
.second #gnav li.blog a {
background-position: -816px 0;
}


/**ローカルnav*/

.titleArea {
width:100%;
min-width:1000px;
height:197px;
margin:0 auto;
border-bottom:1px solid #dcdddd;
text-align:center;
}
body#aboutus .titleArea {
height:244px;
}
.titleArea .title {
padding:90px 0 30px 0;
}
#localnav li {
position:relative;
display:inline-block;
margin:0 50px;
height:15px;
}
#localnav li.itoya {
width:65px;
background:url(../img/aboutus/localnav01_on.png);
}
#localnav li.itoya a {
width:65px;
background:url(../img/aboutus/localnav01_off.png);
}
#localnav li.ceo {
width:82px;
background:url(../img/aboutus/localnav02_on.png);
}
#localnav li.ceo a{
width:82px;
background:url(../img/aboutus/localnav02_off.png);
}
#localnav li.outline {
width:66px;
background:url(../img/aboutus/localnav03_on.png);
}
#localnav li.outline a{
width:66px;
background:url(../img/aboutus/localnav03_off.png);
}

#localnav li a{
display:block;
width:100%;
height:15px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
opacity:1;
transition: .3s;
}
#localnav li a:hover{
opacity:0;
transition: .3s;
}

/***いとうや***/
.block01 {
padding:64px 0 30px 0;
background:url(../img/aboutus/itouya.png) 116px 184px no-repeat;
}
.greetingBox {
margin:0 0 0 315px;
}
.greetingBox .catch{
margin:84px 0 2em 0;
}
.greetingBox p{
line-height:180%;
}
.full_content {
width:100%;
min-width:1000px;
margin:0 auto;
}
#greeting {
background-image:url(../img/aboutus/bg_greeting.png);
background-size:cover;
}

/*CEO*/
#aboutceo {
background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #FFFFFF),
	color-stop(1, #D2D2D2),
	color-stop(1, #FCFCFC)
);
background-image: -o-linear-gradient(right, #FFFFFF 0%, #D2D2D2 100%, #FCFCFC 100%);
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #D2D2D2 100%, #FCFCFC 100%);
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #D2D2D2 100%, #FCFCFC 100%);
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #D2D2D2 100%, #FCFCFC 100%);
background-image: linear-gradient(to right, #FFFFFF 0%, #D2D2D2 100%, #FCFCFC 100%);
}
.dotted {
background-image:url(../img/aboutus/borderDot.png);
background-repeat:repeat-x;
background-position:0 100%;
}
.block02 {
height:710px;
background-image:url(../img/aboutus/ceoPh.png);
background-repeat:no-repeat;
background-position:80px 174px;
border-bottom:1px dotted #62605f;
}
.block02 .title {
padding:90px 0 30px 0;
}
.ceoBox {
margin-top:20px;
width:503px;
float:right;
height:459px;
position:relative;
}


/*経歴*/
.block03 {
padding:53px 0 88px 0;
}
.keireki {
width:503px;
border-left:2px solid #9f9d9d;
float:right;
}
.keireki h3{
margin-left:22px;
margin-bottom:30px;
}
.keireki dl{
margin-left:22px;
}
.keireki dt{
width:60px;
float:left;
}
.keireki dd{
padding:0 0 0 60px;
}

/*概要*/
#companyProfile .container {
width:700px;
padding:80px 0 150px 0;
}
#companyProfile .title {
margin:0 0 80px 0;
}
#companyProfile dl{
margin-left:22px;
}
#companyProfile dt{
width:160px;
float:left;
padding:10px 0;
}
#companyProfile dd{
padding:10px 0 10px 160px;
background-image:url(../img/aboutus/borderDot.png);
background-repeat:repeat-x;
background-position:0 100%;
}

#pagetop {
width:63px;
height:46px;
display:block;
position:fixed;
right:50px;
bottom:150px;
z-index:1000;
transform: translate(0,10px); 
-webkit-transform: translate(0,10px); 
transition: .5s;
}
#pagetop:hover {
transform: translate(0,0); 
-webkit-transform: translate(0,0);
transition: .5s;
}

/******コンテンツ切り替え（フェードアニメーションあり）********/
#tab {
margin:0;
padding:0;
}
#tab li{
cursor:pointer;
position:absolute;
left:0;
bottom:0;
}
#tab li.select{
display:none;
}
.tab01 {
width:156px;
height:27px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/aboutus/oitachi_off.png);
transition: .3s;
}
.tab01:hover{
background:url(../img/aboutus/oitachi_on.png);
transition: .3s;
}
.tab02 {
width:156px;
height:27px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/aboutus/prof_off.png);
transition: .3s;
}
.tab02:hover{
background:url(../img/aboutus/prof_on.png);
transition: .3s;
}

.content_wrap{
opacity: 1;
transition: .3s;

width:503px;
height:325px;

position:absolute;
left:0;
top:80px;
z-index:1;

overflow-x: hidden;
}

.scroll-pane
{
width: 100%;
height: 325px;
overflow: auto;
overflow-x: hidden;
}

.disnon {
transition: .3s;
opacity: 0;
z-index:0;
}

.content_wrap h4 {
margin-top:40px;
}
.content_wrap p {
margin-top:20px;
margin-bottom:0;
}
.content_wrap h4:first-child {
margin-top:0;
}

#shortVer p {
margin:0;
}

.scroll-pane .jspVerticalBar {
width: 8px;
background: #efefef;
}
.scroll-pane .jspTrack{
background: #efefef;
}
.scroll-pane .jspDrag{
background: #b5b5b6;
}

.jspHorizontalBar {
display:none !important;
}

/**********アニメーションここまで********/

/*プライバシー*/
.bg_gray {
background: #f7f8f8;
}


#privacy .privacyContainer {
width:688px;
padding:104px 0 88px 0;
}

#privacy h3 {
margin-bottom:36px;
font-size:18px;
}
#privacy p,
#privacy h4 {
font-size:14px;
}
#privacy #footer {
margin-top:0;
}


.topBorder {
border-top:1px solid #dcdddd;
}

/****リクルート***/
.bg_brown {
background:url(../img/common/bg_brown.png);
}

#recruit #footer {
margin-top:0;
}

.leftTitle {
width:245px;
float:left;
text-align:right;
padding:62px 0 88px 0;
}
.recruitBox h3 {
padding:0 0 36px 0;
}
.shopPh {
padding:0 0 36px 0;
}
.recruitBox {
float:right;
width:684px;
padding:62px 0 150px 0;
}

.recruitBox dl{
font-size:14px;
}
.recruitBox dt{
width:115px;
float:left;
padding:10px 0;
}
.recruitBox dd{
padding:10px 0 10px 115px;
background-image:url(../img/aboutus/borderDot.png);
background-repeat:repeat-x;
background-position:0 100%;
}

ul.dot li {
background-image:url(../img/common/listDot2.png);
background-repeat:no-repeat;
background-position:5px 0.8em;
padding-left:1em;
}

/*****blog*******/

#blog .main {
padding-bottom:150px;
}
.sideBox:last-child {
padding-bottom:0;
}

.blogMain {
width:1000px;
margin:0 auto 0 auto;
padding-top:90px;
padding-bottom:90px;
}
.blogL {
width:684px;
float:left;
}
.blogR {
width:242px;
float:right;
}

.blogContent {
padding:0 0 2em 0;
position:relative;
margin-bottom:80px;
}

.blogContent h3 {
font-size:18px;
padding:0 0 10px 0;
border-bottom:1px solid #4c4948;
margin:0 0 45px 0;
}

.blogContent .wp-caption {
margin:0 0 45px 0;
}

.articleFoot {
height:20px;
width:100%;
text-align:right;
position:absolute;
bottom:0;
}
.cat_icon {
display:inline-block;
}
.cat_icon a{
display:inline-block;
background:#898989;
color:#ffffff !important;
padding: 7px 5px 5px 5px;
border-radius:2px;
margin: 0 5px;
text-decoration:none;
font-size:11px;
transition: .2s;


line-height:1;
}
.cat_icon a:hover{
color:#ffffff !important;
background:#fe330a;
transition: .2s;
}

.goPost {
display:inline-block;
background-image:url(../img/blog/r_arrow_off.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:1em;
color:#4c4948;
text-decoration:none;
transition: .2s;
position:absolute;
bottom:40px;
right:0;
}
.goPost:hover{
background-image:url(../img/blog/r_arrow_on.png);
color:#fe330a;
transition: .2s;
}

.blogR {
font-size:14px;
}
.sideBox h3{
margin:0 0 0 0:
padding:0;
height:18px;
}
.sideBox p{
line-height:150%;
}
.blogR a{
color:#4c4948;
text-decoration:none;
transition: .2s;
}
.blogR a:hover{
color:#fe330a;
transition: .2s;
}
.profInfo h4 {
font-size:14px;
margin-bottom:0.5em;
margin-top:16px;
}
.profInfo p {
font-size:11px;
margin-bottom:2em;
line-height:150%;
}
.sideBox {
padding:0 0 40px 0;
}

.recent p {
margin:0;
}

.recent {
padding:10px 0 10px 0;
background-image:url(../img/aboutus/borderDot.png);
background-repeat:repeat-x;
background-position:0 100%;
}

.recent h4 {
font-weight:normal;
}
.catnav {
margin-top:16px;
}
.pagenation {
text-align:center;
}
.pagenation span,
.pagenation a {
padding:15px;
text-decoration:none;
font-size:15px;
color:#4c4948;
transition: .2s;
}
.pagenation a:hover{
color:#fe330a;
transition: .2s;
}

.blogContent a {
color:#4c4948;
text-decoration:none;
transition: .2s;
}
.blogContent a:hover{
color:#fe330a;
transition: .2s;
}

.goProf {
text-align:right;
}

.yajirushi {
display:inline-block;
background-image:url(../img/blog/yajirushi_on.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:1em;
color:#fe330a !important;
text-decoration:none;
transition: .2s;
}
.yajirushi:hover{
background-image:url(../img/blog/yajirushi_on.png);
color:#fe330a;
transition: .2s;
text-decoration:underline;
}


.articleFoot2 {
width:100%;
text-align:right;
position:relative;
border-top:1px solid #4c4948;
padding:10px 0 0 0;
}
.articleFoot2 .goPost{
position:relative;
right:auto;
bottom:auto;
float:left;

}

.wp-caption {
max-width:100%;
height:auto;
}
.wp-caption img {
max-width:100%;
height:auto;
}


.topBanner a img{
cursor:pointer;
}


/*****事業案内****/
#worksContainer {
padding-top:90px;
padding-bottom:90px;
}

.business02,
.business01 {
width:681px;
height:317px;
background:url(../img/works/business01.png) 0 0 no-repeat;
margin:0 auto 60px auto;
position:relative;
}

.business02 h3,
.business01 h3 {
width:681px;
height:317px;
position:absolute;
left:0;
top:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.business02 h3 {
background:url(../img/works/business02.png) 0 0 no-repeat;
}
.business01 h3 {
background:url(../img/works/business01.png) 0 0 no-repeat;
}

.business_txt {
width:336px;
position:absolute;
left:304px;
top:126px;
z-index:1;
font-size:14px;
line-height:170%;
}

.business_txt a {
text-decoration:none;
color:#4c4948;
transition: .2s;
}
.business_txt a:hover{
color:#fe330a;
transition: .2s;
}