@charset "utf-8";
/*
Theme Name: X-point
Theme URI: ?????????URL
Description: X-point?????
Version: 1.0
Author: ATLED Co., Ltd. 
Author URI: http://www.atled.jp/
*/


body{
font-family:"???????? Pro W3","Hiragino Kaku Gothic Pro","??? ???????????","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica;
font-size:13px;
line-height:17px;
color:#000000;
margin:0px;
padding:0px;
text-align:left;
background-image: url(images/kabe.gif);

/* margin:0px auto; ??????IE???? */
text-align:center;
}

img{
border:0px;
}

dt,dd,dl{
margin:0px;
padding:0px;
list-style:none;
}


em{
font-style: normal;
}

strong.spam {
font-weight: normal;
}




a:link{
color:#2A00AA;
text-decoration:none;
}
a:visited{
color:#2A00AA;
text-decoration:none;
}
a:hover{
color:#2A1FFF;
text-decoration:underline;
}
a:active{
color:#2A00AA;
text-decoration:none;
}

.clear-b{
clear:both;
}
.clear-l{
clear:left;
}
.clear-r{
clear:right;
}



/******* lyaout ********/



#aaa{
width: 966px;
margin:0px auto;
padding : 0px ;
 background-image: url(images/kage.gif);
background-repeat: repeat-y;
}


#container{
width:960px;
background-color:#ffffff;
padding : 0px ;
margin-left : 0px ;
text-align:center;
margin:0px auto;
}


#header{
width:100%;
}


#header-top{
}

#header-left{
text-align:left;
float:left;
}

#header-txt{
text-align:left;
font-size:12px;
padding-top:5px;
padding-left:5px;
float:left;
}


#header-logo{
width:200px;
padding-top: 10px;
margin-left: 10px;
float:left;
}


#header-contact-img{
vertical-align:-5px;
margin-right:5px;
}

#header-con{
float:right;
}


.header-contact{
font-size:12px;
float:right;
margin-right: 10px;
margin-top: 4px;
}
.header-contact a{
color:#756F6A;
text-decoration:none;
}
.header-contact a:link{
color:#756F6A;
text-decoration:none;
}
.header-contact a:visited{
color:#756F6A;
text-decoration:none;
}
.header-contact a:hover{
color:#BD432D;
text-decoration:none;
}
.header-contact a:active{
color:#756F6A;
text-decoration:none;
}



#header-menu{
float:right;
margin-top:20px;
margin-right: 10px;
width:640px;
text-align:right;
}

#headermenu.menu{
/*float:right;*/
text-align:right;
}


.page-navi{
text-align:left;
padding:5px 0px 5px 10px;
}


.menu{
float:left;
margin:0px;
padding:0px;
}

.mainmenu{
float:left;
margin:0px;
padding:0px;
width: 160px;
}

.mainmenu000{
float:left;
width: 117px;
}


#main-img{
width:960px;


/*
background-image: url("images/mainimg.jpg"); 

*/
}

#main-img01{
width:439px;
float:left;
}


#main-img02{
width:521px;
height:97px;
background-color:#ffffff;
float:left;
}


#main-img03{
margin-bottom:10px;
}


#main-ico-box{
padding-top:5px;
vertical-align:top;
}


#main-ico{
float:left;
}



/******* main-img???????????????*******/



#menubox{
width:100%;
height:120px;
}

#menubox000{
margin:5px 0px 0px 13px;
width:100%;
height:117px;
}


ul.index_menu{
margin:0px;
padding:0px;
list-style:none;
}

ul.index_menu li{
margin:0px;
padding:0px;
list-style:none;
}



.contents{
width:960px;
margin-top:10px;
}

#contents000{
margin-top:10px;
}


.cnt1{
width:300px;
margin : 8px;
padding : 1px;
float:left;
border: 1px solid #999999;
}


*html body .cnt1{
width:300px;
margin : 6px;
padding : 1px;
float:left;
border: 1px solid #999999;
}


#cnt1000{
width:200px;
margin-left : 20px;
padding : 1px;
float:left;
border: 1px solid #999999;
}


*html body #cnt1000{
width:200px;
margin-left : 10px;
padding : 1px;
float:left;
border: 1px solid #999999;
}


#cnt2000{
width:200px;
margin-left : 5px;
padding : 1px;
float:left;
border: 1px solid #999999;
}



#cnt3000{
width:287px;
margin-left : 5px;
padding : 1px;
float:left;
border: 1px solid #999999;
}


.cnt-title{
padding-bottom:2px;
border-bottom:1px dashed #a60000;
}



#option-main{
width:300px;
height:258px;
background-color:#FFE9AC; 
margin:0px;
padding-top:5px;
}


#option-main000{
/* width:200px; */
height:258px;
background-color:#FFE9AC; 
margin:0px;
padding-top:5px;

}

.option{
height:70px;
padding-top:10px;
}



#top3-main{
width:300px;
height:238px;
background-color:#FFE9AC; 
margin:0px;
padding-top:20px;
padding-bottom:5px;
}


#top3-main000{
width:200px;
height:238px;
background-color:#FFE9AC; 
margin:0px;
padding-top:20px;
padding-bottom:5px;
}


#top3-naka{
width:264px;
height:220px;
background-color:#ffffff;
border:1px solid #AA0000;
margin:0px auto; 
text-align:center;
}


#top3-naka000{
width:180px;
height:220px;
background-color:#ffffff;
border:1px solid #AA0000;
margin:0px auto; 
text-align:center;
}


.top3{
border-bottom:1px dotted #a60000;
margin-top:5px;
padding-bottom:5px;
}

#top3etc{
text-align:right;
padding-top:10px;
padding-right:5px;
}


.theater{
height:110px;
padding:10px 5px 10px 5px;
}


.theater-img{
float:left;
padding-right:5px;
}


.theater-txt{
color:#000000;
width:110px;
float:right;
text-align:left;
}

.theater-txt000{
color:#000000;
width:100px;
float:left;
text-align:left;
}

.theater-border{
border-bottom:1px dotted #a60000;
}


#cnt-left2{
width:720px;
float:left;
margin-left: 8px;
margin-bottom:5px;
padding : 1px;
border: 1px solid #999999;
}

#cnt-left2000{
width:705px;
float:left;
margin:10px 0px 5px 20px;
padding : 1px;
border: 1px solid #999999;
}


*html body #cnt-left2000{
width:705px;
float:left;
margin:10px 0px 5px 10px;
padding : 1px;
border: 1px solid #999999;
}


#newstopic{
width:650px;
text-align:left;
margin:0px auto;
}



.cnt-right2{
float:right;
}


.cnt-right-case{
width:200px;
margin-right : 8px;
margin-bottom:20px;
padding : 1px;
border: 1px solid #999999;
}

.cnt-right-case000{
width:200px;
margin-bottom:20px;
padding : 1px;
border: 1px solid #999999;
}

.banner{
width:200px;
margin-top:2px;
margin-bottom:2px;
}


.casestudies{
margin-bottom:6px;
overflow:hidden;
margin-top:1px;
margin-bottom:1px;
}



#cnt-right-bnr{
width:300px;
float:right;
margin-right : 8px;
margin-top : 8px;
padding : 1px;
border: 1px solid #999999;
text-align:right;
}




#contact_bnr{
}



#inquire_banner{
margin:15px 0px 10px 0px;
text-align:center;
}


/******* footer *******/

#footer{
padding:20px;
margin-top:10px;
border-top:1px dashed #a60000;
}


#orcl{
text-align:left;
margin-top:10px;
margin-left:10px;
}


#footer-menu-box{
background-color:#555555;

}


