@charset "utf-8";

/* works ============================================================ */



/* basic ------------------------------------------------------- */
html {
	background-color: #525c2a;
}
body {
	background-image: url(../img/category.jpg);
	background-color: #525c2a;
}
a {
	color: #AACF80;
}
h1 {
	background-image: url(../img/line_hide.gif);
}



/* wrapper ------------------------------------------------------- */
#wrapper {
	background-image: url(../img/bg02.gif);
}



/* header ------------------------------------------------------- */
#header #pnkz {
	background-image: url(../img/bg_tab.gif);
}

#header #pnkz span {
	color: #878787;
}

#header #pnkz span a {
	color: #6A8A48;
}



/* footer ------------------------------------------------------- */
#footer {
	background-image: url(../img/bg01.gif);
}

#footer #topagetop a {
	background-image: url(../img/topagetop.gif);
}

#footer #fNote {
	background-image: url(../img/f_note.gif);
}


/* container ------------------------------------------------------- */
#container {
	background-image: url(../img/bg03.gif);
	background-color: #2C3D00;
}



/* etc nodes ------------------------------------------------------- */
#hnavi-contact {
	background-image: url(../img/h_contact.jpg);
}
#changer a {
	background-image: url(../img/h_changer.gif);
}
#changer2 a {
	background-image: url(../img/h_changer2.gif);
}



/* page title ------------------------------------------------------- */
/*#header h2#works00 {
	background-image: url(../../img/index_ttl.jpg);
}*/

#header h2#works-pickup {
	background-image: url(../../pickup/img/pickup_ttl.jpg);
}

#header h2#worksChina {
	background-image: url(../../img/china_ttl.jpg);
}

#header h2#works2000 {
	background-image: url(../../img/2000_ttl.jpg);
}

#header h2#works2001 {
	background-image: url(../../img/2001_ttl.jpg);
}

#header h2#works2002 {
	background-image: url(../../img/2002_ttl.jpg);
}

#header h2#works2003 {
	background-image: url(../../img/2003_ttl.jpg);
}

#header h2#works2004 {
	background-image: url(../../img/2004_ttl.jpg);
}

#header h2#works2005 {
	background-image: url(../../img/2005_ttl.jpg);
}

#header h2#works2006 {
	background-image: url(../../img/2006_ttl.jpg);
}

#header h2#works2007 {
	background-image: url(../../img/2007_ttl.jpg);
}

#header h2#works2008 {
	background-image: url(../../img/2008_ttl.jpg);
}

#header h2#works2009 {
	background-image: url(../../img/2009_ttl.jpg);
}

#header h2#works2010 {
	background-image: url(../../img/2010_ttl.jpg);
}

#header h2#works2011 {
	background-image: url(../../img/2011_ttl.jpg);
}

#header h2#works2012 {
	background-image: url(../../img/2012_ttl.jpg);
}

#header h2#works2013 {
	background-image: url(../../img/2013_ttl.jpg);
}

#header h2#works2014 {
	background-image: url(../../img/2014_ttl.jpg);
}

#header h2#works2015 {
	background-image: url(../../img/2015_ttl.jpg);
}

#header h2#search {
	background-image: url(../../img/search_ttl.jpg);
}




/* side global navigation ------------------------------------------------------- */
/*#side ul#gnavi li {
	width: 220px;
}*/

#gnavi-works {
	background-image: url(../img/gnavi01.gif);
}

#gnavi-branding {
	background-image: url(../img/gnavi02.gif);
}
#gnavi-branding a:hover {
	background: url(../img/gnavi02.gif) no-repeat -90px 0px;
}

#gnavi-service {
	background-image: url(../img/gnavi03.gif);
}
#gnavi-service a:hover {
	background: url(../img/gnavi03.gif) no-repeat -90px 0px;
}

#gnavi-company {
	background-image: url(../img/gnavi04.gif);
}
#gnavi-company a:hover {
	background: url(../img/gnavi04.gif) no-repeat -90px 0px;
}

