@charset "utf-8";

/* init Settings
----------------------------------------------*/
html{color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; clear:both;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
input{padding:1px;}
option{padding-left:10px;}
button{cursor:pointer;}

/* clearfix
---------------------------------------------------*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}

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

/*general classes
----------------------------------------------*/
.hidden{visibility:hidden;}
.normal{font-weight:normal;}
.tleft{text-align:left;}
.tright{text-align:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.vbottom{vertical-align:bottom;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.frame{padding:2px; border:1px solid #e1e1e1;}
.nolistStyle{list-style:none !important;}
.red{color:#f00;}
.caption{font-size:82%; margin:8px 0 0 0; line-height:1.2; display:block; text-align:center;}
.fsmall{font-size:82%;}

.xs-space{padding-bottom:5px !important;}
.s-space{padding-bottom:10px !important;}
.m-space{padding-bottom:20px !important;}
.l-space{padding-bottom:35px !important;}
.s-margin{margin-bottom:10px !important;}
.m-margin{margin-bottom:20px !important;}
.l-margin{margin-bottom:35px !important;}

/*general settings
----------------------------------------------*/
html,body{height:100%;}
body{font-size:80%; text-align:center; line-height:1.5; color:#4d4d4d;}
a{color:#456faa; text-decoration:underline; overflow:hidden;}
a:visited{color:#456faa; text-decoration:underline; overflow:hidden;}
a:hover{color:#456faa; text-decoration:none; overflow:hidden;}
a:active{color:#456faa; text-decoration:none; overflow:hidden;}

/*site size
----------------------------------------------*/
#Wrapper{width:100%; background:#fff; text-align:center;}
#Container{width:930px; background:#fff; margin:0 auto; text-align:left; padding:0; z-index:1;}
#contentsLeft{width:670px; float:left;}
#contentsRight{width:240px; float:right;}

/*Header
----------------------------------------------*/
#CoporateHeader{background:#000 url(../images/bg_header.gif) left bottom repeat-x; color:#fff; padding:5px 0; font-size:82%; height:20px;}
#CoporateHeaderInner{width:930px; margin:0 auto; text-align:left; position:relative;}
#CoporateHeader a:link,#CoporateHeader a:visited, #CoporateHeader a:hover, #CoporateHeader a:active{color:#fff; text-decoration:none;}
#CoporateHeader ul{position:absolute; top:1px; right:0;}
#CoporateHeader ul li{display:inline; padding:0 6px 0 6px; border-left:1px solid #fff;}
#CoporateHeader ul li.last{border-right:1px solid #fff;}

#HeaderInner{width:930px; margin:0 auto; text-align:left;}
#Logo{padding:28px 0 6px 0; float:left; width:670px; vertical-align:bottom;}
#Logo a{display:block; float:left;}
#catch{padding:12px 0 0 10px; font-size:85%; float:left; display:block;}
#nttdataLogoH{padding:28px 0 18px 0; float:right !important; width:250px; text-align:right;}

/*GlobalNavi
----------------------------------------------*/
#GlobalNavi{height:40px; padding:0 0 15px 0; background:url(../images/bg_gnavi.gif) left top repeat-x; z-index:100; position:relative;}
#GlobalNaviInner{width:930px; margin:0 auto; text-align:left; position:relative;}
#GlobalNavi li{float:left;}
#GlobalNavi li.listnavi{position:relative;}
#search{position:absolute; top:6px; right:0;}
#search img, #searchBtn{vertical-align:middle;}
#Glineup{visibility:hidden; border-bottom:1px solid #ccc; position:absolute; top:40px; left:0; z-index:600;}
#Glineup li a{display:block; width:10em; background:#f7f7f7 url(../images/bg_marker_03.gif) 12px 12px no-repeat; border:1px solid #ccc; border-bottom:none;  padding:4px 20px; text-decoration:none;}
#Glineup li a:hover{background:#E6F0FF url(../images/bg_marker_03.gif) 12px 12px no-repeat;}

/*SideNavi
----------------------------------------------*/
#SideNavi{border:1px solid #ccc;}
#SideNavi ul{border:1px solid #fff; background:#f5f5f5; padding:5px 3px 1px 3px;}
#SideNavi li{padding:0 0 4px 0;}
#SideNavi li img{vertical-align:top;}

.sidebox{border:1px solid #ccc;}
.sideboxInner{border:1px solid #fff; background:#f5f5f5; padding:10px 8px;}

#sbBtn{border-bottom:1px dashed #9fa0a0; padding:0 0 5px 35px; margin:0 0 10px 0;}
#sbBtn li{float:left; padding:0 15px 0 0;}

/*footer
----------------------------------------------*/
#footer{background:#191919 url(../images/bg_footer.gif) left top repeat-x; margin:50px 0 0 0; padding:0 0 16px 0;}
#footerInner{width:930px; margin:0 auto; text-align:left;}
#footerBtn li{float:left; padding:0 10px 0 0;}
#footerInner #footerBtn{padding:20px 0 5px 0;}
#footerInner h6{font-weight:bold; color:#fff; font-size:90%; background:url(../images/bg_footline.gif) left bottom repeat-x; padding:0 0 6px 0; margin:0 0 10px 0;}
#footerSitemap{padding:20px 0 0 0;}
#footerSitemap .fleft{width:230px;}
#footerSitemap .fright{width:665px;}
#footerSitemap .fright ul{float:left; padding:0 10px 0 0; width:170px;}
#footerSitemap .fright ul ol li{background:url(../images/bg_marker_06.gif) left 8px no-repeat; padding:0 0 0 8px;}
#footerSitemap ul{padding:0 0 0 10px;}
#footerSitemap li{background:url(../images/bg_marker_05.gif) left 5px no-repeat; padding:0 0 0 12px;}
#footerSitemap li a, #footerSitemap li a:visited, #footerSitemap li a:hover, #footerSitemap li a:active{color:#b9b9b9; text-decoration:none;}
#footer address{text-align:right; padding:25px 0 0 0;}

/*Heading Settings
----------------------------------------------*/
#contentsLeft h2{padding:0 0 15px 0;}
#contentsLeft h2.list{position:relative;}
#contentsLeft h2.list span{position:absolute; top:8px; right:0; padding:0 8px 0 0;}

/*Top Page Settings
----------------------------------------------*/
.acordion{padding:0 0 10px 0;}
.acordionContents{display:none; background:url(../images/bg_3question.gif) left top repeat-y;}
.acordionContentsInner{padding:10px 40px 30px 40px;}
.acordionContentsInner .fleft,
.acordionContentsInner .fright{width:263px; padding:10px; border:1px solid #ccc;}
.acordionContentsInner ul{font-size:85%; padding:0 0 0 20px; list-style:disc;}
.feature{width:330px; float:left; padding:0 10px 10px 0;}
.featureBoader{border:1px solid #ccc;}
.featureInner{border:1px solid #fff; background:#f5f5f5; padding:20px;}
.featureInner .fleft{width:180px;}
.featureInner .fright{width:100px;}
.featureInner h3{border-bottom:1px dotted #787878; padding:0 0 5px 0 !important; margin:0 0 15px 0;}

.news{border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative;}
.news h4{background:#70A1D8; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.news h4 img{padding:8px 8px 0px 8px;}
.newsInner{border:1px solid #fff; padding:16px 8px 8px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 20%); background: -webkit-gradient(linear, left top, left bottom, from(0% #f5f5f5), to(20% #ffffff));}
.news dl dt{color:#989898; padding:0 0 6px 0;}
.news dl dd{border-bottom:1px dotted #787878; padding:0 0 6px 0; margin:0 0 8px 0; line-height:1.2;}
.news dl img{vertical-align:middle; padding:0 0 0 10px;}
.news .listBtn{position:absolute; top:8px; right:8px;}
.news .listBtn a{text-decoration:none; color:#fff; background:url(../images/bg_marker_07.gif) left 4px no-repeat; padding:0 0 0 8px;}

/*Second Page Layout Settings
----------------------------------------------*/
#categoryHeader{background:url(../images/bg_category.gif) left top no-repeat; color:#fff; font-size:230%; padding:0 30px; margin:0 0 20px 0; line-height:75px;}
#contentsLeft .pageLayout h1{background:url(../images/ttl_1.gif) left top no-repeat; font-size:160%; padding:12px 20px 8px 30px; margin:0 0 20px 0; line-height:1.1; border-bottom:3px solid #274A7C; font-weight:bold;}
#contentsLeft .pageLayout h2{background:url(../images/ttl_2.gif) left top no-repeat; font-size:115%; font-weight:bold; padding:9px 20px 7px 22px; margin:0 0 15px 0; line-height:1.1; border-bottom:2px solid #274A7C;}
#contentsLeft .pageLayout h3{background:url(../images/ttl_3.gif) 6px 10px no-repeat; font-size:110%; font-weight:bold; padding:7px 20px 3px 22px; margin:0 0 15px 0; border-bottom:3px solid #274A7C;}
#contentsLeft .pageLayout .featureInner h3{background:none; padding:0 0 5px 0 !important; border-bottom:1px dotted #787878;}

/*CMS Settings
----------------------------------------------*/
.pageLayout p{padding:0 0 15px 0;}
.pageLayout ul{list-style:disc; padding:0 0 15px 20px;}
.pageLayout ul li{padding:0 0 5px 0;}
.pageLayout ol{list-style:decimal; padding:0 0 15px 20px;}
.pageLayout em{font-weight:bold;}
.pageLayout .pdf,
.NewsList .pdf{background:url(../images/ico_pdf.gif) right 3px no-repeat; padding:2px 15px 2px 0;}
.pageLayout address{background:#F7FAFF; border:2px solid #9EB1CA; padding:14px;}

/*CatrgoryNavi Style Settings
----------------------------------------------*/
#categoryNavi{border:2px solid #5C83B9; margin:0 0 15px 0;}
#categoryNavi h3{padding:12px 8px 12px 24px; background:url(../images/bg_marker_02.gif) 8px 19px no-repeat; font-size:115%; font-weight:bold;}
#categoryNavi h3 a:link, #categoryNavi h3 a:visited, #categoryNavi h3 a:hover, #categoryNavi h3 a:active{text-decoration:none;}
#lineup_navi{width:220px; margin:0 0 10px 8px;}

/*localNavi Style Settings
----------------------------------------------*/
.localNavi{margin:0 0 10px 0;}
.localNavi h3{background:url(../images/bg_lnavi.gif) left top no-repeat; color:#fff; font-size:120%; padding:7px 10px 8px 10px;}
.localNavi ul{border:1px solid #ccc; padding:5px 8px 8px 8px;}
.localNavi ul li{width:220px; background:url(../images/bg_dotted_03.gif) left bottom repeat-x; line-height:1.1;}
.localNavi ul li.cat{width:210px; padding:5px; margin:5px 5px 0 0; background:#b7d7ff;}
.localNavi ul li sup, .localNavi ul li span{display:none;}
.localNavi ul li a, .localNavi ul li a:visited{display:block; background:url(../images/bg_marker_03.gif) 5px 15px no-repeat; padding:10px 5px 10px 13px; color:#4d4d4d; text-decoration:none;}
.localNavi ul li a:hover{display:block; background:#E6F0FF url(../images/bg_marker_03.gif) 5px 15px no-repeat; padding:10px 5px 10px 13px; color:#4d4d4d; text-decoration:none;}
.localNavi ul li a:active{display:block; background:url(../images/bg_marker_03.gif) 5px 15px no-repeat; padding:10px 5px 10px 13px; color:#4d4d4d; text-decoration:none;}

/*indexNavi Style Settings
----------------------------------------------*/
.idxNavi{padding:0 0 30px 0;}
.indexNavi{width:330px; background:url(../images/bg_index_navi.gif) left bottom no-repeat; float:left; padding:10px 10px 10px 0;}
.indexNaviInner{background:url(../images/bg_index_navi_h.gif) left top repeat-x; padding:8px !important;}
.indexNavi .title{background:url(../images/bg_slashline.gif) left bottom repeat-x; padding:0 0 3px 0 !important; margin:0 0 10px 0; font-weight:bold;}
.indexNavi .title a{background:url(../images/bg_marker_04.gif) left 5px no-repeat; padding:3px 10px 3px 18px; text-decoration:none;}
.indexNaviInner p img{float:left; padding:0 15px 0 0;}
.indexNaviInner p.clearfix{padding:0 !important;}

/*Support Faq Style Settings
----------------------------------------------*/
.faqIndex .indexNaviInner .title img{float:none !important; padding:3px 0 3px 0;}
.faqIndex .indexNaviInner .fleft{width:64px;}
.faqIndex .indexNaviInner .fright{width:235px;}
.faqIndex .indexNaviInner .fright ul{list-style:none; padding:0; }
.faqIndex .indexNaviInner .fright ul li{background:url(../images/bg_marker_03.gif) left 7px no-repeat; padding:0 0 0 10px;}

/*About Movie Style Settings
----------------------------------------------*/
.movieList{padding:0 0 15px 0;}
.movieList p img{float:right; padding:0 0 0 15px;}

/*PageLayout Style Settings
----------------------------------------------*/
.pageLayout table{border:3px solid #E3E5E8; border-collapse:separate; margin:0 0 30px 0; width:100%;}
.pageLayout table th{background:#E6F0FF; font-weight:bold; border:1px solid #fff; padding:6px 8px;}
.pageLayout table td{border:1px dotted #CDD0D5; border-top:1px solid #fff; border-left:1px dotted #fff; padding:6px 8px;}
#Page-system_requirements .column-1, #Page-experience .column-1, .experienceLayout .column-1
{background:#F0F2F5; width:180px; border-top:1px dotted #fff; border-left:1px dotted #fff; font-weight:bold;}

/*Seminarindex Style Settings
----------------------------------------------*/
.seminaridxNavi{padding:0 0 30px 0;}
.seminaridxNavi .title{position:relative; padding:0 0 6px 0 !important;}
.seminaridxNavi .title span{position:absolute; top:1px; left:275px;}
.seminaridxNavi .title span img{padding:0;}

.seminarLayout dl{padding:0 0 35px 0;}
.seminarLayout dt{position:absolute; padding:6px 10px 6px 0; font-weight:bold;}
.seminarLayout dd{background:url(../images/bg_dotted.gif) left bottom repeat-x; padding:6px 10px 6px 120px;}

/*3Clomn Style Settings
----------------------------------------------*/
.tCLayout{padding:0 0 25px 0;}
.threeCloumnLayout{width:212px; float:left; border:2px solid #E3E5E8; margin:0 11px 0 0;}
.threeCloumnLayout h4{background:#8FACD6; color:#fff; padding:8px 10px; font-weight:bold; border:1px solid #fff; border-bottom:1px solid #5B82B9;}
.threeCloumnLayout ul{padding:10px 10px 10px 25px; list-style:disc; font-size:90%; line-height:1.3;}
.threeCloumnLayout ul li{padding:3px 0;}

.twoCloumn p{width:330px; float:left; padding:0 10px 0 0;}
.threeCloumn p{width:216px; float:left; padding:0 11px 0 0;}

/*Table Style Settings
----------------------------------------------*/
.seminarLayout table{border:1px solid #E3E5E8; border-collapse:collapse; cell margin:0 0 30px 0; width:100%;}
.seminarLayout table th{padding:6px 8px; border:1px solid #ccc;}
.seminarLayout table td{padding:6px 8px; border:1px solid #ccc;}

.seminarLayout table .column-1{width:260px;}
.seminarLayout table .column-2{width:340px;}
.seminarLayout table .column-3{width:70px; text-align:center;}

#Page-introduction table .column-1{text-align:center;}

.storeLayout .storeList{width:320px; padding:0 30px 0 0; float:left;}
.storeLayout table.storeTable{width:320px;}
.storeLayout table.storeTable th{width:110px;}

#Page-introduction table .column-1{width:120px;}
#Page-introduction table .column-2{width:240px;}
#Page-introduction table .column-3{width:240px; text-align:left;}
#Page-introduction table .column-4{width:70px; text-align:center;}

#Page-update table .column-1{width:400px;}
#Page-update table .column-2{width:70px;}
#Page-update table .column-3{width:100px;}
#Page-update table .column-4{width:100px; text-align:center;}

#Page-guidance table .column-1{width:150px;}
#Page-guidance table .column-2{width:60px; text-align:center;}
#Page-guidance table .column-3{width:210px;}
#Page-guidance table .column-4{width:80px;}
#Page-guidance table .column-5{width:70px;}
#Page-guidance table .column-6{width:100px;}

#Page-intro-support table .column-2{width:100px;}
#Page-intro-support table .column-3{width:340px;}
#Page-intro-support table .column-4{width:70px;}
#Page-intro-support table .column-5{width:100px;}

#Page-seminar table td{height:5em; vertical-align:top; text-align:left;}
#Page-seminar table .column-1{width:25px;}
#Page-seminar table .column-2{width:124px;}
#Page-seminar table .column-3{width:124px;}
#Page-seminar table .column-4{width:124px;}
#Page-seminar table .column-5{width:124px;}
#Page-seminar table .column-6{width:124px;}
#Page-seminar table .column-7{width:25px;}
#Page-seminar table td div{text-align:left;}
#Page-seminar table .row-1{height:30px; vertical-align:middle;}
#Page-seminar table .row-1 th{text-align:center;}

#Page-store table .column-1{width:210px; background:#F0F2F5;}
#Page-store table .column-2{width:200px;}
#Page-store table .column-3{width:60px;}
#Page-store table .column-4{width:200px;}

#Page-store table .row-1 .column-3{background:#F0F2F5;}

#Page-relation table .column-1{width:120px; background:#F0F2F5;}

/*Product Style Settings
----------------------------------------------*/
#Page-utilization dl{background:#f5f5f5; border:1px solid #ccc; padding:10px 10px 0 10px; margin:0 0 25px 0;}
#Page-utilization dl dt{background:url(../images/bg_marker_03.gif) left 10px no-repeat; padding:3px 0 3px 10px; font-weight:bold;}
#Page-utilization dl dd{background:url(../images/bg_slashline.gif) left top repeat-x; padding:7px 0 10px 0;}

#Page-utilization .utiliBox,
#Page-function .utiliBox{margin:0 0 25px 0;}
#Page-utilization .utiliBoxInner,
#Page-function .utiliBoxInner{width:330px; float:left; background:url(../images/bg_index_navi.gif) left bottom no-repeat; padding:0 10px 0 0; margin:0 0 10px 0;}
#Page-utilization .utiliBox dl,
#Page-function .utiliBox dl{background:url(../images/bg_index_navi_h.gif) left top no-repeat; padding:10px 10px 0 10px; margin:0; border:none;}
#Page-utilization .utiliBox dl dt,
#Page-function .utiliBox dl dt{background:url(../images/bg_marker_03.gif) left 10px no-repeat; padding:3px 0 3px 10px; font-weight:bold;}
#Page-utilization .utiliBox dl dd,
#Page-function .utiliBox dl dd{background:url(../images/bg_slashline.gif) left top repeat-x; padding:7px 0 10px 0;}

/*Mailmagazine Style Settings
----------------------------------------------*/
#Page-mailmagazine dl dt{background:url(../images/bg_marker_04.gif) 10px 6px no-repeat; padding:3px 10px 3px 28px;}
#Page-mailmagazine dl dd{background:url(../images/bg_dotted_03.gif) left top repeat-x; padding:3px 10px 25px 25px;}
.mailmagazine{border:1px solid #ccc; background:#f7f7f7; padding:30px; width:608px; overflow:hidden; margin:0 0 15px 0; font-size:82%; font-family:sans-serif;}

/*Support Faq Style Settings
----------------------------------------------*/
.faqNavi{background:#f7f7f7; border:1px solid #ddd; margin:0 0 10px 0;}
.faqNavi ul{padding:8px !important; list-style:none;}
.faqNavi ul li{float:left; padding:0 0 0 26px; background:url(../images/bg_marker_04.gif) 10px 4px no-repeat; width:290px;}
.faqNavi ul li.active{background:url(../images/navi_active.gif) 9px 2px no-repeat;}

.faqLayout dl dt{background:#f7f7f7 url(../images/bg_question.gif) 10px 10px no-repeat; padding:12px 10px 18px 70px; font-weight:bold; border:1px solid #ddd;}
.faqLayout dl dd{background:url(../images/bg_answer.gif) 9px 10px no-repeat; padding:12px 10px 30px 70px;}

.questions{background:#f7f7f7; border:1px solid #ddd; margin:0 0 20px 0; padding:15px 10px;}
.questions ol{list-style:none; padding:0;}
.questions ol li{background:url(../images/bg_questions.gif) left 3px no-repeat; padding:0 0 4px 16px;}

/*dl List Style Settings
----------------------------------------------*/
dl.historyList{margin:0 0 30px 0;}
dl.historyList dt{position:absolute; padding:5px 0 8px 0; text-align:right; width:35px;}
dl.historyList dd{padding:5px 0 8px 50px; background:url(../images/bg_dotted.gif) left bottom repeat-x;}

dl.linkList{margin:0 0 30px 0;}
dl.linkList dt{ background:url(../images/bg_dotted.gif) left bottom repeat-x; padding:5px 0;}
dl.linkList dt a{background:url(../images/bg_marker_04.gif) 10px 2px no-repeat; padding:0 10px 0 26px;}
dl.linkList dd{padding:5px 10px 10px 26px;}

dl.NewsList dt{position:absolute; padding:5px 0 8px 10px;}
dl.NewsList dt img{vertical-align:middle; padding:0 0 0 8px;}
dl.NewsList dd{padding:5px 0 8px 230px; background:url(../images/bg_dotted.gif) left bottom repeat-x;}

dl.Decimal dt{background:#26497A; color:#fff; font-weight:bold; position:absolute; padding:6px 12px;}
dl.Decimal dd{padding:2px 12px 6px 50px;}
dl.Decimal dd strong{color:#26497A; font-size:130%;}

/*Result Settings
----------------------------------------------*/
.customerList{padding:0 0 35px 0;}
.customerList .fleft{width:110px;}
.customerList .fright{width:535px;}
.customerList .fleft img{border:1px solid #ccc; padding:2px;}
.customerList .fright .co_title{background:url("../images/bg_dotted.gif") left bottom repeat-x; padding:0 0 3px 0; margin:0 0 6px 0;}
.customerList .fright .co_title .co_category{display:inline-block; text-align:center; padding:12px; background:#70a1d8; color:#fff; line-height:1.1; margin:0 10px 3px 0; }
.customerList .fright .co_title .icatch{display:inline-block; line-height:1.1;}
.customerList .fright .co_title .co_business{display:inline-block; text-align:center; padding:5px 6px; background:#efefef; line-height:1.1; margin:0 0 0 10px; font-size:85%;}

.customerList .fright .title{padding:0 0 6px 0 !important;}
.customerList .fright .title .co_business{}


.customerList .fright .businessInfo{background:#f7f7f7; line-height:1.4; border:1px solid #ddd;}
.customerList .fright .businessInfo p{padding:8px !important; font-size:82%; border:1px solid #fff;}

.resultIndexNavi{padding:0 0 25px 0; }
.resultIndexNavi ul{list-style:none; padding:0;}
.resultIndexNavi ul li{padding:0 0 5px 26px; background:url(../images/bg_marker_04.gif) 10px 4px no-repeat;}

.pageIndexNavi, .pageIndexNavi-min{background:#f7f7f7; border:1px solid #ddd; margin:0 0 10px 0;}
.pageIndexNavi ul, .pageIndexNavi-min ul{padding:8px !important; list-style:none;}
.pageIndexNavi ul li{float:left; padding:0 0 0 26px; background:url(../images/bg_marker_04.gif) 10px 4px no-repeat; width:290px;}

.pageIndexNavi-min ul li{float:left; padding:0 0 0 26px; background:url(../images/bg_marker_04.gif) 10px 4px no-repeat; width:30px;}

/*Casestudy Style Settings
----------------------------------------------*/
.casestudyIndexNavi{background:#f7f7f7; border:1px solid #ddd; margin:0 0 10px 0;}
.casestudyIndexNavi ul{padding:8px !important; list-style:none;}
.casestudyIndexNavi ul li{padding:0 0 0 26px; background:url(../images/bg_marker_04.gif) 10px 4px no-repeat;}

.casesutdyBody p img{text-align:center;}

/*Result Style Settings
----------------------------------------------*/
#companyInfo{border:1px solid #ccc; margin:0 0 30px 0;}
#companyInfo .companyInfoTitle{background:#70a1d8; padding:6px; color:#fff; border:1px solid #fff; border-bottom:none;}
#companyInfoInner{border:1px solid #fff; background:#f7f7f7; padding:20px;}
#companyLogo{background:url(../images/bg_slashline.gif) left bottom repeat-x; padding:0 0 3px 0; margin:0 0 10px 0; font-weight:bold; text-align:left !important; vertical-align:bottom;}
#companyInfoInner .fright{width:268px; font-size:82%;}
#companyInfoInner .fleft{width:342px;}
#companyInfoInner .fleft .photo img{padding:0 0 5px 0;}
#companyInfoInner .fleft .photo span{float:left; width:104px; padding:0 10px 0 0 ; display:block; font-size:80%; line-height:1.1; text-align:left !important;}

#contentsLeft .customerLayout h1{background:#f7f7f7 none; font-size:150%; padding:10px; margin:0 0 20px 0; line-height:1.1; border:1px solid #ccc;}
#contentsLeft .customerLayout h1 .co_category{display:inline-block; text-align:center; padding:12px; background:#70a1d8; color:#fff; line-height:1.1; margin:0 10px 0 0; font-size:65%;}
#contentsLeft .customerLayout h1 .icatch{display:inline-block; line-height:1.1; vertical-align:bottom;}
#contentsLeft .customerLayout h1 .co_business{display:inline-block; text-align:center; padding:5px 6px; background:#878787; font-weight:normal; color:#fff; line-height:1.1; margin:0 0 0 10px; font-size:55%; vertical-align:bottom;}

.bussinessList{padding:0 0 35px 0;}
.bussinessList .fleft{width:240px;}
.bussinessList .fright{width:390px;}
.bussinessList .point{border:2px solid #E3E5E8;}
.bussinessList .point h4{background:#8FACD6; color:#fff; padding:8px 10px; font-weight:bold; border:1px solid #fff; border-bottom:1px solid #5B82B9;}
.bussinessList .point ul{padding:10px 10px 10px 25px; list-style:disc; font-size:90%; line-height:1.3;}
.bussinessList .point ul li{padding:3px 0;}

/*Support Style Settings
----------------------------------------------*/
.announcement{border:3px solid #E3E5E8; padding:10px; margin:0 0 25px 0;}
.announcement .title{background:#E3E5E8; padding:8px; position:relative; font-weight:bold;}
.announcement .title span{position:absolute; top:8px; right:0; padding:0 8px 0 0;}

.grayBox{background:#F5F5F5; border:1px solid #ccc; padding:14px; margin:0 0 10px 0;}
.grayBox ul{padding:0 0 0 25px !important;}

/*About History Settings
----------------------------------------------*/
#Page-history dl{padding:0 0 35px 0;}
#Page-history dt{position:absolute; padding:5px 0 5px 10px; text-align:right; width:35px;}
#Page-history dd{padding:5px 0 5px 60px; background:url(../images/bg_dotted.gif) left bottom repeat-x;}

/*Lineup Settings
----------------------------------------------*/
.lineup_index{border:1px solid #ccc; margin:0 0 25px 0;}
.lineup_indexInner{border:1px solid #fff; background:#f5f5f5; padding:10px;}
.lineup_indexInner .fleft{width:150px;}
.lineup_indexInner .fright{width:475px;}
.lineup_indexInner .fright h4{font-size:130%; padding:0 0 8px 0; font-weight:bold;}
.lineup_indexInner .fright p.logo{padding:10px 0 10px 0 !important;}
.lineup_indexInner .fright p.logo .fleft{width:310px;display:block;}
.lineup_indexInner .fright p.logo .fright{width:160px;display:block;}
.lineup_indexInner .fright p.logo .fright span{display:block; text-align:center; background:#EE9902; padding:6px; color:#fff; font-size:85%; line-height:1.2;}
.lineup_indexInner .fright p.explain{margin:0 0 10px 0;}

.lineup_index_pickupInner{border:1px solid #fff; background:#E6F0FF; padding:10px;}
.lineup_index_pickupInner .fleft{width:200px;}
.lineup_index_pickupInner .fright{width:425px;}
.lineup_index_pickupInner .fright h4{font-size:130%; padding:0 0 8px 0; font-weight:bold;}
.lineup_index_pickupInner .fright p.logo{padding:10px 0 10px 0 !important;}
.lineup_index_pickupInner .fright p.logo .fleft{width:260px; display:block;}
.lineup_index_pickupInner .fright p.logo .fright{width:160px; display:block;}
.lineup_index_pickupInner .fright p.logo .fright span{display:block; text-align:center; background:#EE9902; padding:6px; color:#fff; font-size:85%; line-height:1.2;}
.lineup_index_pickupInner .fright p.explain{margin:0 0 10px 0;}
.lineup_index_pickupInner .fright ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.lineup_index_pickupInner .fright ul{background:url(../images/bg_slashline.gif) left top repeat-x; display:inline-block; list-style:none; padding:6px 0 0 0 !important;}
.lineup_index_pickupInner .fright ul li{float:left; background:url(../images/bg_marker_04.gif) left 4px no-repeat; padding:0 20px 3px 16px; white-space:nowrap;}


/*Hidea from IE-mac \*/
*html .lineup_indexInner .fright ul{height:1%;}
.lineup_indexInner .fright ul{display:block;}
/*End hide from IE-mac*/

/*Experience Settings
----------------------------------------------*/
.attention{border:2px solid #FA7D74; background:#FFEEED; padding:15px 15px 0 15px !important; margin:0 0 25px 0;}
.attention strong{color:#f00;}

/*Support Settings
----------------------------------------------*/
.experienceDownload{background:#FFFFEF; border:1px solid #F4EA7C; padding:15px; margin:0 0 15px 0;}
.experienceDownload p{padding:0 0 0 0;}

/*ConversionArea Settings
----------------------------------------------*/
.pagetop{padding:50px 0 10px 0 !important; text-align:right !important; clear:both;}
#conversionArea{background:url(../images/bg_cv.gif) left top no-repeat; height:120px; position:relative;}
#conversionArea ul{position:absolute; top:42px; left:268px; list-style:none; padding:0;}
#conversionArea ul li{float:left; padding:0 10px 0 0;}

/*trademark Settings
----------------------------------------------*/
.trademark{text-align:right; font-size:82%; padding:10px 0 0 0 !important;}

/*trademark Settings
----------------------------------------------*/
.searchArea{background:#f7f7f7; border:1px solid #ddd; margin:0 0 10px 0; padding:10px !important;}
.searchArea img{vertical-align:middle; padding:0 5px 0 0;}
.searchArea input{width:300px;}

.searchResult{padding:10px 0 !important;}
.searchResult .title{padding:0 0 6px 0 !important; font-weight:bold; font-size:130%;}
.searchResult .contents p{padding:0 !important;}
.searchResult .detail{padding:0 !important; font-size:88%;}

/*button
----------------------------------------------*/
button.search{border:none; cursor:pointer; background:none; margin:0; padding:3px;}
button.search img{vertical-align:middle;}

/*Calender Marker
----------------------------------------------*/
.admin{background:url(../images/marker_admin.gif) left 3px no-repeat; padding:0 0 0 23px;}
.consult{background:url(../images/marker_consulting.gif) left 3px no-repeat; padding:0 0 0 23px;}
.guide{background:url(../images/marker_guide.gif) left 3px no-repeat; padding:0 0 0 23px;}
.intro{background:url(../images/marker_intro.gif) left 3px no-repeat; padding:0 0 0 23px;}
.event{background:url(../images/marker_event.gif) left 3px no-repeat; padding:0 0 0 23px;}

.legend{background:#F5F5F5; border:1px solid #ccc; margin:0 0 10px 0;}
.legend ul{list-style:none; padding:10px !important;}
.legend ul li{float:left; padding:0 25px 0 23px;}

/*Sitemap Settings
----------------------------------------------*/
#Page-sitemap h1{font-size:200%; border-bottom:1px solid #ccc; padding:0 0 6px 0; margin:0 0 30px 0;}
#Page-sitemap h2{font-size:115%; padding:0 0 10px 0; font-weight:bold;}
#Page-sitemap h3{padding:0 0 5px 0 ; font-weight:bold;}
#Page-sitemap h2 a:link, #Page-sitemap h2 a:visited, #Page-sitemap h2 a:hover, #Page-sitemap h2 a:active,
#Page-sitemap h3 a:link, #Page-sitemap h3 a:visited, #Page-sitemap h3 a:hover, #Page-sitemap h3 a:active,
#Page-sitemap li a:link, #Page-sitemap li a:visited, #Page-sitemap li a:hover, #Page-sitemap li a:active{text-decoration:none;}
#Page-sitemap .sitemapInner{background:url(../images/bg_dotted.gif) left bottom repeat-x; margin:0 0 15px 0; padding:0 0 15px 0;}
#Page-sitemap .sitemapInner .sitemapClomn3{width:300px; float:left; padding:0 15px 0 0;}
#Page-sitemap .sitemapInner .sitemapClomn3r{width:300px; float:left; padding-right:0;}
#Page-sitemap .sitemapInner .sitemapClomn3clear{width:300px; padding-right:0; clear:both;}
#Page-sitemap .sitemapInner .sitemapClomn3 ul,
#Page-sitemap .sitemapInner .sitemapClomn3r ul,
#Page-sitemap .sitemapInner .sitemapClomn3clear{padding:0 30px 25px 0;}
#Page-sitemap .sitemapInner .sitemapClomn3 ul li,
#Page-sitemap .sitemapInner .sitemapClomn3r ul li,
#Page-sitemap .sitemapInner .sitemapClomn3clear li{padding:0 0 3px 0;}

/*wideLayout
----------------------------------------------*/
.wideLayout, .cvwideLayout{width:930px; margin:0 auto;}
.wideLayout h1.ttl,
.cvwideLayout h1.ttl{background:url(../images/ttl_w_1.gif) left top no-repeat; font-size:160%; padding:12px 20px 8px 30px; margin:0 0 20px 0; line-height:1.1; border-bottom:3px solid #274A7C; font-weight:bold;}
.wideLayout h2.ttl,
.cvwideLayout h2.ttl{background:url(../images/ttl_w_2.gif) left top no-repeat; font-size:115%; font-weight:bold; padding:9px 20px 7px 22px; margin:0 0 15px 0; line-height:1.1; border-bottom:2px solid #274A7C;}
.wideLayout h3.ttl,
.cvwideLayout h3.ttl{background:url(../images/ttl_3.gif) 6px 10px no-repeat; font-size:110%; font-weight:bold; padding:7px 20px 3px 22px; margin:0 0 15px 0; border-bottom:3px solid #274A7C;}
.cvwideLayout #conversionArea{width:670px; margin:0 auto;}