@charset "shift_jis";
.section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.section{
	display: inline-block;
	}
* html .section{
	height: 1%;
	}
.section{
	display: block;
	}
* html body	{font-size:12px;}
* html textarea	{font-size:12px;}
* html body		{text-align:center;}
* html div#container	{text-align:left;}
* html body#home div#main div#newsIndex dl dt{width:9em;}


body{text-align:center}

#container { padding:0;
margin:0 auto;
width:868px;
background:url(/img/bg.gif)}

.section{	margin:0 0 10px;}

i,.redTxt,em{color:#e30000}

#header{padding:10px 25px;width:800px;}
#header h1,
#header p#logo{width:175px;float:left;margin:0 0 0 6px}
#header p#logo2{width:175px;float:left;margin:0 0 0 6px}
#header p{width:405px;float:right;margin-top:20px}
#logo{}
#header h2 {
  margin: 0;
  padding: 25px 10px 10px 15px;
  width: 400px;
  text-align: left;
  font-size: 16px;
  color: #666666;
}
#header a {text-decoration: none;color:#003499;}
#header a:hover {color: #5eb0e4;text-decoration:underline;}
.wrap{clear:both;padding:5px 25px 0;
text-align:left}
#main { 
float:right;
width:595px;
padding-top:3px}

#mainDetail{
float:left;
width:795px;
padding-top:3px}
}



#container p#btmlink{padding:10px 5px 5px;text-align:right;font-size:10px}
#container small{font-size:10px;line-height:1.2em}
#menu {
width:200px;
float:left}


#menu p{padding:8px 0}
#menu #nav {background:url(/img/nbg.jpg) repeat-y 0 0;width:200px;}
#menu #nav ul{background:url(/img/nb.jpg) no-repeat bottom left;padding:0 10px 15px 15px}
#menu #nav li{list-style:none;padding:4px 3px 2px; }
#menu #nav li.cornertop{background:url(/img/line.gif) repeat-x top;margin-top:4px;}
#menu #nav li.cornerhead{background:url(/img/line.gif) repeat-x top;margin-top:4px;}

#menu #nav li.idxtp{background:none}
#menu #nav li.cornerhead{background:none}

#menu #nav li a{padding:2px 10px 2px 12px;
background:url(/img/list_m2.gif) no-repeat 0 6px;font-weight:normal;}
#menu #nav li.cornertop a,
#menu #nav li.cornerhead a{font-weight:bold;background:url(/img/list_m.gif) no-repeat 0 5px;padding:7px 5px 5px 10px;display:block;}
#menu #nav li.cornertop a:link,a:visited,a:hover,a:active{color:blue;}
#menu #nav li.cornerhead a:link,a:visited,a:hover,a:active{color:blue;}



form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.myform{
margin:0 auto;
width:560px;
padding:14px;
}
#stylized{
border:solid 2px #D0D0D0;
background:#ffffff;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
top:30px;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:-7px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}




.goback{text-align:right;padding-top:10px}
#footer{background:#E7E7E7 url(/img/bot.gif) no-repeat 0 0;
padding:20px 5px 5px;
font-family : Verdana, Arial, Helvetica, sans-serif, Avenir;
font-size:10px;
text-align:right;
color:#666}
#footer .assistNav{}

#home #header{}
#home .mainSwf{text-align:center;padding-bottom:20px}
#home .submenu{background:url(/img/sub.jpg) no-repeat;padding:15px 15px 20px;width:565px;height:200px}

#home .submenu ul{padding:5px 0 5px 0;float:left;width:170px;}
#home .submenu ul a{background:url(/img/list_m2.gif) no-repeat 0 5px;padding:0 0 0 8px;color:#333}
#home .submenu li{list-style:none;padding:4px 0}
#home .submenu li.idx{padding:2px 0}
#home .submenu li.idx strong{visibility:hidden}
#home .submenu li.idx a{width:150px;height:15px;background:none;padding:0;display:block}
#home .submenu ul.linkP{border-right:1px solid #ccc}
#home .submenu ul.linkW{border-right:1px solid #ccc;margin-left:10px}
#home .submenu ul.linkF{margin-left:10px}
#home .submenu ul.linkP .idx{background:url(/img/subp.gif) no-repeat 0 0;}
#home .submenu ul.linkW .idx{background:url(/img/subw.gif) no-repeat 0 0;}
#home .submenu ul.linkF .idx{background:url(/img/subf.gif) no-repeat 0 0;}

