/* navigation　インポート
----------------------------------------------------------- */
@import url("ddsmoothmenu.css");

img, div, a, input { behavior: url(iepngfix.htc) }

/*************************************************************************************************************** 各ページ共通（Popup以外） *****/

html, body, .fullWidth{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;

}

body{
    background-color:#eee;
    font-size:12px;
    line-height:160%;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    text-align:center;
    background:#eee url(../images/bg2.jpg) repeat-y center;
    
}

html>body, html>body .fullWidth{
height: auto;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	margin:0;
	padding:0;
}

h2 {
    font-size:140%;
    margin: 0 0 20px 0;
    padding: 5px 5px 5px 25px;
    color:#043d58;
    background: url(../images/two-docs.gif) no-repeat left;
    border-bottom:dotted 2px #043d58;
}

h3 {
    
    font-size:110%;
    margin: 6px 0;
    padding: 2px 5px 2px 20px;
    color:#043d58;
    background:url(../images/toppagearr.gif) no-repeat left;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}
table {
	font-size:100%;
    height: 7px;
}
th {
	text-align:left;
	vertical-align:top;
}
th {
	vertical-align:top;
}
.fullWidth{
width:100%;
margin-left:auto;
margin-right:auto;
position: absolute;
top: 0;
left: 0;
}

#main {
margin: 0;
padding: 0;
}
/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}
 
@media all and (min-width:0px) {
head~body {height:100%;}
}


/***************************************************************************************************** ヘッダー *****/
#header{
width:100%;
margin:0px; padding:0px;
background:#000;
}

#header .container{
width:900px;
margin:0px auto;
padding:10px 0px 0px 0px;
text-align:right;
height:75px;
}

#header .container h1{
width:250px;
float:left;
margin:0;
padding: 5px 0;
}

#headerLinks{
float:right;
font-size:12px;
color:#999999;
text-align:center;
margin-top:0px;
vertical-align:middle;
}

#headerLinks a{
color:#999999;
text-decoration:none;
vertical-align:middle;
padding:0 5px;
display:block;
float:left;
}

#headerLinks a img
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
    padding: 0 5px;
    width:14px;
}

#headerLinks a:hover,active{
color:#FFFFFF;
text-decoration:none;
}

#headerLinks a:hover img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}


/*****************************************************************************************************　ナビゲーション　*/
#navi{
width:100%;
height:45px;
border-top:#bbb 2px solid;
border-bottom:#bbb 2px solid;
background: url(../images/bg_navi1.jpg) #333;
position:relative;
}

#path
{
    width:100%; 
    background:#666 url(../images/bg_naviunder_base.jpg) repeat-x top; 
    height:27px;
    behavior: url(iepngfix.htc);
}

#path .container
{
    background:#999 url(../images/bg_naviunder.jpg) repeat-x top; 
    height:25px; line-height:25px; 
    font-size:10px; 
    border-bottom: 2px #fff solid; 
    text-align:left; 
    text-indent:10px;
    color:#eee;
}

#path a
{
    color:#cfe9fb;
}

#leftnavi{vertical-align:top}
#leftnavi ul
{
    position:relative;
    right:8px;
    text-align:left;
    padding:0 16px 0 0;
    margin: 0 0 15px 0;
    
}
#leftnavi ul li
{
    list-style:none;
    line-height:30px;
    margin: 0;
    padding:0;
 
}

#leftnavi ul li a
{
    margin: 3px 0;
    color:Black;
    background:#eee;
    display:block;
        width:175px;
    height:30px;
    text-indent:15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
    border-left: 1px solid #043e58;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #043e58;
     font-weight:normal;
}

#leftnavi ul li a:hover
{
    background:#ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
    position:relative;
    height:100%;
}

#leftnavi ul li a.now
{
    background:#043d58 url(../images/left-bg.gif);
    color:White;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
        border-left: 1px solid #000;
    border-right: 1px solid #999;
    border-bottom: 2px solid #000;
}
 #leftnavi ul li a:action
 {
     font-weight:normal;
 }


/*****************************************************************************************************　コンテンツ　*/

#main
{
	behavior: url(iepngfix.htc);
}

#main .container
{
    position:relative; 
    top:-2px; min-height:400px;
    text-align:left; 
    padding-bottom:30px;background:white;

}

