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

	--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. Main styles
		2-5. Side styles
		2-6. Footer styles

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

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

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#323232; }
a:link, a:visited { color:#323232; text-decoration:underline; }
a:hover, a:active {	color:#0077D4; text-decoration:none; }
html { background-color:#FFF; }
body { background-color:#FFF; border-top:4px solid #0077D4; }


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
div.headBlock {
	clear:both;
}
div.headBlock .headline1 {
	background:none;
	margin:0;
	padding-top:0;
	padding-bottom:41px;
}
.headline1 {
	margin-bottom:25px;
	padding:22px 0 35px;
	background:url(../img/common/bg_headline01.gif) no-repeat 0 100%;
}
.headline2 {
	padding:2px 0 2px 21px;
	margin:0 0 23px 1px;
	background:url(../img/common/icon_circle.gif) no-repeat 0 2px;
}
.headline3 {
	padding-top:24px;
	margin-bottom:20px;
	background:url(../img/common/bg_headline02.gif) no-repeat 0 0;
}
*:first-child + html .headline3 {
	margin-bottom:16px;
}
.headline3 span {
	padding-left:18px;
	margin-left:1px;
	background:url(../img/common/icon_arrow01.gif) no-repeat 0 50%;
}
.headline3 img {
	vertical-align:-2px;
}
.headline4 {
	margin-bottom:10px;
	padding:0 0 11px 5px;
	background:url(../img/common/bg_headline03.gif) repeat-x 0 100%;
}
.leadText {
	padding:0 0 41px 1px;
}
.leadText02 {
	margin-top:-19px;
	padding-bottom:31px;
	font-size:13px;
	line-height:1.8;
	letter-spacing:1px;
}
.leadText03 {
	margin-top:-7px;
	font-size:13px;
	line-height:1.8;
	letter-spacing:1px;
}

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

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:960px;
	margin:0 auto;
	padding-bottom:90px;
}
.mainContent {
	clear:both;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	width:960px;
	margin:0 auto;
	padding:18px 0 28px;
}
#logo {
	float:left;
	width:305px;
}
#hNavi {
	float:right;
	width:216px;
	padding-top:10px;
}
#hNavi li { 
	float:left;
	width:108px;
}
#hNavi li a {
	display:block;
	width:108px;
	height:26px;
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	height:35px;
	margin-bottom:19px;
}
#navi ul {
	width:960px;
	margin:0 auto;
}
#navi li { 
	float:left;
}
#navi li a {
	display:block;
	overflow:hidden;
	width:160px;
	height:35px;
	background: url(../img/common/navi.gif) no-repeat;
	text-indent:-9999em;
}
#navi #naviHome a {
	background-position:0 0;
}
#navi #naviHome a:hover {
	background-position:0 -35px;
}
#pageHome #navi #naviHome a {
	background-position:0 -70px;
}
#navi #naviAdvantage a {
	background-position:-160px 0;
}
#navi #naviAdvantage a:hover {
	background-position:-160px -35px;
}
#pageAdvantage #navi #naviAdvantage a {
	background-position:-160px -70px;
}
#navi #naviProducts a {
	background-position:-320px 0;
}
#navi #naviProducts a:hover {
	background-position:-320px -35px;
}
#pageProducts #navi #naviProducts a {
	background-position:-320px -70px;
}
#navi #naviDevelopment a {
	background-position:-480px 0;
}
#navi #naviDevelopment a:hover {
	background-position:-480px -35px;
}
#pageDevelopment #navi #naviDevelopment a {
	background-position:-480px -70px;
}
#navi #naviCompany a {
	background-position:-640px 0;
}
#navi #naviCompany a:hover {
	background-position:-640px -35px;
}
#pageCompany #navi #naviCompany a {
	background-position:-640px -70px;
}
#navi #naviInquiry a {
	background-position:-800px 0;
}
#navi #naviInquiry a:hover {
	background-position:-800px -35px;
}
#pageInquiry #navi #naviInquiry a {
	background-position:-800px -70px;
}


