@charset "utf-8";
/*-----------------------------------------
Last Update 08.03.05
-----------------------------------------*/


/* ブラウザ設定初期化 */
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

h1{font-size:100%;}

h1.ttl_bg {background:url(../images/h1_bg.gif) no-repeat; width:543px; height:59px; line-height:59px; text-indent:28px; font-weight:bold; font-size:22px; margin:0; padding:0;}

table{
border-collapse:collapse; border-spacing:0;
}

fieldset, img{
border:0;
}

address, caption, cite, code, dfn, em, var{
font-style:normal; font-weight:normal;
}

storong, ht{font-style:normal;}

ol, ul{
list-style:none;
}

caption, th{
text-align:left;
}
h1, h2, h3, h4, h5, h6{
font-weight:normal;
}
q:before, q:after{
content:”; 
}
abbr, acronym{
border:0;
}



/*基本設定________________________________________*/
body{
text-align:center;
}

#wrapper{
margin-left:auto;
margin-right:auto;
text-align:left;
width:760px;
}

/*フォントサイズ*/
#bodyarea{
font-size:78%;
line-height:120%;
letter-spacing:0.012em;
}

#maincontents{font-size:105%;}
#maincontents .textarea{line-height:140%;
letter-spacing:0.03em;
}

/*moziraでリンクが横に伸びないように*/
/*\*/
a{
overflow:hidden;
}
/**/
/*フロートクリア*/
.clear{
clear:both;
height:1%;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/* ヘッダー ________________________________________*/
#header{
margin-bottom:9px;
}
/*ヘッダー左*/
#header_l{
float:left;
width:297px;}

#corporatesymbol{
height:85px;
background:url(../images/corporatesymbol.jpg) center center no-repeat;
text-indent:-9999px;
}

#second_corporatesymbol a{
display:block;
width:297px;
height:62px;
background:url(../images/corporatesymbol.jpg) center center no-repeat;
text-indent:-9999px;
}

.knowhow{
margin-bottom:10px;}

/*ヘッダー右*/
#header_r{}

#headnavi{
position:relative;
left:0;
top:0;}

#headnavi li{
float:left;
height:28px;
font-size:78%;
letter-spacing:-0.02em;
padding-top:0.4em;
padding-right:0.9em;
_padding-right:1.2em;
text-align:center;}

/*safari用*/
html*#headnavi li { float:left;
height:28px;
font-size:71%;
letter-spacing:-0.02em;
padding-top:0.4em;
padding-right:0.9em;
_padding-right:1.2em;
text-align:center; }
* html #headnavi li { float:left;
height:28px;
font-size:78%;
letter-spacing:-0.02em;
padding-top:0.4em;
padding-right:0.9em;
_padding-right:1.2em;
text-align:center; }
/*safari用*/

/*IE7用*/
*:first-child+html #headnavi li{
float:left;
height:28px;
font-size:72%;
letter-spacing:-0.046em;
padding-top:0.4em;
padding-right:0.8em;
text-align:center;}



headnavi_seminor{
width:100px;
}
headnavi_mm{
width:100px;
}
headnavi_sitemap{
width:80px;
}
headnavi_company{
width:80px;
}
headnavi_suport{
width:80px;
}




#headnavi li.headnavi_l{
background:url(../images/headnavi_l.jpg) top left no-repeat;
padding-left:12px;}

.headnavi_r{
background:url(../images/headnavi_r.jpg) top right no-repeat;
}

#headnavi img{
margin-right:2px;
text-decoration:none;
vertical-align:baseline;
}

/* safari only \*/ 
html:\66irst-child #headnavi li{ 
letter-spacing:-1px;
padding-right:0.9em;} 

/* safari only \*/ 


#second_headcontact{
margin:10px 0 10px;
height:40px;
float:right;
}

#headcontact{
margin:0 0 10px;
height:40px;
float:right;
}

.contacttel{
margin-right:11px;
}

/*グローバルナビ*/
#globalnavi{
clear:both;
}

#globalnavi li{	float:left;
text-indent:-9999px;
height:45px;}

