@charset "utf-8";
/*サブメニュー（サービス一覧）*/

/*通常時*/
a#link_sol1 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat; width:93px; }

a#link_sol2 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -93px 0; width:79px; }

a#link_sol3 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -172px 0; width:74px; }

a#link_sol4 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -246px 0; width:108px; }

a#link_sol5 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -354px 0; width:143px; }

a#link_sol6 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -497px 0; width:167px; }

a#link_sol7 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -664px 0; width:94px; }

a#link_sol8 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -758px 0; width:94px; }

/*オンマウス時*/
a:hover#link_sol1 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat 0 -43px  }

a:hover#link_sol2 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -93px -43px  }

a:hover#link_sol3 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -172px -43px  }

a:hover#link_sol4 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -246px -43px  }

a:hover#link_sol5 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -354px -43px  }

a:hover#link_sol6 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -497px -43px  }

a:hover#link_sol7 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -664px -43px  }

a:hover#link_sol8 { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -758px -43px  }

/*選択時*/
a#link_sol1_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat 0 -86px; width:93px; }

a#link_sol2_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -93px -86px; width:78px; }

a#link_sol3_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -172px -86px; width:76px; }

a#link_sol4_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -246px -86px; width:108px; }

a#link_sol5_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -354px -86px; width:145px; }

a#link_sol6_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -497px -86px; width:167px; }

a#link_sol7_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -664px -86px; width:97px; }

a#link_sol8_sd { background: url(../images/solution/sub_menu_02_1.gif) no-repeat -758px -86px; width:97px; }

/*見出し（サービス一覧）*/
#h2ttl{
	height:112px;
	width:900px;
	margin:0 auto;
	text-indent:-9999px;
	}