#gnavi-recruit {
	background-image: url(../img/gnavi05.gif);
}
#gnavi-recruit a:hover {
	background: url(../img/gnavi05.gif) no-repeat -90px 0px;
}

#gnavi-home {
	background-image: url(../img/gnavi_home.gif);
}
#gnavi-home a:hover {
	background: url(../img/gnavi_home.gif) no-repeat -90px 0px;
}

#gnavi-publicBlog{
	position:absolute;
	left:2px;
	top:362px;
	padding:11px 0 0 !important;
	width:202px !important;
	height:51px !important;
	background: url(../img/banner01.gif) left top no-repeat;
}
#gnavi-publicBlog a:hover {
	background: url(../img/banner01.gif) left bottom no-repeat;
}



/* side local navigation ------------------------------------------------------- */
#side ul#gnavi #gnavi-works ul.lnavi {
	visibility: visible;
}

#lnavi-works-pickup a {
	background-image: url(../img/lnavi_pickup.gif);
}
#lnavi-worksChina a {
	background-image: url(../img/lnavi_china.gif);
}
#lnavi-works2015 a {
	background-image: url(../img/lnavi2015.gif);
}
#lnavi-works2014 a {
	background-image: url(../img/lnavi2014.gif);
}
#lnavi-works2013 a {
	background-image: url(../img/lnavi2013.gif);
}
#lnavi-works2012 a {
	background-image: url(../img/lnavi2012.gif);
}
#lnavi-works2011 a {
	background-image: url(../img/lnavi2011.gif);
}
#lnavi-works2010 a {
	background-image: url(../img/lnavi2010.gif);
}
#lnavi-works2009 a {
	background-image: url(../img/lnavi2009.gif);
}
#lnavi-works2008 a {
	background-image: url(../img/lnavi2008.gif);
}
#lnavi-works2007 a {
	background-image: url(../img/lnavi2007.gif);
}
#lnavi-works2006 a {
	background-image: url(../img/lnavi2006.gif);
}
#lnavi-works2005 a {
	background-image: url(../img/lnavi2005.gif);
}
#lnavi-works2004 a {
	background-image: url(../img/lnavi2004.gif);
}
#lnavi-works2003 a {
	background-image: url(../img/lnavi2003.gif);
}
#lnavi-works2002 a {
	background-image: url(../img/lnavi2002.gif);
}
#lnavi-works2001 a {
	background-image: url(../img/lnavi2001.gif);
}
#lnavi-works2000 a {
	background-image: url(../img/lnavi2000.gif);
}
#lnavi-worksSearch a {
	background-image: url(../img/lnavi_search.gif);
}
#lnavi-publicBlog a {
	background-image: url(../img/lnavi_publicblog.gif);
}




/* bottom links ------------------------------------------------------- */
.btmLinks {
	background-color: #FFFFFF;
	background-image: url(../img/links_bg.gif);
}
.btmLinks dt {
	border-right-color: #668537;
	background-image: url(../img/links_tx01.gif);
}
.btmLinks dd {
	background-image: url(../img/links_icon.gif);
	color: #666666;
}
.btmLinks dd a {
	color: #7B9159;
}





/* original ------------------------------------------------------- */
.section3 p {
	margin-bottom: 0px;
}
.section3 .section4 p {
	margin-bottom: 0px;
}

.section4 {
	/*margin-bottom: 20px;*/
}

.hl01 {
	margin-bottom: 16px;
}
.hl02 {
	margin-bottom: 16px;
}

.lead01 {
	margin-bottom: 30px !important;
	margin-right: 110px !important;
}
.lead02 {
	margin-bottom: 0px !important;
	padding-bottom: 6px;
}

.workLnk01 {
	padding-top: 10px;
	/*text-align: right;*/
	position: relative;
	left: 0px;
	top: 0px;
	height: 14px;
	_height: 24px;
}
.workLnk01 a {
	position: absolute;
	top: 0px;
	right: 0px;
}

.workLnk02 {
	position: absolute;
	right: 8px;
	top: 28px;
}

