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

/* original scroll bar only IE */
html, body {
height:100%;
width:100%;

scrollbar-arrow-color: #808080;
scrollbar-face-color: #eef5fb;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}


.boxRight{
	height:600px;
	width:350px;
	z-index:1000;
	position:relative;
	overflow:auto;
}


.boxRight .scroll-pane{
height:550px;

}


/* =========================================================
フォントスタイル
========================================================= */



body {
	font-family:Osaka, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	color: #000000;
	font-size:12px;
	line-height:18px;
	position: relative;
	background:#f5fcf3;

}


/* end */

a {
	text-decoration: none;	
}

h2{
	font-size:14px;
	color:#1b6522;
	letter-spacing:1px;
	padding-bottom:40px;
}
h3{
	font-size:	12px;
	text-decoration:underline;
	letter-spacing:1px;
	margin-bottom:10px;
}

p, table {
	font-size: 12px;
	line-height:20px;
	letter-spacing:1.5px;
	
}

/* =========================================================
レイアウト
========================================================= */
/**//* section *//**/
/*#wrapper {
	width: 960px;
	height:auto;
	margin:0px auto 0px;
	padding-top:120px;
	background: #f5fcf3;
	position: relative;
	
}
*/
#wrapper {
  position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -30%);
  -moz-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  -o-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);

  /*
  This doesn't work
  margin-left: -25%;
  margin-top: -25%;
  */

  width: 100%;
	max-width: 960px;
  height: 70%;

  padding: 20px;  
  /*background: red;*/
  background-color: #f5fcf3;
  /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);*/
}
.ie7 #wrapper, .ie8 #wrapper {
	width: 960px;
	height: 0;
	margin:0 auto 0px;
	background: #f5fcf3;
	position: relative;
	left: 0;
	top: 0;
	transform: translate(0, 0);
}
#leftCol {
	width: 200px;
	position:absolute;
	top:30px;
	left:center;
	
}

#topimage {
	width: 670px;
	position:absolute;
	top:0px;
	left:300px;
	padding-top:3px;
	
}

#mainContents {
	width: 670px;
	position: absolute;
	top: 103px;
	left: 299px;
/*	left: 320px;*/
}
#footer {
	width: 100%;
/*	margin-top:200px;*/
/*position:absolute;
	left:center;
	bottom:30px;*/}


/* =========================================================
左メニュー
========================================================= */
#globalNavi {
	background: #f5fcf3 url(../images/gNaviVline.gif) no-repeat scroll right bottom;
	margin-top: 30px;
	height:520px;
}

#gNavi01, #gNavi02 {
	width: 155px;
	background: f5fcf3 url(../images/gNaviHline.gif) no-repeat scroll left bottom;
}

.gNavi01top, .gNavi01middle, .gNavi01bottom {
	height: 12px;	
	margin-top: 15px;
}

.gNavi01bottom {
	margin-bottom:30px;
}

#gNavi02 {
	width:178px;
	margin-top:25px;
	
}

.gNavi02top, .gNavi02middle, .gNavi02bottom {
	height: 18px;
}

.gNavi02middle, .gNavi02bottom {
	padding-top: 15px;
}

.gNavi02bottom {
	padding-bottom: 50px;
}

.gNavi2 img, .gNavi2 img, #gNavi01 img, #gNavi02 img {
	vertical-align: top;
}


/* =========================================================
フッター
========================================================= */
#footNavi {
	
}

.fNavi{
	height: 11px;
	width: 76px;
}

#copyright {
	width:230px;
	margin:0 auto;
	bottom:0px;
}

#copyright02 {
	width:289px;
	margin:0 auto;
}

/* =========================================================
トップコンテンツ
========================================================= */
#ui-tab {
	display:block;
	position:absolute;
	top:-10px;
	height:50px;
	
	}

#divisionNavi li, #languageNavi li {
	float: left;
}

#divisionNavi {
	float: right;
	padding-right: 30px;

}

#topContents {
	float: right;
}

#languageNavi {
	float: right;
	padding-top: 55px;	
	padding-right: 100px;
}

.lNaviparts {
	padding-left: 95px;
}

#iChange0 {
	position: absolute;
	padding-top:70px;
	padding-left:50px;
}
#iChange1, #iChange2, #iChange3, #iChange4, #iChange5 {
	position: absolute;
	filter:alpha(opacity=0);
	opacity:0;
	padding-top:20px;
	
}
#topNews{
	position: absolute;
	padding-top:20px;
	margin-left:-30px;
}

/* =========================================================
中コンテンツ
========================================================= */
.Contentsbox02 {
	width: 670px;
	height: 510px;
	margin-top: 160px;
}


