@charset 'euc-jp';


/* Redefine Style ---------------------------------------------
--------------------------------------------------------------*/
body{
	margin:0; padding:0 0 30px 0; text-align:center;
	background:transparent url(../images/common/bodybg.gif);
	font-family:"MS PGothic",Osaka,"MS Gothic",Gothic,sans-serif;
}

h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

p{margin:0; padding:0;}

ul,li{margin:0; padding:0; list-style:none;}

dl,dt,dd{margin:0; padding:0;}

hr{display:none;}

img{border:0;}

form{margin:0; padding:0;}

strong{font-weight:bold; font-style:normal;}

.clrBox{clear:both;}

.center{text-align:center;}

/* Header Template ---------------------------------------------
--------------------------------------------------------------*/
#mainContainer{
	width:793px; margin:0 auto;
	text-align:left;
	background:transparent url(../images/common/mainbg.gif) repeat-y;
}

/* Header */
#header{
	width:778px; margin-left:8px; padding-bottom:6px;
	background:transparent url(../images/common/header_line.gif) repeat-x left bottom;
}
#header h1{ float:left; width:594px; }
#header p{ float:left; width:184px; }

/* Gloabal Navi */
#gNavi{ width:778px; margin-left:8px; }

#subNavi{ float:right; }
#subNavi li{ float:left; }

#mainNavi li{ float:left; }
#mainNavi img{ vertical-align:bottom; }

/* Bread Navi */
#breadNavi{
	margin:0 7px 0 8px; padding:10px 0 7px 0;
	background:transparent url(../images/gnavi_line.gif) repeat-x;
}

#breadNavi ul{ margin-left:15px;}
#breadNavi li{
	float:left;
	font-size:70%; line-height:140%; color:#666666;
}

a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


/* MainContent Template ---------------------------------------
--------------------------------------------------------------*/
/* CONTENT BOX */
#wBox{
	margin:15px 0 0 17px;
	background:transparent url(../images/common/wboxbg.gif) repeat-y;
}

.cntContainer{
	padding-bottom:15px; vertical-align:top;
	background:transparent url(../images/common/borderline.gif) no-repeat left bottom;
}

.cntBox{
	padding:15px 30px 0 10px; vertical-align:top;
	background:transparent url(../images/common/borderline.gif) no-repeat;
}

.cntBox .thanksTxt{
	font-size:80%; line-height:140%; color:#666666;
	margin:20px 10px;
	}

#singleBorder{
	margin:15px 17px 0 17px; padding:10px 0;
	border:1px solid #e8e8e8;
}

/* news detail ------------------------------------------------
--------------------------------------------------------------*/
#icoTB{margin-top:20px;}
#icoTB td{font-size:80%; line-height:140%; color:#666666;}
#icoTB img{margin-right:10px;}

.newsInBox{margin-left:15px;}

.newsInBox h4{
	margin-top:10px;
	font-size:85%; line-height:140%; color:#ff688e;
}
.newsInBox p{
	margin-top:30px;
	font-size:80%; line-height:140%; color:#666666;
}

.newsPhoto{margin-left:10px; margin-top:10px;}

.pdfLNK{
	padding:4px 0 3px 20px; margin-top:10px;
	font-size:80%; line-height:140%; color:#ffb0ad;
	background:transparent url(../images/common/pdf.gif) no-repeat 0 0.3em;
}

.newsInBox li{
	font-size:85%; line-height:140%; color:#ffb0ad;
}



/* Directory TITLE */
#directoryTT{margin-left:12px;}
#directoryTT2{margin-left:17px;}


/* Page TITLE */
#pageTT{
	padding-bottom:10px;
	background:transparent url(../images/readline.gif) repeat-x left bottom;
}
#pageTT td{vertical-align:top;}
#pageTT p{font-size:80%; line-height:140%; color:#666666;}
#pageTT h3{padding-left:10px;}

