@charset "utf-8";
*  {
	margin: 0; 
	padding: 0;
	border: none;
	background-repeat: no-repeat;
}
html {
	overflow-y: scroll;
}
body {
	margin: 0; 
	padding: 0;
	background-image: url(../img/html_16x20.gif);
	background-repeat: repeat;
	color: #616161;
	font-family: "MS PGothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.5;
}
th,
td {
	text-align: left;
	_font-size: 75%;
	line-height: 1.2;
}
a {
	color:#636e9f;
}
a:visited {
	color:#794c8c;
}
#container {
	background-image: url(../img/);
	background-repeat: repeat-x;
	background-position: bottom;
	_text-align: center;
} 
#header,
#body,
#footer {
	width: 776px;
	margin: 0 auto;
} 

/* ヘッダー */
#header {
	height: 112px;
	background-image: url(../img/header_776x82.gif);
	background-position: bottom;
} 
#header h1, 
#header h2, 
#header a {
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
#header h1 {
	float: left; 
	margin-top:52px;
	margin-left:33px;
	display:inline;
}
#header h1 a {
	width: 134px;
}
#header h2 {
	width: 457px;
	margin-left: 201px;
	_margin-left: 0;
	_position: relative;
	_left: -1px;
}


#body-wrapper {
	background-image: url(../img/body-wrapper_16x20.gif);
	background-repeat: repeat;
}
head~/* */body #body-wrapper,
head~/* */body #footer{ 
	position /*\**/: relative\9; 
	top /*\**/: -1px\9; 
}
#body {
	background-image: url(../img/body_776x32.jpg);
	background-repeat: repeat-y;
	margin-top: ;
	_text-align: left;
}
.center {
	text-align: center;
}
/* サイドバー:グローバルナビ */
#sidebar {
	float: left; 
	width: 196px;
	margin-right: -2px;
	padding-top: 19px;
	padding-bottom: 28px;
}
#sidebar li {
	text-indent: -9999px;
	width: 196px;
	height: 35px;
	margin-top: 13px;
	list-style-type: none;
	position: relative;
	_top: -10px;
	
}
#sidebar > li {
	*top: -10px;
	
}
html>/**/body #sidebar > li{ /* for ie8 */ top: -26px\9; }
#sidebar li ul {
	margin-top: 3px;
	*margin-top: 5px;
	_margin-top: 11px;
	padding-bottom: 7px;
	_padding-bottom: 2px;
}
#sidebar a {
	display: block;
	width: 196px;
	height: 32px;
}
#sidebar li li,
#sidebar li li a {
	_position: relative;
	_top: -3px;
	margin: -2px 0 0 0;
}
#sidebar li a:hover {
	background-position: bottom center !important;
}
#sidebar #news a {
	background-image: url(../img/menu/news_196x64.jpg);
}
#sidebar #products a {
	background-image: url(../img/menu/products_196x64.jpg);
}
#sidebar #corp a {
	background-image: url(../img/menu/corp_196x64.jpg);
}
#sidebar #results a {
	background-image: url(../img/menu/results_196x64.jpg);
}
#sidebar #partners a {
	background-image: url(../img/menu/partners_196x64.jpg);
}
#sidebar #contact a {
	background-image: url(../img/menu/contact_196x64.jpg);
}

/* 本文 */
#contents {
	background-image: url(../img/contents_580x32.jpg);
	width: 544px;
	_width: 546px;
	margin-left: 196px;
	_margin-left: 0;
	_position: relative;
	_left: -1px;
	padding-top: 32px;
} 
html>/**/body #contents { 
	/* for ie8 */ min-height: 479px\9;
}

#content {
	background-image: url(../img/content_580x32.jpg);
	background-position: left bottom;
	min-height: 500px;
	_height: 500px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 8px;
} 
html>/**/body #content{
	/* for ie8 */ margin-bottom: -1px\9;
}