a.difference, 
a.customer, 
a.results, 
a.support, 
a.esalesmanager{
display:block;
width:152px;
height:45px;}
a.consultant, 
a.concept{
display:block;
width:152px;
height:45px;}

span.difference, 
span.customer, 
span.results, 
span.support, 
span.esalesmanager{
display:block;
width:152px;
height:45px;}
span.consultant, 
span.concept{
display:block;
width:152px;
height:45px;}	

a.concept:link, a.concept:visited{background:url(../images/globalnavi_concept.gif) no-repeat;}
a.difference:link, a.difference:visited{background:url(../images/globalnavi_difference.gif) no-repeat;}
a.customer:link, a.customer:visited{background:url(../images/globalnavi_customer.gif) no-repeat;}
a.results:link, a.results:visited{background:url(../images/globalnavi_results.gif) no-repeat;}
a.support:link, a.support:visited{background:url(../images/globalnavi_support.gif) no-repeat;}
a.esalesmanager:link, a.esalesmanager:visited{background:url(../images/globalnavi_esalesmanager.gif) no-repeat;}
a.consultant:link, a.consultant:visited{background:url(../images/globalnavi_consultant.gif) no-repeat;}

a.concept:hover{background:url(../images/globalnavi_concept_ro.gif) no-repeat;}
a.difference:hover{background:url(../images/globalnavi_difference_ro.gif) no-repeat;}
a.customer:hover{background:url(../images/globalnavi_customer_ro.gif) no-repeat;}
a.results:hover{background:url(../images/globalnavi_results_ro.gif) no-repeat;}
a.support:hover{background:url(../images/globalnavi_support_ro.gif) no-repeat;}
a.esalesmanager:hover{background:url(../images/globalnavi_esalesmanager_ro.gif) no-repeat;}
a.consultant:hover{background:url(../images/globalnavi_consultant_ro.gif) no-repeat;}

span.concept{background:url(../images/globalnavi_concept_act.gif) no-repeat;}
span.difference{background:url(../images/globalnavi_difference_act.gif) no-repeat;}
span.customer{background:url(../images/globalnavi_customer_act.gif) no-repeat;}
span.results{background:url(../images/globalnavi_results_act.gif) no-repeat;}
span.support{background:url(../images/globalnavi_support_act.gif) no-repeat;}
span.esalesmanager{background:url(../images/globalnavi_esalesmanager_act.gif) no-repeat;}
span.consultant{background:url(../images/globalnavi_consultant_act.gif) no-repeat;}

#lead{clear:both;}
#lead p{font-size:78%;
padding:4px 2px;}

.top_mainvisual {width:220px; height:90px; padding:120px 0 0 540px; margin:0; background:url(../images/mainvisual.jpg) no-repeat left top;}
.top_mainvisual p {display:none;}
.top_mainvisual a:link, .top_mainvisual a:visited {display:block; width:210px; height:80px; line-height:80px; padding:0; margin:0; background:url(../images/mainvisual_btn.gif) no-repeat 0 0; text-indent:-9999px;}
.top_mainvisual a:hover, .top_mainvisual a:active {background:url(../images/mainvisual_btn.gif) no-repeat 0 -80px; text-indent:-9999px;}

.top_mainvisual span {display:block; width:210px; height:80px; line-height:80px; padding:0; margin:0; background:url(../images/mainvisual_btn2.gif) no-repeat; text-indent:-9999px;}

#secondnavi li{	float:left;
text-indent:-9999px;
height:64px;}


a.first{
display:block;
width:257px;
height:64px;}
a.establish{
display:block;
width:252px;
height:64px;}
a.demo{
display:block;
width:251px;
height:64px;}
a.first{background:url(../images/secondnavi_first.gif) no-repeat;}
a.establish{background:url(../images/secondnavi_establish.gif) no-repeat;}
a.demo{background:url(../images/secondnavi_demo.gif) no-repeat;}

/*ボディエリア________________________________________*/

#bodyarea{clear:both;}

/*メインメニュー*/
#maillecture{margin-bottom:10px;}
#request{margin-bottom:10px;}
#detaillink{margin-bottom:10px;}
#case{margin-bottom:10px;}
#recommend{}

