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

/*----------------------------------
Riset
----------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin:0;
padding:0;
border: 0;
font-size:100%;
font-weight:normal;
font: inherit;
vertical-align:top;
box-sizing:border-box;
}



ul, li, dl, dt, dd{ list-style: none; }


strong{ font-weight: bold;}
sup{ font-size: 80%; vertical-align: super; margin-right: 0.2em;}

.fl { float: left;}
.fr { float: right;}
.ofh{overflow:hidden;}
.clear { clear: both;}

.ac { text-align: center;}
.al { text-align: left;}
.ar { text-align: right;}
.vm{vertical-align:middle;}

.dn{ display: none;}


/*----------------------------------
template
----------------------------------*/
body{
font-family:'Meiryo','Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
line-height:1.7;
word-break: normal;
word-wrap: break-word;
background:#fff;
color:#222;
font-size: 100%;
width:100%;
-webkit-text-size-adjust: 100%;
}

#container{
width:100%;
	overflow: hidden;
}



a:link    { color: #222; text-decoration: none; }
a:visited { color: #222; text-decoration: none; }
a:hover   { color: #222; text-decoration: none; opacity: 0.7;}
a:active  { color: #222; text-decoration: none; }

h1{
display: inline-block;
}


header{
width:100%;
}

#header01{
width:100%;
background:#ccc;
}

#header01 .inner{
width:900px;
margin:0 auto;
padding:20px 0;
}

#header02{
width:100%;
}

#header02 .inner{
width:900px;
margin:0 auto;
padding:40px 0;
overflow: hidden;
}

#header02 .inner li{
width:300px;
float:left;
border-left:1px solid #ccc;
}

#header02 .inner li:last-child{
border-right:1px solid #ccc;
}

#header02 .inner li a{
display:block;
width:100%;
padding:10px;
text-align: center;
}

a.blue{
box-shadow:0 -10px RGB(41,171,226) inset;
}


#topContent{
width:900px;
margin:0 auto 80px;
}

.visual{
margin:0 0 60px;
}











footer{
width:100%;
background:#ccc;
}

#footer{
width:900px;
margin:0 auto;
padding:30px 0;
}


#footer p{
display: inline-block;
margin:0 0 0 10px;
font-size: 80%;
}

#footer img,
#footer p{
vertical-align: baseline;
}





#company,
#recruit{
width:900px;
margin:0 auto 80px;
}

h2{
display: table-cell;
width:300px;
margin-bottom: 40px;
padding-bottom:3px;
border-bottom:2px solid #ccc;
font-size: 110%;
}

h2 span{
font-size: 90%;
vertical-align: middle;
margin-left:25px;
}

h2:before{
display: inline-block;
content: "";
width:8px;
height:25px;
border-radius:4px;
background: #ff0707;
vertical-align: middle;
margin-right: 15px;
}

.table{
width:850px;
margin: 40px auto;
}

.table th,
.table td{
padding:15px;
border-bottom:1px dashed #ccc;
}

.table tr:last-child th,
.table tr:last-child td{
border-bottom:none;
}

.table th{
width:200px;
}