@charset "utf-8";

/*-----------------------------------------------------
Detail
-------------------------------------------------------*/
#Detail{
	width:960px;
	height:680px;
	position:relative;
	margin:0 auto 0 auto;
	color:#000000;
}

/* close */
p#close{
	width:53px;
	height:52px;
	position:absolute;
	top:82px;
	left:658px;
	z-index:5000;
	cursor:pointer;
}
/* next */
p#next{
	width:31px;
	height:30px;
	position:absolute;
	top:345px;
	left:820px;
	z-index:5000;
	cursor:pointer;
}
html>/**/body p#next{
	top/*\**/: 350px\9;
	left/*\**/: 825px\9;
}

/* prev */
p#prev{
	width:31px;
	height:30px;
	position:absolute;
	top:345px;
	left:93px;
	z-index:5000;
	cursor:pointer;
}
html>/**/body p#prev{
	top/*\**/: 350px\9;
	left/*\**/: 103px\9;
}

#Detail ul{
	width:100%;
	height:680px;
}
#Detail ul li{
	width:158px;
	height:159px;
	position:relative;
	overflow:hidden;
	line-height:1.4;
}
/* filter */
#Detail ul li p.filter{
	width:158px;
	height:159px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
/* inside */
#Detail ul li div.inside{
	/* width:0px;
	height:0px; */
	width:592px;
	height:593px;
	overflow:hidden;
	position:absolute;
	bottom:50%;
	right:50%;
	margin:0 -296px -296px 0;
	z-index:50;
}
/* h2 */
#Detail ul li div.inside h2{
	overflow:hidden;
}
/* p.ttl */
#Detail ul li div.inside p.ttl{
	overflow:hidden;
}
/* p.txt */
#Detail ul li div.inside p.txt{
	overflow:hidden;
}
/* btn */
#Detail ul li div.inside p.btn{
	width:100%;
	clear:both;
	text-align:center;
	cursor:pointer;
}

/* career01
---------------------*/
#Detail ul li#career01 div.inside{
	background:url("../images/details/career01_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career01 div.inside h2{
	width:229px;
	height:45px;
	padding:163px 0 18px 209px;
}
/* p.ttl */
#Detail ul li#career01 div.inside p.ttl{
	width:480px;
	height:20px;
	margin:15px auto 10px auto;
}
/* p.txt */
#Detail ul li#career01 div.inside p.txt{
	width:480px;
	margin:0 auto 5px auto;
}
/* dl */
#Detail ul li#career01 div.inside dl{
	width:222px;
	display:inline;
	overflow:hidden;
	margin:0 0 10px 0;
}
#Detail ul li#career01 div.inside dl.fl{
	float:left;
	margin-left:65px;
}
#Detail ul li#career01 div.inside dl.fr{
	float:right;
	margin-right:60px;
}
#Detail ul li#career01 div.inside dl dt{
	width:100%;
	height:31px;
	overflow:hidden;
	margin:0 0 5px 0;
}
#Detail ul li#career01 div.inside dl dd.txt{
	width:100%;
	margin:0 0 5px 0;
	font-size:93%;
}
#Detail ul li#career01 div.inside dl.fl dd.btn{
	width:100%;
	text-align:center;
}

#Detail ul li#career01 div.inside dl.fr dd.btn{
	width:162px;
	margin:0 0 0 20px;
}


/* career02
---------------------*/
#Detail ul li#career02 div.inside{
	background:url("../images/details/career02_bg.gif") no-repeat 0 0;
}

/* h2 */
#Detail ul li#career02 div.inside h2{
	width:245px;
	height:45px;
	padding:163px 0 17px 219px;
}
/* p.ttl */
#Detail ul li#career02 div.inside p.ttl{
	width:476px;
	height:20px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career02 div.inside p.txt{
	width:476px;
	margin:0 auto 20px auto;
}

/* career03
---------------------*/
#Detail ul li#career03 div.inside{
	background:url("../images/details/career03_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career03 div.inside h2{
	width:197px;
	height:45px;
	padding:163px 0 18px 221px;
}
/* p.ttl */
#Detail ul li#career03 div.inside p.ttl{
	width:465px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career03 div.inside p.txt{
	width:465px;
	margin:0 auto 20px auto;
}

/* career04
---------------------*/
#Detail ul li#career04 div.inside{
	background:url("../images/details/career04_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career04 div.inside h2{
	width:303px;
	height:47px;
	padding:163px 0 16px 193px;
}
/* p.ttl */
#Detail ul li#career04 div.inside p.ttl{
	width:480px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career04 div.inside p.txt{
	width:480px;
	margin:0 auto 20px auto;
}

/* career05
---------------------*/
#Detail ul li#career05 div.inside{
	background:url("../images/details/career05_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career05 div.inside h2{
	width:377px;
	height:47px;
	padding:163px 0 16px 147px;
}
/* p.ttl */
#Detail ul li#career05 div.inside p.ttl{
	width:480px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career05 div.inside p.txt{
	width:480px;
	margin:0 auto 20px auto;
}

/* career06
---------------------*/
#Detail ul li#career06 div.inside{
	background:url("../images/details/career06_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career06 div.inside h2{
	width:351px;
	height:47px;
	padding:163px 0 16px 180px;
}
/* p.ttl */
#Detail ul li#career06 div.inside p.ttl{
	width:470px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career06 div.inside p.txt{
	width:470px;
	margin:0 auto 20px auto;
}

/* career07
---------------------*/
#Detail ul li#career07 div.inside{
	background:url("../images/details/career07_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career07 div.inside h2{
	width:328px;
	height:47px;
	padding:163px 0 16px 179px;
}
/* p.ttl */
#Detail ul li#career07 div.inside p.ttl{
	width:480px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career07 div.inside p.txt{
	width:480px;
	margin:0 auto 20px auto;
}

/* career08
---------------------*/
#Detail ul li#career08 div.inside{
	background:url("../images/details/career08_bg.gif") no-repeat 0 0;
}
/* h2 */
#Detail ul li#career08 div.inside h2{
	width:219px;
	height:46px;
	padding:158px 0 21px 221px;
}
/* p.ttl */
#Detail ul li#career08 div.inside p.ttl{
	width:480px;
	margin:15px auto 15px auto;
}
/* p.txt */
#Detail ul li#career08 div.inside p.txt{
	width:480px;
	margin:0 auto 20px auto;
}