.bgimg{height:120px; }
.bgimg img{ vertical-align:middle;}

.company
{
    background:#fff url(../company/images/pagetitle.gif) top no-repeat; 
    min-height:300px; display:block;
}

.silverlight{
    background:#fff url(../silverlight/images/pagetitle.gif) top no-repeat;
}

.offshore{
    background:#fff url(../offshore/images/pagetitle.gif) top no-repeat;
}


.service{
    background:#fff url(../service/images/pagetitle.gif) top no-repeat;
}

.career{
    background:#fff url(../career/images/pagetitle.gif) top no-repeat;
}


#rightcontent
{
    width:100%;
    padding: 0 20px 40px 5px;
	min-height:500px;
	vertical-align:top;
}
#rightcontent img
{
    padding: 0 10px 0 10px;
    text-align:right;
}


.flow h3 {
    border-bottom:#043d58 1px solid;
    font-size:120%;
}
.flow p{padding: 5px 0 0 15px;}

.flow tr td{padding:5px 0;}

.linkList tr
{
    vertical-align:top;
}

.linkList h3
{
    border-left:0px #0b5187 solid; margin:0; padding:4px 0; margin-top:8px;
    background:none;
}

.linkList h3 a {
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    padding-left:0;
    color:black;
    width:100%;
    display:block;
    background:url(../images/bg-linklist1.png) no-repeat right;
    border-bottom:#043d58 2px solid;

}

.linkList h3 a:hover {

    background:url(../images/bg-linklist.png) no-repeat right;
    border-bottom:#043d58 2px solid;

}

#rightcontent .linkList p 
{
    margin-left:20px;
}

/****************************************************************************** 横幅900px　*/
.width900{
width:900px;
margin:0px auto;
}


/*****************************************************************************************************　ページタイトル*/
#pageTitle{
margin:0px;
padding:20px 0px 14px 0px;
}



#pageTitle h2{
width:100%;
margin:0px auto;
padding:0px 0px 0px 15px;
font-size:24px;
font-weight:bold;
text-align:left;
border-left:#333333 4px solid;
}


/*****************************************************************************************************　テキストまわり*/

.linkTitle a:hover,a:active{
color:#666666;
font-weight:bold;
}
.otherPageLinks{
text-align:left;
margin-top:30px;
}
.otherPageLinks ul{
margin:0px;
padding:0px;
}
.otherPageLinks li{
margin:0px;
padding:0px;
list-style:none;
float:left;
}
.otherPageLinks a{
margin:10px 1px;
padding:3px 10px;
background-color:#666666;
color:#FFFFFF;
font-weight:normal;
}
.otherPageLinks a:hover{
margin:10px 1px;
padding:3px 10px;
background-color:#333333;
color:#FFFFFF;
font-weight:normal;
}
.otherPageLinks a.now{
background-color:#000;
}

.box7 ul{margin:0px;}
.box7 li{margin:0px;}
.box7 h3{
border-left:4px #FF9900 solid;
padding-left:7px;
}
.box10 h3{
border-left:4px #FF9900 solid;
padding-left:7px;
}
.box3{
width:240px;
float:right;
margin-left:18px;
}
.box7
{
    width:400px;
    float:left;
}

/*****************************************************************************************************　フッター*/
#footer{
width:100%;
height:100px;
text-align:center;
border-top:#bbb 3px solid;
background:#000;
margin:0 auto;
float:none;
vertical-align:bottom;
clear: both;
overflow:hidden;
bottom: 0;
left: 0;
}

#footer .container{
width:900px;
margin:0px auto;
padding:10px 0px 0px 0px;
color:Gray;
clear: both;
overflow:hidden;
bottom: 0;
left: 0;
}

#footer .container a, #footer .container b{
color:#888;
}
#footer .container a:hover{
    color:#ccc;
}


/*************************************************************************************************************** トップページ用 *****/
#topImage{
width:100%;
text-align:center;
background:#FF9900 url(../images/top_image_bg.jpg) repeat-x;
background:#000000;
padding:0 ;
}
#topImage h2{
margin:0;
padding:0;
}

#index 
{
    width:880px; margin: 10px;
	z-index:0;
}

