@charset "utf-8";

/*
.menuLink,
#link { display: none; }
*/

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mbfull { margin-bottom: 80%; }
.ml10 { margin-left: 3px; }

.mincho { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* Overall
===================================================*/
body { width: 100%; height: 100%; color: #000;}
body.blog,
body.single,
body.home,
body.error404,
body#takadaya,
body#ittetsu { background: url(../images/background.jpg) repeat center top #FFF; }
article { margin: 0; padding: 0 0 40px;}
section { margin: 0; padding: 0; width: 100%; min-width: 940px; position: relative;}
section h1 {padding: 0; }
.contentsWrap { width: 940px; margin: 0 auto; padding: 0; position: relative;}

.titlebar { height: 109px; background: url(../images/h1_back.jpg) repeat-x left top #78451B; }
.titlebar h1 { padding-top: 35px; }
h2 { margin-top: 10px; padding: 25px 0 25px; font-size: 150%; line-height: 1.7; font-weight: bold;}
h2.icon1 { background: url(../images/icon_heading1.png) no-repeat left center; padding-left: 22px;}
ul.horizontalList { letter-spacing: -0.4em; text-align: center; }
ul.horizontalList li { display: inline-block; letter-spacing: normal; vertical-align: top; }

p { color: #666666; font-size: 100%; line-height: 1.7; margin-bottom: 1.7em; }
a { text-decoration: none;}
a:hover { text-decoration: underline; }
a.oplink:hover img { opacity: 0.9; filter: opacity(alpha=90);}

a:link { color: #1B1B1B; }
a:hover { color: #E0953B; }
a:visited { color: #4B2B1B; }
a:active { color: #000;}

header .headerbar a:link,
.titlebar a:link,
footer a:link,
header .headerbar a:hover,
.titlebar a:hover,
footer a:hover { color: #FFF; }
header .headerbar a:visited,
.titlebar a:visited,
footer a:visited { color: #EEE; }
header .headerbar a:active,
.titlebar a:active,
footer a:active { color: #FFF; }



/* Header
===================================================*/
header { width: 100%; margin: 0 auto; padding: 0; text-align: left; }
#topImg { position: relative; width: 100%; min-width: 940px; height: 600px; }
#topCopy { position: absolute; top: 100px; left: 100px; }

header .headerbar { background: url(../images/header_back.png) repeat-x center top transparent; padding: 17px 0 20px;  color: #FFF;}
header .contentsWrap h1 { float: left; width: 196px; margin: 0 15px; padding: 0; border: none;}
header .headerbar nav { float: right; }

#topNavi { width: 500px; text-align: right;}
#topNavi li {padding: 3px 20px; border-left: 1px solid #FFF; font-size: 114.3%; line-height: 1.53;}
#topNavi li:first-child { border-left: none; }

nav#gNavi { width: 100%; background-color: #FFF; }
nav#gNavi ul { width: 940px; margin: 0 auto; padding: 20px 0 25px; }
nav#gNavi ul li { position: relative; margin: 0 auto; padding: 0 22px 0 44px; background: url(../images/icon_navi.png) no-repeat 20px center; font-size: 114.3%; line-height: 1.7;}
nav#gNavi ul li:before { content: ""; background: url(../images/gnavi_line.png) no-repeat left center; width: 3px; height: 26px; position: absolute; top: 0; left: 0; }
nav#gNavi ul li:first-child:before { content: none; }


/* Footer
===================================================*/
footer { background: url(../images/footer_back.jpg) repeat center top #191919; padding: 40px 0 10px; font-size: 85.7%; line-height: 1.8;}
footer nav { text-align: center; }
footer nav ul { letter-spacing: -0.4em; }
footer nav ul li { display: inline-block; letter-spacing: normal; margin: 0 20px 10px; }
footer p { color: #FFF; margin: 30px auto; text-align: center; }


/* Top
===================================================*/
#topBtnList { margin: 50px 0 70px; }
#topBtnList li { position: relative; margin: 0 20px; padding: 350px 0 0;  width: 430px;  }
#topBtnList li a.topBtnTop { display: block; position: absolute; left: -13px; top: -20px; }
#topBtnList li a.topBtnTop:hover { left: -8px; top: -15px; }
#topBtntakadaya { background: url(../images/top_btn_takadaya_back.png) no-repeat right top; }
#topBtnittetsu { background: url(../images/top_btn_ittetsu_back.png) no-repeat right top; }
#topBtnList li p { margin: 20px 5px; }

#topBtnList2 { margin: 30px auto; }
#topBtnList2 li { margin: 30px 0 30px 12px; }
#topBtnList2 li:first-child { margin-left: 0; }

body.home h2 { padding-bottom: 10px; border-bottom: 1px solid #1C1C1C; }
#topTopicsList { margin: 10px 0 30px;}
#topTopicsList dt,
#topTopicsList dd { display: inline-block; padding: 10px 0; border-top: 1px dashed #B1B1B1; vertical-align: top;}
#topTopicsList dt { width: 110px; }
#topTopicsList dt:first-child { border-top: none; }
#topTopicsList dd:nth-child(2) { border-top: none; }
#topTopicsList dd { width: 825px; }


/* Company
===================================================*/
h3.company_table_title { font-size: 150%; margin-top: 50px;}
table.company_table { width: 870px; margin: 10px 0 50px; border-top: 1px solid #000;}
table.company_table th,
table.company_table td { padding: 0.5em 1em; border-bottom: 1px solid #000; vertical-align: top; }
table.company_table th { width: 148px; background-color: #e7ddd6; text-align: center; }


/* Topics
===================================================*/
.titlebar.takadaya { background: none #FFF; }
.blogArea { width: 600px; float: left; }
section.blog { width: 100%; min-width: 550px; margin: 50px 0; padding: 0; color: #666;}
section.blog > h1 { border-left: 4px solid #E7BB71; padding: 0  0 0 15px; margin-bottom: 15px; font-size: 166%; line-height: 1.1;}
section.blog > h1 span.date { font-size: 78.5%; }
section.blog img { margin-bottom: 15px; max-width: 550px; height: auto;}
section.blog p { margin-bottom: 1em; }

body.single aside,
body.blog aside { float: right; width: 270px; margin: 50px 0 50px auto; }
body.single aside h1,
body.blog aside h1 { width: 248px; border-bottom: 1px solid #040000; font-size: 200%; line-height: 1; font-weight: bold; padding: 0 0 7px 22px; background: url(../images/icon_heading2.png) no-repeat left center; font-family: serif;}
body.single aside dl,
body.blog aside dl { font-size: 85.7%; margin: 0 0 100px; letter-spacing: -0.4em; }
body.single aside dt,
body.single aside dd,
body.blog aside dt,
body.blog aside dd { display: inline-block; padding: 10px 0; border-top: 1px dashed #B1B1B1; letter-spacing: normal; vertical-align: top;}
body.single aside dt,
body.blog aside dt { width: 80px; }
body.single aside dt:first-child,
body.blog aside dt:first-child { border-top: none; }
body.single aside dd:nth-child(2),
body.blog aside dd:nth-child(2) { border-top: none; }
body.single aside dd,
body.blog aside dd { width: 190px; text-overflow: ellipsis; }
body.single aside a.banner,
body.blog aside a.banner { display: block; margin: 20px 0; }

/* pager */
ul.page-numbers { padding: 10px 0; letter-spacing: -0.4em; text-align: center;}
ul.page-numbers li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 5px; border: 1px solid #ae8647;  color: #666;}
ul.page-numbers li a,
ul.page-numbers li span {
    display: inline-block;
    padding: 10px;
    font-size: 100%;
}

ul.page-numbers li a:hover,
ul.page-numbers li .current {
    text-decoration: none;
    color: #FFF;
    background-color: #741618;
}


/* Contact
===================================================*/
table.contact_form { width: 870px; margin: 40px 0 20px; border-top: 1px solid #000;}
table.contact_form th,
table.contact_form td { padding: .8em; border-bottom: 1px solid #000; vertical-align: top; }
table.contact_form th { width: 239px; background-color: #e7ddd6; text-align: left; padding: 19px 0 12px 50px; }
table.contact_form td.linedot { border-bottom: 1px dashed #000; }
/*
input,
select,
textarea { width: 97%; padding: 5px 10px; border: 1px solid #78451B; margin: 3px 0;}
*/
input,
select,
textarea {padding: 5px 10px; border: 1px solid #78451B; margin: 3px 0;}


select { width: 50%; }
textarea { height: 11em;}

input.short { width: 5em;}
input.fradio { width: 1em; }
input:focus,
select:focus,
textarea:focus { border-color: #bf6d29; }

form .shortproblem,
form .fradioproblem,
form .problem { border-color: #C33; }

.submitBtn input { width: 301px; height: 75px; background: url(../images/btn_contact_off.png) no-repeat center center; white-space: nowrap; text-indent: 110%; overflow: hidden; border: none;}
.submitBtn input:hover { background: url(../images/btn_contact_on.png) no-repeat center center; cursor: pointer; }

/* 20200625追加 */
.short { width: 6em;}
.mwform-radio-field {
	display: block;
	white-space: nowrap;
	float: left;
}

/* Takadaya
===================================================*/
#takadaya #topImg,
#ittetsu #topImg { height: 556px; }
#takadaya #topImg h1,
#ittetsu #topImg h1 { white-space: nowrap; text-indent: 110%; overflow: hidden;}

#mainCopyArea { width: 100%; min-width: 940px; height: 300px; padding: 50px 0 100px; text-align: center; }
#mainCopyArea h2 { margin: 0 auto 20px; }
#mainCopyArea p { width: 550px; margin: 0 auto; color: #FFF; font-size: 114.3%; line-height: 1.75;}
#topImg2 { width: 100%; min-width: 940px; height: 340px; }

ul#subCopy { margin: 30px auto; }
ul#subCopy li {width: 401px; text-align: center; margin: 0 0 0 80px; }
ul#subCopy li:first-child { margin-left: 0;}
ul#subCopy li h3 { margin: 10px 0 30px;}
ul#subCopy li p { color: #000; }

#takadaya #topBtnList2 li,
#ittetsu #topBtnList2 li { margin: 30px 0 30px 20px; }
#takadaya #topBtnList2 li:first-child,
#ittetsu #topBtnList2 li:first-child { margin-left: 0;}

/* MENU */
nav#subNavi { position: absolute; top: 40px; right: 20px; color: #FFF; font-size: 114.3%; line-height: 1.53;}

section.menu,
section.shop { margin: 50px 0;}
section.menu h1,
section.shop h1 { font-size: 164.3%; line-height: 1.53; margin-bottom: 8px;}
section.menu .leftArea,
section.shop .leftArea { float: left; width: 440px;}
section.menu .rightArea,
section.shop .rightArea { float: left; width: 470px;}
section.menu .rightArea a,
section.shop a.mapBtn { display: block; width: 224px; height: 13px; background: url(../images/takadaya/btn_pdf_back.png) no-repeat center center; text-align: center; padding: 11px 0;}

/* SHOP */
section.shop dl { margin-bottom: 1em; letter-spacing: -0.4em;}
section.shop dl dt,
section.shop dl dd { display: inline-block; vertical-align: top; letter-spacing: normal;line-height: 2.2;}
section.shop dl dt { width: 90px; }
section.shop dl dd { width: 350px; }
#shopList2 { text-align: left;}
#shopList2 li { width: 440px; margin-bottom: 50px; text-align: left;}

/* Ittetsu
===================================================*/
#ittetsu section.menu .rightArea a,
#ittetsu section.shop a.mapBtn { background: url(../images/ittetsu/btn_pdf_back.png) no-repeat center center; }


/* Recruit
===================================================*/
#recruit article > .contentsWrap > h1 { width: 100%; position: absolute; top:0; left: 0; white-space: nowrap; text-indent: 110%; overflow: hidden; }
#recruit .topList li { height: 449px; }
#recruit .topList li .contentsWrap { height: 100%; }
#recruit .topList li a { display: block; position: absolute; bottom: 25px;}
#recruit #takadayaArea { background: url(../images/recruit/top_takadaya_back.jpg) no-repeat center center; }
#recruit #ittetsuArea { background: url(../images/recruit/top_ittetsu_back.jpg) no-repeat center center; }
#recruit #arbeitArea { background: url(../images/recruit/top_arbeit_back.jpg) no-repeat center center; }
#recruit #takadayaArea a { left: 30px; }
#recruit #ittetsuArea a { right: 0px; }
#recruit #arbeitArea a  { left: 30px; }

/* takadaya */
#recruit.yellowback { background: url(../images/recruit/background_y.jpg) repeat center top #FFF; }
#recruit.pinkback { background: url(../images/recruit/background_p.jpg) repeat center top #FFF; }
#recruit.greenback { background: url(../images/recruit/background_g.jpg) repeat center top #FFF; }
#recruit.yellowback .titlebar {background: url(../images/recruit/titlebar_back_y.jpg) repeat-x left top #f3d709;}
#recruit.pinkback .titlebar {background: url(../images/recruit/titlebar_back_p.jpg) repeat-x left top #dd7fa3;}
#recruit.greenback .titlebar {background: url(../images/recruit/titlebar_back_g.jpg) repeat-x left top #a0c261;}

#recruit p { color: #000; }
#recruit h2.icon1 { background: url(../images/recruit/icon_heading1.png) no-repeat left center; }
#recruit h2.icon2 { background: url(../images/recruit/icon_heading2.png) no-repeat left center; padding-left: 22px;}
#recruit h2.icon3 { background: url(../images/recruit/icon_heading3.png) no-repeat left center; padding-left: 22px;}

#recruit section .leftArea { float: left; width: 420px; }
#recruit section .rightArea { float: right; width: 480px; padding-top: 25px; margin-top: 10px; }

table.recruit_table { width: 930px; margin: 10px 0 60px; border-top: 1px solid #000;}
table.recruit_table th,
table.recruit_table td { padding: 0.5em 1em; border-bottom: 1px solid #000; vertical-align: top; }
table.recruit_table th { width: 100px; background-color: #fff6cc; text-align: left; padding-left: 45px;}
table.recruit_table.pink th { background-color: #fbdbe3; }
table.recruit_table td { background-color: #fff; }
#recruit a.banner { display: block; width: 303px; margin: 30px 0; }

/* arbeit */
section.arbeit h3 { font-size: 150%; line-height: 1.75; margin: 10px 0 30px;}
section.arbeit h4 { font-size: 128.5%; line-height: 1.75; margin: 10px 0;}
table.recruit_table.green1 th { background-color: #e6f2d5; }
table.recruit_table.green2 th { background-color: #d7ebdb; }

/* form */
#recruit table.contact_form th { background-color: #e6f2d5; }
#recruit table.contact_form td { background-color: #FFF; }
#recruit .submitBtn input { background: url(../images/recruit/btn_send_off.png) no-repeat center center; width: 178px; height: 75px; }
#recruit .submitBtn input:hover { background: url(../images/recruit/btn_send_on.png) no-repeat center center;}