/* CSS Document */

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.3em;
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:47px;
width:150px;
background:url(image/icallLogo.gif);
position:absolute;
left:20px;
top:5px;
}

#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;
}

/*topイメージ*/
#topImage {
width:780px;
height:97px;
}

#topImage h2 {
background:url(../image/index/index.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.com {
background:url(../image/company/companyTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.serv {
background:url(../image/service/serviceTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.off {
background:url(../image/office/officeTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.cont {
background:url(../image/contact/contactTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.site {
background:url(../image/sitemap/sitemapTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.cust {
background:url(../image/customer/customerTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.pri {
background:url(../image/privacy/privacyTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.ref {
background:url(../image/refund/refundTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}

#topImage h2.sec {
background:url(../image/security/secTitle.gif) 0px 0px no-repeat;
display:block;
margin:0px;
padding:0px;
width:780px;
height:20px;
}


/*メインメニュー*/
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;
height:31px;
background:url(../common/image/centerContentsTop.gif) no-repeat top center;
position:relative;
}

.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/2011recruit.gif) 0px 0px no-repeat;
}

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


/*ソリューション一覧*/
ul.solList {
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
color:#333333;
list-style:none;
text-align:left;
width:170px;
}

ul.solList li{
display:block;
font-weight:bold;
margin:0px;
padding:0px 0px 10px 0px;
}

ul.solList li span{
display:block;
background:url(image/solSelect.gif) center left no-repeat;
padding:0px 10px 0px 10px;
margin:0px;
}

ul.solList li a{
display:block;
padding:0px 10px 0px 10px;
margin:0px;
font-weight:normal;
color:#333333;
background:url(image/solListStyle.gif) center left no-repeat;
}

ul.solList li a:hover{
color:#0c5ed8;
}

ul.solDetail {
background:#eff5ff;
margin:5px 0px 0px 10px;
padding:5px 0px 0px 5px;
border-bottom:1px solid #0c5ed8;
border-left:5px solid #0c5ed8;
list-style:none;
}

ul.solDetail li{
margin:0px;
padding:0px 0px 5px 0px;
background:none;
font-weight:normal;
}

ul.solDetail li a{
color:#0c5ed8;
background:none;
margin:0px;
padding:0px;
}




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

#mainContents h2{
margin:0px 0px 20px 10px;
padding:0px;
font-weight:bold;
font-size:16px;
color:#2275a9;
}

#mainContents h3 {
display:block;
margin:0px 0px 0px 11px;
padding:0px;
height:20px;
width:550px;
border-bottom:1px dotted #666666;
}

#mainContents h3 span{
display:none;
}

#mainContents h3.title1{
background:url(../image/index/h3Title1.gif) 0px 0px no-repeat;
}

#mainContents h3.title2{
background:url(../image/index/h3Title2.gif) 0px 0px no-repeat;
}

#mainContents h3.title3{
background:url(../image/company/h3Title3.gif) 0px 0px no-repeat;
}

#mainContents h3.title4{
background:url(../image/service/h3Title4.gif) 0px 0px no-repeat;
}

#mainContents h3.title5{
background:url(../image/service/h3Title5.gif) 0px 0px no-repeat;
}

#mainContents h3.title6{
background:url(../image/office/h3Title6.gif) 0px 0px no-repeat;
}

#mainContents h3.title7{
background:url(../image/contact/h3Title7.gif) 0px 0px no-repeat;
}

#mainContents h3.title8{
background:url(../image/sitemap/h3Title8.gif) 0px 0px no-repeat;
}

#mainContents h3.title9{
background:url(../image/customer/h3Title9.gif) 0px 0px no-repeat;
}

#mainContents h3.title10{
background:url(../image/privacy/h3Title10.gif) 0px 0px no-repeat;
}

#mainContents h3.title11{
background:url(../image/refund/h3Title11.gif) 0px 0px no-repeat;
}

#mainContents h3.title12{
background:url(../image/security/h3Title12.gif) 0px 0px no-repeat;
}

#mainContents div.whatsnew{
margin:10px 20px 0px 10px;
padding:0px 0px 30px 0px;
}

