@charset "UTF-8";
/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL:http://www.cybridge.jp/

	CB-STANDARD for XHTML
	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#464646; background:none; }
a:link, a:visited { color:#323232; text-decoration:none; }
a:hover, a:active {	color:#323232; text-decoration:underline; }
body { background:url(../img/common/blank.gif) repeat-x fixed 50% 0; }


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline{
	padding-bottom:21px;
}
.headline01 {
	padding-top:6px;
	background:url(../img/common/bg_shadow01.gif) no-repeat 0 0;
}
.headline01 h2 {
	background:url(../img/common/bg_shadow02.gif) no-repeat 0 100%;
	padding:18px 0 14px 0;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding-top:138px;
}
#main {
	padding-bottom:120px;
}
#contents h1 {
	padding-bottom:35px;
}
.section {
	width:884px;
	margin:37px auto 0;
}
input.focusField { 
	color:#323232;
}
input.fillField { 
	color:#666;
}
.focusField {
    color: #323232!important;
}
.idleField {
    color: #666;
}
p.headText01 {
	min-height:47px;
	padding: 10px 0 9px 4px;
	color:#464646;
	line-height:1.6;
}
* html p.headText01 {
	height:47px;
}
p.headText02 {
	min-height:53px;
	background:url(../img/common/bg_shadow01.gif) no-repeat 0 100%;
	margin-bottom:25px!important;
}
* html p.headText02 {
	height:53px;
}
/* #innerContent */
#innerContent #main {
	float:right;
	width:750px;
}
#innerContent .section {
	width:1000px;
}
#innerContent #side {
	position:fixed;
	float:left;
	width:200px;
	z-index:9998;
}
#innerContent #sideInner {
	position:absolute;
}
#innerContent #side .sideMenu {
	border:1px solid #C8C8C8;
	margin-bottom:17px;
}
* html #innerContent #side .sideMenu {
	height:299px;
}
#innerContent #side .sideMenu img {
	vertical-align:top;
}
#innerContent #side .sideMenu .menu {
	border-top:1px solid #C8C8C8;
}
#innerContent #side .sideMenu li {
	width:auto;
}
#innerContent #side .sideMenu .level1 {
	padding:15px 0 15px 27px;
	border-bottom:1px solid #C8C8C8;
}
#innerContent #side .sideMenu .level1last {
	border-bottom:none;
}
#innerContent #side .sideMenu .subMenu {
	padding-top:9px;
}
#innerContent #side .sideMenu .subMenu .level2 {
	padding:3px 0;
}
#innerContent #side .sideMenu .haveSub {
	position:relative;
}
#innerContent #side .sideMenu .haveSub a.overitem {
	display:block;
	width:171px;
	height:24px;
	cursor:pointer;
}
#innerContent #side .sideMenu .active img {
	visibility:hidden;
}
#innerContent #side .sideMenu .haveSub .active {
	display:block;
	width:171px;
	height:24px;
}
#innerContent #side .sideMenu .brand .active {
	background:url(../img/common/txt_sub01_h.gif) no-repeat 0 0;
}
#innerContent #side .sideMenu .name .active {
	background:url(../img/common/txt_sub02_h.gif) no-repeat 0 0;
}
#innerContent #side .sideMenu .haveSub .subBox {
	position:absolute;
	top:-59px;
	left:171px;
	background:url(../img/common/bg_sub03.png) no-repeat 0 100%;
	padding-bottom:15px;
	width:403px;
	display:none;
}
* html #innerContent #side .sideMenu .haveSub .subBox {
	padding-bottom:14px;
}
*:first-child + html #innerContent #side .sideMenu .haveSub .subBox {
	background:url(../img/common/bg_sub03_ie.gif) no-repeat 0 100%;
}							
#innerContent #side .sideMenu .haveSub .subBox .subInner {
	background:url(../img/common/bg_sub01.png) no-repeat 0 0;
	padding-top:10px;
}
*:first-child + html #innerContent #side .sideMenu .haveSub .subBox .subInner {
	background:url(../img/common/bg_sub01_ie.gif) no-repeat 0 0;
}
#innerContent #side .sideMenu .haveSub .subBox .subInner div {
	background:url(../img/common/bg_sub02.png) no-repeat 0 0;
	padding: 11px 19px 11px 19px;
}
*:first-child + html #innerContent #side .sideMenu .haveSub .subBox .subInner div {
	background:url(../img/common/bg_sub02_ie.gif) no-repeat 0 0;
}
@media \0screen {
#innerContent #side .sideMenu .haveSub .subBox {
	background:url(../img/common/bg_sub03_ie.gif) no-repeat 0 100%;
}
#innerContent #side .sideMenu .haveSub .subBox .subInner {
	background:url(../img/common/bg_sub01_ie.gif) no-repeat 0 0;
}
#innerContent #side .sideMenu .haveSub .subBox .subInner div {
	background:url(../img/common/bg_sub02_ie.gif) no-repeat 0 0;
}
}
#innerContent #side .sideMenu .haveSub .subBox .line {
	background:url(../img/common/bg_sub_line.gif) no-repeat 50% 100%;
	padding-bottom:17px;
	margin-bottom:16px;
}
#innerContent #side .sideMenu .haveSub .subBox p {
	padding:0 0 19px 14px;
}
#innerContent #side .sideMenu .name .subBox .line {
	padding-left:24px;
	margin-bottom:14px;
}
#innerContent #side .sideMenu .haveSub .subBox .subList li {
	display:inline;
	float:left;
	width:auto;
	padding:0 0 9px 16px;
}
#innerContent #side .sideMenu .haveSub .subBox .anchorList {
	padding-left:28px;
}
#innerContent #side .sideMenu .haveSub .subBox .anchorList li {
	display:inline;
	float:left;
	width:auto;
	padding:0 17px 24px 0;
}
* html #innerContent #side .sideMenu .haveSub .subBox .anchorList li {
	padding:0 13px 20px 0;
}
*:first-child + html #innerContent #side .sideMenu .haveSub .subBox .anchorList li {
	padding:0 13px 20px 0;
}
#pageSearch #innerContent #side .sideMenu .menu .pageSearch a,
#pageBrand #innerContent #side .sideMenu .menu .brand a.overitem,
#pageName #innerContent #side .sideMenu .menu .name a.overitem {
	display:block;
	width:150px;
	height:24px;
}
#pageSearch #innerContent #side .sideMenu .menu .pageSearch a {
	background:url(../img/common/txt_menu01_a.gif) no-repeat 0 0;
}
#pageBrand #innerContent #side .sideMenu .menu .brand a.overitem {
	background:url(../img/common/txt_sub01_a.gif) no-repeat 0 0;
}
#pageName #innerContent #side .sideMenu .menu .name a.overitem {
	background:url(../img/common/txt_sub02_a.gif) no-repeat 0 0;
}
#pageSearch #innerContent #side .sideMenu .menu .pageSearch a img,
#pageBrand #innerContent #side .sideMenu .menu .brand a.overitem img,
#pageName #innerContent #side .sideMenu .menu .name a.overitem img {
	visibility:hidden;
}
#pageBrand #innerContent #side .sideMenu .brand .subBox,
#pageName #innerContent #side .sideMenu .name .subBox {
	display:none!important;
}
#innerContent #side .banner li {
	padding-bottom:12px;
}
.sectionContent {
	background:url(../img/common/bg_shadow02.gif) no-repeat 0 0;
}
.sectionContent ul.backLink {
	float:left;
	width:200px;
	padding-top:21px;
	margin-bottom:-12px;
}
.sectionContent ul.backLink li {
	font-size:0;
	padding-bottom:11px;
}
.sectionContent p.btnLink {
	float:right;
	width:190px;
	padding-top:16px;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	width:100%;
	padding-bottom:18px;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;	
	background-color:#FFF;
}
* html div#header {
	left:expression(eval(document.documentElement.scrollLeft));
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop));
	width:expression(eval(document.documentElement.clientWidth));
}
#headerInner {
	width:1000px;
	margin:0 auto;
	padding:29px 0 21px;
}
#header p#logo {
	float:left;
	width:234px;
}
#header .hBlock {
	float:right;
	width:380px;
}
#header ul.hNavi {
	float:left;
	width:280px;
	height:11px;
	padding-top:3px;
}
#header ul.hNavi li {
	float:left;
	width:auto;
	padding-right:18px;	
}
#header ul.hNavi li a {
  display: block;
  overflow: hidden;
  width: 34px;
  height: 12px;
  background: url(../img/common/hnavi2.gif) no-repeat;
  text-indent: -9999px;
  white-space: nowrap;
  background-size: 300px auto;
}
#header #home a {
	background-position:0 0;
}
#header #home a:hover {
	background-position:0 -13px;
}
#header #home a.active {
	background-position:0 -13px;
}