ul.footer-navi{
font-size:11px;
margin:0px;
padding:6px;
list-style:none;
}
ul.footer-navi li{
float:left;
margin:0px;
padding:0px;
width: 120px;
}


.footer-navi-link a{
color:#ffffff;
text-decoration:none;
}
.footer-navi-link a:link{
margin-left:10px;
color:#ffffff;
text-decoration:none;
}
.footer-navi-link a:visited{
color:#ffffff;
text-decoration:none;
}
.footer-navi-link a:hover{
color:#000000;
text-decoration:none;
}
.footer-navi-link a:active{
color:#ffffff;
text-decoration:none;
}


#footer-navi-naka{
background-color:#eeeeee;
border:solid 1px #555555;
}

.footer-category{
/* border:1px solid; */
padding:10px;
font-size:11px;
float:left;
}

.footer-cat-title{
font-weight:bold;
text-align:left;
}
.footer-cat-title a{
color:#555555;
text-decoration:none;
}
.footer-cat-title a:link{
margin-left:10px;
color:#555555;
text-decoration:none;
}
.footer-cat-title a:visited{
color:#555555;
text-decoration:none;
}
.footer-cat-title a:hover{
color:#0066FF;
text-decoration:none;
}
.footer-cat-title a:active{
color:#555555;
text-decoration:none;
}




ul.footer-cat{
margin:0px;
padding:6px;
list-style-type:none;
color:#777777;
}
ul.footer-cat li{
text-align:left;
margin:0px;
padding:0px;
}



.footer-cat-link a{
color:#777777;
text-decoration:none;
}
.footer-cat-link a:link{
color:#777777;
text-decoration:none;
}
.footer-cat-link a:visited{
color:#777777;
text-decoration:none;
}
.footer-cat-link a:hover{
color:#0066FF;
text-decoration:none;
}
.footer-cat-link a:active{
color:#777777;
text-decoration:none;
}



.footer-cat-link02 a{
margin-left:10px;
color:#777777;
text-decoration:none;
}
.footer-cat-link02 a:link{
color:#777777;
text-decoration:none;
}
.footer-cat-link02 a:visited{
color:#777777;
text-decoration:none;
}
.footer-cat-link02 a:hover{
color:#0066FF;
text-decoration:none;
}
.footer-cat-link02 a:active{
color:#777777;
text-decoration:none;
}


#cross-navi{
float:left;
display:inline;
width:710px;
}

#footer-logo{
float:right;
margin:10px;
}

ul.closs-navi-ul{
margin:0px;
padding:6px;
list-style-type:none;
color:#555555;
}
ul.closs-navi-ul li{
float:left;
margin:0px 10px 0 10px;
padding:0px;
}


.closs-navi-link a{
color:#555555;
text-decoration:none;
}
.closs-navi-link a:link{
margin-left:10px;
color:#555555;
text-decoration:none;
}
.closs-navi-link a:visited{
color:#555555;
text-decoration:none;
}
.closs-navi-link a:hover{
color:#0066FF;
text-decoration:none;
}
.closs-navi-link a:active{
color:#555555;
text-decoration:none;
}




#copyright{
font-size:11px;
color:#777777;
margin-left:15px;
text-align:left;
}







/******* frame *******/

.col{
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #999999;
}



.col-top{
margin-bottom:10px;
}


.col-sub-title{
padding-left:12px;
font-size:14px;
font-weight:bold;
}
.col-sub-title a{
color:#5b8ba5;
text-decoration:none;
}
.col-sub-title a:link{
color:#5b8ba5;
text-decoration:none;
}
.col-sub-title a:visited{
color:#5b8ba5;
text-decoration:none;
}
.col-sub-title a:hover{
color:#5b8ba5;
text-decoration:underline;
}
.col-sub-title a:active{
color:#5b8ba5;
text-decoration:none;
}


.col-txt{
margin-left:100px;
color:#000000;
}


.date{
width :100px;
font-size:14px;
float:left;
color:#000000;
}






/******* title *******/

#title-txt{
font-size:20px;
font-weight: bold;
border-bottom:3px solid #BD432D;
margin-bottom:20px;
margin-top:0px;
text-align:left;
}




/******* whats *******/

#obi{
width:960px;
height:40px;
background-color:#BD2D2D;
}

#whats-con{
width:930px;
padding:14px;
}



#whats-katachi{
text-align:left;
width:50%;
float:left;
margin-bottom:20px;
}

#whats-katachi-img{
margin-left:30px;
}

#features{
width:215px;
height:240px;
margin :2px 2px 20px 2px;
padding : 5px;
float:left;
border: 1px solid #999999;
}


#features-txt{
margin-top:10px;
text-align:left;
height:130px;
}


#features-txt-blue{
color:#0066ff;
}


div.features-link{
text-align:right;
vertical-align: bottom;
}
.features-link a{
color:#0066ff;
}
.features-link a:link{
color:#0066ff;
text-decoration:none;
}
.features-link a:visited{
color:#0066ff;
text-decoration:none;
}
.features-link a:hover{
color:#0066ff;
text-decoration:underline;
}
.features-link a:active{
color:#0066ff;
text-decoration:none;
}





#whats_menubox{
width:100%;
height:98px;
background-color:#FFFFFF;
margin-bottom:10px;
padding-top:50px;
}


ul.whats_index_menu{
margin:0px;
padding:0px;
list-style:none;
}

ul.whats_index_menu li{
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
list-style:none;
}


.whats_mainmenu{
float:left;
padding:0px;
width: 180px;
}


/******* whats form *******/

#form-style{
/* border:solid 1px; */
text-align:left;
}


#form-s-style{
margin-bottom:50px;
}


#form-title-img{
margin-bottom:10px;
}


#form-s-title-img{
margin-top:20px;
margin-bottom:10px;
margin-left:30px;

}

#form-text{
margin-left:30px;
margin-bottom:10px;
}

#form-s-text{
margin-left:50px;
margin-bottom:10px;
}


#form-line{
border-bottom:1px dotted #999999;
margin-top:20px;
margin-bottom:20px;
}


#form-img{
margin-left:30px;

}

#form-img01{
width:300px;
height:197px;
padding : 1px;
text-align:center;
float:left;
}


#form-img01-txt{
width:300px;
color:#BD2D2D;
text-align:center;
float:left;
}


#form-img02{
margin-left : 30px;
float:left;
}

#form-img02-txt{
margin-left:10px;
padding-top:150px;
color:#BD2D2D;
float:left;
}

#form-img05{
margin-left : 30px;
float:left;
}

#form-img05-txt{
margin-left:10px;
padding-top:160px;
color:#BD2D2D;
float:left;
}

#form-img05-02-txt{
width:352px;
margin-left : 30px;
color:#BD2D2D;
text-align:center;
float:left;
}


div.form-link{
margin-left:30px;
margin-top:30px;
vertical-align: bottom;
border: 1px solid #0066ff;
padding:1px;
width:250px;
text-align:center;
}
.form-link a{
color:#0066ff;
line-height: 25px;
display:block;
background-color:#B0D0FF;
}
.form-link a:link{
color:#0066ff;
text-decoration:none;
}
.form-link a:visited{
color:#0066ff;
text-decoration:none;
}
.form-link a:hover{
color:#ffffff;
background-color:#0066ff;
text-decoration:none;
}
.form-link a:active{
color:#0066ff;
text-decoration:none;
}


/******* whats appr *******/

#appr-style{
text-align:left;
margin-bottom:50px;
}

#appr-s-style{
margin-bottom:50px;
}


#appr-title-img{
margin-bottom:10px;
}