h2.h2_sol{background:url(../images/solution/h2_sol.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol01{background:url(../images/solution/h2_sol01.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol02{background:url(../images/solution/h2_sol02.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol03{background:url(../images/solution/h2_sol03.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol04{background:url(../images/solution/h2_sol04.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol05{background:url(../images/solution/h2_sol05.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol06{background:url(../images/solution/h2_sol06.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol07{background:url(../images/solution/h2_sol07.jpg) 0 0 no-repeat; height:112px;}
h2#h2_sol08{background:url(../images/solution/h2_sol08.jpg) 0 0 no-repeat; height:112px;}
h2.h2_sol09{background:url(../images/solution/h2_sol09.jpg) 0 0 no-repeat; height:112px;}


#contents h3{
	background:url(../images/solution/h3_service.jpg) 0 100% no-repeat;
	font-size:100%;
	line-height:1.3;
	color:#000;
	padding:9px 0 9px 25px;
	width:605px;
	margin-bottom:25px;
}
#contents h3.marB10{margin-bottom:10px;}
#contents h3.indh3{
	background:none;
	font-size:0;
	padding:0;
	border:none;
	margin-bottom:15px;
}

#contents div.indent h4{
	width:400px;
	font-size:100%;
	color:#333399;
	background:none;
	line-height:1.6;

	padding:0;
	border:none;
	margin-bottom:10px;
}
#contents h4.h4_l{
	font-size:93%;
	background: url(../images/common/h4_ttl01.gif) 18px 11px no-repeat #f6f6f6;
}

div.bg_blue{
	background:url(../images/solution/img_ind11.gif) 0 bottom no-repeat #F4FAFF;
	padding-bottom:13px;
}

/*インデックスタイトル設定*/
div.grbox dt.ttlwsite a{background:url(../images/solution/ttl_wsite.gif) 0 0 no-repeat; width:127px;}
div.grbox dt.ttlwsup a{background:url(../images/solution/ttl_wsup.gif) 0 0 no-repeat; width:95px;}
div.grbox dt.ttlmob a{background:url(../images/solution/ttl_mob.gif) 0 0 no-repeat; width:90px;}
div.grbox dt.ttlcons a{background:url(../images/solution/ttl_cons.gif) 0 0 no-repeat; width:225px;}
div.grbox dt.ttllin a{background:url(../images/solution/ttl_lin.gif) 0 0 no-repeat; width:177px;}
div.grbox dt.ttlint a{background:url(../images/solution/ttl_int.gif) 0 0 no-repeat; width:200px;}
div.grbox dt.ttlbui a{background:url(../images/solution/ttl_bui.gif) 0 0 no-repeat; width:116px;}
div.grbox dt.ttlcop a{background:url(../images/solution/ttl_cop.gif) 0 0 no-repeat; width:132px;}
div.grbox dt.ttldeli a{background:url(../images/solution/ttl_deli.gif) 0 0 no-repeat; width:224px;}

div.grbox dt.ttlwsite a:hover{background:url(../images/solution/ttl_wsite.gif) 0 -15px no-repeat; width:127px;}
div.grbox dt.ttlwsup a:hover{background:url(../images/solution/ttl_wsup.gif) 0 -15px no-repeat; width:95px;}
div.grbox dt.ttlmob a:hover{background:url(../images/solution/ttl_mob.gif) 0 -15px no-repeat; width:90px;}
div.grbox dt.ttlcons a:hover{background:url(../images/solution/ttl_cons.gif) 0 -15px no-repeat; width:225px;}
div.grbox dt.ttllin a:hover{background:url(../images/solution/ttl_lin.gif) 0 -15px no-repeat; width:177px;}
div.grbox dt.ttlint a:hover{background:url(../images/solution/ttl_int.gif) 0 -15px no-repeat; width:200px;}
div.grbox dt.ttlbui a:hover{background:url(../images/solution/ttl_bui.gif) 0 -15px no-repeat; width:116px;}
div.grbox dt.ttlcop a:hover{background:url(../images/solution/ttl_cop.gif) 0 -15px no-repeat; width:132px;}
div.grbox dt.ttldeli a:hover{background:url(../images/solution/ttl_deli.gif) 0 -15px no-repeat; width:224px;}

/*特長リスト*/
ul.catch01{margin:10px 0 20px 20px;}
ul.catch01 li{
	font-size:90%;
	color:#000;
	font-weight:bold;
	padding:0 0 15px 70px;
	list-style:none;
	background:url(../images/solution/catch01.gif) 0 0 no-repeat;
	color:#333;
}

/*区切りライン*/
div.bddash{
	border-bottom:1px dashed #999;
	padding-bottom:20px;
}

/*ボックス（ブルー）*/
div#boxblue{
	width:590px;
	padding:20px;
	border:1px solid #E0EDF8;
	background-color:#F3F8FC;
	margin-bottom:30px;
}
div#boxblue h4{
	font-size:85%;
	color:#DE460D;
	margin:5px 0 10px 0;
	width:315px;
	background:none;
	border:none;
	padding:0;
}
div#boxblue .fl_l{width:300px;}
div#boxblue .img_l{
	border:1px solid #CCC;
	padding:3px;
	background-color:#FFF;
	margin:0 20px 14px 0;
}
div#boxblue p.lh16{line-height:1.6;}

/*問い合わせ番号*/
.tel{
	float:left;
	margin-right:20px;
}

div#inq_web,
div#inq_websu,
div#inq_mob,
div#inq_con,
div#inq_lin,
div#inq_int,
div#inq_oa,
div#inq_ind,
div#inq_askul{margin-bottom: 7px; }


div#inq_web{background: url(../images/solution/bnn_inq_web.gif) no-repeat;}
div#inq_websu{background: url(../images/solution/bnn_inq_websu.gif) no-repeat;}
div#inq_mob{background: url(../images/solution/bnn_inq_mob.gif) no-repeat;}
div#inq_con{background: url(../images/solution/bnn_inq_con.gif) no-repeat;}
div#inq_lin{background: url(../images/solution/bnn_inq_lin.gif) no-repeat;}
div#inq_int{background: url(../images/solution/bnn_inq_int.gif) no-repeat;}
div#inq_oa{background: url(../images/solution/bnn_inq_oa.gif) no-repeat;}
div#inq_ind{background: url(../images/solution/bnn_inq_ind.gif) no-repeat;}
div#inq_askul{background: url(../images/solution/bnn_inq_askul.gif) no-repeat;}

/*メールで問い合わせボタン*/
.bnn_inq{
	background:url(../images/solution/bnn_inq_l.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:left
}
.bnn_inq a{
	width:287px;
	height:58px;
	display:block;
}
.bnn_inq a:hover{
	background:url(../images/solution/bnn_inq_l.gif) 0 -58px no-repeat;
}

/*カタログ請求ボタン*/
.bnn_inq_askul{
	background:url(../images/solution/bnn_inq_askul01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:left
}
.bnn_inq_askul a{
	width:287px;
	height:58px;
	display:block;
}
.bnn_inq_askul a:hover{
	background:url(../images/solution/bnn_inq_askul01.gif) 0 -58px no-repeat;
}

/*カタログ請求ボタン(右サイド）*/
.bnn_inq_askul_r{
	background:url(../images/solution/askul_bn_lr.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:left
}
.bnn_inq_askul_r a{
	width:287px;
	height:58px;
	display:block;
}
.bnn_inq_askul_r a:hover{
	background:url(../images/solution/askul_bn_lr.gif) 0 -58px no-repeat;
}


/*導入事例*/
div.case {
	width:610px;
	margin: 0 10px 15px 10px;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
}
div.case p.inimg a {
	float:left;
	margin-right:17px;
	border:1px solid #ccc;
}
div.case p.inimg a:hover{ border: 1px solid #3c53a4 }
div.case dl{
	margin-bottom: 10px;
}
div.case dt{
	font-size:88%;
	font-weight:bold;
	text-indent:0;
	padding:3px 0 5px;
}
div.case dd {
	font-size: 88%;
	line-height: 1.5;
}


/*インターネット接続 テキスト*/
div.inttxt{
	padding:5px 0 10px 55px;
	background:url(../images/solution/img_int04_bg.gif) 0 0 no-repeat;
	margin-bottom:30px;
}
div.inttxt span{
	color:#333399;
	font-size:120%;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

div.intbox{margin-left:35px;}
#contents div.intbox h4{
	background:none;
	font-size:100%;
	color:#000099;
	padding:0;
	border:none;
	margin-bottom:5px;
}

/*選べる端末3タイプ*/
div.threetype{
	width:188px;
	margin:0 15px 25px 0;
	float:left;
}
div.threetype p{	
	font-size:71%;
	color:#666;
	line-height:1.4;
}
div.threetype span{font-weight:bold; font-size:110%;}
#contents div.marR0{margin-right:0;}


/*オフィス用品デリバリーサービス*/

.font_blue {
	color: #333399;
}
.font_b {
	font-weight: bold;
}


div.inq_area_askul {
	height: 119px;
	width: 240px;
	position: relative;
}
div.inq_area_askul a {
	background: url(../images/solution/askul_bn_lr.gif) no-repeat;
	height: 45px;
	width: 218px;
	position: absolute;
	top: 66px;
	left: 12px;
}
div.inq_area_askul a:hover {
	background: url(../images/solution/askul_bn_lr.gif) no-repeat 0 -45px 
}
div.inq_area_askul a{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


div.box_wrap{
	border-top:1px solid #E0EDF8;
	border-right:1px solid #E0EDF8;
	border-left:1px solid #E0EDF8;
	background-color:#F3F8FC;
}
div#box #contents .askul_tl {
	margin: 0 0 10px 0;
	border: none;
	background: none;
	padding: 0 0 0 10px
}
div.inner_wrap {
	padding: 15px 20px;
}
div.inner_wrap ul li {
	padding-left: 25px;
	font-size:80%;
	list-style-type: none;
	background: url(../images/solution/ic_askul.gif) no-repeat left 6px;
	line-height: 1.6;
}
div#askul_box dl dd {
	float: left;
}
p.sub_tl {
	margin: 15px 0 5px 0;
}
p.white_box {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 10px 12px;
}
.product_box {
	margin-bottom: 30px;
}
.indent01{
	margin:0 10px 10px 10px
}
.marB5{
	margin-bottom: 5px;
}
.marT15{
	margin-top: 15px;
}



/*インデント*/

#contents div.indent{
	margin-bottom:15px;
}

#indoa{
	width:630px;
	background:url(../images/solution/bg_oa.jpg) 0 bottom no-repeat;
}
#contents #indoa .indent{
	margin-bottom:0;}
div#askul_box .fl_l {
	float: left;
	width: 195px;
}
div.fl_r {
	float: right;
	width: 435px;
}