@charset "utf-8";

/* sitemap ============================================================ */



/* basic ------------------------------------------------------- */
html {
	background-color: #666666;
}
body {
	background-image: url(../img/category.jpg);
	background-color: #666666;
}
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: #8A8A8A;
}



/* 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: #333333;
}



/* 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#sitemap00 {
	background-image: url(../../img/index_ttl.jpg);
}




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

#gnavi-works {
	background-image: url(../img/gnavi01.gif);
}
#gnavi-works a:hover {
	background: url(../img/gnavi01.gif) no-repeat -220px 0px;
}

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

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

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

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

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




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

#lnavi-sitemap01 a {
	/* background-image: url(../img/lnavi01.gif); */
}





/* original ------------------------------------------------------- */
.section3 h3 {
	position: absolute;
	left: -5000px;
	top: 0px;
}
.section3 .lead01 {
	position: absolute;
	left: -5000px;
	top: 0px;
}
.section3 p {
	margin-bottom: 0px;
}
.section3 .section4 p {
	margin-bottom: 0px;
}

.section4 {
	width: 324px;
	padding-top: 20px;
	margin-bottom: 16px;
}

.section4 h4 {
	margin-bottom: 16px;
}
.section4 ul {
	list-style-type: none;
	padding-left: 8px;
}
.section4 ul li {
	padding-left: 16px;
	padding: 1px 0px 1px 16px;
	background-position: 0px 0.45em;
	background-repeat: no-repeat;
}
.section4 ul li li {
	margin-left: -8px;
	background-position: 0px 0.5em;
}

.section4 a:link, .section4 a:visited {
	text-decoration: none;
}
.section4 a:hover, .section4 a:active {
	text-decoration: underline;
}

#stmMain {
	width: 324px;
	float: left;
}
#stmSub {
	width: 324px;
	float: right;
}


#worksList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_works.jpg) no-repeat;
}
#worksList ul li {
	background-image: url(../img/ic_works.gif);
}
#worksList ul li li {
	background-image: url(../img/ic_s_works.gif);
}
#worksList a {
	color: #8DB364;
}

#brandingList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_branding.jpg) no-repeat;
}
#brandingList ul li {
	background-image: url(../img/ic_branding.gif);
}
#brandingList a {
	color: #FA949D;
}

#serviceList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_service.jpg) no-repeat;
}
#serviceList ul li {
	background-image: url(../img/ic_service.gif);
}
#serviceList a {
	color: #D6AD5B;
}

#companyList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_company.jpg) no-repeat;
}
#companyList ul li {
	background-image: url(../img/ic_company.gif);
}
#companyList a {
	color: #68AFB4;
}

#recruitList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_recruit.jpg) no-repeat;
}
#recruitList ul li {
	background-image: url(../img/ic_recruit.gif);
}
#recruitList a {
	color: #F59B52;
}

#pressList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_press.jpg) no-repeat;
}
#pressList ul li {
	background-image: url(../img/ic_press.gif);
}
#pressList a {
	color: #BC98CF;
}

#contactList h4 a {
	display: block;
	text-indent: -5000px;
	width: 324px;
	height: 44px;
	background: url(../../img/index_hm_contact.jpg) no-repeat;
}
#contactList ul li {
	background-image: url(../img/ic_etc.gif);
}
#contactList a {
	color: #B3B3B3;
}

#etcList h4 {
	position: absolute;
	left: -5000px;
	top: 0px;
}
#etcList {
	margin-top: 26px;
	padding-top: 16px !important;
	background: url(../img/dotline01.gif) repeat-x left top;
}
#etcList ul li {
	background-image: url(../img/ic_etc.gif);
}
#etcList a {
	color: #B3B3B3;
}








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