.workLnk03 {
	padding-top: 10px;
	/*text-align: right;*/
	position: relative;
	left: 0px;
	top: 0px;
	height: 9px;
	_height: 19px;
}
.workLnk03 a {
	position: absolute;
	top: 0px;
	right: 0px;
}

.pagetopLnk01 {
	clear: both;
}
.pagetopLnk01 a {
	clear: both;
}

.p2000site {
	position: absolute;
	left: 200px;
	top: -40px;
}
.p2000siteLogin {
	position: absolute;
	left: 376px;
	top: -40px;
}
.publicblog{
	display: block;
	text-indent:-5000px;
	overflow:hidden;
	width:100px;
	height:68px;
	background:url(../img/links_publicblog.jpg) no-repeat;
	position:absolute;
	right: 18px;
	top: 46px;
}
.publicblog a{
	display: block;
	text-indent:-5000px;
	width:100px;
	height:68px;
}

#worksHL01 {
	display: block;
	text-indent: -5000px;
	width: 491px;
	height: 30px;
	background: url(../../img/index_hl.gif) no-repeat;
	margin-bottom: 16px;
}
#worksHM01 {
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../img/list_hm01.gif) no-repeat;
	margin-bottom: 20px;
}


/* list ========== */
#listWrap {
	margin-bottom: 36px;
}
#listWrap h4 {
	margin-bottom: 20px;
	height: 36px;
}

#worksList {
	list-style-type: none;
	background: #FFFFFF;
	font-size: 0.1em;
}

#worksList li {
	list-style-type: none;
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url(../img/list_ic_arw.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	display: block;
	width: 664px;
	min-height: 48px;
	_height: 48px;
}

#worksList li.odd {
	background-color: #1B2501;
}
#worksList li.even {
	background-color: #080B00;
}

/*#worksList li div.protect {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 950;
	padding: 8px 0px;
	width: 764px;
	font-size: 10em;
	line-height: 120%;
}*/

#worksList li .site {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 900;
	padding: 8px 180px 8px 58px !important;
	font-size: small;
	_font-size: x-small;
	line-height: 120%;
}

#worksList li .thumb {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 14px;
	top: 8px;
	z-index: 850;
}
#worksList li dl {
	width: 164px;
	height: 28px;
	background: url(../img/list_ctg_bg.gif) no-repeat;
	position: absolute;
	right: 8px;
	top: 10px;
	z-index: 850;
}
#worksList li dt {
	position: absolute;
	left: -5000px;
	top: 0px;
}
#worksList li dd {
	vertical-align: top;
	width: 52px;
	height: 12px;
	position: absolute;
}
#worksList li dd img {
	display: block;
}

#worksList li dd.ic-design {
	left: 0px;
	top: 0px;
}
#worksList li dd.ic-flash {
	left: 56px;
	top: 0px;
}
#worksList li dd.ic-html {
	left: 112px;
	top: 0px;
}
#worksList li dd.ic-system {
	left: 0px;
	top: 16px;
}
#worksList li dd.ic-editing {
	left: 56px;
	top: 16px;
}
#worksList li dd.ic-retention {
	left: 112px;
	top: 16px;
}

#worksBtmNavi {
	background: url(../../img/list_navi_bg01.gif) no-repeat 55px 0px;
	padding-top: 20px;
	margin-left: 2px;
	list-style-type: none;
	width: 660px;
	height: 31px;
	_height: 51px; /* for IE6 */
	overflow: hidden;
}

#worksBtmNavi li {
	width: 55px;
	height: 31px;
	float: left;
	font-size: 0.1em;
	background: url(../../img/list_navi_bg02.gif) no-repeat 0px 0px;
}
#worksBtmNavi li a {
	display: block;
	width: 100%;
	height: 31px;
	text-align: center;
	background-image: url(../../img/list_navi_bg02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	cursor: pointer;
}
#worksBtmNavi li a.actv {
	background-position: -100px 0px;
}
#worksBtmNavi li a:hover {
	background-position: -100px 0px;
	cursor: pointer;
}
#worksBtmNavi li span {
	display: block;
	width: 100%;
	height: 31px;
	background-repeat: no-repeat;
	background-position: 40% 50%;
	text-indent: -5000px;
}
#worksBtmNavi li span span {
	position: absolute;
	left: -5000px;
	width: auto;
	height: auto;
	display: inline;
}