#appr-s-title-img{
margin-top:20px;
margin-bottom:10px;
margin-left:30px;
}

#appr-s-title01-img{
margin-top:20px;
margin-bottom:10px;
margin-left:30px;
float:left;
}

#appr-text{
margin-left:30px;
margin-bottom:10px;
}


#appr-s-text{
margin-left:50px;
margin-bottom:10px;
}


#appr-s-title01-txt{
margin-top:20px;
margin-left:10px;
color:#BD2D2D;
float:left;
}


#appr-img{
margin-left:30px;
}

#appr-img02{
margin-left : 30px;
float:left;
}


#appr-img02-txt{
margin-top:150px;
width:190px;
margin-left:10px;
color:#BD2D2D;
float:left;
}



/******* whats find *******/

#find-style{
text-align:left;
margin-bottom:50px;
}

#find-title-img{
margin-bottom:10px;
}


#find-text{
margin-left:30px;
margin-bottom:10px;
}


#find-img01{
margin-left : 30px;
float:left;
}


#find-img01-txt{
margin-top:150px;
width:230px;
margin-left:10px;
color:#BD2D2D;
float:left;
}



ul.find{
list-style-type: disc;
}

ul.find li{
margin-bottom:20px;
}



/******* whats culc *******/

#culc-style{
text-align:left;
margin-bottom:20px;
}


#culc-title-img{
margin-bottom:10px;
}

#culc-text{
margin-left:30px;
margin-bottom:10px;
}


*html body #culc-text{
margin-left:15px;
margin-bottom:10px;
}

#culc-s-title-img{
margin-top:20px;
margin-bottom:10px;
margin-left:30px;
}

*html body #culc-s-title-img{
margin-top:20px;
margin-bottom:10px;
margin-left:15px;
}


#culc-img{
margin-left:30px;
margin-bottom:30px;
float:left;
}


*html body #culc-img{
margin-left:15px;
margin-bottom:30px;
float:left;
}


#culc-img-txt{
float:left;
width:280px;
color:#BD2D2D;
margin-left:10px;
}


ul.culc{
list-style-type: disc;
}

ul.culc li{
margin-bottom:10px;
}


/******* product *******/

#product{
  width:960px;
}

#product-manu-title{
  border:1px solid #999999;
  float:left;
  margin-bottom:5px;
}

#product-manu{
  width:200px;
  background-color:#ffffff;
  border:1px solid #999999;
  margin-bottom:5px;
  padding:1px;
  float:left;
}

/******* product for 2012 Edition *******/

#product-menu-title-2012{
  width:185px;
  background-color:#ff0000;
  float:left;
  margin-bottom:5px;
  padding: 8px;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}


/******* product for 2011 Edition *******/

#product-menu{
  width:200px;
  background-color:#ffffff;
  border:1px solid #999999;
  margin-bottom:5px;
  padding:1px;
  float:left;
}

div.right-menu-box{
  border-top:1px dotted #999999;
  text-align:left;
  padding:4px;
}
.right-menu-box a{
  color:#0066ff;
}


div.right-menu-box{
  border-top:1px dotted #999999;
  text-align:left;
  padding:3px;
}
.right-menu-box a{
  color:#0066ff;
}


div.right-menu-box-top{
  text-align:left;
  padding:3px;
}
.right-menu-box-top a{
  color:#0066ff;
}


.mb-arrow{
vertical-align: middle;
}

.mb-arrow-01{
vertical-align: middle;
margin-left:20px;
}


#product-main{
width:750px;
background-color:#ffffff;
text-align:left;
float:left;
}




/******* product index *******/


#prod-index-main{
margin-right:20px;
margin-left:20px;
margin-top:10px;
}




#prod-lr{
text-align:center;margin:auto;
}


#prod-title{
text-align:left;
padding:5px;
margin:1px;
background-color:#BE452D; 
color:#ffffff;
font-weight: bold;
font-size:16px;
}



#prod-left{
text-align:left;
float:left;
}




#prod-menu{
width:370px;
margin-bottom:24px;
border:1px solid #999999;
text-align:left;
}


#prod-txt{
padding:10px;
}


.prod-link{
width:120px;
margin: 0px 10px 10px 230px;
border:1px solid #BE452D;
text-align:center;
}
.prod-link a{
margin:1px;
text-decoration : none;
line-height: 25px;
display:block;
background-color : #EDBDB4 ;
}
.prod-link a:link {
margin:1px;
color: #893321;
}
.prod-link a:visited {
margin:1px;
color: #000000;
}
.prod-link a:hover {
margin:1px;
color : #ffffff ;
background-color : #D82E03 ;
}


#prod-img-link{
float:left;
margin:5px 5px 0px 5px;
}




#prod-option{
border:1px solid #999999;
margin-left:20px;
padding-bottom:10px;
}




#prod-r-menu{
width:480px;
margin:10px 10px 18px 10px;
padding:10px;
border:1px solid #999999;
text-align:left;
}






#prod-r-img{
float:left;
}

#prod-r-txt{
width:185px;
margin-left:10px;
float:left;
}


.prod-r-link{
width:170px;
margin: 10px 0px 10px 10px;
border:1px solid #999999;
text-align:center;
float:left;
}
.prod-r-link a{
font-weight: bold;
font-size:15px;
margin:1px;
text-decoration : none;
line-height: 20px;
display:block;
}
.prod-r-link a:link {
font-weight: bold;
font-size:15px;
margin:1px;
color: #999999;
}
.prod-r-link a:visited {
font-weight: bold;
font-size:15px;
margin:1px;
color: #999999;
}
.prod-r-link a:hover {
font-weight: bold;
font-size:15px;
margin:1px;
color : #000000 ;
background-color : #EEC0B7 ;
}





/******* product flist *******/

#flist-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#flist-day{
width:720px;
text-align:right;
}



/******* option index *******/

#option-index-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#option-index-txt{
margin-left:20px;
margin-right:20px;
}


#option-index-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


.option-index-link{
width:200px;
margin: 20px 0px 10px 10px;
border:1px solid #999999;
text-align:center;
float:left;
}
.option-index-link a{
font-weight: bold;
font-size:15px;
margin:1px;
text-decoration : none;
line-height: 30px;
display:block;
}
.option-index-link a:link {
font-weight: bold;
font-size:15px;
margin:1px;
color: #999999;
}
.option-index-link a:visited {
font-weight: bold;
font-size:15px;
margin:1px;
color: #999999;
}
.option-index-link a:hover {
font-weight: bold;
font-size:15px;
margin:1px;
color : #000000 ;
background-color : #EEC0B7 ;
}


/******* option bizpack *******/

#bizpack-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#biz-mds{
font-size:20px;
}

#biz-txt{
margin-left:20px;
margin-right:20px;
}



#biz-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#biz-img{
text-align:center;
}


#biz-txt02{
width:500px;
margin-left:10px;
float:left;
}


#biz-txt03{
margin-left:20px;
margin-right:20px;
text-align:right;
}


#biz-img02{
margin-right : 10px;
margin-left : 20px;
float:left;
}


table.bizpack{
text-align:center;margin:auto;
}






/******* option group *******/

#group-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}


#group-txt{
margin-left:20px;
margin-right:20px;
}


#group-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}




/******* option desknets *******/

#desknets-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#desknets-mds{
font-size:20px;
}

#desknets-txt{
margin-left:20px;
margin-right:20px;
}


#desknets-txt02{
margin-left:30px;
margin-right:20px;
}


#desknets-txt03{
margin-left:20px;
margin-right:20px;
font-size: 10px;
}


