@charset "utf-8";

/* 共通項目
-------------------------------------------------- */
header{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
	padding-bottom:30px;
}

#recruitMessage2{
	letter-spacing:2px;
}

#main{
	width:auto;
	margin:0 auto;		
}

#main02{
	width:1000px;
	margin:0 auto;
	padding-top:30px;	
}

#top footer{
	width:900px;
	margin:0 auto;
	margin-top:-50px;
}

footer{
	width:900px;
	margin:0 auto;
	position:relative;
}

#center_button{
	text-align: center;
	margin-top:50px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	height: 45px;
	border: thin solid #000;
}

#center_button a{
	color:#000;
	text-decoration:none;
}
	

footer #copyright{
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
	letter-spacing: 0;
	color: #999;
}

#logo{
	display:block;
	margin:0 auto;
	text-align:center;
	margin-bottom:-22px;
}

h2{
	margin-bottom:50px;
}


body{
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
	letter-spacing: 0.2em;
}


#main{
	width:100%;
}

#mainWrap{
	width:900px;
	margin: 50px auto;
}

#centerWrap{
	width:580px;
	/*width: 595px;*/
	float:left;
	padding-bottom:50px;	
}

#rightWrap{
	width:160px;
	height:450px;
	float:right;
	position:relative;
}

#leftWrap{
	width:160px;
	height:450px;
	float:left;
	position:relative;
}

#leftWrap .back{
	position:absolute;
	top:50%;
	width:160px;
	height:40px;
	margin-top:-20px;
	overflow:hidden;
}

#rightWrap .prev{ 
	position:absolute;
	top:50%;
	width:160px;
	height:40px;
	margin-top:-20px;
	text-align:right;
	display:block;
}


/*#rightWrap{
	width:160px;
	float:left;
	position:relative;
	height:auto;
}

#leftWrap{
	width:160px;
	float:left;
	position:relative;
	height:auto;
}

#leftWrap .back{  
    position:fixed;
    top:300px;
	left:30px;
    margin:0px 0 0 0px;
}

#rightWrap .prev{  
    position:fixed;
    top:300px;
	right:30px;
    margin:0px 0 0 0px;
}*/

.pageTop{
	width:900px;
	text-align:right;
	margin-bottom:20px;
}
.pageTopBox{
	position:absolute;
	 right:0;
	 bottom:30px;
	 width:49px;
	 height:20px;
}

.privacyPolicy{
	position:absolute;
	bottom:30px;
	width:79px;
	height:20px;
}


#mash_link {
	position: absolute;
	top: 60px;
}

#mash_link dl,
#mash_link dt,
#mash_link dd {
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 10px;
	letter-spacing: 0;
}


#mash_link dd {
	float: left;
	clear: both;
	font-weight: bold;
	width: 115px;
	color: #999;
}

#mash_link dt {
	float: left;
	margin-right: auto;
	color: #999;
}
#mash_link a {
	display: block;
}

/* グローバルナビゲーション
-------------------------------------------------- */
nav {
	width: 900px;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -450px;
}

.gNavi01 {
	position: absolute;
	top: 0;
	left: 0;
}

.gNavi02 {
	position: absolute;
	top: 0;
	left: 220px	;
}

.gNavi03 {
	position: absolute;
	top: 0;
	left: 570px;
}

.gNavi04 {
	position: absolute;
	top: 0;
	right: 0;
}

.movemenu {
	width:100px;
	background:#FFF;
	padding:15px;
	margin-left:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


header .gNavi{
	display:block;
	float:left;
}

header .gNavi01{
	margin-right:127px;
}
header .gNavi02{
	margin-right:400px;
}
header .gNavi03{
	margin-right:85px;
}
header .gNavi04{
	margin-right:0px;
}



/* TOP
-------------------------------------------------- */

/*	#top #main{
	width:60%;
min-width:900px;
height:80%;
	margin: 100px auto;
}*/

#top #main{
	width:750px;
	height:auto;
	padding-top:30px;
	padding-bottom:120px;
	margin:0 auto;
	position: relative;
}