/* =========================================================
ニュースコンテンツ
========================================================= */

#newsBox dl dt{
	width:160px;
	float:left;
	margin-top:40px;
}
#newsBox dl dd{
	width:510px;
	float:left;
	margin-top:30px;
}

.newsCaption {
	font-size: 11px;
	color:#444444;
}

/* =========================================================
代表挨拶ページ　レイアウト
========================================================= */

#mainContents2{
	width: 670px;
	position:absolute;
	left:290px;
	top:100px;
	background-repeat: no-repeat;
	background-position: right bottom;

}



#messageArea {
	width: 670px;
	height: auto;
	background: f5fcf3;

}

messageInfo01 {
	width: 670px;
	padding-right: 50px;
	padding-bottom: 40px;
}

#messageInfo02 {
	width:670px;
	float:left;
/*	padding-right: 270px;*/
	padding-bottom:40px;
}

#messageInfo03 {
	width:670px;
	float:left;
}

.messageInfo04 {
	width:670px;
/*	padding-right: 270px;*/
	padding-bottom:45px;
	margin-bottom:40px;
	background: url(../images/MFL_CEO.jpg) no-repeat bottom right;
	zoom:1;
}



#messageMan {
	width: 180px;
	float: left;
	text-align:left;
}

#messageMan img {
	display: inline;
}

#CEOname {
	margin-top: 20px;
}

/* =========================================================
代表挨拶ページ　フォント
========================================================= */
#philosophy {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#CEOmessage {
	text-align: justify;
	font-size: 12px;
}

.messageHead {
	font-weight: bold;
	text-decoration: none;	
}


/* =========================================================
組織図
========================================================= */
#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:500px;
	position:relative;
	border: 1px solid #CCC;
}
	
#organization_beauty{
	width:130px;
	position:absolute;
	top:380px;
	left:825px;
}	


/* =========================================================
事業部ページ　レイアウト 
========================================================= */
.divContents {
	width: 660px;
	min-height: 660px;
	position:relative;
	padding-bottom:30px;
}

#bottomPickupW {
	min-height: 755px;	
}

#bottomPickupC {
	min-height: 765px;	
}

.divContact{
	position: absolute;
	left:0;
	bottom:0;
	margin-top:30px;
}
.works{
	width:360px;
/*	height: 520px;*/
	padding-right:10px;
}
.works dd,
.divContents dd{
	margin-top:-8px;
	margin-bottom:16px;
}
.works dd img,
.divContents dd img{
	border:solid #CCC 1px;
	vertical-align: middle;
}
.works dd a{
	display:block;
	border:solid #CCC 1px;
	width:300px;
	height:200px;
}
.works dd a img,
.divContents dd img{
	border:none;
}
.works dd a:hover{
	border:solid #999 1px;
}
.worksPickup dd{
	margin-top:-8px;
	margin-bottom:16px;
}
.worksPickup dd img{
	border:solid #CCC 1px;
	vertical-align: middle;
}
.worksPickup dd a{
	display:block;
	border:solid #CCC 1px;
	width:280px;
	height:186px;
}
.worksPickup2 dd a{
	display:block;
	border:solid #CCC 1px;
	width:300px;
	height:200px;
}

.worksPickup dd a img{
	border:none;
}
.worksPickup dd a:hover{
	border:solid #999 1px;
}


/* =========================================================
アクセスページ　レイアウト
========================================================= */
#accessMap, #accessAddress {

}

#accessAddress {
	width: 670px;
	margin-top:20px;
}

.officeColumn {
	width: 300px;	
}

.floorColumn {
	width: 60px;		
	vertical-align: text-top;
}

.divColumn {
	width: 200px;
	vertical-align: text-top;
	text-align:right;
}

.telColumn {
	letter-spacing:0px;	
		vertical-align: text-top;
		text-align:right;
}

/* =========================================================
アクセスページ　フォント
========================================================= */
#accessMoving span {
	color: #E95513;
}

#accessAddress {
	font-size: 12px;	
}


/* =========================================================
プロフィールページ　レイアウト
========================================================= */
#profileScroll {
	width: 670px;
	height: 520px;
	overflow-y: auto;
}

#profileTable {
	width:660px;
	margin-top: -8px;
	border-collapse: separate;
	border-spacing: 7px;
	padding-bottom:30px;
}

#profileTable02 {
	width:660px;
	padding-top:30px;
	border-collapse: separate;
	border-spacing: 7px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}

#profileTable03 {
	width:660px;
	padding-top:20px;
	border-collapse: separate;
	border-spacing: 7px;
}

#profileTable tr td {
	padding: 0px;
}

