@charset "utf-8";
/* CSS Document */

div{
	zoom:1;/*for IE 5.5-7*/
	}

div:after{/*for modern browser*/
	content:"";
	display: block;
	clear:both;
	}

* html div{
	display:inline-table;
	/*\*/display:block;/**/
	}

ul{
	zoom:1;/*for IE 5.5-7*/
	}

ul:after{/*for modern browser*/
	content:"";
	display: block;
	clear:both;
	}

* html ul{
	display:inline-table;
	/*\*/display:block;/**/
	}

p{
	zoom:1;/*for IE 5.5-7*/
	}

p:after{/*for modern browser*/
	content:"";
	display: block;
	clear:both;
	}

* html p{
	display:inline-table;
	/*\*/display:block;/**/
	}

img{
	vertical-align:bottom;
}

/**********************
共通
**********************/

h2{
	margin-bottom:10px;
}

.padR18{
	padding-right:18px;
}

.padR44{
	padding-right:44px;
}

.padR50{
	padding-right:50px;
}

.padR17{
	padding-right:17px;
}
.mgR20{
	margin-right:40px;
}

.mgB15{
	margin-bottom:15px;
}

.mgB25{
	margin-bottom:40px;
}


p.txtConv{
	padding:15px;
}

h4.conv{
	padding:0 12px 10px;;
	margin:10px 0;
	content:"";
	display: block;
	clear:both;
	border:none;
}

a img:hover{
	filter:alpha(opacity=75); /* IE透明度 */
	-moz-opacity:0.75; /* Firefox・Netscape透明度 */
	opacity:0.75; /* Opera・Safari透明度 */	
	}

/**********************
シャープの複合機で手軽に
**********************/
#convMainImg{
	height:311px;
}

#conv01 .clm2{
	position:relative;
	padding:5px 0 25px 22px;
	background:url(/print/medias/images/solution/public/conv_line_bg01.gif) center top repeat-y;
	margin-bottom:20px;
}

#conv01 .clm2 ul li{
	width:437px;
	float:left;
	display:inline;
}

#conv01 .clm2 ul li table.covTb{
}

#conv01 .clm2 ul li table.covTb td.appGooBtn a img{
	margin:5px 5px;
}

#conv01 .clm2 ul li table.covTb td{
	padding:5px 0;
	font-size:0.86em;
}

/**********************
サービスのご紹介
**********************/


#conv02 .clm2{
	position:relative;
	padding:5px 0 5px 10px;
	background:url(/print/medias/images/solution/public/conv_line_bg02.gif) center top repeat-y;
	margin-bottom:0px;
}

#conv02 .clm2 ul li{
	float:left;
	display:inline-block;
	width:445px;
	padding-bottom:5px;
}


#conv02 .clm2 ul li h5{
	padding-left:10px;
	font-size:1.0em;
	font-weight:bold;
}
#conv02 .clm2 ul li .columBox{
	padding-left:10px;
}
#conv02 .clm2 ul li .columBox p.convTx{
	display:block;
	padding:8px 0;
	width:160px;
	font-size:0.93em;
}

#conv02 .clm2 ul li .columBox td.kara{
	width:162px;
	display:block;
}

#conv02 .clm2 ul li .columBox td p{
	width:235px;
	font-size:0.86em;
	padding:0 0 0 30px;
}

#conv02 .clm2 ul li .columBox td a img{
	padding:8px 0 0 8px;
}


#conv02 div.lineYoko{
	height:30px;
	background:url(/print/medias/images/solution/public/conv_line_bg03.gif) #FFF center center repeat-x;
}


/************************************
　コンビニ 更新 2014/3/20
************************************/

div.convMainBox{
	border:1px solid #ccc;
	background-color:#efefef;
	padding:20px 0 20px 20px;
	margin-bottom:20px;
}

div.convMainBox .convH2{
	padding:0;
	margin-bottom:15px;
}

div.convMainBox p{
	line-height:1.5em;
}

div.convMainBox .shopSearch{
	padding-top:20px;
	padding-bottom:10px;
}


/*
カラム設定
*/
div.colum2{}

div.colum2 ul li{
	float:left;
	display:inline-block;
	width:400px;
	padding-bottom:20px;
	width:465px;
}

div.colum2 ul li h3{
	background:url(/print/medias/images/solution/public/h3_bg.gif) top repeat-y;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height:24px;
	line-height:24px;
	padding-left:18px;
	color:#2c4cb8;
}

div.colum2 ul li .columBox{
	padding:10px;
}

div.colum2 ul li p.convTx{
	display:block;
	line-height:1.5em;
	float:right;
	width:230px;
	font-size:0.93em;
}


/**********************
汎用
**********************/
.convCau{
	font-size:0.81em;
	margin-bottom:15px;
}

/**********************
ボタンエリア TOP
**********************/

#linkAreaTop{
	position:relative;
	padding:0 0 0 5px;
	background-color:#fff;
	margin:20px 0;
}

#linkAreaTop ul{
}

#linkAreaTop ul li{
	float:left;
	display:inline;
	padding-right:5px;
	padding-bottom:5px;
}


#convNavi{
	position:relative;
	padding:10px 0 2px 12px;
}

#convNavi ul li{
	float:left;
	display:inline-table;
	margin-right:8px;
	margin-bottom:8px;
}