#recruitBunner {
	position: absolute;
	bottom: 100px;
	left: 0;
}
#recruitBunner2 {
	position: absolute;
	top: 20px;
	right: 0;
}


/* Policy
-------------------------------------------------- */

.messageTitle{
	font-weight: bold;
	margin-bottom:18px;
	line-height:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.messagePhoto{
	float:left;
	width:179px;
}

.messageText{
	/*width:385px;*/
	width: 400px;
	padding-left:15px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	letter-spacing: 0;
}


/* About
-------------------------------------------------- */
.leftHead{
	float:left;
	width:179px;	
}

.rightHead{
	width:385px;
	padding-left:15px;
	float:left;
	width:179px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;	
}


#plofile .head{
	width:100px;
	vertical-align: top;
	padding-bottom:15px;
}
#plofile .text{
	padding-left:15px;
	padding-bottom:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}

#recruit .rectit_img {
	margin-left:160px;
}
#recruit .head{
	width:130px;
	vertical-align: top;
	padding-bottom:15px;
}
#recruit .text{
	padding-left:15px;
	padding-bottom:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
#recruit .recruitTableHead {
	height: 50px;	
	vertical-align: text-top;
}
.recruitTableHead {
	font-size: 14px;
	font-weight: bold;
}
#recruit .recruitTableText {
	height: 40px;	
	vertical-align: text-top;
	padding-bottom: 30px;
}
#recruit .recruit_topimg{
	padding-bottom: 50px;
}

#recruit .recruit_topimg img{
	width: 100%;
	height: auto;
}
#recruit .recruitStep {
	padding-top: 50px;
	padding-bottom:50px;
	text-align: center;
}
#recruitMessage {
	padding-bottom: 50px;
	width: 900px;
}
#recruit .company_text {
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	color: #999;
	display: block;
}
#recruit .mid_box {
	display: block;
	margin-bottom:20px;
}
#recruit .mid_left {
	width: 40%;
	height: 50px;
	line-height: 50px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	color: #999;
	float: left;
	margin-top: 20px;
	padding-left: 5%;
	display: table-cell;
	vertical-align: middle;
	display: block;
	background-color: #eeeeee;
}
#recruit .mid_left:hover, #recruit .mid_right:hover {
background-color: #fdf2ff;
}
#recruit .mid_right {
	width: 40%;
	height: 50px;
	line-height: 50px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	color: #999;
	float: right;
	margin-top: 20px;
	padding-left: 5%;
	display: block;
	background-color: #eeeeee;
}
#recruit .clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}
input[type=text] {
	height: 25px;
	font-size: 100%;
}
select {
	height: 27px;
	font-size: 100%;
}
input[type=button] {
	height: 25px;
	text-align: center;
	font-size: 100%;
}
input[type=submit] {
	width: 100px;
	height: 30px;
}
p.entryBtn{
	width:100%;
	padding-top: 50px;
	text-align: center;
}
p.entryBtn a{
	display:;
	width:200px;
	padding:8px;
	line-height:30px;
	background:#000000;
	color:#FFF;
	font-weight:bold;
}
p.entryBtn a:hover{
	color:##fffdf1;
}

#history .head{
	width:150px;
	vertical-align: top;
	padding-bottom:15px;
}
#history .text{
	padding-left:15px;
	padding-bottom:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


/* =========================================================
組織図
========================================================= */


#organization img{
	padding:10px;
	border:solid #efefef 1px;
	vertical-align: middle;
}
#organization a{
	display:block;
	border:solid #CCC 1px;
}
#organization a img{
	border:none;
}
#organization a:hover{
	border:solid #999 1px;
}

#organization_up{
	width:980px;
	height:659px;
	position:relative;
	border: 1px solid #CCC;
	padding-top:20px;
	padding-left:7px;
}
	
#organization_beauty{
	width:130px;
	position:absolute;
	top:380px;
	left:825px;
}	



