@charset "utf-8";


/* ///////////////////////////////////////////
/
/　1-1 global index
/
//////////////////////////////////////////// */

/* structure ////////// */

.columnA{
	width : 225px;
	height : 470px;
	float:left;
	background-color : #e8927e;
}

.columnJ{
	width : 225px;
	height : 470px;
	float:left;
	background-color : #fbf2a0;
}

.columnV{
	width : 225px;
	height : 470px;
	float:left;
	background-color : #d4ecb8;
}

.columnI{
	width : 225px;
	height : 470px;
	float:left;
	background-color : #b8ece8;
}


.columnA1{
	height : 100px;
	background-color : #b221e8;
}

.columnJ1{
	height : 100px;
	background-color : #c255eb;
}

.columnV1{
	height : 100px;
	background-color : #ce7ced;
}

.columnI1{
	height : 100px;
	background-color : #dea9f2;
}



.newsArea{
	float : left;
	width : 430px;
}


.gm1, .gm2, .gm3, .gm4 {
	width : 335px;
	height : 73px;
	background-color : #ffffff;
}


.gm1{
	margin-top : 45px;
}


.gm2{
	margin-top : 23px;
}

.gm3{
	margin-top : 23px;
}

.gm4{
	margin-top : 23px;
}




/* inner frame ////////// */


.displayZone{
	width : 400px;
	margin : 5px auto 5px auto;
	height : 250px;
	overflow : auto;
}


.boxIndex{
	width : 400px;
	margin : 0 auto;
	padding-top : 10px;
}

.displayZone ul{
	padding : 10px 10px 0 10px;
}



/* elements ////////// */

.entryBtn{
	float : left;
	width : 450px;
	height: 280px;
	background : url(/2011/img/entrybtnbg.gif) no-repeat scroll center center;
	text-align:center;
	margin : 15px 0 ;
}



.entryBtn a:hover{
	background-position :0 -200px;
}


/* ///////////////////////////////////////////
/
/　1-2 contents index
/
//////////////////////////////////////////// */


.tubList{
	width : 650px;
	margin : 20px auto;
}

.tubList li{
	width : 325px;
	height : 110px;
	text-align : center;
	float: left;
}



/* ///////////////////////////////////////////
/
/　2-1 contents--about
/
//////////////////////////////////////////// */

.flowBox{
	width : 600px;
	margin : 50px auto 0 auto;
}

.flowBox td{
	width : 300px;
	height : 170px;
	vertical-align : top;
}

.flowBox p{
	padding : 0 10px;
}

.flashBox{
	width : 100%;
	text-align: center;
	padding-top : 30px;
}

.mediaList{
	margin : 40px auto 0 auto;
	width : 600px;
}


.mediaList ul{
	margin : 5px 0 20px 20px;
}


.mediaList li{
	font-size : 11px;
	margin-bottom : 3px;
}

.listEnd{
	text-align : right;
	width : 400px;
}

/* ///////////////////////////////////////////
/
/　2-1 contents--voice
/
//////////////////////////////////////////// */

.frameTop{
	width : 570px;
	margin : 0 auto;
}


.reply{
	margin : 5px 0 20px 20px;
}


.name{
}

.inter{
	width : 520px;
	margin:0 auto;

}

.subTopic{
	padding-bottom : 20px;
}

.port{
	width : 200px;
	text-align : center;
	float : left;
}

.inteevieweeList{
	width : 400px;
	height : 300px;
	margin : 0 auto;
}

.frame{
}

.prof{
	width : 180px;
	margin : 5px auto 0 auto;
	text-align : left;

}


.interviewee{
	width : 100%;
	text-align : center;
	margin-top : 20px;

}

.interviewFrame{
	width : 570px;
	margin : 0px auto 0px auto;
	background : #ffffff url(/2011/img/voice/interviewBgImg.jpg) repeat-y scroll center top;
}


.threeInterviewee{
	width : 600px;
	margin : 20px auto;
	text-align : center;

}


/* carpenter's items */

.itemList{
	margin : 50px 0;
	background-color :#f4f4e4;
}

.itemList table{
	width :640px;
	margin : 10px auto;

}

.itemBox{
	width : 160px;
	text-align:center;
	padding-bottom : 10px;
}


.itemBox div{
	width : 150px;
	margin : 5px auto;
	text-align:left;
}

.itemBox div h5{
	color : #800000;
	font-weight: bold;
}


















/* ///////////////////////////////////////////
/
/　2-1 contents--info
/
//////////////////////////////////////////// */

.dataTableArea{
	margin-bottom : 20px;
}


.month{
	font-size : 26px;
	font-weight : bold;
	color : #999999;
	text-align : right;
	width : 630px;
}

.booked{
	text-decoration:line-through;
	color :#c0c0c0;
}