#worksBtmNavi li span#btm2015 {
	background-image: url(../../img/bnavi2015.gif);
}
#worksBtmNavi li span#btm2014 {
	background-image: url(../../img/bnavi2014.gif);
}
#worksBtmNavi li span#btm2013 {
	background-image: url(../../img/bnavi2013.gif);
}
#worksBtmNavi li span#btm2012 {
	background-image: url(../../img/bnavi2012.gif);
}
#worksBtmNavi li span#btm2011 {
	background-image: url(../../img/bnavi2011.gif);
}
#worksBtmNavi li span#btm2010 {
	background-image: url(../../img/bnavi2010.gif);
}
#worksBtmNavi li span#btm2009 {
	background-image: url(../../img/bnavi2009.gif);
}
#worksBtmNavi li span#btm2008 {
	background-image: url(../../img/bnavi2008.gif);
}
#worksBtmNavi li span#btm2007 {
	background-image: url(../../img/bnavi2007.gif);
}
#worksBtmNavi li span#btm2006 {
	background-image: url(../../img/bnavi2006.gif);
}
#worksBtmNavi li span#btm2005 {
	background-image: url(../../img/bnavi2005.gif);
}
#worksBtmNavi li span#btm2004 {
	background-image: url(../../img/bnavi2004.gif);
}
#worksBtmNavi li span#btm2003 {
	background-image: url(../../img/bnavi2003.gif);
}
#worksBtmNavi li span#btm2002 {
	background-image: url(../../img/bnavi2002.gif);
}
#worksBtmNavi li span#btm2001 {
	background-image: url(../../img/bnavi2001.gif);
}
#worksBtmNavi li span#btm2000 {
	background-image: url(../../img/bnavi2000.gif);
}
#worksBtmNavi li span#btm1999 {
	background-image: url(../../img/bnavi1999.gif);
	background-position: 50% 50%;
}
#worksBtmNavi li span#btm1998 {
	background-image: url(../../img/bnavi1998.gif);
	background-position: 50% 50%;
}
#worksBtmNavi li span#btm1997 {
	background-image: url(../../img/bnavi1997.gif);
	background-position: 50% 50%;
}





/* pickup ========== */
#pickupHL01 {
	display: block;
	text-indent: -5000px;
	width: 364px;
	height: 32px;
	background: url(../../img/index_hl.gif) no-repeat;
	margin-bottom: 16px;
}
#pickupHM2007 {
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../pickup/2007/img/index_hm.gif) no-repeat;
}
#pickupHM2006 {
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../pickup/2006/img/index_hm.gif) no-repeat;
}
.pickupHM01 {
	display: block;
	text-indent: -5000px;
	width: 145px;
	height: 12px;
	background: url(../../elements/img/pickup_hm01.gif) no-repeat;
	margin-bottom: 12px;
}
.pickupHM02 {
	display: block;
	text-indent: -5000px;
	width: 97px;
	height: 11px;
	background: url(../../elements/img/pickup_hm02.gif) no-repeat;
	margin-bottom: 12px;
}
.pickupHM03 {
	display: block;
	text-indent: -5000px;
	width: 122px;
	height: 11px;
	background: url(../../elements/img/pickup_hm03.gif) no-repeat;
	margin-bottom: 12px;
}
.pickupHM04 {
	display: block;
	text-indent: -5000px;
	width: 97px;
	height: 11px;
	background: url(../../elements/img/pickup_hm04.gif) no-repeat;
	margin-bottom: 12px;
}
.pickupHM05 {
	display: block;
	text-indent: -5000px;
	width: 109px;
	height: 12px;
	background: url(../../elements/img/pickup_hm05.gif) no-repeat;
	margin-bottom: 12px;
}
.pickupLnkPt {
	display: block;
	text-indent: -5000px;
	width: 50px;
	height: 9px;
	background: url(../../elements/img/links_pagetop.gif) no-repeat;
}
.pickupLnk01 {
	display: block;
	text-indent: -5000px;
	width: 64px;
	height: 8px;
	background: url(../../elements/img/links_list01.gif) no-repeat;
}
.pickupLnk02 {
	display: block;
	text-indent: -5000px;
	width: 99px;
	height: 14px;
	background: url(../../elements/img/links_launch01.gif) no-repeat;
}
.pickupLnk02 span {
	position: absolute;
	left: -5000px;
	top: 0px;
}
.pickupLnk03 {
	display: block;
	text-indent: -5000px;
	width: 65px;
	height: 8px;
	background: url(../../elements/img/links_list02.gif) no-repeat;
}