#home .section{margin-bottom:20px}
.section h2{background:#EBEEF0;padding:4px}

#home #company p{
	line-height:1.5em;
}

#home #news ul{overflow:auto;width:auto;height:100px;
scrollbar-face-color: #ddd; 
scrollbar-track-color: #f5f5f5; 
scrollbar-arrow-color: #fff; 
scrollbar-highlight-color: #fff; 
scrollbar-shadow-color: #fff; 
scrollbar-3dlight-color: #ddd; 
scrollbar-darkshadow-color: #ddd;
}
#home #news li{list-style:none ;background:url(/img/line.gif) repeat-x bottom;padding:8px 10px}
/*
#home #news li strong{background:url(/img/arrow.gif) no-repeat 0 2px;padding:0 8px;font-weight:normal;color:#666}
*/
#home #news li strong{padding:0 8px;font-weight:normal;color:#666}


#home #solution_pic{line-height:1.5em}
#home #solution_pic p{width:167px;float:left;padding:10px 15px 5px;line-height:1.5em;color:#555}
#home #solution_pic p span{background:#005797;color:#fff;padding:2px 4px;font-size:10px}
#home #solution_pic a{font-weight:bold}


.local h1{width:595px;
height:74px;margin-bottom:14px}
.local h1 span{display:none}
.local h2{padding:0 8px 8px ;font-size:14px;color:#0068B7;}
.local h3{padding:8px 4px 6px;font-size:14px;border-bottom:1px solid #829FCF;border-top:1px solid #829FCF;margin:14px 4px 10px;color:#003B9E;line-height:1.3em}
.local #main p{line-height:1.8em;padding:0 10px 15px}
.local #main p#pagelist{font-size:10px;padding:0}
.local #mainDetail p{line-height:1.8em;padding:0 10px 15px}
.local #mainDetail p{line-height:1.8em;padding:0 10px 15px}
.local #mainDetail div.subpage{margin-left:10px;margin-top:10px;}
.local #mainDetail div.sublineframe{margin-left:20px;border:solid 1px #D0D0D0;}
.local #mainDetail p.sublineframefont{margin-top:10px;margin-left:10px;font-size:15px;}
.local #mainDetail p.subtext{margin-top:10px;color:#002060;line-height:1.8em;padding:0 10px 15px}
.local #mainDetail span.redfont{color:red;}
.local #mainDetail span.size18{font-size:18px;}
.local #mainDetail span.size15{font-size:15px;}
.local #mainDetail span.boldfont{font-weight:bold;}
.local #mainDetail span.subtitle{
font-size:24px;
font-weight:bold;
color:#0068B7;
padding-top:5px;
}
.local #mainDetail img.subtitle{
position:relative;
top:-2px;
}

.local .bdr{border:1px solid #D0D0D0;padding:15px 13px 0;margin:10px 0}
.local .bdr dl{padding:5px 2px}
.local .bdr dt{background:#EBEEF0;font-weight:bold;padding:7px 7px 5px;margin-top:6px}
.local .bdr dd{padding: 4px 4px 10px ;line-height:1.6em;}
.local .bdr dt a{color:blue;background:url(/img/list_s.gif) no-repeat 0 1px;padding-left:15px;}



.local #costScd h1,
.local #greenScd h1,
.local #customerScd h1,
.local #partnerScd h1,
.local #strategyScd h1,
.local #companyScd h1,
.local #casestudyScd h1,
.local #childScd h1{padding-top:80px;height:27px;margin-bottom:14px}
.local #costScd h1 span,
.local #greenScd h1 span,
.local #partnerScd h1 span,
.local #strategyScd h1 span,
.local #childScd h1 span,
.local #customerScd h1 span,
.local #companyScd h1 span,
.local #casestudyScd h1 span{display:block;font-size:14px;padding: 5px 10px;border-left:1px solid #fff;margin:5px}


/*	cost
----------------------------------------------------*/
#cost h1,
.local #costScd h1{background:#eee url(/img/submenu_cost.gif) no-repeat;}
.local .txtlink{background:url(../img/dt_arrow.gif) no-repeat 0 2px;padding-left:14px}
.local #costScd #main dd .sample{padding:5px 10px ;margin:5px 0 0;border:1px solid #ccc;color:#000033;}
.local #costScd #main dd .sample img.pic{float:right;}
.local #costScd #main dd .sample small{display:block;padding-top:4px}
.local #costScd #main dd .sample a{font-weight:bold}
.local #costScd #main .moviearea{width:480px;margin:10px auto;padding:10px 5px 5px;background:#ccc}
.local #costScd #main .wmparea{width:425px;margin:10px auto;padding:10px 5px 5px;}
.local #costScd #main p.backbtn{padding:10px;text-align:center}
.local #costScd #main p.memo{padding:15px 20px 0;line-height:1.3em;border-top:1px solid #ccc;margin:10px}

/*	green
----------------------------------------------------*/
#green h1,
.local #greenScd h1{background:#eee url(/img/submenu_green.gif) no-repeat;}

#child h1,
.local #childScd h1{background:#eee url(/img/submenu_child.gif) no-repeat;}

#partner h1,
.local #partnerScd h1{background:#eee url(/img/submenu_partner.gif) no-repeat;}

#strategy h1,
.local #strategyScd h1{background:#eee url(/img/submenu_strategy.gif) no-repeat;}

#main .blink{background:#E5F0F8 url(../img/dt_arrow.gif) no-repeat 5px 10px;padding:10px 5px 7px 20px;margin:5px 0 10px;
font-weight:bold;display:block;line-height:1em}


#blueocean-table th.left{
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
background:#ff99cc;
height: 30px;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:1.5em
}

