/* サービス内容共通 */

#service01-wrapper{
 margin:0px 0px 30px 0px
}

.con-wrapper{
 width:618px;
 border-left:solid 1px #a6d43a;
 border-right:solid 1px #a6d43a;
 border-bottom:solid 1px #a6d43a;
 margin:10px 0px 0px 0px;
}

.border-gray {
	border-color:#c8c8c8;
}

.border-blue {
	border-color:#00b7ee;
}

.border-none {
   border:none;
}

.service01_desc {
 padding:16px;
}

#service01-wrapper h3 {
 font-size:0px;
}

#service01-wrapper .border-blue h3 {
 padding:10px 0px 10px 20px;
 background:#00b7ee;
}


#service01-wrapper h4 img {
 padding:0px 0px 10px 0px;
}

#service01-wrapper h5 {
 font-size:13px;
 color:#0099cc;
}

#service01-wrapper h6 {
 font-size:12px;
 font-weight:bold;
 color:#0099cc;
}

#service-btn-wrapper {
 padding:16px 16px 10px 16px;
}

#service-btn-wrapper ul{
 margin:0px 0px 5px 0px;
}

#service-btn-wrapper ul li {
	float:left;
	margin-right:5px;
}

#service-btn-wrapper .last {
	margin-right:0px;
}

.s_pagetop{
 text-align:right;
 margin:10px 0px 0px 0px
}

.service01_desc dl {
 border-top:solid 1px #dcdcdc;
 padding:20px 0px 0px 0px;
 margin:20px 0px 10px 0px;
}

.service01_desc dl.border-none {
 border-top:none;
 padding:10px 0px 0px 0px;
 margin:0px 0px 10px 0px;
}

.service01_desc dl dt {
 float:left;
 width:160px;
}

.service01_desc dl dd {
 float:right;
 width:416px;
}

.desc_smartphone{
 margin:20px 0px 10px 0px
}

.img_c30 {
   text-align:center ;
   margin:30px 0px 30px 0px ;
}

.common1 {
	padding:0px 0px 0px 55px;	
	background:url(../img/service4_tuzyo.gif) no-repeat left;
}

.common2 {
	padding:0px 0px 0px 50px;	
	background:url(../img/service4_ippan.gif) no-repeat left;
}

.accent01 {
	background-color:#f0f0f0;
	border-left: solid 10px #00b7ee;
	margin: 30px 0px 20px 0px;
	padding: 10px 0px 10px 10px;
}

.accent02  {
    margin:5px 0px 0px 0px;
	padding:0px 15px 2px 0px;	 
	background:url(../img/eye_catch_orange.gif) no-repeat right;
	text-align:right;
}

.accent03 {
	padding:3px 0px 0px 18px;	
	background:url(../img/eye_catch_orange.gif) no-repeat left;
}

.list01 li{
   margin:0px 0px 20px 0px;
}

.list02 li{
	list-style:square;
	margin-left:14px;
	margin:0px 0px 10px 15px;
}

.img_right {
   float:right;
   margin:0px 0px 16px 16px;
}


/* 作業の流れ用 */

.step h5 {
   margin:8px 0px 8px 0px;
}

.step dl {
 padding:10px 0px 0px 0px;
 margin:10px 0px 10px 0px;
 border-top:none;
}

.step dt {
 float:left;
 text-align:center;
 width:150px;
}

.step dl dd {
 float:right;
 width:426px;
}


/* 04.広告代理店業務専用 */


.service-list {
	margin:20px 0px 20px 50px;
	font-size:10px;
}

.service-list ul {
	float:left;
}

.service-list li {
   list-style-type:disc;
}

.service-list ul:first-child {
	margin-right:55px;
}

p.directory_desc {
	font-size:10px;
	margin-top:10px;
}

.directory_wrapper {
	border-color:#c8c8c8;
}

.directory_wrapper dl{
	padding:15px 0px 0px 0px;
	margin:15px 0px 18px 0px;	
}

.directory_wrapper dl dt {
	 width:146px;
}

.directory_wrapper dl dt.pc {
	padding:0px 0px 0px 20px;	
	background:url(../img/icon_pc.gif) no-repeat left;
}

.directory_wrapper dl dt.mb {
	padding:0px 0px 0px 20px;	
	background:url(../img/icon_mb.gif) no-repeat left;
}

.oyakudachi-desc{
 padding:16px 16px 0px 16px;
}

.oyakudachi-desc dl {
padding:0px 0px 20px 0px;
}

ul.oyakudachi-left{
   float:left;
   width:280px;
}

ul.oyakudachi-right{
   float:right;
   width:280px;
}



/* DFS専用 */
.dfs-output dl {
	padding:0px 0px 15px 150px;
}

.dfs-output dl dt {
	float:left;
	width:250px;
}

.dfs-output dl dd {
	float:left;
}

.img_m16 {
 margin:16px;
}

.tbl_style1 {
	width: 586px;
	margin-bottom:10px;
}

.tbl_style1 th, .tbl_style1 td{
	border:solid 1px #707070;
	padding:5px 5px 5px 5px;
}

.tbl_style1 th {
	width: 20%;
	background:#4cccf3;
}


/* 集客サービス */
.promo_list h5 {
   margin:0px;
}


/* ECサイト関連 */
.ec-logo {
   padding:16px;
   margin-top:16px;
} 

.ec-logo ul li{
   float:left;
   margin:0 1% 0 0;
   width:24%;
}

.ec-logo ul li:last-child{
   margin:0;
}

.ec-logo ul li img{
   width:100%;
}

.ec-logo .last {
	margin-right:0px;
}


#side-navi .affiliate {
    text-align: center;
    margin: 0 0 2px;
    padding: 5px 20px;
    border: 5px solid #f0f0f0;
}

#side-navi .affiliate img {
	width:100%;
}

h1.ec-manage {
	font-size:10px;
	color:#666;
	margin:0 0 2px;
}


@media screen and (max-width:767px){
	.ec-logo ul li{
	   float:left;
	   margin:2%;
	   width:45%;
	}
}