/*
-----------------------------------------------
WebGraphy Styles
Version:  28 Aug 2007
----------------------------------------------- */

@charset "Shift_JIS";

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*Hides from IE-mac €*/
*html.clearfix {height: 1%; }
.clearfix { display: block;}
/*End hide from IE-mac*/

a {
	color: #32327A;
	text-decoration: none;
}
a:hover {
	color: #A81A26;
	text-decoration: underline;
}
img {
	border: 0;
}
strong {
	font-weight: normal;
}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	line-height: 1.4;
	color: #333;
	font-size: 100%;
	font-family: Ariel, sans-serif;
	text-align: center;
	letter-spacing: 0.04em;
 }
 
 /* ------ Container ------ */
#Container {
	width: 778px;
	margin: 20px auto;
	text-align: left;
	border: 1px solid #32327A;
	overflow: hidden;
}
	
 /* ------ Header ------ */
 #Header {
 	margin: 0;
 	padding: 0;
 	width: 778px;
 }
#Logo {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 450px;
}
h1 {
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
}
h1  a {
	display: block;
	width: 204px;
	height: 50px;
	background: transparent url(../image/logo-coloredA.gif) left top no-repeat;
	text-indent: -500em;
}
h2 {
	margin: 0;
	padding: 40px 0 0 20px;
	float: right;
	width: 210px;
	font-size: 0.75em;
}
ul#HeadMenu {
	margin: 0 0 0 20px;
	padding: 35px 0 0 0;
	float: right;
	width: 308px;
}
ul#HeadMenu li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 0.78em;
}
ul#HeadMenu li#Inq a {
	margin: 0;
	padding: 0 15px 0 25px;
	display: block;
	height: 21px;
	background: transparent url(../image/head_icon_inquiry.gif) left center no-repeat;
}
ul#HeadMenu li#Gloss a {
	margin: 0;
	padding: 0 15px 0 25px;
	display: block;
	height: 21px;
	background: transparent url(../image/head_icon_glossary.gif) left center no-repeat;
}
ul#HeadMenu li#Site a {
	margin: 0;
	padding: 0 0 0 25px;
	display: block;
	height: 21px;
	background: transparent url(../image/head_icon_sitemap.gif) left center no-repeat;
}
html*HeadMenu li {
	margin: 0;
	padding: 0;
	font-size: 0.78em;
}
html*ul#HeadMenu li#Inq a {
	margin: 0;
	padding: 0 15px 0 25px;
	display: block;
	float: left;
	height: 21px;
	background: transparent url(../image/head_icon_inquiry.gif) left center no-repeat;
}
html*ul#HeadMenu li#Gloss a {
	margin: 0;
	padding: 0 15px 0 25px;
	display: block;
	float: left;
	height: 21px;
	background: transparent url(../image/head_icon_glossary.gif) left center no-repeat;
}
html*ul#HeadMenu li#Site a {
	margin: 0;
	padding: 0 0 0 25px;
	display: block;
	float:left;
	height: 21px;
	background: transparent url(../image/head_icon_sitemap.gif) left center no-repeat;
}

 /* ------ GlobalNavigation ------ */
 #GlobalNavigation {
	margin: 0;
	padding: 0;
	clear: both;
	border-top: 1px solid #32327A;
	font-size: 0.9em;
}
 #GlobalNavigation ol {
	margin: 0;
	padding: 1px 0 0 1px;
}
 #GlobalNavigation ol li {
	margin: 0;
	padding: 0 1px 0 0;
	float: left;
}
 #GlobalNavigation ol li a{
	display: block;
	width: 110px;
	height: 25px;
	text-indent: -500em;
}
 #GlobalNavigation ol li#GnWeb a{
	background: transparent url(../image/navi_web_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnWeb a:hover {
	background: transparent url(../image/navi_web_on.gif) no-repeat;
}
 #GlobalNavigation ol li#GnPack a{
	background: transparent url(../image/navi_pack_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnPack a:hover {
	background: transparent url(../image/navi_pack_on.gif) no-repeat;
}
 #GlobalNavigation ol li#GnLrn a{
	background: transparent url(../image/navi_learn_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnLrn a:hover {
	background: transparent url(../image/navi_learn_on.gif) no-repeat;
}
#GlobalNavigation ol li#GnConts a{
	background: transparent url(../image/navi_contents_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnConts a:hover {
	background: transparent url(../image/navi_contents_on.gif) no-repeat;
}
#GlobalNavigation ol li#GnDsn a{
	background: transparent url(../image/navi_design_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnDsn a:hover {
	background: transparent url(../image/navi_design_on.gif) no-repeat;
}
#GlobalNavigation ol li#GnCpn a{
	background: transparent url(../image/navi_company_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnCpn a:hover {
	background: transparent url(../image/navi_company_on.gif) no-repeat;
}
#GlobalNavigation ol li#GnHire a{
	background: transparent url(../image/navi_hire_out.gif) no-repeat;
}
 #GlobalNavigation ol li#GnHire a:hover {
	background: transparent url(../image/navi_hire_on.gif) no-repeat;
}
body#BodyWeb #GlobalNavigation ol li#GnWeb a {
	background: transparent url(../image/navi_web_on.gif) no-repeat;
}
body#BodyPack #GlobalNavigation ol li#GnPack a{
	background: transparent url(../image/navi_pack_on.gif) no-repeat;
}
body#BodyLrn #GlobalNavigation ol li#GnLrn a{
	background: transparent url(../image/navi_learn_on.gif) no-repeat;
}
body#BodyConts #GlobalNavigation ol li#GnConts a{
	background: transparent url(../image/navi_contents_on.gif) no-repeat;
}
body#BodyDsn #GlobalNavigation ol li#GnDsn a{
	background: transparent url(../image/navi_design_on.gif) no-repeat;
}
body#BodyCpn #GlobalNavigation ol li#GnCpn a{
	background: transparent url(../image/navi_company_on.gif) no-repeat;
}
body#BodyHire #GlobalNavigation ol li#GnHire a{
	background: transparent url(../image/navi_hire_on.gif) no-repeat;
}


 /* ------ Wrapper ------ */
 #Wrapper {
 	margin: 0;
 	padding: 0;
 	clear: both;
 	color: #333;
}