#blueocean-table th.right{
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
background:#99ccff;
height: 30px;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:1.5em
}

#blueocean-table td.left{
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
background:#ff99cc;
height: 30px;
font-size:12px;
font-weight:bold;
text-align:center;
color:black;
line-height:1.5em
}

#blueocean-table td.right{
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
background:#99ccff;
height: 25px;
font-size:12px;
font-weight:bold;
text-align:center;
color:black;
line-height:1.5em

}


#customer h1,
.local #customerScd h1{background:#eee url(/img/submenu_customer.gif) no-repeat;}


/*	company
----------------------------------------------------*/
#company h1,
.local #companyScd h1{background:#eee url(/img/submenu_company.gif) no-repeat;}

#contact table,
#inquire table,
#company table,
#companyScd table{width:575px;margin:0 auto}
#contact th,
#contact td,
#inquire th,
#inquire td,
#company th,
#company td,
#companyScd th,
#companyScd td{background:url(../img/line.gif) repeat-x bottom;padding:10px;line-height:1.4em;}

#contact th,
#inquire th,
#company th,
#companyScd th{text-align:left;vertical-align:top;color:#555;}

#companyScd .map{text-align:center}
#companyScd .map img{border:1px solid #CEDAE1}
#companyScd .map p{text-align:left;padding:5px 5px 30px;line-height:1.6em}

/*	child
----------------------------------------------------*/

.local #child #main ul{background:url(../img/line.gif) repeat-x 0 0;}

.local #child #main li{list-style:none ;background:url(../img/line.gif) repeat-x bottom;padding:8px 10px;line-height:1.5em}

.local #childScd #main .releaseTBL td,
.local #childScd #main .releaseTBL th{padding:5px;line-height:1.5em;vertical-align:top;}
.local #childScd #main .releaseTBL th{text-align:left;font-weight:normal}

.local #childScd #main .note{padding:15px 0 0;border-top:1px solid #666;margin:15px}
.local #childScd #main .date{zoom:100%;vertical-align:baseline

	}




/*	casestudy
----------------------------------------------------*/
#casestudy h1,
.local #casestudyScd h1{background:#eee url(/img/submenu_casestudy.gif) no-repeat;}
.local #casestudy #main ul{background:url(../img/line.gif) repeat-x 0 0;}
.local #casestudy #main li{list-style:none ;background:url(../img/line.gif) repeat-x bottom;padding:8px 10px;line-height:1.5em}
.local #casestudy #main li span{background:#005797;color:#fff;padding:2px 4px;font-size:10px}
.local #casestudyScd h2{color:#333;border-left:4px solid #0068B7;padding:0 8px;margin:8px 5px;line-height:1.3em}
.local #casestudyScd .flg{color:#3F7BB8;padding-bottom:5px;}
.local #casestudyScd .picR{float:right;padding-left:20px}
.local #casestudyScd .picL{float:left;padding-right:20px}
.local #casestudyScd .note{padding:15px 0 0;border-top:1px solid #666;margin:15px;line-height:1.4em}
.local #casestudyScd .dvdR{float:right;margin-left:20px;background:#f2f2f2;width:180px}
.local #casestudyScd .dvdR p{padding:5px;line-height:1.3em}

