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


/**reset**/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
figure { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,
img { border:0; }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style:normal; font-weight:normal; }
ol,
ul,
li { list-style:none; }
caption,
th { text-align:left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size:100%; font-weight:normal; }
img { vertical-align:top; }
hr { display:none; }
a { border:none; outline:none; text-decoration:none;}



a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
}

a:link { color: #000;}
a:hover{ text-decoration: underline; }
/* a:visited{ color: #555;}*/
body{ background: url(../images/bg.gif) top center; font-size:0.9em; line-height:1.7em; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}



/* = Selected Text

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

::selection {

	background:#e2cb93; /* Safari */

}
::-moz-selection {
	background:#e2cb93; /* Firefox */

}



/* =========================================================
◆Color

基本の赤：　#de0a21;


グレー：　#dfe1e4;
デバイステキスト：　#;
ボーダーカラー：　#;
リンクカラー：　#;
リンク別色：　#;


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


/* =========================================================
◆header
========================================================= */
header #header_col{width: 100%; background: #fff; position: relative; z-index: 2;}
header .shadow{box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
}
header .header{ margin: 0 auto 30px auto; width: 1100px;}
header .header:after{content:''; height:0; display:block; clear:both;}
header .h_con{ float: left; width: 450px;}
header .h_con p { font-size: 0.8em; color: #ababab; margin-bottom: 10px;}
header nav{ float: right; margin: 20px 0 0 0;}
header nav ul{display: table;}
header nav li{display: table-cell; border-left: 1px dotted #de0a21;  font-weight: bold; position: relative; }
header nav li::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 7px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #de0a21;
    top: -27px;
    left: 0;
}
header nav li:hover::after {
    top: -20px;
}
header nav li:first-child a .col{background: #de0a21; color: #fff; padding:5px 7px; -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 0.7em; letter-spacing: 0.1em;}
header nav li:first-child a:hover .col{background: #e2cb93; color: #de0a21;}
header nav li:last-child{border-right: 1px dotted #de0a21;}
header nav li a{ color: #5a5a5a;
    display: block;
    padding: 9px 25px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
header nav li a:hover{text-decoration: none; color: #de0a21;}
header nav li .english{color: #de0a21; display: block; font-size: 0.6em; font-weight: normal; text-align: center; width: 100%; line-height: 1em;}
header:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
#recruit header nav li:nth-of-type(4) a{color: #de0a21;}
#recruit header nav li:nth-of-type(4)::after {
    top: -20px;
}

/* =========================================================
◆page_header
========================================================= */

#page_header{ clear: both; background: url(../images/title_bg2.jpg) top left;}
#page_header #title{ width: 1100px; height: 120px; margin: 0 auto; background: url(../images/title_bg.jpg) no-repeat top left; padding: 80px 0 0 0; position: relative;}
#page_header #title h1{ text-align: center; font-size: 1.6em; font-weight: bold; color: #fff; letter-spacing: 0.2em;}
#page_header #title .english{ display: block; color: #de0a21; font-size: 0.5em; font-weight: normal;letter-spacing: 0.1em;}
#page_header #title img{ position: absolute; right: 160px; top:-28px;}
/* =========================================================
◆footer
========================================================= */

footer{ }
footer .link{ background: #ededed; width: 100%;}
footer nav{width: 1100px; margin: 0 auto; background: url(../images/f_bg.jpg) no-repeat top; padding: 23px 0 40px 0;}
footer nav ul{display: table;}
footer nav li{display: table-cell; border-left: 1px dotted #de0a21;}
footer nav li a{padding: 20px 33px; display: block; color: #000; font-weight: bold; position: relative;}
footer nav li a:hover{text-decoration: none; color: #de0a21;}
footer nav li a span{background: #fff; padding:5px 7px; color: #de0a21; font-size: 0.6em; letter-spacing: 0.1em;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;}
footer nav li:not(:last-child) a:before{ content:""; display: block; width: 5px; height: 9px; background: url(../images/arrow1.png) no-repeat; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto;}
footer .copy{background: #de0a21; color: #fff; width: 100%;}
footer .copy div{width: 1100px; margin: 0 auto; padding: 20px 0; position: relative;}
footer .copy div:after{content:''; height:0; display:block; clear:both;}
footer .copy small{text-align: center; width: 100%; display: block; position: absolute; top: 0; bottom: 0; margin: auto; height: 1em; line-height: 1;}

/* =========================================================
pagetop
========================================================= */
.pageTop {
    display:none;
    position:relative;
    width: 100%;
    height:0;
    text-align:left;
}
.pageTop a {
    position: fixed;
    bottom:30px;
    right: 30px;
    width: 44px;
    height: 44px;
}

/* =========================================================
◆breadcrumb
========================================================= */
.breadcrumb {font-size: 0.8em;
    margin: 0 auto 20px auto;
    text-align: right;
    width: 1100px;
    clear: both;
}
.breadcrumb a {
    color: #de0a21;
}
.breadcrumb li {
    display: inline;
}


/* =========================================================
◆main
========================================================= */
main{ width: 1100px; margin: 0 auto;}
main h2{ font-size: 1.6em; font-weight: bold; color: #de0a21; padding: 0 0 0 28px; margin: 50px 0 0 0; background: url(../images/h_bg1.png) no-repeat left top;}
main h2 span{ font-size: 0.6em;}
main h2+p { margin:0 0 50px 0;}
main h3 { font-size: 1.3em; font-weight: bold; color: #de0a21; padding: 7px 0 5px 28px; margin: 50px 0 20px 0; background: #f2f3f6 url(../images/h_bg2.png) no-repeat 10px center; color: ; border-top: 1px dotted #bdbdbd; border-bottom: 1px dotted #bdbdbd;  }
main h3 span{ font-size: 0.7em;}

#recruit main .caption { padding: 5px 0; text-align: center; color: #de0a21; font-weight: bold; background: #dfe1e4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
#recruit  main table { width: 1100px; margin:0 0 60px 0;}

#recruit main table tr{ border-top: 1px solid #de0a21; padding: 10px 0;}

#recruit .detail table tr:last-child{ border-bottom: 1px solid #de0a21;}
#recruit .detail table tr th{ color: #de0a21; font-weight: bold; text-align: right; width: 150px; padding: 10px 30px 10px 0; }
#recruit .detail table tr td{ padding: 10px 0;}
#recruit .detail table tr td span{ font-weight: bold; display: block;}

#recruit #schedule dl{ clear: both; display: inline-block;}
#recruit #schedule dl:after {content: url(../images/arrow2.png) ; display: block; margin: 20px 0 10px 80px;}
#recruit #schedule dl:last-child:after{ content:""; display: none; } 
#recruit #schedule dl dt{ float:left; background: #de0a21; color: #fff; padding: 10px 0; margin: 0 15px 0 0; width: 180px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;}
#recruit #schedule dl dd{ width: 650px; line-height: 1.5em; padding: 10px 0 0 0;}

#recruit #event table{ border: 1px solid #de0a21;}
#recruit #event table th{ background: #de0a21; color: #fff; font-weight: bold; padding: 5px 0; text-align: center;}
#recruit #event table td{ border-right: 1px solid #de0a21; padding: 20px;}