#mainContents div.whatsnew p{
margin:0px 0px 10px 0px;
padding:0px;
}

#mainContents div.worldwide{
margin:10px 20px 0px 10px;
padding:0px 0px 60px 0px;
}

#mainContents div.worldwide img{
margin-right:15px;
}

#mainContents div.company{
margin:10px 20px 0px 10px;
padding:0px 0px 30px 0px;
}

#mainContents div.company p{
margin:0px 0px 10px 0px;
padding:0px;
}

#mainContents div.company div{
margin:0px 0px 20px 0px;
padding:0px;
}

#mainContents div.company div p{
margin:10px 0px 0px 0px;
padding:0px;
}

#mainContents div.company span{
font-size:14px;
font-weight:bold;
}

#mainContents div.company table{
width:300px;
margin:0px;
}

#mainContents div.company table th{
width:220px;
padding:2px 0px;
text-align:left;
color:#2275a9;
border-bottom:1px dotted #D1DEE9;
}

#mainContents div.company table td{
padding:2px 0px;
text-align:right;
border-bottom:1px dotted #D1DEE9;
}

#mainContents div.direction{
margin:10px 20px 0px 10px;
height:600px;
position:relative;
}

#mainContents div.direction div{
height:253px;
width:270px;
position:absolute;
}

div.direction div.text1{
background:url(../image/service/direction1.gif) no-repeat;
top:0px;
left:0px;
}

div.direction div.text2{
background:url(../image/service/direction2.gif) no-repeat;
top:0px;
left:280px;
}

div.direction div.text3{
background:url(../image/service/direction3.gif) no-repeat;
top:263px;
left:0px;
}

div.direction div.text4{
background:url(../image/service/direction4.gif) no-repeat;
top:263px;
left:280px;
}

div.direction p.link{
position:absolute;
height:50px;
width:300px;
top:520px;
left:0px;
}

div.direction div p{
display:block;
position:absolute;
top:38px;
left:8px;
width:100px;
line-height:1.2em;
}

#mainContents div.office{
margin:10px 20px 0px 10px;
padding:0px 0px 30px 0px;
}

#mainContents div.office p{
margin:0px 0px 10px 0px;
padding:0px;
}

#mainContents div.office span{
display:block;
margin:0px 0px 20px 0px;
padding:0px;
font-weight:bold;
font-size:16px;
color:#2275a9;
}

#mainContents div.sitemap{
margin:10px 20px 0px 10px;
padding:0px 0px 30px 0px;
}

#mainContents div.sitemap h4{
background:url(../image/sitemap/h3.gif) left center no-repeat;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 20px;
}

#mainContents div.sitemap h4 a{
color:#333333;
}

#mainContents div.sitemap ul{
list-style:url(../image/sitemap/li.gif) outside;
margin:0px 0px 30px 30px;
padding:0px 0px 0px 20px;
}


#mainContents div.sitemap ul li{
margin:0px;
padding:0px 0px 15px 0px;
font-weight:bold;
}

#mainContents div.sitemap ul li a{
color:#2275a9;
font-weight:normal;
}

#mainContents div.privacy{
margin:10px 20px 0px 10px;
padding:0px 0px 60px 0px;
}

#mainContents div.privacy p{
margin:0px 0px 30px 0px;
padding:0px;
}

#mainContents div.privacy span{
display:block;
margin:0px 0px 10px 0px;
padding:0px;
font-weight:bold;
font-size:16px;
color:#2275a9;
}


/*パンくずリスト*/
#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;
}


/*ソリューション問い合わせ*/
#ssl {
margin:0px;
padding-bottom:12px;
background:url(image/productMainBottom.gif) bottom left no-repeat;
}

#ssl div{
margin:0px 0px 0px 11px;
padding:10px 0px;
text-align:center;
width:550px;
height:auto;
border:1px solid #004177;
background:#eeeff0;
color:#333333;
clear:both;
}

#ssl h5 span {
position:absolute;
top:-9999px;
}

#ssl p{
margin:0px 10px 10px 10px;
padding:0px;
}

#ssl img{
margin-right:10px;
}



/*フッタ*/
#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;
}