/* ------ MainContents ------ */
#MainContents {
	margin: 10px 20px 0 0;
	padding: 0;
	float: right;
	width: 560px;
	text-align: center;
}
ol#TopicPath {
	margin: 0 0 10px 0;
	clear: both;
	text-align: right;
}
ol#TopicPath li {
	padding-left: 5px;
	display: inline;
	font-size: 78%;
}
ol#TopicPath li a {
	padding-right: 15px;
	background: transparent url(../image/icon_topicpath.gif) right center no-repeat;
}
p.PageTop {
	margin: 20px 0;
	margin-left: 340px;
	padding: 0;
	width: 220px;
	text-align: right;
}
p.PageTop a {
	padding-right: 20px;
	display: block;
	clear: both;
	background: transparent url(../image/icon_totop.gif) right center no-repeat;
	font-size: 78%;
}


/* ------ SideNavigation ------ */
#SideNavigation {
	margin: 40px 0 50px 20px;
	padding: 0;
	float: left;
	width: 140px;
}
ul#SNavi {
}
ul#SNavi li {
	margin-bottom: 10px;
	font-size: 0.8em;
}
ul#SNavi li a {
	padding-left: 18px;
	background: transparent url(../image/main_forelink.gif) left center no-repeat;
}
ul#SNavi li.PresentPg a {
	color: #A81A26;
}


 /* ------ Footer ------ */
#Footer {
 	margin: 10px 30px;
 	padding: 0;
 	clear: both;
 	background: transparent url(../image/footer_line.gif) top center no-repeat;
 	color: #333;
 	text-align: center;
}
ol#FootMenu {
	margin: 0 150px;
	padding: 20px 0;
	width: 470px;
}
ol#FootMenu li {
	margin: 0;
	padding: 0;
	float: left;
}
ol#FootMenu li a {
	margin: 0;
	padding: 0 15px;
	display: block;
	font-size: 0.75em;
}
#CopyRight {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	font-size: 0.7em;
}