#contents h1, 
#contents h2, 
#contents h3, 
#contents h4 {
} 
#contents p, 
#contents ul, 
#contents dl, 
#contents table,
#contents img {
} 
#contents table,
#contents img {
} 
#contents table {
	width: 512px;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
} 
#contents img {
	margin-top: 0.6em;
	margin-bottom: 0.2em;
} 
#contents ul h4{
	margin-top: 8px;
} 
#contents #path {
	margin-bottom: 16px;
} 
#contents h1 {
	height: 21px;
	margin-top: 15px;
	margin-left: -1px;
	margin-bottom: 10px;
	_margin-bottom: -2px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 180%;
}
#contents h1 a {
	height: 21px;
	display: block;
}
#contents h2 {
	font-size: 117%;
	letter-spacing: 0.1em;
}
#contents h3 {
	margin-top: 5px;
	font-size: 100%;
	font-weight:bold;
}
#contents h4 {
	margin-top: 4px;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: -2px;
}
#contents .end, 
#contents p, 
#contents ul, 
#contents dl, 
#contents table {
	margin-bottom: 22px;
} 
#contents table {
	margin-bottom: 25px;
} 
#contents .noMargin {
	margin-bottom: 0;
} 
#contents .halfMargin {
	margin-bottom: 6px;
} 

#contents ul ul,
#contents ul h3 {
	margin-left: 3px;
	margin-right: 8px;
} 
#contents .noDisk li {
	list-style-type:none;
	margin-left: 0;
} 
#contents .disk li {
	list-style-type:disc;
	margin-bottom: 3px;
	margin-left: 1.4em;
	*margin-left: 1.6em;
} 
#contents table,
#contents th,
#contents td {
	border-style: solid;
	border-color: #5f5a54;
} 
#contents table{
	margin-top: 0;
	border-collapse: collapse;
	border-width: 2px;
} 
#contents th,
#contents td {
	border-width: 1px;
	padding: 5px 10px 3px;
	_padding: 4px 10px 3px;
} 
#contents th {
	background-image: url(../img/th_16x16.gif);
	background-repeat: repeat;
	font-weight: normal;
	letter-spacing: 0.1em;
} 
#contents td {
	background-image: url(../img/td_16x16.gif);
	background-repeat: repeat;
} 
#contents .note {
	font-size: 92%;
	font-weight: normal;
	margin: 0;
} 
#contents .half {
	letter-spacing: 0.2em;
} 
#contents .halfIE {
	*letter-spacing: 0.2em;
} 
#contents .marker {
	font-size: 85%;
	font-weight: normal;
	margin: 0 1px 0 2px;
	color: #91cd00;
	position: relative;
	top: -0.1em;
} 
#contents .marker2 {
	font-size: 85%;
	margin: 0 0 0 1px;
	color: #91cd00;
} 
#contents .marker3 {
	font-weight: normal;
	margin: 0 0 0 2px;
} 
#contents .cotion {
	color:#DD0000;
} 
#contents #adobe {
	width: 88px;
	height: 31px;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
} 

/* フッター */
#footer {
	background-image: url(../img/footer_776x52.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 776px;
	height: 80px;
	padding: 0;
	text-indent: -9999px;
} 
#footer a {
	color: #f6f6f1;
}
#footer #copyright, #footer #submenu {
  height: 30px;
}
#footer #copyright {
	float: left; 
}
#footer p,
#footer ul {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px ; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
#footer #submenu {
	margin-left: 518px;
	padding-top: 16px;
	padding-right: 0
}
#footer li {
	margin-left: 16px;
	list-style-type: none;
	text-indent: -9999px;
	float:left;
}
#footer a {
	display: block;
	width: 96px;
	height: 16px;
	background-repeat: no-repeat;
}
#footer a:hover {
	background-position: bottom;
}

#policy a {
	background-image: url(../img/menu/policy_96x32.jpg);
}
#sitemap a {
	background-image: url(../img/menu/sitemap_96x32.jpg);
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}