.flows{
	width : 600px;
	margin : 0 auto 20px auto;
}


.flows div{
	padding: 0 0 30px 30px;
}


.flows a{
	text-decoration:underline;
	color : #4592a9;
}

.flows a:hover{
	color : #73b9ce;
}








/* ///////////////////////////////////////////
/
/　2-1 contents table style
/
//////////////////////////////////////////// */

/* //////////////////////   メディア紹介 */

.media{
	width : 600px;
	margin : 40px auto 0 auto;
}


.tv{
	width : 210px;
}


.media td{
	vertical-align:top;
}

.media p{
	padding : 10px 10px 10px 20px;
}


/* //////////////////////   業務紹介 */


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

.service p{
	padding : 10px 0 0 10px;
}

.serviceImg{
	width : 200px;
	height: 200px;
	vertical-align:top;
}

.serviceList{
	width : 600px;
	margin : 0 auto;
}


/* //////////////////////   メディア紹介 */

.tableFrame{
	width : 630px;
	margin : 40px auto;
	background-color : #f4f4e4;
	padding-top : 20px;
}

.worksContents{
	width : 600px;
	margin : 0px auto 0 auto;
}

.worksContents p{
	padding-left : 10px;
}

.worksContents td{
	vertical-align:top;
	height : 130px;
}


/* //////////////////////   採用情報データテーブル */


.dataTable{
	width : 600px;
	margin : 0 auto;
	border-top : 1px #6ea1b8 solid;
	border-left : 1px #6ea1b8 solid;
	border-collapse : collapse;
	empty-cells : show;
	
}


.cond{
	background : #7eabbf url(/2011/img/info/condbg.gif) repeat-x left top;
	color : #ffffff;
	font-weight : bold;
	width : 150px;
	padding : 5px;
	border-right : 1px #6ea1b8 solid;
	border-bottom : 1px #ffffff solid;
}

.eoc{
	background : #7eabbf url(/2011/img/info/condbg.gif) repeat-x left top;
	color:#ffffff;
	width:150px;
	padding:5px;
	border-right:1px #6ea1b8 solid;
	border-bottom:1px #6ea1b8 solid;
	font-weight:bold;
}


.para {
	border-right:1px #6ea1b8 solid;
	border-bottom:1px #6ea1b8 solid;
	padding:5px;
	text-align:left;
}

.branch{
	width : 150px;
}

.condmini{
	width : 220px;
}

.para table{
	margin : 10px 0;
}

.para b{
	font-weigh : bold;
	color : #528b87;
}






/* //////////////////////   カレンダー */

.calendar{
	margin : 0 auto;
	border-top : 1px #6ea1b8 solid;
	border-left : 1px #6ea1b8 solid;
	border-collapse : collapse;
	empty-cells : show;
}


.calendar th{
	width : 89px;
	text-align : center;
	font-weight : bold;
	background-color : #dcf0ee;
	border-right : 1px #6ea1b8 solid;
	border-bottom : 1px #6ea1b8 solid;
}


.calendar td{
	height : 90px;
	vertical-align: top;
	border-right:1px #6ea1b8 solid;
	border-bottom:1px #6ea1b8 solid;
}


.calendar dl{
	text-align : right;
	margin-right: 5px;
}

.calendar dt{
	font-size : 16px;
	font-weight : bold;
}

.calendar dd{
	line-height : 1.4em;
	font-size : 9px;
}


.fair{
	background-color : #e7f2fc;
}




.holiday dt{
	color : #cf6363;
}

th.holiday{
	color : #cf6363;
	background-color : #fedada;
}


.weekend dt{
	color : #6393cf;
}

th.weekend{
	color : #6393cf;
	background-color : #dae8fa;
}

.calendar a{
	font-size : 9px;
	line-height : 1.4em;
	text-decoration:underline;
	color:#555555;
}



.calendar a:hover{
	color:#999999;
}



a.rikunabi{
	color : #0a3fe9;
}

a:hover.rikunabi{
	color : #6d8ef9;
}

a.mainabi{
	color : #24905e;
}

a:hover.mainabi{
	color : #6dc39b;
}

a.nikkei{
	color : #cb4510;
}

a:hover.nikkei{
	color : #ec7648;
}


.tableLegend{
	margin : 0 auto 10px auto;
	width : 630px;
	text-align: right;
}

.eventDetail{
	margin : 50px auto;
	border-top : 1px #6ea1b8 solid;
	border-left : 1px #6ea1b8 solid;
	border-collapse : collapse;
	empty-cells : show;
}


.eventDetail td{
	padding : 3px;
	border-right : 1px #6ea1b8 solid;
	border-bottom : 1px #6ea1b8 solid;
}


.date{
	width : 60px;
	text-align : center;
}