/* pickup index ========== */
#pkupIdxWrap .section4 {
	background: url(../../pickup/img/index_bg01.gif) repeat-y;
	padding-bottom: 12px;
	margin-top: 24px;
}

#pkupIdxWrap ul {
	list-style-type: none;
	margin-left: -4px;
	_margin-left: -16px;
	_width: 672px;
}
#pkupIdxWrap ul:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #pkupIdxWrap ul { display: inline-block; }
/* no ie mac \*/
* html #pkupIdxWrap ul { height: 0.1%; }
#pkupIdxWrap ul { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #pkupIdxWrap ul { display: inline-block; }
/* */

#pkupIdxWrap ul li {
	float: left;
	margin-top: 12px;
	margin-left: 12px;
	padding: 2px 0px 0px 0px;
	border: 1px solid #3D4A1F;
	width: 206px;
	/* for IE6 */
	_width: 208px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled=1,Src=/works/elements/img/works_bg01.png,sizingMethod=scale);
	/* for IE6 */
}
html>body #pkupIdxWrap ul li {
	background: url(../img/works_bg01.png);
}
#pkupIdxWrap .section4 ul a {
	position: relative;
}

#pkupIdxWrap .section4 ul p {
	margin: 10px 14px 0px 14px;
	font-weight: normal;
	line-height: 1.2em;
}
#pkupIdxWrap .section4 ul p.smry {
	font-size: 84%;
	padding-bottom: 10px;
}

#pkupIdxWrap .section4 ul a {
	color: #AAAAAA;
	text-decoration: none;
}
#pkupIdxWrap .section4 ul a span {
	padding-left: 10px;
	background: url(../img/links_icon.gif) no-repeat 0px 0.3em;
	color: #AACF80;
	text-decoration: underline;
}



/* pickup detail ========== */
#pkupWrap {
	padding-top: 50px !important;
}
#pkupWrap .section4 {
	margin-bottom: 16px;
}
#pkupWrap .section4 h4 {
	margin-bottom: 12px;
}
#pkupWrap .section5 h5 {
	position: absolute;
	left: -5000px;
	top: 0px;
}
#pkupWrap .btmLinks {
	margin-top: 16px;
}

#pkupWrap .hl02 {
	/*color: #99B870;*/
	border: 1px solid #1F1F1F;
	border-bottom: none;
	_width: 664px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled=1,Src=/works/elements/img/works_bg01.png,sizingMethod=scale);
}
html>body #pkupWrap .hl02 {
	background: url(../img/works_bg01.png);
}
#pkupWrap .hl02 a {
	position: relative;
}

#pkupWrap .hl02 .cap {
	display: block;
	position: relative;
	margin: 15px 15px 0px 15px;
	padding-bottom: 13px;
	background: url(../img/dotline02.gif) repeat-x left bottom;
	font-weight: bold;
	font-size: 140%;
}
#pkupWrap .launch {
	width: 71px;
	height: 12px;
	position: relative;
	margin-left: 547px;
	margin-top: -44px;
	margin-bottom: 14px;
}

#pkupMainBox {
	padding: 12px 15px 15px 15px;
	border: 1px solid #1F1F1F;
	border-top: none;
	_width: 664px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled=1,Src=/works/elements/img/works_bg01.png,sizingMethod=scale);
}
html>body #pkupMainBox {
	background: url(../img/works_bg01.png);
}
#pkupMainBox a {
	position: relative;
}