/* Pager Box */
.pageNumTB{margin-top:12px;}
.pageNumTB p{font-size:80%; line-height:140%; color:#666666;}
.pageNum{padding:0 10px;}

/* about Cross Head */
.crossHgr{
	margin-top:10px; padding-top:10px;
	background:transparent url(../images/common/crossh_gr.gif) repeat-x;
}
.crossHgr .crossHin{padding-left:10px;}
.crossHgr td{vertical-align:top;}
.crossHgr p{font-size:80%; line-height:140%; color:#666666;}


/* DATA TABLE */
.borderIN{
	margin-top:20px; padding-bottom:10px;
	border:1px solid #e8e8e8;
}

.crossBox{
	margin:1px 1px 0 1px; padding:6px 10px;
	background-color:#ffcccc;
}

.crossBox h4{font-size:80%; line-height:140%; color:#666666;}
.crossBox h4.green{color:#49af58;}
.crossBox p{font-size:70%; line-height:140%; color:#666666;}


/* Side Box */
#sideBox{vertical-align:top;}
#sideBox img{vertical-align:bottom;}
#sideBoxIN{
	padding:1px 1px 1px 1px;
	background:transparent url(../images/sub_bg.gif);
}


#sideBoxIN2{
	margin-top:10px;
	padding:1px 1px 1px 1px;
	background:transparent url(../images/sub2_bg.gif);
}

#serviceTOP{
	margin-top:10px; margin-right:10px;
	text-align:right;
}


#TEL{margin-top:10px; text-align:center;}


/* Anker */
#anker, #anker2, #anker3{
	margin-top:15px; padding-top:45px;
	background:transparent url(../images/common/anker_bg.jpg) repeat-x;
}

#anker{margin-left:30px; width:548px;}

#anker2{padding-left:10px; padding-right:10px;}

#anker3{
	padding-bottom:10px;
	width:755px; border-bottom:1px solid #e8e8e8;
}

#anker3 ul{margin:0 5px;}

#ankerUL li{font-size:70%; line-height:140%; color:#666666;}
#ankerUL .prev{float:left;}


/* Footer */
#footLNK{margin-left:20px; margin-top:15px;}
#footLNK li{float:left;}

#copyright{
	height:46px; text-align:center; 
	background:transparent url(../images/common/copyright_bg.gif) repeat-x;
}
#copyright p{padding-top:7px;}


/* Margin Style -----------------------------------------------
--------------------------------------------------------------*/
.mgn10{margin-top:10px !important;}
.mgn15{margin-top:15px !important;}
.mgn20{margin-top:20px !important;}
.mgn25{margin-top:25px !important;}
.mgn30{margin-top:30px !important;}


/* LIST Style -------------------------------------------------
--------------------------------------------------------------*/
.prev{
	padding-left:12px;
	background:transparent url(../images/common/prev.gif) no-repeat 0 0.2em;
}

.next{
	padding-right:12px;
	background:transparent url(../images/common/next.gif) no-repeat 100% 0.2em;
}

.prev p,
.next p{font-size:70%;}

.pageNum{padding:0 10px;font-size:80%;}

.pageNumTB p.keisai{font-size:80%;}

.up{
	padding-left:12px; float:right;
	background:transparent url(../images/common/up.gif) no-repeat 0 0.3em;
}

/* Circle LIST */
.listBlack li, .listBlack2 li{
	padding-left:15px;
	font-size:80%; line-height:140%; color:#666666;
	background:transparent url(../images/common/list_black.gif) no-repeat 0 0.3em;
}
.listBlack li{margin-top:10px;}


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


/* Talent Temp ----------------------------------------------
--------------------------------------------------------------*/
#talent a{color:#e45579;}


/* talent/index -------------------------------------------
--------------------------------------------------------------*/
/* Main Box */
#indexMain{padding-left:10px; vertical-align:top;}

#addBox{
	width:455px; padding-bottom:10px;
	background:transparent url(../images/common/cross_gray.gif);
}
#addBox table{margin-left:10px;}
#addBox td, #addBox th{padding-top:10px;}
#addBox td{font-size:75%; line-height:140%; color:#666666;}
#addBox td img{vertical-align:middle;}

#indexRec h3,
#indexNews h3{
	margin-top:15px; padding-bottom:10px; width:455px;
	background:transparent url(../images/readline.gif) repeat-x left bottom;
}
#indexRec table,
#indexNews table{margin-top:10px; margin-left:10px;}
#indexRec th, #indexRec td,
#indexNews th, #indexNews td{
	padding:5px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
	font-size:75%; line-height:140%; color:#666666;
	vertical-align:top;
}
#indexRec th,
#indexNews th{width:85px;}