#desknets-txt-mds{
margin-left:20px;
margin-right:20px;
font-weight: bold;
}

#desknets-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#desknets-img{
text-align:center;
}


/******* option cybozu *******/


#cybozu-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}


#cybozu-mds{
font-size:20px;
}

#cybozu-txt{
margin-left:20px;
margin-right:20px;
}


#cybozu-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#cybozu-img{
text-align:center;
}

#cybozu-txt02{
width:300px;
margin-left:10px;
float:left;
}

.cybozu-txt03{
margin-left:40px;
margin-bottom:10px;
}

.cybozu-txt04{
margin-left:50px;
margin-bottom:10px;
}

#cybozu-txt05{
text-align:center;
margin-bottom:10px;
font-weight: bold;
color:#ff0000;
}

#cybozu-txt06{
text-align:right;
margin-right:10px;
font-size:10px;
color:#666666;
}


#cybozu-img02{
margin-right : 10px;
margin-left : 20px;
float:left;
}

/******* option GoogleApps *******/

#googleapps-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#googleapps-mds{
font-size:20px;
}


#googleapps-txt{
margin-left:20px;
margin-right:20px;
}


#googleapps-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


/******* option acc *******/


#acc-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}




#acc-mds{
font-size:20px;
}

#acc-txt{
margin-left:20px;
margin-right:20px;
}


div.acc-link{
margin-left:20px;
margin-right:20px;
text-align:right;
vertical-align: bottom;
}
.acc-link a{
color:#0066ff;
}
.acc-link a:link{
color:#0066ff;
text-decoration:none;
}
.acc-link a:visited{
color:#0066ff;
text-decoration:none;
}
.acc-link a:hover{
color:#0066ff;
text-decoration:underline;
}
.acc-link a:active{
color:#0066ff;
text-decoration:none;
}


#acc-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#acc-img{
text-align:center;
}


table.acc{
text-align:center;margin:auto;
text-align:left;
}



/******* option sso *******/

#sso-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

*html body #sso-main{
margin-right:1px;
margin-left:10px;
margin-top:10px;
}


#sso-txt{
margin-left:20px;
margin-right:20px;
}


#sso-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


/******* option output *******/


#output-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}


#output-txt{

margin-right:20px;
}


#output-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#output-img{
margin:10px 0px 10px 0px;
}


#option_h4{
font-size:18px;
line-height: 150%;
margin-bottom:0px;
}

/******* system sys_list *******/

#sys_list-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#sys_list-txt{
margin-left:20px;
margin-right:20px;
}


#sys_list-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}

.sys_list_tbl{
font-family:"??? ???????????", Osaka, "???????? Pro W3";
font-size:10px;
color:#666666;
}

.sys_list_tbl00{
background-color :#666666;
}

.sys_list_tbl01{
background-color :#efefef;
}

.sys_list_tbl02{
background-color :#D2F1FF;
}

.sys_list_tbl03{
background-color :#FFFFFF;
}

.sys_list_tbl04{
background-color :#FFFAD2;
}

.sys_list_tbl05{
background-color :#E4FFD2;
}

.sys_list_tbl06{
background-color :#E4FFD2;
}

.sys_list_tbl07{
background-color :#E6E6E6;
}

.sys_list_tbl08{
background-color :#FEE2FA;
}

.sys_list_tbl09{
background-color :#fde6bb;
}

/******* system sys_config *******/

#sys_config-main{

margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#sys_config-txt{
margin-left:20px;
margin-right:20px;
}


#sys_config-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#sys_config-mds{
font-weight: bold;
font-size:16px;
margin-bottom:10px;
}

#sys_config-li{
font-weight: bold;
margin-left:20px;
}

#sys_config-li-s{
margin-left:40px;
}


#sys_config-li-ss{
font-size:10px;
margin-left:40px;
}

#sys_config-mds02{
font-weight: bold;
color:#AA050C;
margin-left:20px;
}

#sys_config-mds03{
font-weight: bold;
color:#408A00;
margin-left:20px;
}

#sys_config-mds04{
font-weight: bold;
margin-left:10px;
}

#sys_half{
float:left;
}

#sys-space{
height:20px;
}

#sys_img{
margin-left:10px;
}


/******* system sys_document *******/

#sys_doc-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}



#sys_doc-txt{
margin-left:20px;
margin-right:20px;
}


#sys_doc-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}

#sys_doc-half{
margin-left:20px;
float:left;
}

#sys_doc-half02{
float:left;
text-align:center;
width:330px;
margin-bottom:30px;
}


#sys_doc-img{
margin-bottom:10px;
}


#sys_doc-flimg{
width:100px;
text-align:center;
margin:auto;
}



.sys_doc-link{
width:100px;
padding:1px;
border:1px solid #999999;
text-align:center;
}

.sys_doc-link a{
text-decoration : none;
line-height: 20px;
display:block;
}

.sys_doc-link a:link {
color: #000000;
}

.sys_doc-link a:visited {
color: #000000;
}

.sys_doc-link a:hover {
color : #ffffff ;
background-color : #BE452D ;
}


#sys_doc-cmpname{
font-weight: bold;
}

#sys_doc-space{
height:130px;
}

#sys_doc-space02{
height:30px;
}

/******* system faq *******/

#faq-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}





#faq-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#faq-block{
border:1px solid #ffffff;
margin-bottom:20px;
margin-left:10px;
}

#faq-half{
float:left;
text-align:left;
}


#faq-img{
}




div.faq-txt{
margin:5px 0px 10px 10px;
width:600px;
}
.faq-txt a{
color:#0066ff;
}
.faq-txt a:link{
color:#0066ff;
text-decoration:none;
}
.faq-txt a:visited{
color:#0066ff;
text-decoration:none;
}
.faq-txt a:hover{
color:#0066ff;
text-decoration:underline;
}
.faq-txt a:active{
color:#0066ff;
text-decoration:none;
}




#faq-space{
height:30px;
}


/******* online demo *******/


#online-main{
text-align:center;margin:auto;
border:1px solid #ffffff;
}

#demo{
margin:10px 20px 20px 20px;
}


.online-link{
margin: 0px 10px 0px 10px;
float:left;
}



#demo-img{
margin-top:30px;
margin-bottom:20px;
}

#demo-block{
text-align:center;margin:auto;
width:600px;
}


#demo-img02{
margin:20px 20px 20px 0px;
float:left;
}

#demo-table{
margin-top:20px;
margin-bottom:20px;
float:left;
}

#online-obi{
color:#ffffff;
width:700px;
text-align:left;
background-color:#BD432D;
padding:3px 0px 0px 5px;
text-align:center;margin:auto;
text-align:left;
}

#demo-txt{
width:700px;
text-align:center;margin:auto;
text-align:left;
}




table.demo{
text-align:center;margin:auto;
text-align:left;
}


#demo-space{
height:30px;
}


#demo-space-txt{
height:10px;
}


#flash-txt{
width:800px;
text-align:center;margin:auto;
text-align:left;
}

#flash-img{
margin:10px;
float:left;
width:180px;
}


#flimg{
width:440px;
text-align:center;margin:auto;
margin-bottom:20px;
}


*html body #flimg{
width:460px;
text-align:center;margin:auto;
margin-bottom:20px;
}


#flimg2{
width:800px;
text-align:center;margin:auto;
margin-bottom:20px;
}


*html body #flimg2{
width:820px;
text-align:center;margin:auto;
margin-bottom:20px;
}

#flash-mds{
font-weight: bold;
width:550px;
text-align:center;margin:auto;
text-align:left;
margin-bottom:5px;
}



/******* whats gekijyo *******/

#gekijyo-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;

}