#pkupMainBox:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #pkupMainBox { display: inline-block; }
/* no ie mac \*/
* html #pkupMainBox { height: 0.1%; }
#pkupMainBox { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #pkupMainBox { display: inline-block; }
/* */

#pkupMainBox h4 {
	font-size: 120%;
	font-weight: normal;
}
#pkupMainBox h4 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 15px;
}
#pkupMainBox .siteimg {
	width: 424px;
	float: left;
}
#pkupMainBox .txt {
	width: 208px;
	float: right;
}
#pkupMainBox .section5 {
	width: 208px;
	float: right;
	margin-top: 0.6em;
}
#pkupMainBox .section5 h5 {
	font-weight: bold;
}


#pkupBox01 {
	width: 648px;
	margin-left: 8px;
}
#pkupBox01 table {
	width: 648px;
}
#pkupBox01 table caption span {
	position: absolute;
	left: -5000px;
	top: 0px;
}
#pkupBox01 th, #pkupBox01 td {
	padding: 5px 12px;
	vertical-align: middle;
}
#pkupBox01 th {
	font-weight: normal;
	text-align: center;
	color: #ACBA8B;
	width: 15%;
	white-space: nowrap;
}
#pkupBox01 td {
	font-weight: normal;
	text-align: left;
	color: #A3A699;
}

#pkupBox01 .odd th, #pkupBox01 .odd td {
	background: #1A2500;
}
#pkupBox01 .even th, #pkupBox01 .even td {
	background: #233100;
}


#pkupBox02 {
	width: 316px;
	padding-left: 8px;
	float: left;
}
#pkupBox02 ul {
	width: 316px;
	list-style-type: none;
	background: url(../img/dotline01.gif) repeat-x left top;
}
#pkupBox02 ul:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #pkupBox02 ul { display: inline-block; }
/* no ie mac \*/
* html #pkupBox02 ul { height: 0.1%; }
#pkupBox02 ul { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #pkupBox02 ul { display: inline-block; }
/* */

#pkupBox02 ul li {
	background: url(../img/dotline01.gif) repeat-x left bottom;
	width: 157px;
	padding: 4px 0px 5px 0px;
	float: left;
}
#pkupBox02 ul li.end {
	width: 314px;
}
#pkupBox02 ul li .txt {
	display: block;
	padding: 0px 10px 0px 16px;
	background: url(../img/list_icon01.gif) no-repeat 5px 6px;
}


#pkupBox03 {
	width: 316px;
	float: right;
	padding-right: 8px;
}
#pkupBox03 p {
	font-weight: bold;
	margin-bottom: 0.4em !important;
}
#pkupBox03 ul {
	list-style-type: none;
}
#pkupBox03 ul li {
	background: url(../img/list_icon01.gif) no-repeat 0px 6px;
	padding-left: 10px;
}


#pkupBox04 {
	width: 648px;
	margin-left: 8px;
}
#pkupBox04 p {
	font-weight: bold;
	margin-bottom: 0.4em !important;
}
#pkupBox04 ul {
	list-style-type: none;
}
#pkupBox04 ul li {
	background: url(../img/list_icon01.gif) no-repeat 0px 6px;
	padding-left: 10px;
}

#pkupBox04 .section5 {
	margin-top: 12px;
	padding: 4px 0px 20px 15px;
	background: #161E00;
}
#pkupBox04 .section5:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #pkupBox04 .section5 { display: inline-block; }
/* no ie mac \*/
* html #pkupBox04 .section5 { height: 0.1%; }
#pkupBox04 .section5 { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #pkupBox04 .section5 { display: inline-block; }
/* */

#pkupBox04 dl {
	width: 210px;
	vertical-align: top;
	margin-top: 16px;
	_height: auto !important;
	_display: inline;
}
html>body #pkupBox04 dl {
	float: left;
}