#others,
#past{
	margin-top:20px; padding-bottom:15px; width:455px; 
	background:transparent url(../images/common/anker_bg.jpg) repeat-x left bottom;
}
#others ul,
#past ul{float:right;}


/* Side Box */
#indexMenuBG{
	vertical-align:top;
	background:transparent url(../images/common/cross_gray.gif);
}

#indexMenu{
	padding:1px 1px 1px 1px;
	background:transparent url(../images/sub_bg.gif);
}

#indexMenu2{
	margin-top:10px;
	padding:1px 1px 1px 1px;
	background:transparent url(../images/sub2_bg.gif);
}

#indexMenu img,
#indexMenu2 img{vertical-align:top;}

#cntTempo{
	padding:15px 0 10px;
	text-align:center;background:#ffffff;
}

/* flow -------------------------------------------------------
--------------------------------------------------------------*/
h5{color:#eb8986;font-weight:bold;}

#flowCNT{
	padding-top:55px; padding-left:10px; padding-right:10px;
	background:transparent url(../images/common/anker_bg.jpg) repeat-x;
}
#grayBox{background:transparent url(../images/gray_box_bg.gif) left top no-repeat;}
#grayBox p{width:300px; margin:10px; padding-top:10px; font-size:70%;}

/* access ------------------------------------------------------
--------------------------------------------------------------*/
#accessMap{margin-top:20px;text-align:center;}
#accessMap p{margin:10px 0 0 110px;text-align:left;font-size:80%;}
#cntCNT{
	padding-top:55px;
	background:transparent url(../images/common/anker_bg.jpg) repeat-x;
}
#cntCNT div{
	width:550px;
	border:1px solid #e8e8e8;
}
#cntCNT h5{
	padding:5px 10px;
	font-size:90%; line-height:140%; font-weight:bold; color:#666666;
	background:transparent url(../images/common/cross_gray.gif);
	border:1px solid #ffffff;
}
#cntCNT .contact{margin:10px;font-size:80%;}
#cntCNT .contact td{vertical-align:top;}


/* temporary --------------------------------------------------
--------------------------------------------------------------*/
#tempflow{margin:10px;}
#tempflow p{font-size:80%;color:#666666;line-height:140%;}


/* branch/contact ---------------------------------------------
--------------------------------------------------------------*/
.necessary{
	margin-left:10px; margin-top:10px;
	font-size:70%; line-height:140%; color:#cc0000;
}
.errorcss{
	margin-top:7px;
	margin-bottom:7px;
	margin-left:10px;
	font-size:70%; line-height:140%; color:#cc0000;
}
.require{color:#ff0000;}

.noLineTB td{
	background:#ffffff !important;
	font-size:100% !important;
}

.recNEW{
	margin-left:10px;
	vertical-align:middle;
}

/* width */
.width300{width:300px;}
.width250{width:250px;}
.width200{width:200px;}
.width150{width:150px;}
.width100{width:100px;}
.width50{width:50px;}
.width30{width:30px;}

/* DATA TABLE */
.dataTbBox3{
	width:530px; margin:10px 0 0 10px; padding-top:1px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;
}

.dataTbBox4{
	padding-top:1px; margin-right:5px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;
}

#dataTB{
	/*margin:10px 0 0 10px; padding-top:1px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;*/
}

#dataTB th, #dataTB td{
	padding:6px 10px; 
	vertical-align:top;
	font-weight:normal;
	font-size:75%; line-height:140%; color:#666666;
}
#dataTB th{
	background:transparent url(../images/datath.gif) repeat-x left bottom;
}
#dataTB td{
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}

.dataTB{
	/*margin:10px 0 0 10px;
	padding-top:1px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;*/
}
.dataTB th, .dataTB td{
	padding:6px 10px; 
	vertical-align:top;
	font-weight:normal;
	font-size:75%; line-height:140%; color:#666666;
}
.dataTB th{
	background:transparent url(../images/datath.gif) repeat-x left bottom;
}
.dataTB td{
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}
#data2TB{
	/*margin:10px 0 0 10px;
	padding-top:1px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;*/
}
#data2TB th, #data2TB td{
	padding:6px 10px; 
	vertical-align:top;
	font-weight:normal;
	font-size:75%; line-height:140%; color:#666666;
}
#data2TB th{
	background:transparent url(../images/datath2.gif) repeat-x left bottom;
}
#data2TB td{
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}