#gekijyo-bl{
width:710px;
text-align:center;
margin:auto;

}


#gekijyo-block-s{
width:355px;
margin:30px 0px 30px 0px;
float:left;
}


#gekijyo-obi{
color:#ffffff;
width:300px;
text-align:left;
background-color:#BD432D;
padding:3px 0px 0px 5px;
text-align:center;margin:auto;
text-align:left;
}



#gekijyo-img{
margin:10px 0px 10px 0px;
}


#gekijyo-txt{
width:300px;
text-align:left;
margin:auto;
}

/******* whats manga *******/

#manga-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#manga-page{
width:600px;
margin:auto;
}


#manga-demo{
font-size:12px;
}

#manga-img{
border:solid 1px #000000;
margin-top:5px;
margin-bottom:10px;
}


.manga-space{
border:1px solid #FFFFFF;
width:50px;
float:left;
}

div.manga-link-left{
text-align:right;
vertical-align: bottom;
float:left;
font-size:16px;
border:1px solid #aaaaaa;
width:50px;
text-align:center;
}
.manga-link-left a{
margin:1px;
text-decoration : none;
line-height: 25px;
display:block;
color:#777777;
}
.manga-link-left a:link{
color:#0066ff;
text-decoration:none;
}
.manga-link-left a:visited{
color:#0066ff;
text-decoration:none;
}
.manga-link-left a:hover{
color:#ffffff;
background-color:#0066ff;
text-decoration:none;
}
.manga-link-left a:active{
color:#0066ff;
text-decoration:none;
}


div.manga-link-right{
vertical-align: bottom;
float:right;
font-size:16px;
border:1px solid #aaaaaa;
width:50px;
text-align:center;
}
.manga-link-right a{
margin:1px;
text-decoration : none;
line-height: 25px;
display:block;
color:#777777;
}
.manga-link-right a:link{
color:#0066ff;
text-decoration:none;
}
.manga-link-right a:visited{
color:#0066ff;
text-decoration:none;
}
.manga-link-right a:hover{
color:#ffffff;
background-color:#0066ff;
text-decoration:none;
}
.manga-link-right a:active{
color:#0066ff;
text-decoration:none;
}


div.manga-link-page{
padding-top:5px;
float:left;
color:#000000;
font-size:14px;
text-align:center;
width:490px;
}
.manga-link-page a{
text-decoration : none;
color:#777777;
}
.manga-link-page a:link{
color:#0066ff;
text-decoration:none;
}
.manga-link-page a:visited{
color:#0066ff;
text-decoration:none;
}
.manga-link-page a:hover{
color:#000000;
text-decoration:none;
}
.manga-link-page a:active{
color:#0066ff;
text-decoration:none;
}


.manga-link-non{
width:50px;
float:left;
}

/******* solution index *******/


#sl-index-main{
margin-right:20px;
margin-left:20px;
margin-top:10px;
}

#sl-index-txt{
margin-left:20px;
margin-right:20px;
}


#sl-index-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#sl-index-md-l{
margin-left:20px;
color:#ffffff;
width:5px;
height: 20px;
background-color:#cc0000;
float:left;
}

*html body #sl-index-md-l{
margin-left:10px;
color:#ffffff;
width:5px;
height: 20px;
background-color:#cc0000;
float:left;
}


#sl-index-md-r{
padding-left:5px;
float:left;
line-height: 20px;
font-weight: bold;
}


#sl-index-kouka01{
width:200px;
height:330px;
margin:10px 0px 30px 20px;
padding:5px;
border:1px solid #999999;
float:left;
}


*html body #sl-index-kouka01{
width:200px;
height:340px;
margin:10px 0px 30px 10px;
padding:5px;
border:1px solid #999999;
float:left;
}


#sl-index-kouka02{
width:175px;
height:330px;
margin:10px 0px 30px 0px;
padding:5px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
float:left;
}

*html body #sl-index-kouka02{
width:175px;
height:340px;
margin:10px 0px 30px 0px;
padding:5px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
float:left;
}


#sl-index-kouka03{
width:145px;
height:330px;
margin-top:10px;
padding:5px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
float:left;
}


*html body #sl-index-kouka03{
width:145px;
height:340px;
margin-top:10px;
padding:5px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
float:left;
}



div.sl-index-link{
text-align:right;
vertical-align: bottom;
/* border: 1px solid #000000; */
}
.sl-index-link a{
color:#0066ff;
}
.sl-index-link a:link{
color:#0066ff;
text-decoration:none;
}
.sl-index-link a:visited{
color:#0066ff;
text-decoration:none;
}
.sl-index-link a:hover{
color:#0066ff;
text-decoration:underline;
}
.sl-index-link a:active{
color:#0066ff;
text-decoration:none;
}







.sl-index-box-title01{
background-color:#F8EEA9;
font-size:22px;
font-weight: bold;
line-height: 30px;
text-align:center;
margin:10px 0px 10px 0px;
}
.sl-index-box-title01 a{
color:#333333;
}
.sl-index-box-title01 a:link{
text-decoration:none;
}
.sl-index-box-title01 a:visited{
text-decoration:none;
}
.sl-index-box-title01 a:hover{
text-decoration:none;
}
.sl-index-box-title01 a:active{
text-decoration:none;
}


.sl-index-box-title02{
background-color:#F8EEA9;
font-size:16px;
font-weight: bold;
line-height: 30px;
text-align:center;
margin:10px 0px 10px 0px;
}
.sl-index-box-title02 a{
color:#333333;
}
.sl-index-box-title02 a:link{
text-decoration:none;
}
.sl-index-box-title02 a:visited{
text-decoration:none;
}
.sl-index-box-title02 a:hover{
text-decoration:none;
}
.sl-index-box-title02 a:active{
text-decoration:none;
}

.sl-index-box-title03{
background-color:#F8EEA9;
font-size:13px;
font-weight: bold;
line-height: 30px;
text-align:center;
margin:10px 0px 10px 0px;
}
.sl-index-box-title03 a{
color:#333333;
}
.sl-index-box-title03 a:link{
text-decoration:none;
}
.sl-index-box-title03 a:visited{
text-decoration:none;
}
.sl-index-box-title03 a:hover{
text-decoration:none;
}
.sl-index-box-title03 a:active{
text-decoration:none;
}


#sl-index-box-img{
height:150px
}

#sl-index-box-txt01{
text-align:left;
height:80px;
}



#sl-index-occ01{
width:150px;
height:110px;
margin:10px 0px 0px 20px;
border:solid #999999 1px; 
float:left;
}


#sl-index-occ02{
width:150px;
height:110px;
margin:10px 0px 0px 0px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
float:left;
}

#sl-index-occ03{
width:150px;
height:110px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
border-left:solid #999999 1px; 
margin:10px 0px 20px 20px;
float:left;
}


#sl-index-occ04{
width:150px;
height:110px;
border-top:solid #999999 1px; 
border-right:solid #999999 1px; 
border-bottom:solid #999999 1px; 
margin:10px 0px 20px 0px;
float:left;
}


.sl-index-occ-title{
display:block;
margin:1px 1px 10px 1px;
line-height: 20px;
text-align:center;
background-color:#BD432D;
color:#ffffff;
}
.sl-index-occ-title a{
display:block;
color:#ffffff;
}
.sl-index-occ-title a:link{
display:block;
color:#ffffff;
text-decoration:none;
}
.sl-index-occ-title a:visited{
display:block;
color:#ffffff;
text-decoration:none;
}
.sl-index-occ-title a:hover{
display:block;
color:#ffffff;
text-decoration:none;
}
.sl-index-occ-title a:active{
display:block;
color:#ffffff;
text-decoration:none;
}