#pkupBox04 dl dt {
	width: 210px;
	background: url(../img/pickup_bg02.gif) no-repeat left center;
	margin-bottom: 10px;
}
#pkupBox04 dl dt span {
	display: block;
	margin-right: 16px;
	border-top: 1px solid #415125;
	border-bottom: 1px solid #415125;
	padding: 3px 10px;
	text-align: center;
	letter-spacing: 0.4em;
	color: #AACF80;
}
#pkupBox04 dl dd {
	font-size: 84%;
	line-height: 1.3em;
	list-style-type: disc;
	display: list-item;
	margin-left: 1.6em;
	margin-right: 16px;
}

#pkupBox04 dl.end dt {
	width: 194px;
}
#pkupBox04 dl.end dt span {
	margin-right: 0px;
}


#pkupBox05 {
	width: 648px;
	margin-left: 8px;
}
#pkupBox05 p {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.4em !important;
}
#pkupBox05 ul {
	list-style-type: none;
}
#pkupBox05 ul li {
	background: url(../img/list_icon01.gif) no-repeat 0px 6px;
	padding-left: 10px;
}








/* up down scroll ------------------------------------------------------- */
#scrollUp {
	background-image: url(../img/links_up.gif);
}
#scrollDown {
	background-image: url(../img/links_down.gif);
}










/* login ------------------------------------------------------- */
#loginHL01 {
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../img/login_hm01.gif) no-repeat;
	margin-bottom: 20px;
}

#searchHL01{
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../img/search_hm01.gif) no-repeat;
	margin-bottom: 20px;
}

#resultHL01{
	display: block;
	text-indent: -5000px;
	width: 664px;
	height: 36px;
	background: url(../../img/result_hm01.gif) no-repeat;
	margin-bottom: 20px;
}

#searchTbl01 {
	width: 664px;
}
#searchTbl01 caption span {
	position: absolute;
	left: -5000px;
	top: 0px;
}
#searchTbl01 th {
	width: 15%;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #e7f0de;
}
#searchTbl01 td {
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #e7f0de;
}
#searchTbl01 th, #searchTbl01 td {
	padding: 7px 12px 6px 12px;
}

#searchTbl01 .row01 th {
	border-top: 2px solid #3e4f1d;
	background: #4c5f28;
}
#searchTbl01 .row01 td {
	border-top: 2px solid #708b50;
	background: #394b14;
}

#searchTbl01 .row02 th {
	background: #6b7e40;
}
#searchTbl01 .row02 td {
	background: #5a6d2f;
}

#searchTbl01 .row03 th {
	background: #4c5f28;
}
#searchTbl01 .row03 td {
	background: #394b14;
}

#searchTbl01 input,#searchTbl01 select {
	border: 1px solid #4b6610;
	background: #e7f0de;
	color: #666666;
	vertical-align: middle;
	font-size: 0.9em;
}
*:first-child+html #searchTbl01 select { font-size: 1em;}
#searchTbl01 input.cb {
	border: none;
	background: none;
}
#searchTbl01 .inputBox01 {
	width: 266px;
	height: 1.5em;
}
#searchTbl01 .select01 {
	width: 65px;
	height: 1.5em;
}
#searchTbl01 .select02 {
	width: 165px;
	height: 1.5em;
}

#searchTbl01 .col01{
width:20%;
}
#searchTbl01 .col02{
width:30%;
}


.formInputError {
	margin-top: -20px;
	padding-top: 20px;
	color: #FFC9B9;
	font-weight: bold;
	text-align:center;
	margin-bottom: 20px !important;
}

.prvNote {
	background: url(../../img/login_bg01.gif) repeat;
	width: 664px;
	padding: 10px 0px;
	margin-bottom: 30px;
}
.prvNote div {
	border: 1px solid #f8f5f3;
	background: #e7f0de;
	color: #666666;
	margin: 0px 10px;
	height: auto;
	text-align: left;
	font-size: 100%;
	line-height: 130%;
	padding: 16px 20px 16px 20px;
	margin-bottom: 16px;
	overflow: auto;
}
.prvNote .check {
	color: #e2ebc1;
	text-align: center;
	padding-bottom: 4px;
}
.prvNote .check input {
	vertical-align: middle;
	margin-right: 6px;
}

