/*******************************************************************
     1: COMMON(TOP,PAGE)
*******************************************************************/

/*--------------CONTAINER--------------*/

input, select, textarea {
    border: 1px solid #AAAAAA;
}

#pageTop {
    background: url("../images/top_page/btn-pagetop.png") no-repeat scroll 0 0;
    bottom: 20px;
    display: block;
    height: 45px;
    opacity: 0.7;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 45px;
}
#pageTop:hover{
opacity:1;
}



/*--------------HEADER--------------*/


/*areas*/
.login-area {
    display:none;
}

.company-info-button{
display:block;
background:url(../images/company-info.jpg) no-repeat 0 0;
background-position:0 0!important;
width:140px;
height:30px;
text-indent:-9999px;
}
.login-button{
display:block;
background:url(../images/login.jpg) no-repeat;
background-position:0 0!important;
width:140px;
height:30px;
text-indent:-9999px;
}
.company-info-button:hover{
background-position:0 -30px!important;
}
.login-button:hover{
background-position:0 -30px!important;
}

.mypage-button{
display:block;
background:url(../images/mypage.jpg) no-repeat;
background-position:0 0!important;
width:68px;
height:30px;
text-indent:-9999px;
}
.mypage-button:hover{
background-position:0 -30px!important;
}

.logout-button{
display:block;
background:url(../images/logout.jpg) no-repeat;
background-position:0 0!important;
width:68px;
height:30px;
text-indent:-9999px;
}
.logout-button:hover{
background-position:0 -30px!important;
}


.nav-search {
    position: relative;
}
.nav-search input{}
.nav-search .search-bar {
    background: url("../images/search-bg.png") repeat scroll 0 0;
    border: 0 none;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-bottom: 0 !important;
    padding-left: 15px;
    padding-right: 0 !important;
    padding-top: 0 !important;
    width: 175px;
}
.nav-search .search-submit {
    background: url("../images/search-submit.jpg") no-repeat scroll center center;
    border: 0 none;
    display: block;
    height: 22px;
    position: absolute;
    right: 15px;
    text-indent: -9999px;
    top: 5px;
    width: 17px;
}



/*--------------NAVI--------------*/
.header .navi{
  width:100%;
  height:100%;
  /*background-color:rgba(0,0,0,0.70);*/
  position:fixed;
  top:0;
  right:0;
  z-index:999;
  display:none;
}
.header .navi ul{
  margin-top:45px; 
}
.header .navi li a{
text-indent:-9999px;
display:block;
border-bottom:2px solid #000000;
height:0;
padding-top:11.25%;
}

.home-tab{
width:100%;
background:url(../images/sp-nav-home.jpg) no-repeat 0 0;
background-size:cover;
}
.service-tab{
width: 100%;
background:url(../images/sp-nav-managed.jpg) no-repeat 0 0;
background-size:cover;
}
.solution-tab{
width: 100%;
background:url(../images/sp-nav-solution.jpg) no-repeat 0 0;
background-size:cover;
}
.support-tab{
width: 100%;
background:url(../images/sp-nav-support.jpg) no-repeat 0 0;
background-size:cover;
}
.contact-tab{
width:100%;
background:url(../images/sp-nav-contact.jpg) no-repeat 0 0;
background-size:cover;
}

.header .navi .footer-links{
  background-color:#ffffff;
  padding:10px 0;
  margin:0!important;
}
.header .navi .footer-links .row{
  display:table;
  width:100%;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 10px 0;  /* 左右 上下で記述 */
}
.header .navi .footer-links .row a{
  display:table-cell;
  width:50%;
  font-size:14px;
  border-bottom:1px solid #CCCCCC;
  line-height:24px;
}

.header .navi .footer-links .row:last-child a{
  border-bottom:none;
}

.header .navi .footer-info{
  background-color:#ffffff;
  padding: 0 10px 0px 10px;
  margin:0!important;
}

.header .navi .footer-info .banner-bottom{
  text-align:center;
}




/*--------------MAIN--------------*/


/*--MAIN--*/
.content ol, .content ul {
    margin-top: 0;
    padding: 0 0 0 20px;
}

ul.indent > li,ul.noStyle > li{
list-style:none;}

ul.indent {
    margin-left: 34px;
    text-indent: -32px;
}

ol.alph{
margin-left:15px;
text-indent: 0;
}
.breadcrumb a{
text-decoration:none;
}

/*page-content*/