#sl-index-txt{
text-align:left;
}


#sl-csst-bl{
width:460px;
margin:auto;
}


*html body #sl-csst-bl{
width:480px;
margin:auto;
}


#sl-csst{
float:left;
border:1px solid #999999;
padding:2px;
margin:10px;
}



/******* solution ??????*******/

#solution{
width:960px;
}


#slt-menu{
width:200px;
background-color:#ffffff;
margin-left:5px;
margin-bottom:5px;
padding:2px;
float:left;
}


.slt-menu-box{
display:block;
width:196px;
height:30px;
border:1px solid #999999;
padding:1px;
margin-bottom:5px;
}
.slt-menu-box a{
text-decoration : none;
line-height: 20px;
display:block;
}

.slt-menu-box a:hover {
background-color:#FDCAA8;
}


.slt-menu-box01{
width:50px;
line-height: 30px;
text-align:center;
background-color:#C71212;
float:left;
color:#ffffff;
}


.slt-menu-box-txt{
line-height: 30px;
text-decoration : none;
font-size:18px;
color:#000000;
text-align:center;
display:block;
}


#slt-main{
width:750px;
background-color:#ffffff;
text-align:left;
float:left;
}





/******* solution  ??scene????????? *******/

#sc-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

*html body #sc-main{
margin-right:5px;
margin-left:5px;
margin-top:10px;
}

#sc-txt{
margin-left:20px;
margin-right:20px;
}


#sc-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}



.sc-menu-box{
display:block;
width:400px;
height:30px;
border:1px solid #999999;
padding:1px;
margin-bottom:20px;
}



#sc-half_l{
float:left;
width:410px;
margin-left:10px;
}

#sc-half_l_txt{
width:400px;
}


#sc-half_r{
float:right;
width:270px;
}

#sc-img{
text-align:center;
}

#sc-blc_yellow{
width:380px;
margin:10px;
padding:5px;
background-color:#FDCAA8;
}


ul.sckaizen{
}
ul.sckaizen li{
margin-bottom:10px;
}



#scmarubatsu{
margin-left:50px;
}



.sc-blc{
margin:10px;
padding:5px;
border:1px solid #999999;
display:block;
text-decoration : none;
}
.sc-blc a{
display:block;
text-decoration : none;
color:#000000;
}
.sc-blc a:hover {
text-decoration : none;
color:#BD432D;
}





#sc-mds-before{
margin-top:20px;
line-height: 20px;
font-weight: bold;
text-align:center;
color:#ffffff;
width:100px;
background-color:#004999;
border-bottom:solid 2px #004999;
float:left;
}

#sc-mds-bft{
margin-top:20px;
width:620px;
padding-left:10px;
float:left;
line-height: 20px;
font-weight: bold;
border-bottom:solid 2px #004999;
}


#sc-mds-after{
margin-top:20px;
line-height: 20px;
font-weight: bold;
text-align:center;
color:#ffffff;
width:100px;
background-color:#cc0000;
border-bottom:solid 2px #cc0000;
float:left;
}

#sc-mds-aft{
margin-top:20px;
width:620px;
padding-left:10px;
float:left;
line-height: 20px;
font-weight: bold;
border-bottom:solid 2px #cc0000;
}


#sc-mds-img{
margin:20px 0px 10px 10px;
}










/******* solution  effect_biz *******/

#effect_biz-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#effect_biz-obi{
margin:auto;
color:#ffffff;
width:600px;
text-align:left;
background-color:#BD432D;
padding:3px 5px 3px 5px;
}

#effect_biz-img{
margin:20px 0px 20px 0px;
}


#effect_biz-img01{
margin-top:20px;
margin-bottom:50px;
}


#effect_biz-mds{
font-size:16px;
text-align:left;
width:600px;
margin:auto;
margin-top:30px;
font-weight: bold;
color:#666666;
border-bottom:dotted 1px;
}

#effect_biz-tbl{
margin:auto;
width:500px;
text-align:center;
}


#effect_biz-mds01{
margin:auto;
width:550px;
text-align:left;
font-weight: bold;
color:#004999;
}

#effect_biz-mds02{
padding-top:20px;
margin:auto;
width:500px;
text-align:left;
font-weight: bold;
color:#004999;
}


div.biz-link{
margin-left:20px;
margin-right:20px;
text-align:right;
vertical-align: bottom;
}
.biz-link a{
color:#0066ff;
}
.biz-link a:link{
color:#0066ff;
text-decoration:none;
}
.biz-link a:visited{
color:#0066ff;
text-decoration:none;
}
.biz-link a:hover{
color:#0066ff;
text-decoration:underline;
}
.biz-link a:active{
color:#0066ff;
text-decoration:none;
}



/******* solution  effect_sec *******/


#effect_sec-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#effect_sec-obi{
color:#ffffff;
text-align:left;
background-color:#BD432D;
padding:3px 5px 3px 5px;
}


#effect_sec-blc{
padding-top:10px;
padding-bottom:20px;
}

#effect_sec-l{
float:left;
}

#effect_sec-r{
float:left;
}


#effect_sec-tbl{
margin-left:10px;
}


#effect_sec-tbl-td{
width:110px;
}

#effect_block{
float:left;
margin-left:10px;
width:340px;
}

#effect_gyo{
margin:auto;
}




/******* inquire *******/



#inquire-main{
margin-right:20px;
margin-left:20px;
margin-top:10px;
text-align:left;
}


#inquire-aaaaa{
float:left;
width:450px;
}

#inquire-bbbbb{
float:left;
width:450px;
border-left:solid 1px #999999;
padding-left:5px;
}

#inquire-txt{
margin:5px;
}

#inquire-txt-web{
margin:5px;
width:300px;
font-size:12px;
}


#inquire-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}


#inquire-half{
float:left;
margin-top:10px;
margin-left:10px;
}


*html body #inquire-half{
float:left;
margin-top:10px;
margin-left:5px;
}



#inquire-half-r{
float:left;
margin-top:10px;
margin-left:10px;
}


*html body #inquire-half-r{
float:left;
margin-top:10px;
margin-left:5px;
}


#inquire-txt-bold{
font-weight:bold;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}


#inquire-img{
margin:10px;
}

#inquire-meeting{
margin:5px;
padding:5px;
border:1px solid #999999;
}


#inquire-meeting-title{
font-weight:bold;
font-size:16px;
margin-top:10px;
}

#inquire-meeting-txt{
margin:20px 10px 10px 10px;
}

#inquire-meeting-l{
float:left;
width:300px;
}

#inquire-meeting-r{
float:right;
}

/******* zero *******/



#zero-main{
text-align:left;
background-color:#ffffff;
color:#555555;
padding:10px;
}

.zero-obi{
color:#ffffff;
background-color:#006FDD;
margin:20px 0px 20px 0px;
padding:5px;
font-size:18px;
font-weight:bold;
text-align:center;

}


#zero-txt{
margin:20px;
}


.zero-block{
width:800px;
margin:auto;
}

.zero-blk{
background-color:#eeeeee;
width:350px;
height:100px;
margin:15px 10px 15px 10px;
padding:10px;
border:solid 1px #555555;
float:left;
}

#zero-blk-img{
width:300px;
margin:10px 10px 15px 10px;
padding:10px;
float:left;
}


.zero-blk-title{
margin:10px 0px 10px 0px;
color:#DC000B;
font-weight:bold;
font-size:16px;
}


.zero-blk-title02{
margin:10px 0px 10px 0px;
color:#006FDD;
font-weight:bold;
font-size:16px;
}