.formBtnBox {
	background: url(../../img/login_bg02.gif) no-repeat;
	padding: 8px;
	margin: 30px 0 !important;
	text-align: center;
}
.formBtnBox input, .formBtnBox img {
	margin: 0px 8px;
}

.loginNote {
}
.loginNote h4 {
	font-size: 84%;
	color: #abafa1;
	margin:0 0 5px;
	padding:0;
	font-weight:bold;
}
.loginNote ol {
margin:0;
padding:0;
}
.loginNote ol li {
	font-size: 84%;
	line-height: 130%;
	color: #abafa1;
	margin-left: 2em;
}

.totalDesign{
text-align:center;
color:#e5e5e5;
font-size: 120%;
margin-bottom:23px !important;
}
.totalDesign span{
color:#90b662;
font-weight:bold;
}
p.noMatching{
color:#FF0000;
margin-bottom:23px !important;
text-align:center;
}

.loginTxt01{
text-align:center;
color:#a2a3a1;
margin-bottom:13px !important;
}
.loginTxt02{
text-align:center;
color:#698545;
margin-bottom:23px !important;
}


.resultTbl01 {
	width: 664px;
	background:#54611f;
	margin:8px 0 !important;
}
* html .resultTbl01 { margin-bottom:16px !important; }
*:first-child+html .resultTbl01 { margin-bottom:16px !important; }
.resultTbl01 caption span {
	position: absolute;
	left: -5000px;
	top: 0px;
}
.resultTbl01 th {
	text-align: left;
	vertical-align: middle;
	background-color: #161e00;
	color: #a1a1a1;
}
.resultTbl01 td {
	text-align: left;
	vertical-align: middle;
	background-color: #161e00;
	color: #a1a1a1;
}
.resultTbl01 th, .resultTbl01 td {
	padding: 10px 15px 9px 15px;
}
.resultTbl01 th p.name{
float:left;
font-weight: bold;
font-size:110%;
width:77%;
}
.resultTbl01 th p.code{
float:right;
width:20%;
text-align:right;
}

.resultTbl01 td.capture{
width:255px;
}
.resultTbl01 td.year{
width:50px;
}
.resultTbl01 td.category{
width:265px;
}

dl.resultDtlWrap {
	background: url(../img/result_ctg_bg.gif) no-repeat;
	width: 220px;
	height: 12px;
	position:relative;
	float:left;
}
dl.resultDtlWrap dt {
	display: none;
}
dl.resultDtlWrap dd {
	vertical-align: top;
	width: 52px;
	height: 12px;
	position: absolute;
}
dl.resultDtlWrap dd img {
	display: block;
}

dl.resultDtlWrap dd.ic-design {
	left: 0px;
	top: 0px;
}
dl.resultDtlWrap dd.ic-flash {
	left: 56px;
	top: 0px;
}
dl.resultDtlWrap dd.ic-html {
	left: 112px;
	top: 0px;
}
dl.resultDtlWrap dd.ic-system {
	left: 168px;
	top: 0px;
}

p.resultDesigner{
float:right;
	background: url(../../img/result_tx_designer.gif) no-repeat left center;
	padding-left:60px;
	font-size: 84%;
	line-height: 1.1em;
	color:#5c6050;
}
p.resultDesigner span{
	text-indent:-5000px;
	position:absolute;
}


.resultPager{
position:relative;
margin:8px 0;
zoom:1;
}
.resultPager ul{
list-style:none;
}
.resultPager ul:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .resultPager ul { display: inline-block; }
/* no ie mac \*/
* html .resultPager ul { height: 0.1%; }
.resultPager ul { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #pkupIdxWrap ul { display: inline-block; }
/* */

.resultPager ul li.back{
position:absolute;
left:0;
top:0;
}
.resultPager ul li.next{
position:absolute;
left:625px;
top:0;
}

.directLink{
text-align:center;
line-height:1.1;
}

.directLink input {
	vertical-align: middle;
}
.directLink input.pageNumber {
	border: 1px solid #4b6610;
	background: #e7f0de;
	color: #666666;
	font-size: 0.85em;
	width:2em;
	text-align:center;
}