.tokutyo-title {
position:relative;
}
.tokutyo-text {
    background: none repeat scroll 0 0 #E95B2D;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    padding: 0;
    text-align: center;
    width: 100px;
}
.tokutyo-title span {
    display: block;
    height: 5px;
    margin-left: 45px;
    width: 7px;
}

h3.l-title {
    font-size: 24px;
    margin-bottom: 0 !important;
}
.content h3{
    margin-bottom: 5px;
}
.three_column{
clear:both;
}
.three_column_1{
    float: left;
    margin-right: 10px;
    width: 205px;
}
.three_column_2{
    float: left;
    margin-right: 10px;
    width: 205px;
}
.three_column_3{
    float: left;
    margin-right: 10px;
    width: 205px;
}


/* service-menu */
.content .service-menu{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
    margin-top:50px;
	font-weight: normal;
	clear:both;
}
.content .service-menu a{
	font-size: 11px;
	text-decoration:none;
}

/*#termBody*/
#termBody{
    border: 1px solid #666666;
    height: 300px;
    overflow-y: scroll;
    padding: 0 15px;
}

#agreeform,.formButtonOne{
    text-align: center;
    margin-top: 20px;
}



/*#aboutus*/

#aboutus th, #aboutus td{
text-align:left;}


/*page-TABLE*/
.content th {
    background-color: #F8F9FB;
    border: 1px solid #DCE3EB;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.content td {
    border: 1px solid #DCE3EB;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

/*CONTACT-PAGE*/
.formTable{
margin-bottom:20px;
}
.formTable td, .formTable th{
border:0!important;
text-align:left;
}
th.title{background:none;}
td.contents{

}
td.contents input{
width:80%;
}

.txtNumber{
	width:120px!important;
}

/*#aboutus*/
#aboutus th,#aboutus td{
background:none;
text-align:left;
border-top:0 none;
border-left:0 none;
border-right:0 none;
border-bottom:1px solid #E2E2D2;
vertical-align:top;
}

#aboutus tr{

}
#aboutus td ul{
padding:0!important;}
#aboutus td li{
list-style:none;}

.business{
float:left;
}

/*cloudblocker.html*/
.cb-point{ 
   height: 64px;
   line-height: 64px;
   padding-left: 64px;
}  
.cb-point-3{ background:url(../images/cloudblocker/point3.jpg) no-repeat 0 0; }
.cb-point-2{ background:url(../images/cloudblocker/point2.jpg) no-repeat 0 0; }
.cb-point-1{ background:url(../images/cloudblocker/point1.jpg) no-repeat 0 0; }

/*Saiyo.html*/
.saiyo td{
    border: 0 none;
    text-align: left;
    vertical-align: top;
}

/*DDOWNLOAD CENTER.HTML*/
.col3-645{
width:215px;
height:162px;
}
.col3-645 .img-box{ width:115px;}
.col3-645 .text-box{ width:95px;
margin-left:5px;}


/*NEWS&TOPICS*/
#newsList_area dl {
    clear: both;
    float: left;
}
#newsList_area dt {
    float: left;
    width: 80px;
}
#newsList_area dd {
    float: left;
    margin-left: 0 !important;
    width: 565px;
}
/*DL list*/
.dlQuestion dt{
float:left;
}

/*Login Area*/
#loginArea .two_column_1 {
    float: left;
    padding-right: 20px;
    width: 380px;
}

#loginArea .two_column_2 {
    float: left;
    width: 240px;
}

/*redmonitor*/
.content-mini-flow-box li{
list-style:none;
float:left;
height: 65px;
}
.content-mini-flow-box ul{
padding:0!important;
}

/*manual-list*/
.menu-tab-list {
    border-bottom: 1px solid #094486;
    clear: both;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px !important;
    padding: 0 !important;
}
.menu-tab-list li {
    float: left;
    list-style: none outside none;
}
.menu-tab-list li a {
    border-right: 1px solid #094486;
    color: #094486;
    font-weight: bold;
    padding: 3px 15px;
    text-decoration: none;
}
.hyperlink-tab{
    border-bottom: 1px solid #094486;
    padding-bottom: 10px !important;
}
.firstImg{
width:320px;
float:left;}
.firstImg p{
font-size:10px;
margin:0!important;}
.secondTxt{
float:left;
margin-left:10px;
width: 315px;
}

.secondTxt p{
margin-top:0!important;
}

