@charset "UTF-8";


/* ////////////////////////////////////////////////////////////////////////////////

    dom

//////////////////////////////////////////////////////////////////////////////// */
html, body{
    width: 100%;
    height: 100%;
}
/*　img下の行間スペースを0にする　*/
img{ vertical-align: bottom; }

.abs{ position: absolute; }
.hide{ visibility: hidden; }
.show{ visibility: visible; }
.clear{ clear: both; }
.left{ float: left; }
.right{ float: right; }


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





/* ////////////////////////////////////////////////////////////////////////////////

    common

//////////////////////////////////////////////////////////////////////////////// */
body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	margin:0 auto;
}


/*	リストのクリック（タップ）範囲を広げる	*/
li a { display: block; 
}

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



/*	-------------------------------------
コンテンツ一式
---------------------------------------*/


/*	メインボディ--------------------------------------------	*/
#main-body{
	display : block;
    width : 100%;
	margin:0 auto;
	font-size:13px;
	line-height:1.8;
	color:#222222;
}

h1 {
	margin-bottom:50px;
}

/*　テキストカラー--------------------------------------------	*/
.txtColorRed{
	color:#E7152F;
}
.txtColorNewg{
	color:#85D9D1;
}
.txtColorCareer{
	color:#7FC1F1;
}
.txtColorPart{
	color:#93D785;
}


/*	共通の見出しとテキスト（色は各comon.cssで設定）--------------------------------------------	*/

.txtBox{
	padding:0 20px;
	text-align:left;
}
.txtBox td{
	padding-bottom:5px;
}
h5{
	font-size:120%;
	font-weight:bold;
	line-height:1.3;
	text-align:left;
	margin:50px 0 15px 0;
}

.txtBox .listHedDisc{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;
}

.txtBox a{
	border-bottom:solid 1px;
}


.bgGray{
	background-color:#E3EDEC;
}





/*	採用の流れ	--------------------------------------------	*/

.txtBox .step ul{
}
.txtBox .step img{
	width:70px;
	margin-bottom:10px;
}
.txtBox .step div{
	float:left;
	margin-right:20px;
}
.txtBox .step p{
	font-weight:bold;
}
.txtBox .step li{
	border-bottom:dotted 1px #bbbbbb;
	padding:15px 0;
}





/*	テキストリンクのボーダー--------------------------------------------	*/

.txtLinkBorder{
	border-bottom:solid 1px #222222;
}
.txtLinkBorderGray{
	border-bottom:solid 1px #777777;
}




/*	-------------------------------------
spacerとborderなど　微調整
---------------------------------------*/

.spacerMT100{
	margin-top:100px;
}
.spacerMT75{
	margin-top:75px;
}
.spacerMT50{
	margin-top:50px;
}
.spacerT60{
	margin-top:60px;
}
.spacerT30{
	margin-top:30px;
}
.spacerT20{
	margin-top:20px;
}
.spacerT10{
	margin-top:10px;
}

.spacerB100{
	margin-bottom:100px;
}
.spacerB75{
	margin-bottom:75px;
}
.spacerB60{
	margin-bottom:60px;
}
.spacerB20{
	margin-bottom:20px;
}
.spacerB10{
	margin-bottom:10px;
}
.spacerB50{
	margin-bottom:50px;
}
.spacerB5{
	margin-bottom:5px;
}

.spacerR15{
	margin-right:15px;
}
.spacerR10{
	margin-right:10px;
}





.borderT{
	border-top:solid 1px #bbbbbb;
}
.borderTdotted{
	border-top:dotted 1px #bbbbbb;
}

.txtBold{
	font-weight:bold;
}



/*	-------------------------------------
フッタ一式
---------------------------------------*/


/*	フッターナビゲーション--------------------------------------------	*/
#footerNavi{
	display : block;
    width : 100%;
	margin:0 auto;
}

/*	コンテンツ内ナビ　会社案内--------------------------------------------	*/
#contents-navi ul{
}
#contents-navi li{
	margin-bottom:1px;
	background-color:#E3EDEC;
	padding:15px 20px;
	font-size:12px;
	color:#000000;
	text-align:center;
	display : block;
}
#top-navi li a{
	color:#ffffff;
}
#contents-navi p{
	font-weight:bold;
	padding-bottom:3px;
}

/*	新卒採用ナビ--------------------------------------------	*/
#top-navi ul{
}
#top-navi li{
	margin-bottom:1px;
	background-color:#85d9d1;
	padding:15px 20px;
	font-size:15px;
	color:#ffffff;
	letter-spacing:0.2em;
	text-align:center;
	display : block;
}
#top-navi li a{
	color:#ffffff;
}

/*	ページトップボタン--------------------------------------------	*/
#pagetop{
	padding:5px;
	text-align:center;
	background-color:#222222;
}
.pagetopImg{
	width:40px;
}



footer {
	background-color:#000000;
	padding:15px 10px;
	color:#fff;
	font-size:9px;
	text-align:center;
}