/*TextBOX*/
#topBoxes{
width:620px;
padding:0px;
margin:0px;
text-align:left;
position:relative;
padding-right:10px;
}

#topBoxes left {

}

#topBoxes img
{
    margin:0;
    padding:0;
    position:relative; top:10px;
}

.topTextBox{
vertical-align:top;

}
.topTextBox a{
font-weight:bold;
color:#043d58;text-decoration:none;
border-left:4px solid #043d58; padding:0 5px;
}
.topTextBox a:hover,a:active{
font-weight:bold;
color:#043d58;text-decoration:underline;
}

/***************************************************************************************************** ブログまわり */
.topTextBox h4{
color:#333333;
font-weight:normal;
font-size:12px;
margin:0;
padding:0;
}
.topTextBox dl {
margin:0;
padding:0;
}
.topTextBox dl dt{
font-size:11px;
margin:0;
padding:0;
}
.topTextBox dl dd{
padding:0 0 5px;
margin:10px 0px;
font-size:11px;
font-weight:normal;
border-bottom:#999999 1px dashed;
}
.topTextBox p{
font-size:11px;
}

/***************************************************************************************************** 各カテゴリトップ *****/
.textDetail{
width:470px;
margin-right:20px;
float:left;
}
.rightBtn{
width:70px;
float:right;
}
/***************************************************************************************************** 会社案内以下用 *****/
.circle h3 {
    border-bottom:#043d58 2px dotted;
    font-size:110%;

}

.history {
margin: 0 0 0 2em;

}
.history dt {
width:7em;
float:left;text-align:right;
}
.history dd {
padding: 0 0 0 8em;
margin: 0 0 0.5em;
}
.access td {
vertical-align:top;
padding: 0 5px 1em;
}

/***************************************************************************************************** シルバーライト *****/

.silverlight .about
{
    list-style:decimal;
    padding-bottom:15px;
    font-weight:bold;
}

.silverlight .about li p
{
    margin-left:15px;
    font-weight:normal;
}

.slcaselist{width:280px; height:190px; display:block; background:#01253f url(../silverlight/cases/images/bg-caselist.gif) no-repeat; 
			padding:5px 10px; float:left; margin:0 30px 10px 5px;
			border-right: 3px #CCC solid;border-bottom: 3px #CCC solid;
			color:black;
			}