#mainmenu{
float:left;
width:207px;
}
.mainmenu_figure{
margin-right:8px;
float:left;
}

#maillecture .text{
width:130px;
margin-right:4px;
}

#maillecture p{
margin-bottom:7px;}

#detaillink p{
margin-top:10px;
_margin-top:15px;}


div#subnavi {width:207px;
clear: left;
border: solid 1px #c9c9c9;
margin: 0px 0px 10px 0px;
padding: 0px 0px 3px 0px;
background: #e5e5e5;
}
#subnavi ul {
display: block;
border-style: none;
margin: 0px;
padding: 0px;
}
#subnavi li {
display: block;
list-style: none;
border-style: none;
margin: 0px;
padding: 3px 3px 3px 20px;
background: url("../images/li_line_while.gif") no-repeat 7px 0.4em;
font-size: 100%;
word-wrap: break-word;
}
#subnavi li.current {
background-color: #ffffff;
color: #000000;
}
li#categories {
border-style: none;
background: #cccccc url("../images/li_vect_category.gif") no-repeat 7px 0.4em;
}
li#thiscontents {
border-style: none;
background: url("../images/li_vect_this.gif") no-repeat 7px 0.55em;
font-size: 105%;
padding: 6px 3px 6px 20px;}
li#thiscontents .current {
background-color: #ffffff;
color: #000000;
;
}
li#subnavilast {
border-style: none;
background: url("../images/li_line_last.gif") no-repeat 7px 0.4em;
}
li#followlast .current {
background-color: #ffffff;
color: #000000;
}

/*メインコンテンツ*/
#maincontents{float:right;
width:543px;}

p.listhead{
background:none;
padding-left:0.8em;
padding-right:0.8em;
float:left;}

/*トップのH2*/
.topheadline{
height:39px;
}

.topheadline h2{
width:100%;
height:35px;
background:url(../images/maincontents_headline.jpg) top right no-repeat;
}

.topheadline .title{
float:left;
}

.topheadline .tolist{
float:right;
margin-right:14px;
margin-top:7px;
border:none;
text-decoration:none;}

.topheadline_new{
height:39px;
}

/*フッター________________________________________*/
.footer{
margin-top:35px;
_margin-top:0px;/*IE用*/
}

.footer_slashline{
background:url(../images/footer_slashline.gif) repeat-x top;
padding-top:8px;
}

#footer{
clear:both;
background-color:#cccccc;
padding:5px;
}

.footernavi{
text-align:center;
color:#333333;
font-size:75%;
letter-spacing:0.02em;
line-height:150%;
}

.footernavi a{
text-decoration:none;
color:#333333;
}

.copyright{
text-align:center;
color:#666666;
font-size:71%;
margin-top:5px;
}


/*カラム分け*/
div.innerblock {
border-style: none;
margin: 0px;
padding: 8px;
}

div.col1 {padding: 0px;}
div.col1 div.innerblock {
border-style:none;
margin:0px 5px;
padding: 5px;}

div.col2 { padding: 0px; }
div.col2 div.innerblock {
border-style: none;
margin: 0px 5px;
padding: 5px; }

div.col3 { padding: 0px; }
div.col3 div.innerblock {
border-style: none;
margin: 0px 5px;
padding: 5px;
}

div.lay2col { width: 100%; border-style: none; margin-top: 10px; }
div.lay2col div.col1 { float: left; width: 49%; border-style: none; }
div.lay2col div.col2 { float: left; width: 49%; border-style: none; }

div.lay2colspr { width: 100%; border-style: none; margin-top: 10px; }
div.lay2colspr div.col1 { float: left; width: 49%; border-style: none; }
div.lay2colspr div.col1 div.innerblock { margin: 0px 5px; padding: 0px 5px 5px 5px; }
div.lay2colspr div.col2 { float: left; width: 49%; border-style: solid; border-width: 0px 0px 0px 1px; border-color: #cccccc; }
div.lay2colspr div.col2 div.innerblock { margin: 0px 5px; padding: 0px 5px 5px 5px; }