@charset "utf-8";

/*-----------------------------------------------------
TitleImageArea
-------------------------------------------------------*/
#ContentArea div#TitleImageArea{
/*	background:url("../images/cons_mainimage.jpg") no-repeat center -1px;*/
	background:url("../images/cons_mainimage.jpg") no-repeat 1px -1px;

}

/*-------------------------------------
thumbsArea
---------------------------------------*/
#MainArea div.thumbsArea{
	width:630px;
	margin:20px auto 40px auto;
}
#MainArea div.thumbsArea div.titleBar{
	margin:0 5px 24px 5px;
}
#MainArea div.thumbsArea ul{
	overflow:hidden;
	background:url("../images/cons_bgthumbs.jpg") no-repeat 0 0;
}
/* IE6 */
* html #MainArea div.thumbsArea ul{
	zoom:1;
}
#MainArea div.thumbsArea ul li{
	float:left;
	padding:10px 9px 20px 9px;
	font-size:84%;
}
#MainArea div.thumbsArea ul li.photo02{
	padding:10px 11px 20px 9px;
}
#MainArea div.thumbsArea ul li img{
	padding:0 0 10px 0;
}
#MainArea div.thumbsArea ul li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#MainArea div.thumbsArea ul li span a{
	padding:0 0 0 10px;
	background:url("../images/cmn_icoarrow.gif") no-repeat 0 center;
}
/*-------------------------------------
profileArea
---------------------------------------*/
#MainArea div.profileArea{
	margin:20px 0 20px 0;
	padding:3px;
	border:1px solid #B5BDD9;
	background:#DCE0ED;
}
#MainArea div.profileArea-in{
	padding:0 0 10px 11px;
	background:url("../images/cmn_bgcheach.gif");
	zoom:1;
}
#MainArea div.profileArea-in div.introduction{
	overflow:hidden;
	position:relative;
	padding:0 15px 0 0;
}
/* IE6 */
* html #MainArea div.profileArea-in div.introduction{
	zoom:1;
}
/* photo */
#MainArea div.profileArea-in p.photo{
	position:absolute;
	bottom:0;
	left:18px;
	z-index:1;
}
/* profileText
---------------------------------------*/
#MainArea div.profileArea-in div.profileText{
	width:380px;
	position:relative;
	display:inline;
	z-index:2;
	float:right;
	padding:20px 0 31px 0;
	min-height: 200px;
	height: 200 !important;
	height: 200px;

}
#MainArea div.profileArea-in div.profileText h3,
#MainArea div.profileArea-in div.profileText p.rub,
#MainArea div.profileArea-in div.profileText p.mainText{
	color:#0B1D4D;
}
#MainArea div.profileArea-in div.profileText h3,
#MainArea div.profileArea-in div.profileText p.mainText{
	font-size:117%;
}
#MainArea div.profileArea-in div.profileText h3{
	float:left;
	padding:0 10px 0 0;
}
#MainArea div.profileArea-in div.profileText p.rub{
	padding:5px 0 0 10px;
	font-size:84%;
}
#MainArea div.profileArea-in div.profileText p.mainText{
	clear:left;
	margin:0 0 10px 0;
	padding:5px 0;
	letter-spacing:-1px;
	font-weight:bold;
	background:url("../../common/images/bg_border.gif") repeat-x 0 bottom;
}
#MainArea div.profileArea-in div.profileText p.linkbtn{
	float:right;
	display:inline;
	margin:10px 0 20px 0;
}

/* profileText
---------------------------------------*/
#MainArea div.profileArea-in div.pointArea{
	clear:both;
	margin:0 10px 0 0;
	padding:0 0 15px 0;
	background:url("../images/cmn_bgbox.gif") no-repeat 0 bottom;
}
/* IE6 */
* html #MainArea div.profileArea-in div.pointArea{
	zoom:1;
}
#MainArea div.profileArea-in div.pointArea h4{
	float:left;
	padding:0 20px 0 0;
}
#MainArea div.profileArea-in div.pointArea div.pointList{
	overflow:hidden;
	padding:15px 0 0 15px;
	background:url("../images/cmn_bgbox.gif") no-repeat 0 0;
}
#MainArea div.profileArea-in div.pointArea div.pointList ol,
#MainArea div.profileArea-in div.pointArea div.columnList ul{
	width:474px;
	float:left;
}
#MainArea div.profileArea-in div.pointArea div.pointList ol li{
	float:left;
	display:block;
	margin:0;
	padding:0 10px 10px 20px;
	white-space:nowrap;
}
#MainArea div.profileArea-in div.pointArea div.pointList ol li.num01{
	background:url("../images/cons_num01.jpg") no-repeat 0 0;
}
#MainArea div.profileArea-in div.pointArea div.pointList ol li.num02{
	background:url("../images/cons_num02.jpg") no-repeat 0 0;
}
#MainArea div.profileArea-in div.pointArea div.pointList ol li.num03{
	background:url("../images/cons_num03.jpg") no-repeat 0 0;
}
#MainArea div.profileArea-in div.pointArea div.columnList{
	overflow:hidden;
	margin: 0 15px;
	padding: 10px 0 0 0;
	background:url("../images/cmn_bgborder.gif") repeat-x 0 0;
}
#MainArea div.profileArea-in div.pointArea div.columnList ul li{
	margin:0;
	padding:0;
}
#MainArea div.profileArea-in p.btn{
	margin:0 10px 0 0;
	padding:20px 0;
	text-align:center;
}