.zero-block02{
width:700px;
margin:auto;
padding-bottom:20px;
}


.zero-blk02{
margin:10px;
width:300px;
height:180px;
padding:10px;
border:solid 1px #555555;
float:left;
}


#zero_table{
margin-bottom:20px;
}


.zero_tbl{
margin:auto;
}

.zero_tbl01{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
border-left:solid 1px #555555;
padding:5px;
background-color:#cccccc;
}

.zero_tbl02{
border:solid 1px #555555;
padding:5px;
background-color:#cccccc;
}

.zero_tbl03{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
padding:5px;
background-color:#eeeeee;
}

.zero_tbl04{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
border-bottom:solid 1px #555555;
padding:5px;
background-color:#eeeeee;
}

.zero_tbl_txt{
font-size:10px;
}




/******* merumaga *******/

#merumaga-main{
margin-right:10px;
margin-left:10px;
padding-top:10px;
}

#merumaga-title-block{
padding-top:5px;
padding-bottom:5px;
border-top:3px solid #3366ff;
border-bottom:3px solid #3366ff;
margin-bottom:10px;
text-align:left;
}


#merumaga-title-txt{
float:left;
font-size:20px;
font-weight: bold;
line-height : 110%
}

#merumaga-title-txt02{
float:left;
color:#FF6600;
font-weight: bold;
font-size:15px;
margin-left:10px;
margin-right:20px;
}


#merumaga-title-block-half{
float:left;
}

#cup{
vertical-align: middle;
margin-right:10px;
}


#cup_blc{
font-weight: bold;
font-size:30px;
}


#merumaga-bnr-blc{
margin-top:10px;
width:940px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding-top:5px;
padding-bottom:5px;
}

.merumaga-bnr-blc01{
font-size:12px;
width:300px;
margin-left:5px;
margin-right:5px;
float:left;
}
.merumaga-bnr-blc01 a{
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc01 a:link{
margin-left:10px;
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc01 a:visited{
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc01 a:hover{
color:#0066FF;
text-decoration:none;
}
.merumaga-bnr-blc01 a:active{
color:#555555;
text-decoration:none;
}



.merumaga-bnr-blc02{
font-size:12px;
width:300px;
border-right:1px solid #999999;
border-left:1px solid #999999;
margin-left:5px;
margin-right:5px;
float:left;
}
.merumaga-bnr-blc02 a{
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc02 a:link{
margin-left:10px;
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc02 a:visited{
color:#555555;
text-decoration:none;
}
.merumaga-bnr-blc02 a:hover{
color:#0066FF;
text-decoration:none;
}
.merumaga-bnr-blc02 a:active{
color:#555555;
text-decoration:none;
}


#merumaga_column{
margin-bottom:5px;
width:600px;
border:1px solid #999999;
text-align:left;
}



#merumaga_column_blc{
border-bottom:1px dotted #999999;
margin-bottom:10px;
padding:5px;
background-color:#FFE375;
}


#merumaga_column2_blc{
border-bottom:1px dotted #999999;
margin-bottom:10px;
padding:5px;
background-color:#B0CCFF;
}


#merumaga_column3_blc{
border-bottom:1px dotted #999999;
margin-bottom:10px;
padding:5px;
background-color:#B8FFB0;
}

#merumaga_column_title_left{
float:left;
margin-right:10px;
}

#merumaga_column_title_right{
float:left;
line-height :200%
}

#merumaga_column2_title_right{
float:left;
}

#merumaga_column_title_txt01{
font-size:15px;
font-weight:bold;
}

#merumaga_column_title_txt02{
font-size:24px;
font-weight:bold;
}

#merumaga_column2_title_txt02{
font-size:18px;
font-weight:bold;
}

#merumaga_column_txt{
padding:5px;
}

#merumaga_column_next{
margin-top:5px;
margin-bottom:5px;
padding:5px;
width:592px;
background-color:#ffcc00;
text-align:left;
}


/******* mail manga *******/

#ml_manga-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#ml_manga-page{
width:730px;
margin:auto;
}


#ml_manga-demo{
font-size:12px;
}

#ml_manga-img{
border:solid 1px #000000;
}


.ml_manga-space{
border:1px solid #FFFFFF;
width:50px;
float:left;
}

#ml_manga-l {
float:left;
text-align:center;
}

#ml_manga-r{ 
float:left;
}



div.ml_manga-link-left{
text-align:right;
vertical-align: bottom;
font-size:16px;
border:1px solid #aaaaaa;
width:50px;
text-align:center;
}
.ml_manga-link-left a{
margin:1px;
text-decoration : none;
line-height: 25px;
display:block;
color:#777777;
}
.ml_manga-link-left a:link{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-left a:visited{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-left a:hover{
color:#ffffff;
background-color:#0066ff;
text-decoration:none;
}
.ml_manga-link-left a:active{
color:#0066ff;
text-decoration:none;
}


div.ml_manga-link-right{
vertical-align: bottom;
font-size:16px;
border:1px solid #aaaaaa;
width:50px;
text-align:center;
}
.ml_manga-link-right a{
margin:1px;
text-decoration : none;
line-height: 25px;
display:block;
color:#777777;
}
.ml_manga-link-right a:link{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-right a:visited{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-right a:hover{
color:#ffffff;
background-color:#0066ff;
text-decoration:none;
}
.ml_manga-link-right a:active{
color:#0066ff;
text-decoration:none;
}


#ml_manga-center{
float:left;
margin-left:10px;
margin-right:10px;
}


div.ml_manga-link-page{
padding-top:5px;
color:#000000;
font-size:20px;
width:10px;
}
.ml_manga-link-page a{
text-decoration : none;
color:#777777;
}
.ml_manga-link-page a:link{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-page a:visited{
color:#0066ff;
text-decoration:none;
}
.ml_manga-link-page a:hover{
color:#000000;
text-decoration:none;
}
.ml_manga-link-page a:active{
color:#0066ff;
text-decoration:none;
}


.ml_manga-link-non{
width:50px;
float:left;
}



#next_txt{
font-size:20px;
font-weight:bold;
}

#inquire_banner_zero {
padding:15px 0px 10px 0px;
text-align:center;
}

/******* zero *******/



/******* mail manga reg *******/

#mlreg-main{
margin-right:20px;
margin-left:20px;
margin-top:10px;
text-align:left;
}

#mlreg-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}



#mlreg-txt-bold{
font-weight:bold;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
}


#mlreg-txt{
margin:5px;
}


#mlreg-half{
float:left;
margin-top:10px;
margin-left:40px;
}


*html body #mlreg-half{
float:left;
margin-top:10px;
margin-left:5px;
}


#mlreg-half-r{
float:left;
margin-top:10px;
margin-left:10px;
}


#mlreg-txt-web{
margin:5px;
width:600px;
font-size:12px;
}


#mlreg-img{
margin:10px;
}


/******* product v185 *******/

#v185-main{
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

*html body #v185-main{
margin-right:1px;
margin-left:10px;
margin-top:10px;
}


#v185-txt{
margin-left:20px;
margin-right:20px;
}


#v185-obi{
color:#ffffff;
background-color:#BD432D;
margin:20px 0px 20px 0px;
padding:3px 5px 3px 5px;
}

/* add css 2010/11/01 */
h1#header-txt{
margin:0;
font-weight:normal;
}
h2.cnt-title{
margin:0;
}
.idxBox{
margin:0 8px;
text-align:left;
}
.idxBox .idxBox2{
padding-bottom:10px;
border:1px solid #999999;
}
.idxBox h2{
font-size:16px;
margin:1px 1px 0;
padding:5px;
color:#fff;
background:#BD2D2D;
}
.idxBox h3{
font-size:14px;
margin:10px 10px 0;
color:#BD2D2D;
}
.idxBox p{
margin:0 10px;
}
.idxBox p.idxFst{
margin-top:10px;
}