#header #inquiry a {
	width:46px;
	background-position:-66px 0;
}
#header #inquiry a:hover {
	background-position:-66px -13px;
}
#header #inquiry a.active {
	background-position:-66px -13px;
}

#header #english a {
	width:45px;
	background-position:-134px 0;
}
#header #english a:hover {
	background-position:-134px -13px;
}
#header #english a.active {
	background-position:-134px -13px;
}
#header #newsrelease a {
	width:82px;
	background-position:-220px 0;
}
#header #newsrelease a:hover {
	background-position:-220px -13px;
}
#header #newsrelease a.active {
	background-position:-220px -13px;
}

#header p.headText {
	float:right;
	width:78px;
	padding-top:1px;
}
#header_t {
	width:100%;
	padding-bottom:18px;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;	
	background-color:#FFF;
}
* html div#header_t {
	left:expression(eval(document.documentElement.scrollLeft));
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop));
	width:expression(eval(document.documentElement.clientWidth));
}
#headerInner {
	width:1000px;
	margin:0 auto;
	padding:29px 0 21px;
}
#header_t p#logo {
	float:left;
	width:234px;
}
#header_t .hBlock {
	float:right;
	width:560px;
}

#header_t ul.hNavi {
	float:left;
	width:455px;
	height:19px;	
}
#header_t ul.hNavi li {
	float:left;
	width:auto;
	padding-right:10px;	
}
#header_t ul.hNavi li a {
	display:block;
	overflow:hidden;
	width:50px;
	height:19px;
	background:url(../img/common/hnavi_top.gif) no-repeat;
	text-indent:-9999px;
	white-space:nowrap;
	background-size: 505px auto;
}
#header_t #home a {
	background-position:0 0;
}
#header_t #home a:hover {
	background-position:0 -19px;
}
#header_t #home a.active {
	background-position:0 -19px;
}