.slcaselist:hover h2, .slcaselist:hover b{ text-decoration:underline;}
.slcaselist:hover {color:#000}
.slcaselist h2{ font-size:120%; color:#FFF; background:none; border:none; margin:8px 5px; padding:0; }
.slcaselist .detail{padding:10px; width:260px; background:#fff; height:120px; }
.slcaselist img{ height:80px; width:80px; padding:0 10px 0 0 !important;}
.slcaselist b{ text-align:right; display:block; color:#C00}

.slcase h1{ font-size:150%; color:#000; }
.slcase h2{ font-size:250%; color:#043d58; background:none; border:none; margin:20px 0 0 0; padding:0; line-height:90px; }
.slcase h3{ font-size:130%; font-weight: 900;  margin:30px 0 5px 0; }
.slcase h5{ font-size:120%; margin:0 0 10px 0;}

.slcase img{ margin:0}
.slcase .profile{ background:url(../silverlight/cases/images/bg-profile.gif) repeat-x; padding:10px; height:150px; margin:20px 0;}

/***************************************************************************************************** プライバシーポリシー *****/
#policy li
{
    list-style:decimal;
    padding-bottom:15px;
}
#policy li p
{
   padding:0;
    margin:0;
}

#policy li ul li
{
    list-style: circle;
    padding:0;
}

/***************************************************************************************************** 出版物 *****/
.publishText {

float:left;
padding:35px 0;
margin:0;
}
.publishText h3{font-size:120%;    color:#043d58;}

/*
	clearfix
*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix { height:1%;}
*:first-child+html .clearfix{ height:1%;}/* WinIE7 only */
.clearfix { display:block;}/* end MacIE5 */

/***************************************************************************************************** お問い合わせ　サイトマップ *****/
.w350 {width:350px;}
.h300 {height:300px;}


/***************************************************************************************************** 質問 *****/
.accordionHeader, .accordionHeaderSelected
{
    color:#043d58;
    padding:8px 0 8px 22px;
    margin: 5px 0 0 0;
    border-bottom: 0px solid #043d58;
    line-height:18px;
}

.accordionHeader
{
    background:url(../images/arrow-down.gif) no-repeat left;
}

.accordionHeaderSelected
{
    background:url(../images/arrow-up.gif) no-repeat left;
}

.accordionContent
{
 background:#f0f0f0;
 border:1px dotted #043d58;
 padding: 12px ;
 margin: 0 0 10px 20px;
 line-height:20px;
}

/***************************************************************************************************** 先輩社員の声 *****/

.accordionHeader_voice, .accordionHeaderSelected_voice
{
    font-size:120%;
    font-weight:bold;
    padding:8px 0;
    margin: 0 0 5px 0;
}

.accordionHeader_voice b, .accordionHeaderSelected_voice b
{
    background:#043d58;
    padding:3px 5px;
    color:White;
    font-size:90%
}
.accordionHeaderSelected_voice
{
    background:#043d58;
    color:White;
    font-size:130%;
    padding:8px 0;
}

.accordionContent_voice
{

 border:1px solid #999;
 padding: 5px 10px 10px 10px;
 margin: 0 0 6px 0;
 line-height:20px;
}

.accordionContent_voice h3{background:none; padding:0; font-size:11px; border-bottom:2px dotted #043d58;}

.career p
{
    padding: 0 0 10px 18px
}
.career h3
{
    font-size:120%;

}




/***************************************************************************************************** ソリューション *****/
.examplelink 
{
    list-style: square;
    font-size:15px;
    font-weight:bold;
}
.examplelink li a
{
    color:#0b5187;
}
.examplelink li a:hover
{
    text-decoration:underline;
}


/***************************************************************************************************** 事例 *****/

.caseLinks
{
    width:300px; height:140px; display:block; background:url(../images/bg_case.jpg);
}

.caseLinks h4{font-size:140%; padding:18px 0 20px 50px; color:#043d58}
.caseLinks p{padding:0 13px; }


/***************************************************************************************************** レイアウト調整＆装飾 */

p{margin:0 0 1em 0;}
img{border:none;}
hr{padding:0; margin:0; border-color:#043d58}
a{
color:#043d58;text-decoration:none;
}
a:hover,a:active{
color:#999999;text-decoration:none;     font-weight:normal;
}

.boxBorder{border:#666666 1px solid;}
.borderLine{background:url(../images/line.gif) repeat-x; 
}
.font_b{font-weight:bold;}
.dashedLine{
width:100%;
border-bottom:1px dashed #999999;
margin-bottom:10px;}
.float_l{float:left;}
.float_r{float:right;}
.float_n{float:none;}
.float_c{clear:both;}
.clearFix {display:inline-block;}
.ma1010{margin:10px;}
.ma0010{margin:0px 10px;}
.ma1000{margin:10px 0px;}
.ma_l10{margin-left:10px;}
.ma_l20{margin-left:20px;}
.ma_t10{margin-top:10px;}
.ma_t30{margin-top:30px;}
.ma_b10{margin-bottom:10px;}
.ma_b30{margin-bottom:30px;}

.pa1000{padding:10px 0px;}
.pa2020{padding:20px;}
.pa3020{padding:30px 20px;}

.center{text-align:center;}
.banner img{padding: 2px 0;}

.basecolor{color:#0b5187}

.clear {
clear: both;
margin: 0;
padding: 0;
}


/***************************************************************************************************** 告知 *****/
.notice{ padding:60px 15px 30px 15px; text-align:center; font-size:110%;}
.notice h1{ font-size:230%; line-height:38px; font-family:@ＭＳ 明朝; text-align:center}
.notice h2{ font-size:150%; line-height:40px; background:none; text-align:center; border:none;}
.notice h4{  padding:5px 0 10px 0; background:none;}

.notice table, .notice dl{ text-align:left}
.notice table tr{ vertical-align:top}

.notice .program{ vertical-align:middle}

.notice .blue{ color:#043d58; font-weight:bold; text-align:right;}

.noticeform dt{ float:left; padding:5px; min-width:120px;}
.noticeform dd{ float:none; padding:5px; }

.required { color:#C00; font-weight:bold}

.watermarked{ color:#999;}