/*	contact
----------------------------------------------------*/
#contact h1,
.local #contactScd h1{background:#eee url(/img/submenu_contact.gif) no-repeat;}
#contact th.ctr{text-align:center}
#contact th.ctr input{background:#0068B7;color:#fff;padding:3px 30px;border:2px solid #eee}
#contact .txt,
#contact textarea{border:1px solid #999;padding:1px;width:200px}
#contact textarea{height:100px;width:300px}
#contact th span{color:#CC0000;font-weight:normal}
#contact p.cmpt{text-align:center;font-size:14px;line-height:2em;padding:80px 0 300px}

/*  inquire	
----------------------------------------------------*/
#inquire h1,
.local #inquireScd h1{background:#eee url(/img/submenu_inquire.gif) no-repeat;}
#inquire th.ctr{text-align:center}
#inquire th.ctr input{background:#0068B7;color:#fff;padding:3px 30px;border:2px solid #eee}
#inquire .txt,
#inquire textarea{border:1px solid #999;padding:1px;width:200px}
#inquire textarea{height:100px;width:300px}
#inquire th span{color:#CC0000;font-weight:normal}
#inquire p.cmpt{text-align:center;font-size:14px;line-height:2em;padding:80px 0 300px}


/*	contact
----------------------------------------------------*/
#privacy h1{background:#eee url(/img/submenu_privacy.gif) no-repeat;}

#privacy #main ol{padding:5px 5px 5px 30px;font-weight:bold;}
#privacy #main ol li p{font-weight:normal;padding:3px 0 10px}
#privacy #main ul{padding:5px 5px 10px 30px;}
#privacy #main ul li{list-style:square;}
#privacy #main .section{padding:10px;line-height:1.8em}

ul,
ul li{list-style:square;}

#table-left{
  text-align: left;
  margin-top: -30px;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-right{
  text-align: right;
  margin-right: 0px;
  padding: 2px 14px 2px 0;
  font-size: 15px;
  color: #c9171e;
  line-height: 150%;
  text-decoration: none;
}

#local .submenu{background:url(../img/home/sub_bg.jpg) no-repeat;padding:15px 15px 20px;width:565px;}

#local .submenu ul{padding:5px 0 5px 0;float:left;width:170px;}
#local .submenu ul a{background:url(../img/home/sub_arrow.gif) no-repeat 0 5px;padding:0 0 0 8px;color:#333}
#local .submenu li{list-style:none;padding:4px 0}
#local .submenu li.idx{padding:2px 0}
#local .submenu li.idx strong{visibility:hidden}
#local .submenu li.idx a{width:150px;height:15px;background:none;padding:0;display:block}
#local .submenu ul.linkP{border-right:1px solid #ccc}
#local .submenu ul.linkW{border-right:1px solid #ccc;margin-left:10px}
#local .submenu ul.linkF{margin-left:10px}

#local .submenu ul.linkP .idx{background:url(../img/home/sub_p.gif) no-repeat 0 0;}
#local .submenu ul.linkW .idx{background:url(../img/home/sub_w.gif) no-repeat 0 0;}
#local .submenu ul.linkF .idx{background:url(../img/home/sub_f.gif) no-repeat 0 0;}



/*	Reset
----------------------------------------------------*/

*{
	margin:0;
	padding:0;
	font-style:normal;
	}

body{
	color:#333;
	font-size:small;
	font-style: normal;
	font-weight: normal;
	font-size : 12px;background:#E7E7E7;	line-height:1.0;
}

h1,h2,h3,h4,h5,h6{font-size:12px;}


ul,
ul li{list-style-type:none;}


a:link,
a:visited,
a:active{color:#0068B7;text-decoration:underline;}
a:hover,
a:visited:hover	{text-decoration:underline;color:#0068B7;}


img{
	border:0;
	vertical-align:bottom;
	}
	
textarea{font-size:small;}


.clear { 
	clear:both;
    height:1px;
    font-size: 1px;
    line-height: 0px;}