/* Submit */
#confirm{
	margin-left:10px; margin-top:15px;
	width:530px;
	background:transparent url(../images/confirm_h.gif) repeat-x;
}
#confirm h3{padding-left:10px; padding-top:10px;}
#confirm #textTB td{
	padding:10px 0;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}
#confirm #textTB p{
	padding-left:10px;
	font-size:80%; line-height:140%; color:#666666;
}

#submitUL{
	margin-top:15px;
	text-align:center;
}
#submitUL li{display:inline;}
#btnSubmit{padding-right:10px;}


/* realestate/recruit -----------------------------------------
--------------------------------------------------------------*/
#photoTB{margin-left:20px; margin-top:10px;}
#photoTB td{vertical-align:top;}
#photoTB div, #photoTB p{width:160px;}
#photoTB p{
	padding-top:10px;
	font-size:70%; line-height:140%; color:#666666;
}

#entry{margin:10px 20px 0 20px;}
#entry li{
	padding-top:15px; text-align:center;
	background:transparent url(../images/common/line_dotte.gif) repeat-x;
}

/* DATA TABLE RECRUIT */
.borderIN2{
	margin-top:20px; padding-bottom:10px;margin-bottom:60px;
}
.recruitBox{
	margin:1px 1px 0 1px; padding:6px 10px;
	background:transparent url(../images/recruit_box_head.gif) left top no-repeat;
}

.recruitBox h4{font-size:80%; line-height:140%; color:#ffffff;}
.recruitBox p{font-size:70%; line-height:160%; color:#ffffff;}

.recruitBg{
	margin-left:1px;
	width:549px;
	background:transparent url(../images/recruit_box_bg.gif) repeat-y;
}
.recruitFoot{
	margin:0 0 10px 0;
	background:#ffffff;
}

/* DATA TABLE */
#detaTBbox{
	width:535px;
	margin:10px 0 0 1px;
	padding:7px;
	border:1px solid #e8e8e8;
}
#dataTB2{
	/*padding-top:1px;
	background:transparent url(../images/common/line_dotte.gif) repeat-x left top;*/
}
#dataTB2 th, #dataTB2 td{
	padding:6px 10px; 
	vertical-align:top;
	font-weight:normal;
	font-size:75%; line-height:140%; color:#666666;
}
#dataTB2 th{
	background:transparent url(../images/datath.gif) repeat-x left bottom;
}
#dataTB2 td{
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}

/* NEWS TABLE */

.nNews{margin:15px 10px 0 10px; padding-bottom:15px;}
.nNews th, .nNews td{vertical-align:top;}
.nNews th img{margin-top:3px;}
.nNews p{font-size:80%; line-height:140%; color:#666666;}

.nNews dl{padding-bottom:40px;}
.nNews dt{
	padding-top:5px;font-weight:bold;
	font-size:120%; line-height:140%; color:#49af58;
}
.nNews dd{
	padding-top:5px;
	font-size:80%; line-height:140%; color:#666666;
}
.nNews dd img{margin-left:5px; margin-bottom:3px; vertical-align:middle;}

.nNews dd table tr{background:transparent url(../images/common/line_dotte.gif) left bottom repeat-x;}
.nNews dd table td,
.nNews dd table th{padding:8px;}




/* Campaign Style ----------------------------------------------
--------------------------------------------------------------*/
.campaign{padding:0 0 10px 0 !important;}

#campaignBox{padding:0 10px;}

#campaignBox #anker2{margin-top:0 !important;}



/* Merit Style -------------------------------------------------
--------------------------------------------------------------*/
#meritTable h5{font-weight:bold;}

#fukuri{
	padding-bottom:30px;
	background:transparent url(../images/common/anker_bg.jpg) repeat-x left bottom;
}

#fukuri,#yutai{padding-top:5px;}

#fukuri div,#yutai div{float:right;}

#fukuri div, #yutai div{padding-left:10px;}





/* INFO Style -------------------------------------------------
--------------------------------------------------------------*/
#thrColumn{
	margin-top:20px; padding-bottom:30px;
	background:transparent url(../images/common/anker_bg.jpg) repeat-x left bottom;
}

#thrColumn td{vertical-align:top;}

#thrColumn td div{
	width:180px;
	background:transparent url(../images/three_column.gif) repeat-x;
}