/*button*/
.buttonAppBtn a,#buttonAppMypage {
    background: url("../images/btn-submit.jpg") no-repeat scroll 0 0;
    border: 0 none !important;
    height: 35px;
    text-indent: -9999px;
    width: 135px;
	display:block;
	margin:0 auto;
}
#buttonCheck {
    background: url("../images/btn-kakunin.jpg") no-repeat scroll 0 0;
    border: 0 none !important;
    height: 35px;
    text-indent: -9999px;
    width: 135px;
	display:block;
	margin:0 auto;
}
#buttonSubmit {
    background: url("../images/submit.jpg") no-repeat scroll 0 0;
    border: 0 none !important;
    height: 35px;
    text-indent: -9999px;
    width: 135px;
	display:block;
	margin:0 auto;
}
#buttonModify {
    background: url("../images/btn-cancel.jpg") no-repeat scroll 0 0;
    border: 0 none !important;
    height: 35px;
    text-indent: -9999px;
    width: 135px;
    display:block;
    margin:0 auto;
}

.about-service a{
    background:url(../images/about-service.jpg) no-repeat scroll 0 0;
    border: 0 none !important;
    height: 35px;
    text-indent: -9999px;
    width: 190px;
	display:block;
}


/*Smarticon*/
#smartIcon a img{float:right;}





/*--SIDE--*/
.online-order{
margin-bottom:25px;
}

/*SIDE-NAVI*/
#side-managed{margin-top:1px!important;
margin-bottom:35px!important;}
#side-managed dt{
background:url(../images/side-menu.jpg) no-repeat 0 0;
display:block;
height:38px;
width:280px;
text-indent:-9999px;
margin-bottom:1px;
cursor:pointer;
}
#side-managed dd{
    display:none;
}

.managedcloud-tab{ 
background-position:0 0;
}  
.managedserver-tab{ 
background-position:0 -38px!important;
}
.cloudblocker-tab{ 
background-position:0 -76px!important;
}
.medialibrary-tab{ 
background-position:0 -114px!important;
}
.redmonitor-tab{ 
background-position:0 -152px!important;
}
.threemail-tab{ 
background-position:0 -190px!important;
}
.shutokudaikou-tab{ 
background-position:0 -228px!important;
}
.solutionservice-tab{ 
background-position:0 -266px!important;
}
.managedcloud-tab.active{ 
background-position:0 -304px!important;
}
.managedserver-tab.active{ 
background-position:0 -342px!important;
}
.cloudblocker-tab.active{ 
background-position:0 -380px!important;
}
.medialibrary-tab.active{ 
background-position:0 -418px!important;
}
.redmonitor-tab.active{ 
background-position:0 -456px!important;
}
.threemail-tab.active{ 
background-position:0 -494px!important;
}
.shutokudaikou-tab.active{ 
background-position:0 -532px!important;
}
.solutionservice-tab.active{ 
background-position:0 -570px!important;
}
.originassist-tab{ 
background-position:0 -608px!important;
}
.originassist-tab.active{ 
background-position:0 -646px!important;
}


ul.icon-list{
padding:5px 0 24px;}
ul.icon-list li{
margin-left:15px;
margin-top:15px;}
ul.icon-list li a{
background:url(../images/side-icon.jpg) no-repeat 0 center;
padding-left:22px;
text-decoration:none;
}

#side-page dd h4{
margin:0;
}

.threehands-information{
margin-bottom:20px;
}
.description {
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 10px;
}



/*--------------FOOTER--------------*/

.footer {
    clear: both;
    color: #999999;
    display: block;
}
.copyright {
  font-size: 0.7em;
  line-height: 25px;
  margin-left: 0px;
  float: none!important;
  text-align: center;
  background: none repeat scroll 0 0 #333333;
}
.footer-links {
    height: auto;
	margin:10px;
	line-height:120%;
  float:none!important;
}
.footer-links a {
    font-size: 0.7em;
	color:#CCCCCC;
	text-decoration:none;
}
.footer-info {
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*--------------/company/message.html--------------*/
.pr{
	position:relative;
}
.pa0{
	position:absolute;
	left:0;
	top:0;
}
.w100pc{
	width:100%;
}

/*--------------/service/servicesolution.html--------------*/
.servicesolution h2{
    color:#094486;
    font-size:24px;
    margin-top:30px;
    margin-bottom:0px;
}
.servicesolution img{
    margin:10px 0px;
}