.event{
	width : 190px;
}

.time{
	width : 90px;
	text-align:center;
}

.place{
	width : 250px;
}

.event a{
	text-decoration:underline;
	color : #6ea1b8;
}

.place a{
	text-decoration:underline;
	color : #6ea1b8;
}

.eventDetail th{
	background-color :#daecf1;
	border-right : 1px #6ea1b8 solid;
	border-bottom : 1px #6ea1b8 solid;
	padding: 3px;
	text-align:left;
}



.eventTable{
	width : 600px;
	margin : 20px auto;
	border : 1px #81a2ac solid;
	border-collapse : collapse;
	empty-cells : show;
	
}


.eventList td{
	padding : 5px 10px;
}

.eventTable div{
	width : 550px;
	margin : 20px auto;
}	


.dlbtn{
	margin : 20px auto;
}


.dlbtn td{
	width : 270px
}

.eventTable li{
	float : left;
	margin-right:15px;
}

.eventTable a{
	text-decoration:underline;
	color : #4592a9;
}

.eventTable a:hover{
	color : #73b9ce;
}






/* ///////////////////////////////////////////
/
/　2-1 contents background
/
//////////////////////////////////////////// */


.aboutBg1{
	width : 100%;
	padding-bottom : 250px;
	background : url(/2011/img/about/bg1.jpg) no-repeat scroll right bottom;
}


.aboutBg2{
	width : 100%;
	background : url(/2011/img/about/bg12.jpg) no-repeat scroll right bottom;
}


.job1{
	width : 700px;
	height : auto;
	float : left;
	background : url(/2011/img/jobs/sales_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 270px;
}

.job2{
	width : 700px;
	height : auto;
	float : left;
	background : url(/2011/img/jobs/realestate_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 270px;
}



.job3{
	width : 100%;
	background : url(/2011/img/jobs/ge_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 300px;
}



.job4{
	width : 100%;
	background : url(/2011/img/jobs/planning_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 370px;
}


.job5{
	width : 100%;
	background : url(/2011/img/jobs/cg_bg.jpg) no-repeat scroll center bottom;
	padding-bottom : 300px;
}


.job6{
	width : 700px;
	height : auto;
	float : left;
	background : url(/2011/img/jobs/se_bg.jpg) no-repeat scroll left bottom;
	padding-bottom : 270px;
}


.job7{
	width : 100%;
	background : url(/2011/img/jobs/designer_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 350px;
}


.job8{
	float : left;
	width : 700px;
	height : auto;
	background : url(/2011/img/jobs/manager_bg.jpg) no-repeat scroll left bottom;
	padding-bottom : 300px;
}



.job9{
	width : 100%;
	background : url(/2011/img/jobs/carpenter_bg.jpg) no-repeat scroll right bottom;
	padding-bottom : 250px;
}



.job10{
	background : url(/2011/img/jobs/engineer_bg.jpg) no-repeat scroll left bottom;
	padding-bottom : 300px;
	float : left;
	width : 700px;
	height : auto;
}



/* ///////////////////////////////////////////
/
/　1-1 rollover
/
//////////////////////////////////////////// */

.wideentry a {
	width : 200px;
	height : 150px;
	display: block;
	background: url(/2011/img/entryh.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.wideentry a:hover{
	background-position : 0 -150px
}

.wideentry span{
	display: block;
	height : 150px;
	text-indent : -9999px;
}


.gm1 a{
	width : 335px;
	height : 73px;
	display: block;
	background: url(/2011/img/gm1.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.gm1 a:hover{
	background-position : 0 -73px
}


.gm2 a{
	width : 335px;
	height : 73px;
	display: block;
	background: url(/2011/img/gm2.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.gm2 a:hover{
	background-position : 0 -73px
}


.gm3 a{
	width : 335px;
	height : 73px;
	display: block;
	background: url(/2011/img/gm3.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.gm3 a:hover{
	background-position : 0 -73px
}

.gm4 a{
	width : 335px;
	height : 73px;
	display: block;
	background: url(/2011/img/gm4.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.gm4 a:hover{
	background-position : 0 -73px
}


.indexMenu span{
	display: block;
	height : 73px;
	text-indent : -9999px;
}


.dlbtn1 a{
	width : 250px;
	height : 27px;
	display: block;
	background: url(/2011/img/info/dlbtn1.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.dlbtn2 a:hover{
	background-position : 0 -27px
}

.dlbtn2 a{
	width : 250px;
	height : 27px;
	display: block;
	background: url(/2011/img/info/dlbtn2.jpg) no-repeat scroll 0 0;
	overflow: hidden;
}

.dlbtn1 a:hover{
	background-position : 0 -27px
}




.dlbtn span{
	display: block;
	height : 27px;
	text-indent : -9999px;
}