@charset "UTF-8";


/*==================================================================
business
===================================================================*/
/*menu
-----------------------------------------------------------------*/
#main .menu{
	margin-bottom:20px;
	}
#main .menu li{
	float:left;
	padding-right:8px;
	}
#main .menu a{
	display:block;
	overflow:hidden;
	height:0;
	padding-top:55px;
	overflow:hidden;
	width:234px;
	}
#main .menu .menuInteg a{
	background:url(/img/common/menu_integration.gif) no-repeat;
	}
#main .menu .menuMedia a{
	background:url(/img/common/menu_media.gif) no-repeat;
	}
#main .menu .menuAd a{
	background:url(/img/common/menu_ad.gif) no-repeat;
	}
#main .menu .menuAd{
	padding-right:0;
	}

/*listing
-----------------------------------------------------------------*/
.rightImg{
	float:right;
	margin:0 0 15px 15px;
	}
.leftImg{
	float:left;
	margin:0 15px 15px 0;
	}
.pageAd div.rightBox{
	width:530px;
	}
#do{
	clear:both;}
#see{
	clear:both;}
.pageTwipro .gray{
	text-decoration:line-through;
	}
.pageBlog .rightBox{
	width:575px;
	}
.caseList:after{
    content: ""; 
    display: block; 
    clear: both;
	}
.caseList .inner{
	padding: 10px;
	}
.section .leftBox{
	margin-right:10px;
	}



/*media
-----------------------------------------------------------------*/
.mb10{
	margin-bottom:10px;
	}
.mediaList,.mediaList2{
	margin-bottom:10px;
	zoom:1;
	}
.mediaList li{
	float:left;
	width:33%
	}
.mediaList2 li{
	float:left;
	width:50%
	}

.mediaList:after,.mediaList2:after{
    content: ""; 
    display: block; 
    clear: both;
	}
ul#prov li.normal, ul#prov li.line {
background: url("/img/common/line_dot.gif") repeat-x 0% 0%;
/*height: 1.2em;*/
padding: 8px 4px;
}
ul#prov {
height: 1%;
line-height: 133%;
margin: 10px 0px 20px 0px;

}

ul#prov h3 {
margin: 0px 0px !important;
background: none !important;
font-weight: normal;
padding: 0px 0 7px 15px;
}
ul#prov li ul {
margin-top: -1.7em;
margin-left: 130px;
}
ul#prov li ul li {
background-image: none;
display: inline;
padding: 0px 2px;
}

.OfficialMobile h4 {
font-weight: bold;
}
.OfficialMobile .carrier img {
vertical-align: middle;
}

.OfficialMobile .leftBox2{
	float:left;
	width:250px;
	padding-left: 20px;
	margin-right:15px;
	text-align: left;
}

.OfficialMobile #main table img.leftBox { position: relative; top: 5px;}

.OfficialMobile #main table{
	margin-bottom:20px;
	border: 1px solid #DCDCDC;
	border-right: none;
	border-bottom: none;
	}
.OfficialMobile  #main table td {
	text-align: center;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 50%;
	padding: 5px 0 13px;
	}
.pageWebsite #main ul.gyoshu:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pageWebsite #main ul.gyoshu, {
    display: block;
}
.pageWebsite #main ul.gyoshu li {
    float: left;
    margin: 0 9px 10px 0;
    width: 170px;
}
.pageWebsite #main ul.gyoshu li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    padding: 5px 0;
    text-align: center;
}

.pageHr.Package .disc { margin-bottom: 0;}

/* develop a app
-----------------------------------------------------------------*/
.appworks td ul{
	width:200px;
	text-align:left;
	padding-left:10px;
}

.appworks td ul li{
	display:inline;
}

.appworks td p{
	text-align:left;
	font-size:100%;
	width:200px;
	margin:0 auto;
}