/* grupe
-------------------------------------------------- */


.grupeLeft{
	float:left;
	width:177px;
}

.grupeRight{
	float:left;
	width:387px;
	padding-left:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


#grupe dd{
	margin-bottom:20px;
}

#grupe .text{
	padding-top:20px;
}



/* news
-------------------------------------------------- */
.infoWrap{
	padding-bottom:40px;
	margin-top:40px;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}


#info h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}

.food01{
	background:#91c75c;
	color:#fff;
}

#food02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.mbl01{
	background:#FBC52C;
	color:#fff;
}

#mbl02{
	width:120px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.mfl01{
	background:#00A059;
	color:#fff;
}

#mfl02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.msl01{
	background:#EA5229;
	color:#fff;
}

#msl02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.piquecafe01{
	background:#91c75c;
	color:#fff;
}

#piquecafe02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}


.usagi01{
	background:#e15fc7;
	color:#fff;
}

#usagi02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.mhd01{
	background:#666666;
	color:#fff;
}

#mhd02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}

.mll01{
	background:#8FC31F;
	color:#fff;
}

#mll02{
	width:110px;
	height:16px;
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:center;
	line-height: 16px;
	float:left;
	font-size:10px;
}
.release{
	font-size:9px;
	text-align:right;
	float:right;
}

.infoBox {
	width: 595px;
}
.infoBoxLeft{
	float:left;
	width:350px;
}

.infoBoxRight{
	float:left;
	width:202px;
	margin-left:18px;
}

.infoBoxRight p{
	border: 1px solid #999;	
}

/*============================================
リニューアル追加
2014/09///ozaki
=============================================*/

.topics{
	background:url(../image/news/icon/back_grd.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-bottom:50px;
	width:800px;
}
.topics .icon{
	float:left;
}
.topics time{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999;
	font-size:11px;
	letter-spacing:1.6;
	margin-right:5px;
	float:right;
}
.news_box{
	width:536px;
	height:43px;
	border-bottom:solid #b4b4b4 1px;
	display:table;
	float:left;
	padding-left:10px;
}
#centerWrap .topics h3{
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
}
.news_pic{
	text-align:right;
	float:right;
	width:148px;
	height:148px;
	overflow:hidden;
	border:solid 1px #d4d4d4;
}
p.img{
	border:#f2f2f2 1px solid;
}
p.link{
	margin:20px 0;
}
.none_pic{
	display:block;
	widows:150px;
	height:150px;
}

.news_link{
	display:table;
	width:648px;
	height:82px;
}
.news_link div{
	display:table-cell;
	vertical-align:middle;
}

.news_link p{
	width:155px;
	text-align:center;
	margin:auto;
}
/**/
.news_box2{
	width:100%;
	height:15px;
	border-bottom:solid #b4b4b4 1px;
	float:right;
	margin-bottom:20px;
}

#centerWrap .news_text h3{
	font-weight:bold;
	font-size:16px;
}

.news_text time{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999;
	font-size:11px;
	letter-spacing:1.6;
	margin-right:5px;
	text-align:right;
	display:block;
	width:598px;
}

.news_text{
	float:left;
	width:600px;
	margin:0 20px;
}

p.news_prev{
	float:left;
}
p.news_next{
	float:right;
}
p.news_back{
	float:left;
	margin-left:329px;
}
p.news_back_end{
	float:left;
	margin-left:378px;
}
.news_pic2{
	text-align:right;
	float:right;
}


/*2014/09///追加ここまで*/

/*============================================
index.html index02.html
=============================================*/

/* ここからversion2 */
nav.navVersion2 {
	width: 750px;
	margin-left: -375px;
}


.navVersion2 .gNavi02 {
	left: 170px	;
}

.navVersion2 .gNavi03 {
	left: 570px;
}


#footer2 .privacyPolicy {
left: 77px;
}

#footer2 .pageTopBox {
right: 76px;
}


/* footer設定 */
#footer2{
	width:750px;
}