@charset "UTF-8";

#maincontents {
	width:720px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:60px;
	margin-bottom:15px;
}


div#maincontents p {
	padding:15px 0;
	line-height:2em;
}


.contentsWrap hr{
	border:none;
	border-bottom:1px solid #CCCCCC !important;
}


#ttl{
	margin-top:30px;
	border-bottom:1px solid #CCCCCC !important;
	width:720px;
}

h4 {
	clear:both;
	padding:0 0 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#645450;
	line-height:1.6em;
}

h4 span {
	color:#8BD985;
}

h4 img {
	padding-bottom:10px;
}


p.totop {
	text-align:right;
	width:710px;
	clear:both;
	border-bottom:dotted #666 2px;
	padding:30px 0 20px;
}


/*ローカルナビ*/

div#snav {
	width:720px;
}

div#snav p {
	color:#231815;
	font-size:10px;
	margin-bottom:5px;
}

div#snav ul {
	width:720px;
}

div#snav ul {
	overflow:hidden;
}

div#snav ul li a{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:170px;
	height:14px;
	text-align:center;
	background:#E6E6E6;
	padding:8px 0;
	color:#645450;
	display:block;
	line-height:1.2em;
}

div#snav ul li a:hover{
	background:#FDD000;
}


p.link {
	padding-bottom:30px;
}

p.link a {
	color:#645450;
	font-size:13px;
	text-decoration:underline;
}

p.link a:hover {
	color:#FDD000;
	text-decoration:underline;
 }


/*3カラム*/

div.culum3 {
	padding:20px 0 20px 20px;
	width:97%;
	clear:both;
	overflow:hidden;
	background:#F2F2F2;
	margin-bottom:30px;
}

div.recruit05 h4 {
	color:#8D90DC;
}

div.culum3 dl {
	float:left;
	display:block;
	width:30%;
	margin-right:3.33%;
	min-height:380px;
}


div.culum3 dt {
	margin-bottom:10px;
	color:#231815;
	line-height:1.8em;
	font-size:13px;
}

div.culum3 dt.line{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
	padding-top:0px;
	font-size:14px;
	line-height:1.6em;
}

div.culum3 dd {
	font-size:12px;
	line-height:1.8em;
	color:#231815;
	margin:0 0 10px;
}

div.culum3 dd span{
	color:#FDD000;
}

div#skill {
	background:#FFFDDE;
	overflow:hidden;
	padding:20px 0 20px 20px;
	width:690px;
}

div#skill dl {
	width:210px;
	float:left;
	margin-right:20px;
}

div#recruit04 div#skill dl dt {
	padding-bottom:3px;
	color:#8D90DC;
}

div#recruit04 div#skill dl dt img {
	margin-bottom:10px;
}

div#recruit04 div#skill dl dd {
	font-size:10px;
}




/*
共通 CSS
*/

h3{
	font-size:18px;
	color:#231815;
	margin:30px 0 15px;
	line-height:1.6em;
}

h4{
	color:#231815;
	font-size:12px;
	margin-top:15px;
	clear:both;
}

/*ローカルナビ*/

#snav{
	border-bottom:1px solid #000000;
	padding-bottom:15px;
	padding-top:30px;
}


/*本文*/

dl.copy {
	padding:0 0 10px 0;
}

dl.copy dt {
	margin:30px 0 5px 0;
	font-weight:bold;
	color:#231815;
	font-size:18px;
}

dl.copy dd {
	padding:5px 0 10px 0;
	color:#645450;
	font-size:13px;
	line-height:2em;
}

dl.copy dd strong {
	color:#AF8B00;
}


/* レイアウトパターン */

.type1{
	clear:both;
	margin:30px 0;
}

.type1 .copy{
	float:left;
	width:74%;
}

.type1 p{
	float:right;
	width:24%;
}

.type2{
	clear:both;
	margin:15px 0 30px;
}

.type2 .copy{
	float:left;
	width:66%;
}

.type2 p{
	float:right;
	width:32%;
}

.type1 dt,
.type2 dt{
	margin-top:0 !important;
}
.type1 dt img,
.type2 dt img{
	margin-bottom:15px;
}

/*バナー*/
.banner a{
	background:#FDD000;
	display:block;
	text-align:center;
	padding:20px 0;
	font-size:18px;
	margin-top:15px;
	border-bottom:4px #D1AE19 solid;
	width:100%;
}
.banner a:hover{
	background:#E6E6E6;
	display:block;
	text-align:center;
	padding:20px 0;
	font-size:18px;
	border-bottom:4px #999 solid;
	width:100%;
}

.otoiawase{
	font-size:14px;
	line-height:1.6em;
}

#phone{
	display:none;
}

/*コンテンツ 囲み*/

.contentsWrap{
	padding:0 0 45px;
	margin:45px 0;
	border-bottom:1px solid #CCCCCC;
	width:720px;
}

#recruit08{
	border:none !important;
}



/*
スマホ カスタム
*/

@media only screen and (max-width: 720px) {

/* リクルート 2016 レイアウトパターン 1カラム化 */

.type1 .copy{
	width:100% !important;
}

.type1 p{
	width:100% !important;
	text-align: left;
}


.type2 .copy{
	width:100% !important;
}

.type2 p{
	width:100% !important;
	text-align: left;
}

.culum3 dl{
	width:100% !important;
	text-align: left;
}

.culum3 dd{
	width:100% !important;
	text-align: left;
}

#snav h4,
.contentsWrap h4{
	text-align: center !important;
}

#ttl div.recruit{
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
	width: 100%;
}

/* 電話するボタン表示 */


#phone{
	display:block;
}

}