/* BTN AREA
------------------------------- */
#MainArea div.btnArea{
	width:588px;
	margin:0 auto;
	text-align:center;
	background:url(../images/bg_btn.gif) no-repeat 0 0;
}

/*-------------------------------------
Career
---------------------------------------*/
#MainArea div.career{
	padding:20px 0;
}

#MainArea div.career div.text{
	width:620px;
	padding:10px 0 0 0;
	background:url(../../common/images/bg_border.gif) repeat-x 0 bottom;
}

#MainArea div.career div.text p.day{
	width:60px;
	float:left;
	padding:0 0 5px 20px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#0B1D4D;
	letter-spacing:0;
	position:absolute;
	background:url(../../common/images/ico_small.jpg) no-repeat 0 3px;
}

#MainArea div.career div.text div.textArea{
	width:520px;
	padding:0 0 15px 80px;
	position:relative;
}

/*-------------------------------------
Comment
---------------------------------------*/
#MainArea div.comment{
	padding:20px 0;
}

/*-------------------------------------
Case
---------------------------------------*/
#MainArea div.case{
	padding:20px 0;
}

#MainArea div.case div.text{
	width:620px;
	padding:10px 0 0 0;
	background:url(../../common/images/bg_border.gif) repeat-x 0 bottom;
}

#MainArea div.case div.text p.past{
	width:310px;
	float:left;
	margin:0 30px 0 0;
	background:url(../images/ico.gif) no-repeat right;
}
	
#MainArea div.case div.text p.day{
	padding:0 0 5px 25px;
	font-weight:bold;
	color:#0B1D4D;
	letter-spacing:0;

}

#MainArea div.case div.text div.textArea{
	width:520px;
	padding:0 0 15px 80px;
}


/*-------------------------------------
Feature
---------------------------------------*/
#MainArea div.feature{
	padding:20px 0;
}

#MainArea div.feature div.strongPoint{
	/*width:620px;*/
	height:65px;
	padding:10px 5px 0px 5px;
	margin:20px auto;
	border:#0B1D4E solid 2px;
	background:transparent url(../images/bg_box.jpg) no-repeat scroll 0 0;
}

#MainArea div.feature div.strongPoint p.ttl{
	width:189px;
	height:75px;
	position:absolute;
	/*padding:5px;*/
	float:left;
	color:#FFF;
	font-weight:bold;	
	/*background:url(../images/bg_box.jpg) no-repeat;*/
	
/*#MainArea div.feature div.strongPoint p.ttl{
	width:194px;
	height:75px;
	position:absolute;
	padding:30px 0 0 20px;
	float:left;
	color:#FFF;
	font-weight:bold;	
	vertical-align:baseline;
	background:url(../images/bg_box.jpg) no-repeat;*/
}

#MainArea div.feature div.strongPoint div.textArea{
	width:400px;
	/*padding:10px 20px 0 0;*/
	position:relative;
	top:-2px;
	left:200px;
	line-height:15px;
	font-size:82%;
}

/*-------------------------------------
Column
---------------------------------------*/
#MainArea div.column{
	padding:20px 0;
	clear:both;
}

#MainArea div.column p.text{
	width:520px;
	padding:0 0 13px 20px;
	background:url(../../common/images/ico_bluearrow.gif) no-repeat 0 3px;
}

#MainArea div.btn{
	padding:48px 0 25px 0;
	text-align:center;
	background:url(../../common/images/bg_btn.gif) no-repeat 0 36px;
}

/*-------------------------------------
SideArea
---------------------------------------*/
#SideArea div.sidename{
	margin:0 0 12px 0;
	padding:0 0 11px 0;
	background:url("../../common/images/bg_borderside.gif") repeat-x 0 bottom;
}
#SideArea div.sidename ul{
	margin:0;
	padding:0;
}
#SideArea div.sidename  ul li{
	margin:0;
}