/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	float:right;
	width:702px;
}
.breadcrumbs {
	background:#C3C3C6;
	padding:0 5px;
	margin-bottom:6px;
}
.breadcrumbs li {
  float: left;
  color: #FFF;
  font-size: 10px;
  height: 18px;
  background: url(../img/common/bg_arrow.gif) no-repeat 0 50%;  
}
.breadcrumbs li.first img {
	height: 18px;
}
* html .breadcrumbs li.first {
	margin-right:-3px;
}
*:first-child + html .breadcrumbs li.first {
	margin-right:-3px;
}
.breadcrumbs li a {
	display:block;
	padding:3px 10px 0 22px;
	color:#FFF !important;
	text-decoration:none !important;
}
*:first-child + html .breadcrumbs li a {
	padding:4px 10px 0 22px;
}
.breadcrumbs li a:hover {
	color:#0077D4 !important;
}
.breadcrumbs li.first a {
	padding:0;
}
.breadcrumbs li.first a:hover {
	padding:0;
}
*:first-child + html .breadcrumbs li.first a {
	padding:0;
}
.breadcrumbs li em {
	display:block;
	padding:3px 10px 0 22px;
}
*:first-child + html .breadcrumbs li em {
	padding:4px 10px 0 22px;
}
ul.infoList {
	margin-right:-22px;
}
* html ul.infoList {
	margin-right:-44px;
}
*:first-child + html .infoList {
	padding-bottom:30px;
}
ul.infoList li {
	float:left;
	width:340px;
	margin:0 22px 30px 0;
	padding-bottom:21px;
	background:url(../img/common/bg_dotted01.gif) repeat-x 0 100%;
}
ul.infoList li.bl-hover {
	background:url(../img/common/bg_list_hover.gif) repeat-x 0 100%;
}
ul.infoList li a {
	float:left;
}
ul.infoList li p {
	margin-top:-3px;
	padding:0 10px 0 160px;
	line-height:1.45;
}
.section {
	clear:both;
	padding-bottom:40px;
}


/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:left;
	width:204px;
}
#side h4 {
	margin-bottom:16px;
}
#side h4 a {
	display:block;
	padding:38px 0;
	border-top:5px solid #0077D4;
	border-bottom:5px solid #C3C3C6;
	text-align:center;
}
#side .sideNavi {
	padding-bottom:28px;
}
*:first-child + html #side .sideNavi {
	margin-right:-8px;
}
#side .sideNavi li {
	line-height:1.3;
	font-size:0;
}
#side .sideNavi li a {
	display:block;
	padding-bottom:6px;
	width:212px;
}
#side .sideNavi li img,
#side .banner li img {
	vertical-align:top;
}
#side .banner {
	margin-bottom:-26px;
}
#side .banner li {
	padding-bottom:26px;
	font-size:0;
}
#side .phone {
	margin-top:-14px;
	text-align:center;
}


/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	padding-bottom:25px;
}
#footer .fBlock01 {
	background:#C3C3C6;
	border-bottom:1px solid #B4B4B6;
}
#footer .fBlock01 div {
	width:960px;
	margin:0 auto;
	position:relative;
	height:29px;
}
#footer #copyright {
	float:left;
	width:500px;
	color:#FFF;
	font-size:10px;
	padding-top:10px;
}
#footer #pageTop {
	float:right;
	width:100px;
	position:absolute;
	right:0;
	top:3px;
	z-index:1;
}
#footer #pageTop a {
	display:block;
	width:100px;
	height:27px;
}
#footer #pageTop a:hover {
	background-position:0 -27px;
}
#footer .fBlock02 {
	clear:both;
	width:960px;
	margin:0 auto;
	padding-top:26px;
}
#footer .fBlock02 .fLink {
	float:left;
	width:500px;
}
#footer .fBlock02 .fLink ul {
	clear:both;
}
#footer .fBlock02 .fLink ul li {
	display:inline;
	float:left;
	padding-bottom:11px;
}
* html #footer .fBlock02 .fLink ul li {
	padding-bottom:11px;
}
*:first-child + html #footer .fBlock02 .fLink ul li {
	padding-bottom:8px;
	margin-top:-5px;
}
* html #footer .fBlock02 .fLink ul li a {
	margin-right:-4px;
}
*:first-child + html #footer .fBlock02 .fLink ul li a {
	margin-right:-4px;
	height:15px;
}
*:first-child + html #footer .fBlock02 .fLink ul.fLink02 li a {
	height:12px;
}
#footer .fBlock02 .fLink ul li img {
	vertical-align:top;
}
#footer .fBlock02 p {
	float:right;
	width:215px;
	padding-top:2px;
}
#footer .fBlock02 .fLink ul li a {
	position:relative;
	top:-2px;
	color:#969696;
	text-decoration:none;
}
#footer .fBlock02 .fLink ul li a:hover {
	color:#0058B2 !important;
}
#footer .fBlock02 .fLink ul.fLink01 {
	padding-bottom:3px;
	background:url(../img/common/bg_line01.gif) no-repeat 0 0;
}
#footer .fBlock02 .fLink ul.fLink01 li {
	margin-bottom:13px;
	padding:0 13px;
	background:url(../img/common/bg_line01.gif) no-repeat 100% 0;
	font-size:12px;
}
#footer .fBlock02 .fLink ul.fLink02 {
	background:url(../img/common/bg_line02.gif) no-repeat 0 0;
	font-size:11px;
}
#footer .fBlock02 .fLink ul.fLink02 li {
	padding:0 11px 11px 10px;
	background:url(../img/common/bg_line02.gif) no-repeat 100% 0;
}