@charset "utf-8";
/*-------1---------2---------3---------4---------5---------6---------7---------8
 * @@WordPress theme file style.
 *
 * [[[ IMPORT MAGICAL-REMIX STYLE FILE ]]]
 *
 * @USAGE
 *  improt two files.
 *  add to <strong>original</strong> file.
 *  fix file <strong>no changes!</stonrg>
 *
 --------1---------2---------3---------4---------5---------6---------7-------8*/
/*
 #------------------------------------------------------------------------------
 #-- IMPORT
 #------------------------------------------------------------------------------
 */
@import url("fix/import.css") ;
@import url("original/import.css") ;
/*
 #------------------------------------------------------------------------------
 #-- BODY
 #------------------------------------------------------------------------------
 */
body {
	color: #000000;
	text-align: center;
	background: #FFFFFF url(../images/main_bg.gif) repeat-x 0 465px;
	}
/*
 #------------------------------------------------------------------------------
 #-- @MAINVISUAL
 #------------------------------------------------------------------------------
 */
#mainVisual    { padding:0 0 65px 0; }
#mainVisual h2 { width:690px; float:left; }
#bannerList    { float:right; }
#bannerList li { width:250px; margin:0 0 9px 0; }
/*
 #------------------------------------------------------------------------------
 #-- @COLS
 #------------------------------------------------------------------------------
 */
#cols {
	height:1%;
	padding:0 0 35px 0;
	margin:0 0 35px 0;
	border-bottom:1px solid #a3a3a3;
	}
#wahtProject, #onlineConsultation {
	margin:0 15px 0 0 ;
	border-right:1px dotted #5b5b5b;
	}
.infoCols { width:309px; height: 350px; float:left; }
.infoCols dt { padding:0 0 5px 0; }
.infoCols dd { padding:0 8px 15px 0; }
.infoCols h3 {
	font-weight:bold;
	font-size:123.1%;
	color:#353535;
	padding:0 0 10px 0;
	}
/*
 #------------------------------------------------------------------------------
 #@INFORMATION
 #------------------------------------------------------------------------------
 */
h4 { font-size:123.1%;
	 font-weight:bold;
	 background:url(../images/title_header_bg.gif) repeat-x 0px 0px;
	 padding:8px 0 7px 30px;
	 margin:0 0 10px 0;
	 }
#information    { width:630px; float:left; }
#information h4 { position:relative; }
#information .feed {
	position:absolute;
	top:10px;
	right:10px;
	font-size:80%;
	font-weight:normal;
	padding:0 0 0 18px;
	background:url(../images/rss.gif) no-repeat scroll 0px 1px;
	}
#information dl{ padding:0 10px; margin:0 0 15px 0; }
#information dt { width:90px; float:left; padding:6px 0 6px 35px;}
#information dd { width:475px; float:left; padding:6px 0; }
.informationBox {
	padding:0 0 35px 0;
	margin: 0 0 35px 0;
	border-bottom:1px solid #a3a3a3;
	}
/*
 #------------------------------------------------------------------------------
 #@NEWINTERVIEW
 #------------------------------------------------------------------------------
 */
#newInterview { width:300px; float:right; }
#newInterview dl{ padding:0 10px; }
.interviewPost { width:256px; margin:0 auto; }
#newInterview h5 { font-weight:bold; font-size:123.1%; padding:0 0 10px 0; }
#newInterview img { float:left; padding:0 5px 5px 0; }
#newInterview .interview-more{ text-align:right; }
/*
 #------------------------------------------------------------------------------
 #@COMPANYLIST
 #------------------------------------------------------------------------------
 */
#companyList      { padding:10px ; border:1px solid #858585;height:1%; }
h6                {font-size:123.1%; font-weight:bold; padding:0 0 10px;}
#companyList ul   { margin:0 12px; }
#companyList li   { padding:0 10px; }
#companyList p    { position:relative; }
#companyList span { position:absolute; top:0; left:0; }
.carousel { width:680px; height:88px; float:left; overflow:hidden; }
.carousel li{ float:left; }
.leftBtn, .rightBtn {
	width:35px;
	background:#F2F0EC;
	text-align:center;
	float:left;
	height:88px;
	cursor:pointer;
	}