.profileTitle {
	width: 140px;
	vertical-align: text-top;
	letter-spacing: 0.1em;
}

.profileText {
	vertical-align: text-top;	
}





/* =========================================================
沿革ページ　レイアウト
========================================================= */
#historyTable {
	margin-top: -3px;
	border-collapse: separate;
	border-spacing: 7px;
}

#historyTable tr td {
	padding-bottom: 7px;
}

.historyTitle {
	width: 140px;
	vertical-align: text-top;
	letter-spacing: 0.1em;
}

.historyText {
	vertical-align: text-top;
	line-height:16px;
	
}


/* =========================================================
リクルートページ　レイアウト
========================================================= */


#recruitTop {
	position: relative;
}

#recBtnCG, #recBtnFashion, #recBtnWeb, #recBtnBeauty, #recBtnGlobal {
	height: 11px;
	position: absolute;
}

#recBtnFashion {
	width: 88px;
	top: 50px;
	left: 171px;
}

#recBtnCG {
	width: 49px;
	top: 216px;
	left: 581px;
}

#recBtnWeb {
	width: 59px;
	top: 216px;
	left: 18px;
}

#recBtnBeauty {
	width: 84px;
	top: 453px;
	left: 294px;
}

#recBtnGlobal {
	width: 82px;
	top: 253px;
	left: 287px;
}
/* =========================================================
リクルートWebdivページ　レイアウト
========================================================= */
.recruitPage {
	margin-top: 12px;
}

#recruitMenu {
	width: 104px;
	float: left;
}

.recMenu_middle, .recMenu_bottom {
	padding-top: 15px;
}

.recMenu_top, .recMenu_middle {
	height: 9px;
}

.recMenu_bottom {
	height: 12px;
}

.recMenu_top img, .recMenu_middle img, .recMenu_bottom img {
	vertical-align: top;	
}

#recruitInfo {
	float: right;
	width: 555px;
	background: f5fcf3;
	padding-bottom:30px;
}


.recruitTable {
	width: 530px;
	border-collapse: separate;
	border-spacing: 7px;
/*	margin-top: 15px;*/
	margin-left: 25px;
	letter-spacing:1px;
}

.recruitTable tr td {
	padding: 0px;
}

.recruitTableHead {
	height: 25px;	
	vertical-align: text-top;
}

.recruitTitle {
	width: 120px;
	vertical-align: text-top;
}

.recruitText {
	width: 400px;
	vertical-align: text-top;
}

.newopenBox{
	margin-left:30px;
	border:2px solid #E95513;
	padding:8px 10px;
}
.newopenBox h3{
	font-weight:bold;
}

p.entryBtn{
	width:200px;
	padding:8px;
}
p.entryBtn a{
	display:;
	width:200px;
	padding:8px;
	line-height:30px;
	background:#E95513;
	color:#FFF;
	font-weight:bold;
}
p.entryBtn a:hover{
	color:##fffdf1;
}

#formBox{
	width:620px;
	margin:0 auto;
	padding:40px;
	border:1px solid #e5e2e1;
}
#formBox h2{
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	
}

#formBox table {
	border:2px solid #999;
	margin-bottom:20px;
	color:#666;
}

#formBox table tr th{
	width:140px;
	vertical-align:top;
	padding:12px;
	font-weight:bold;
	border:1px solid #999;
}
#formBox table#sales tr th{
	background:#f7cbb0;
}
#formBox table#creative tr th{
	background:#dae2ec;
}
#formBox table tr td{
	padding:12px;
	border:1px solid #999;
}


/* =========================================================
リクルートWebdivページ　フォント
========================================================= */
.recruitTableHead {
	font-size: 14px;
	font-weight: bold;
}


/* =========================================================
サイトマップページ　レイアウト 
========================================================= */
#sitemapContents {
	width: 670px;
	min-height: 510px;
	margin-top: 10px;
}
#sitemapContents h3 a{
	text-decoration:underline;
}
#sitemapContents h3 a:hover{
	text-decoration:none;
}


#sitemapL {
	float: left;
	width: 280px;
}

#sitemapR {
	float: right;
	width: 360px;
}

/* =========================================================
サイトマップページ　フォント
========================================================= */
.noclick {
	color: #d2d2d2;
}

.chinese{
	font-family: SimSun;
}
.w300{width:300px;}

/* =========================================================
海外事業本部ページ　レイアウト
========================================================= */
.gShop_ttl {
	margin-top:15px;
}
.gShop dt {
	padding:0px;
	margin:8px 0px 0px;
}
.gShop dd {
	padding:0px;
	margin:0px 0px 5px;
}


/*IW追加*/