/* CSS Document */

@import "product.css";
@import "sol.css";

html {
margin:0px;
text-align:center;
height:100%;
}

body {
margin:0px auto;
text-align:center;
background:url(image/mainBg.jpg) top repeat-x #d9dedf;
height:100%;
font-size:12px;
color:#666666;
line-height:1.2em;
font-family:sans-serif;
}

div#wrap {
width:780px;
min-height:100%;
padding:0px 4px;
margin:0px auto;
background-color:#FFF;
color:#333;
background:url(image/wrapBg.gif) repeat-y;
position:relative;
}

#wrap a span {
display:none;
}

br.clear {
clear:both;
visibility:hidden;
}

a {
text-decoration:underline;
}

img {
border:0px;
}

h2 span {
display:none;
}

/*IE6ハック*/
* html div#wrap {
height:100%;
}


/*ヘッダ*/
#header {
width:780px;
height:60px;
text-align:left;
background:url(image/headerBg.gif) repeat-x;
position:relative;
}

#header a.back{
display:block;
height:51px;
width:90px;
background:url(image/icallLogo.gif);
position:absolute;
left:54px;
top:3px;
}

#header h1 {
	display:block;
	font-size:12px;
	color:#272727;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:574px;
	height:20px;
	border-bottom:1px solid #666666;
	position:absolute;
	left:195px;
	top: -2px;
}

#header ul {
display:block;
width:574px;
height:21px;
margin:0px;
padding:8px 0px 0px 0px;
list-style:none;
text-align:right;
position:absolute;
left:195px;
top:31px;
}

#header ul li{
margin:0px 0px 0px 10px;
padding:0px;
display:inline;
}

#header ul li a{
color:#1150bb;
}

#header ul li a:hover{
color:#1ba5ad;
}

#header #analyzer {
visibility:hidden;
}

/*メインメニュー*/
div#menu {
height:53px;
background:url(image/menuShadow.gif) bottom repeat-x;
}

ul#mainMenu {
width:780px;
height:40px;
margin:0px;
padding:0px;
background:transparent url(image/mainmenu.gif) 0px 0px;
list-style:none;
}

ul#mainMenu li,ul#mainMenu li a{
display:block;
float:left;
height:40px;
width:130px;
}

li.home a:hover {background:transparent url(image/mainmenu.gif) 0px -40px;}
li.news a:hover {background:transparent url(image/mainmenu.gif) -130px -40px;}
li.sol a:hover {background:transparent url(image/mainmenu.gif) -260px -40px;}
li.product a:hover {background:transparent url(image/mainmenu.gif) -390px -40px;}
li.recruit a:hover {background:transparent url(image/mainmenu.gif) -520px -40px;}
li.corp a:hover {background:transparent url(image/mainmenu.gif) -650px -40px;}

/*左エリア*/

#leftArea {
	width:170px;
	padding:0px 13px 70px 12px;
	float:left;
	text-align: left;
}

#leftArea p.mailform,#leftArea p.mailform a{
display:block;
width:170px;
height:56px;
}

#leftArea p.mailform{
margin:0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #666666;
}

#leftArea p.mailform a{background:transparent url(image/mailform.gif) 0px 0px;}
#leftArea p.mailform a:hover {background:transparent url(image/mailform.gif) 0px -56px;}

/*中央コンテンツ*/
#centerArea {
width:391px;
float:left;
padding:0px 0px 70px 0px;
}

.centerContents {
	width:391px;
	background:url(../common/image/centerContentsBg.gif) repeat-y;
	text-align:left;
	margin:0px 0px 10px 0px;
}

.centerContentsTitle {
width:391px;
background:url(../common/image/centerContentsTop.gif) no-repeat top center;
}

.centerContentsArea {
width:391px;
background:url(../common/image/centerContentsBottom.gif) no-repeat center bottom;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
color:#666666;
}

.centerContentsArea div{
margin:0px 15px;
}

.centerContentsArea div p{
margin:0px;
padding:0px;
}



/*右コンテンツ*/
#rightArea {
width:170px;
padding:0px 0px 70px 12px;
float:left;
text-align:left;
}

#rightArea p.recruit{
display:block;
height:56px;
width:170px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #666666;
}

#rightArea p.recruit a{
display:block;
height:56px;
width:170px;
background:transparent url(../image/index/2008recruit.gif) 0px 0px no-repeat;
}

#rightArea p.recruit a:hover{
background:transparent url(../image/index/2008recruit.gif) 0px -56px no-repeat;
}



/*下位ページメインコンテンツ*/
#mainContents {
width:580px;
float:left;
text-align:left;
background:url(image/productMainBg.gif) repeat-y;
margin-bottom:70px;
}

/*パンくずリスト*/
#breadcrumbs {
margin:0px;
padding:0px;
background:url(image/breadcrumbs.gif) top left no-repeat;
min-height:34px;
color:#000000;
}

#breadcrumbs ul{
margin:0px;
padding:10px 0px 20px 10px;
}

#breadcrumbs ul li{
display:inline;
margin:0px 3px 0px 0px;
padding:0px;
}

#breadcrumbs ul li a{
color:#1150bb;
}


/*フッタ*/
#footer {
width:780px;
height:60px;
background:url(image/menuShadow.gif) top repeat-x;
position:absolute;
left:4px;
bottom:0px;
text-align:left;
}

#footer ul{
margin:0px;
padding:0px;
list-style:none;
height:20px;
width:574px;
border-bottom:1px solid #666666;
position:absolute;
top:10px;
left:10px;
}

#footer ul li{
margin:0px 10px 0px 0px;
padding:0px;
display:inline;
}

#footer ul li a{
color:#1150bb;
}

#footer ul li a:hover{
color:#1ba5ad;
}

#footer address {
font-style:normal;
color:#666666;
display:block;
height:19px;
width:574px;
padding:10px 0px 0px 0px;
position:absolute;
top:31px;
left:10px;
}

#footer a.flash{
background:url(image/getflash.gif);
display:block;
height:31px;
width:88px;
position:absolute;
top:18px;
left:682px;
}