/******* applitu *******/



#applitus-main{
text-align:left;
background-color:#ffffff;
color:#555555;
padding:10px;
}

.applitus-obi{
color:#ffffff;
background-color:#006FDD;
margin:20px 0px 20px 0px;
padding:5px;
font-size:18px;
font-weight:bold;
text-align:center;

}


.applitus-txt{
margin:20px;
}

.applitus-block00{
padding:10px;
float:left;
}

.applitus-block{
margin:auto;
}

.applitus-blk{
width:250px;
height:155px;
margin:2px;
padding:5px;
border:solid 1px #555555;
float:left;
}

#applitus-blk-img{
width:300px;
margin:10px 10px 15px 10px;
padding:10px;
float:left;
}


.applitus-blk-title{
margin:5px 0px 10px 0px;
font-weight:bold;
font-size:16px;
}


.applitus-blk-title02{
margin:5px 0px 10px 0px;
color:#006FDD;
font-weight:bold;
font-size:16px;
}

.applitus-block02{
width:700px;
margin:auto;
padding-bottom:20px;
}


.applitus-blk02{
margin:10px;
width:300px;
height:130px;
padding:10px;
border:solid 1px #555555;
float:left;
}


.applitus-title-blue{
color:#0000cc;
font-weight:bold;
font-size:16px;
margin-left:30px;
padding-bottom:5px;
}

.applitus-text02{
margin-left:40px;
}


#applitus_table{
margin-bottom:20px;
}


.applitus_tbl{
margin:auto;
}

.applitus_tbl01{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
border-left:solid 1px #555555;
padding:5px;
background-color:#cccccc;
}

.applitus_tbl02{
border:solid 1px #555555;
padding:5px;
background-color:#cccccc;
}

.applitus_tbl03{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
padding:5px;
background-color:#eeeeee;
}

.applitus_tbl04{
border-top:solid 1px #555555;
border-right:solid 1px #555555;
border-bottom:solid 1px #555555;
padding:5px;
background-color:#eeeeee;
}

.applitus_tbl_txt{
font-size:10px;
}

#inquire_banner_applitus {
padding:15px 0px 10px 0px;
text-align:center;
}


#applitus_menubox{
background-color:#FFFFFF;
padding:10px 0px 10px 50px;
}

ul.applitus_index_menu{
margin:0px;
padding:0px;
list-style:none;
}

ul.applitus_index_menu li{
margin-left:2px;
margin-top:5px;
padding:0px;
list-style:none;
}

/******* cloud *******/


#xpcloud_menubox{
background-color:#FFFFFF;
padding:10px 0px 10px 0px;
}


.xpcloud-obi{
color:#ffffff;
background-image: url("../../../images/cloud/X-point_cloud_bar.png");
margin:40px 0px 20px 0px;
height:45px;
line-height:45px;
font-size:21px;
font-weight:bold;
text-align:center;

}


#xpcloud-txt{
margin:20px;
font-size:17px;
color:#1654C1;
line-height:120%;
font-weight:bold;
}

ul.xpcloud_index_menu li{
margin-left:30px;
margin-top:5px;
padding:0px;
list-style:none;
}

/******* 201106 *******/

#top-left{
float:left;
width:730px;
}

#top-right{
float:right;
margin-right : 0px;
padding-top:10px;
}

*html body #top-right{
float:right;
margin-right : 10px;
padding-top:10px;
}


.cnt-left3 {
width:705px;
margin:10px 0px 0px 20px;
border: 1px solid #999999;
padding : 1px 1px 10px 1px;
text-align:left;
}
.cnt-left3 h2{
font-size:16px;
margin:0px 0px ;
padding:5px;
color:#fff;
background:#BD2D2D;
}
.cnt-left3 h3{
font-size:14px;
margin:10px 10px 0;
color:#BD2D2D;
}
.cnt-left3 p{
margin:0 10px;
}
.cnt-left3 p.idxFst{
margin-top:10px;
}



/******* ?????????? *******/

#main-acv{
float:left;
width:740px;
}



#sub-acv{
width:202px;
float:right;
margin-right:10px;
}

#acv-manu-title{
border:1px solid #999999;
margin-bottom:5px;
}

.acv-manu{
padding-top:0px;
text-align:left;
}

.acv-manu ul {
padding:0px;
margin-top:0px;

}

.acv-manu ul li {
    list-style:none;  
    background:url('../../../images/arrow.gif') left top no-repeat;   
 background-position: 5px 0;
    border-bottom-color: #DFDFDF;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin-bottom: 5px;
    margin-top: 0;
   padding-left: 30px;
}

.acv-manu ul li a:link, .submenu ul li a:visited {
    text-decoration: none;
}

.acv-manu ul li a:hover {
    color: #00CCFF;
    text-decoration: underline;
}

.acv-manu ul li ul {
    padding-bottom: 5px;
}

.acv-manu ul li ul li {
    list-style:none;  
    background:url('../../../images/arrow.gif') left top no-repeat;   
 background-position: 0 0;
    border-bottom-color: #DFDFDF;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 30px;
}


#acv-content{
margin-left:10px;
text-align:left;
}


.acv-col{
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
padding-left:20px;
margin-right:30px;
border-bottom:1px dotted #999999;
}

/******* New Design Obi *******/
.obi_h2_2012 {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: 9px solid #000;
  padding-left: 7px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color:#e50012;
}

.obi_h3_2012 {
  color: #000;
  font-size: 17px;
  margin-top: 22px;
  margin-bottom: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 5px solid #000;
}

.obi_h4_2012 {
  color: #ff0000;
  font-size: 16px;
  line-height: 150%;
  margin-top: 20px;
  margin-bottom: 12px;
  margin-left: 10px;
  border-bottom: 1px dotted #ddd;
}

.indent_remarks {
  border: 1px solid #eee;
  margin: 10px 10px 10px 15px;
  padding: 15px;
  background-color: #fef4f4;
}

/******* release *******/

table.release {
  border:1px  solid #ccc;
  border-spacing:0px;
  border-collapse:collapse;
  empty-cells:show;
  font-size: 9pt;
  color: #333;
}

.release th{
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom: 3px solid #999;
  background-color:#eee;
  padding:13px 3px 13px 3px;
}

.release td{
  border:1px  solid #ccc;
  padding:5px 3px 5px 3px;
}

/** left,right remarks box **/
.remarks_box_parent {
  clear:both;
  margin-top: 50px;
}

.remarks_box_left {
  width:350px;
  padding:0px;
  float:left;
}

.remarks_box_right {
  width:350px;
  padding:0px 10px 0px 0px;
  float:left;
}

.cloud_price_tbl {
  width: 100%;
  border-collapse: collapse;
}
	.cloud_price_tbl th{
		padding-top: 7px;
		padding-bottom: 3px;
		background: #eeeeee;
		border-top: 1px solid #cccccc;
		border-bottom: 3px solid #999;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}

	.cloud_price_tbl td{
                font-size: 11px;
		padding: 6px 3px;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}

.cloud_comparison {
  width: 100%;
  border-collapse: collapse;
}
	.cloud_comparison th{
		padding-top: 20px;
		padding-bottom: 5px;
		background: #f0f0f0;
		border-top: 1px solid #cccccc;
		border-bottom: 2px solid #ff0000;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}

	.cloud_comparison td{
		padding: 15px 2px;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}