#thrColumn h4{padding:8px 0 0 8px;}

#thrColumn ul{padding:10px 8px 0 8px;}
#thrColumn li{
	padding:5px;
	font-size:80%; line-height:145%; color:#666666;
	background:transparent url(../images/line_dotte.gif) repeat-x;
}


#flow{
	width:535px; margin:0 auto;
}

#flow h4{
	padding-top:15px;
	font-size:80%; line-height:145%; color:#eb8986; font-weight:bold;
}

#flow li{
	font-size:80%;
	padding-left:12px; padding-bottom:5px;
	background:transparent url(../images/common/next.gif) no-repeat 0 0.2em;
	_background:transparent url(../images/common/next.gif) no-repeat 0 0.4em;
}



/* Access Style -----------------------------------------------
--------------------------------------------------------------*/
#shibuyaMap .crossHin, #yokohamaMap .crossHin{padding-left:0;}

#shibuyaMap h4, #yokohamaMap h4{padding-left:10px;}

#shibuyaMap dl, #yokohamaMap dl{padding:15px 15px 0 15px;}
#shibuyaMap dt, #shibuyaMap dd, #yokohamaMap dt, #yokohamaMap dd{font-size:80%; line-height:145%; color:#666666;}
#shibuyaMap dt, #yokohamaMap dt{font-weight:bold;}


#shibuyaMap dt.hidden {display: none;}


#shibuyaJR, #toyoko, #ginza, #dento, #fukutoshin, #inogashira, #minato, #yokohamaJR{
	width:550px; padding-top:20px;
}

#toyoko, #ginza, #dento, #fukutoshin, #inogashira, #yokohamaJR{display:none;}

/* 080910DATA TABLE */
h5{color:#ff688e;}/*color??‘‚?*/

#meritTable h5{color:#ff688e;}/*color??‘‚?*/

.dataTB3 th, .dataTB3 td{
	padding:6px 10px; 
	vertical-align:top;
	font-weight:normal;
	font-size:75%; line-height:140%; color:#666666;
}
.dataTB3 th{
	background:transparent url(../images/new_datath2.gif) repeat-x left bottom;
}
.dataTB3 td{
	background:transparent url(../images/common/line_dotte.gif) repeat-x left bottom;
}

/*access*/

#anchor {
	margin:10px 0 0 10px;
	padding-left:12px;
	background:transparent url(../images/common/down.gif) no-repeat 0 0.3em;
	font-size:80%; line-height:140%; color:#ff688e;
}

/*INFO Style*/

#flow h4{color:#ff688e;}/*color??‘‚?*/

/*contact*/

#dataTB th{font-weight:bold;}


/*guide*/

p.guide_txt1 {padding:10px 0px 5px 15px;}
h5.guide_txt {color:#384B72;}
table.guide2_1 {
border-top:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
margin-top:10px;
}
table.guide2_1 td {
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
vertical-align:middle;
padding:10px;
font-size:70%;
color:#666666;
line-height:140%;
}
table.guide2_1 td.head1 {background-color:#996666;}
table.guide2_1 td.head2 {background-color:#A57173;}
table.guide2_1 td h5 {padding:15px 5px 15px 10px;}

table.guide2_2 {
border-left:1px solid #DCDCDC;
}
table.guide2_2 td {
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
vertical-align:middle;
padding:10px;
}
table.guide2_2 td.head {white-space:nowrap;}

table.guide_flow td {
vertical-align:top;
}
table.guide_flow td.flow_txt {
border:1px solid #DCDCDC;
}
table.guide_flow td p {
padding:5px 7px 20px 7px;
font-size:70%;
}

table.guide5_2 {
border-top:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
margin-top:10px;
}
table.guide5_2 td {
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
vertical-align:middle;
padding:10px;
}
table.guide5_2 td.head {padding:0px;background-color:#FFCC99;text-align:center;}
table.guide5_2 td.head h5 {padding:10px;background-color:#FFCC99;border:1px solid #FFFFFF;
}




.dropdown {padding:0;}
.dropdown dt {cursor:pointer;}
.dropdown dt:hover {}
.dropdown div {position:relative; overflow:hidden;display:none; background:#fff; z-index:200; }
.dropdown ul {list-style:none;}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block;text-decoration:none;}
.dropdown a:hover {}


/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ¡ï*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