#header_t #inquiry a {
	width:68px;
	background-position:-74px 0;
}
#header_t #inquiry a:hover {
	background-position:-74px -19px;
}
#header_t #inquiry a.active {
	background-position:-74px -19px;
}
#header_t #english a {
	width:56px;
	background-position:-162px 0;
}
#header_t #english a:hover {
	background-position:-162px -19px;
}
#header_t #english a.active {
	background-position:-162px -19px;
}

#header_t #newsrelease a {
	width:108px;
	background-position:-266px 0;
}
#header_t #newsrelease a:hover {
	background-position:-266px -19px;
}
#header_t #newsrelease a.active {
	background-position:-266px -19px;
}
#header_t #recruit a {
	width:120px;
	background-position:-388px 0;
}
#header_t #recruit a:hover {
	background-position:-388px -19px;
}
#header_t #recruit a.active {
	background-position:-388px -19px;
}
#header_t p.headText {
	float:right;
	width:78px;
	padding-top:1px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	margin:0 auto;
	width:1000px;
	height:20px;
}
#navi ul {
	float:right;
	width:611px;
}
#navi li { 
	float:left;
}
#navi li a {
	display:block;
	overflow:hidden;
	width:114px;
	height:20px;
	background:url(../img/common/navi.gif) no-repeat;
	text-indent:-9999px;
}
#navi #naviTopmessage a {
	width:154px;
	background-position:0 0;
}
#navi #naviTopmessage a:hover {
	background-position:0 -20px;
}
#navi #naviPhilosophy a {
	background-position:-154px 0;
}
#navi #naviPhilosophy a:hover {
	background-position:-154px -20px;
}
#navi #naviCorporate a {
	background-position:-268px 0;
}
#navi #naviCorporate a:hover {
	background-position:-268px -20px;
}
#navi #naviBusiness a {
	background-position:-382px 0;
}
#navi #naviBusiness a:hover {
	background-position:-382px -20px;
}
#navi #naviProduct a {
	width:115px;
	background-position:-496px 0;
}
#navi #naviProduct a:hover {
	background-position:-496px -20px;
}


/* ------------------------------------------------------------------
	2-4. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:13px 0 30px 0;
	background:url(../img/common/line_footer.gif) repeat-x 0 0;
}
#footer .fBlock {
	float:left;
	width:360px;
	padding-left:1px;
}
#footer .fNavi {
	padding-bottom:6px;
}
#footer .fNavi li {
	float:left;
	width:auto;
}
#footer .fNavi li a {
	color:#646464;
}
#footer .fList {
	float:right;
	width:633px;
	margin-right:-7px;
	padding-top:2px;
}
* html #footer .fList {
	margin-right:-14px;
}
#footer .fList li {
	float:left;
	width:204px;
	margin-right:7px;
}
#footer .fList li a {
	display:block;
	height:74px;
}
#copyright {
	color:#646464;
	font-size:11px;
}