@charset "utf-8";

/* 20080906 機能についてページ問い合わせ部分用マージン設定に作成 */
.contents_box3 {
	width: 600px;
	height: auto;
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* 20081018 お見積りフォーム修正時追加 */
.pagetop02 {
	clear: both;
	display: block;
	width: 755px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
.pagetop02 a:link {color: #0088ff; text-decoration: underline;} 
.pagetop02 a:visited {color: #0099ff; text-decoration: underline;}
.pagetop02 a:hover {color: #ff8800; text-decoration: underline;}
.pagetop02 a:active {color: #ff9900; text-decoration: none;}
/* 20081018 お見積りフォーム修正時追加終了 */


/*functionの追加*/

#ft_icon ul {
	padding:0;
	margin:0;

}
#ft_icon ul li{
	padding:0;
	margin:0;
	float:left;
	list-style:none;
}

#ft_icon ul li img{
	padding:0px;
	margin:0px;
}
.ft_link {
	font-size:95%;
	color: #0072bc;
	padding-bottom:0;
	margin-bottom:0;
}

.ft_box {
	width: 605px;
	height: auto;
	clear: both;
	margin-bottom: 10px;
	margin-top: 0px;
}
.ft_box1 {
	width: 605px;
	height: auto;
	clear: both;
	margin-bottom:0px;
	margin-top: 0px;
}
.ta1{
	height:35px;
	width:120px;
	text-align:center;
	border-top:1px #898989 solid;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
    background:#ebebeb;
}

.ta2{
	padding:0 10px;
	border-left:1px #898989 solid;
	border-top:1px #898989 solid;
	border-bottom:1px #898989 solid;
	border-right:1px #898989 solid;}
.ta3{
	text-align:center;
	height:35px;
	width:90px;
	text-align:center;
	border-top:1px #898989 solid;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
	background:#ebebeb;
}
.ta4{
	padding:0 10px;
	border-bottom:1px #898989 solid;
	border-right:1px #898989 solid;
}
.ta4_01{
	padding:0 10px 0 30px;
	border-bottom:1px #898989 solid;
	border-right:1px #898989 solid;
	background:#ebebeb;
}
.ta4_02{
	padding:0 10px 0 10px;
	border-bottom:1px #898989 solid;
}
.ta4_03{
	padding:0 10px 0 30px;
	border-right:1px #898989 solid;
	background:#ebebeb;
}
.ta4_03{
	padding:0 10px 0 30px;
	border-right:1px #898989 solid;
	background:#ebebeb;
}
.ta4_04{
	padding:0 2px 0 2px;
	border-bottom:1px #898989 solid;
	border-right:1px #898989 solid;
	background:#ebebeb;
}
.ta5{
	text-align:center;
	padding:7px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
    background:#ebebeb;
}
.ta5_1{
	text-align:center;
	padding:7px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
    background:#ebebeb;
}
.ta5_1_02{
	text-align:center;
	width:120px;
	padding:7px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
    background:#ebebeb;
}
.ta5_1_03{
	text-align:center;
	width: 10px;
	padding:4px 1px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
    background:#ebebeb;
}
.ta502{
	text-align:center;
	padding:7px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
}

.ta502_1{
	text-align:center;
	padding:7px;
	border-bottom:1px #898989 solid;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
}

.ta6{
	padding:7px 7px 7px 10px;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
	border-bottom:1px #898989 solid;
}
.ta602{
	padding:7px 7px 7px 10px;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
	border-bottom:1px #898989 solid;
	background:#ebebeb;
}
.ta7{
	padding:0 10px;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
	border-bottom:1px #898989 solid;
}
.ta8{
	padding:0;
	border-left:1px #898989 solid;
	border-right:1px #898989 solid;
	border-bottom:1px #898989 solid;
}
.center{
text-align:center;
}
#np ul {
list-style:none;
margin-left:17px;
padding : 0; 
}

#np ul .blue_line{
width:548px;
padding:10px;
border-left:#0569ae solid 1px;
border-right:#0569ae solid 1px;
}
.bg_line{
background:url(../../function/img/bg_line.gif) repeat-y top left;
}
.bg_line1{
background:url(../../function/img/bg_line1.gif) no-repeat top left;}

#company{
width:560px;
}
#left{

width:225px;
float:left;
margin-top:10px;
padding-left:12px;
}
#right{
position:relative;
top:0;
width:350px;
float:left;
margin-left:6px;
}


/* 提携サービス料金表部分追加 */
.ft_tbl_price {
 width: 580px;
 border: none;
}

/* 20090303提携サービス会社概要表部分追加 */
.ft_tbl_comp {
 width: 350px;
 border: none;
}
/* e_navi追加 */


/*e_explanationの追加*/

#e_explanation{

font:"ＭＳ ＰＲゴシック", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "A-OTF 教科書ICA Pro L" ;
color:#000066;
height:644px;
width:600px;
}

#e_explanation .e_bg1{
background:url(../../function/img/e_ex1.jpg) no-repeat top left;
height:110px;
width:600px;
}

#e_explanation p.e_txt1{
width:410px;

padding:45px 30px 0 160px;
}

#e_explanation .e_bg2{
background:url(../../function/img/e_ex2.jpg) no-repeat top left;
height:107px;
width:600px;
}
#e_explanation p.e_txt2{
width:410px;
padding:50px 30px 0 160px;
}
#e_explanation .e_bg3{
background:url(../../function/img/e_ex3.jpg) no-repeat top left;
height:107px;
width:600px;
}
#e_explanation p.e_txt3{
width:410px;
padding:50px 30px 0 160px;
}
#e_explanation .e_bg4{
background:url(../../function/img/e_ex4.jpg) no-repeat top left;
height:107px;
width:600px;
}
#e_explanation p.e_txt4{
width:410px;
padding:30px 30px 0 160px;
}
.font11_1{
font-size:11px;
line-height:120%;}
#e_explanation .e_bg5{
background:url(../../function/img/e_ex5.jpg) no-repeat top left;
height:107px;
width:600px;
}
#e_explanation p.e_txt5{
width:410px;
padding:50px 30px 0 160px;
}
#e_explanation .e_bg6{
background:url(../../function/img/e_ex6.jpg) no-repeat top left;
height:105px;
width:600px;
}
#e_explanation p.e_txt6{
width:410px;
padding:50px 30px 0 160px;
}
#z_explanation1{
clear:both;
}
#z_explanation2{
clear:both;
width:600px;
margin-top:10px;
margin-bottom:10px;
font-size:12px;
}

#service dl{
padding:0;
margin:0;
}
#service dt{
padding:0;
margin:0;
font-weight:bold;
color:#fa0a0d;
padding-left:167px;
padding-top:10px;
width:433px;
}
#service dd{
padding:0;
margin:0; 
padding:0 30px 10px 30px;
}
#service dd img{
	padding-right:10px;
	padding:0;
	margin:0;
	float:left;
}


.font12{
font-size:10px;
}
.letter_line{
color:#0072bc;
font-weight:bold;
border-bottom:#999999 1px solid;}

#z_explanation3{
clear:both;
width:600px;

}
#z_explanation4{
clear:both;
}
#zeus dl{
padding:0;
margin:0;
width:600px;
}

#zeus dl dt dd {

list-style:none;
padding:0;
margin:0;}

#zeus dd img {
float:left;
margin-right:13px;
}

#zeus{
clear:both;
font-size:12px;

}

#z_explanation5{
clear:both;
height:225px;
width:600px;
padding-bottom:10px;

}

.maru{
background:url(../../function/img/maru) no-repeat top left;
}

.font12px{
font-size:12px;}

#ok1 p{
padding:0;
}
#contents_box_ok{
clear:both;
width:600px;}

#company_ok{
clear:both;
width:600px;
}

#left_ok{
float:left;
*padding-left:12px;
}

#right_ok{
float:right;
padding-right:3px;
}
.w300{
width:300px;}


/*cybersourceの追加2009/09/17*/


dl.cyber-box-a{
	margin-bottom:9px;
	margin-top:0;
	width:297px;
	float: left;
	}
	
	
dl.cyber-box-a dd{
	padding:0;
	margin:0;
	}
	
dl.cyber-box-a dd p{
	padding:15px 15px 0;
	}
	
dl.cyber-box-a dd.bg-b{
	background:url(../../function/img/cybersource-b-2.jpg) no-repeat;
	height:79px;
	}
	
dl.cyber-box-a dd.bg-c{
	background:url(../../function/img/cybersource-c-2.jpg) no-repeat;
	height:79px;
	}
	
dl.cyber-box-a dd.bg-d{
	background:url(../../function/img/cybersource-d-2.jpg) no-repeat;
	height:96px;
	}
	
dl.cyber-box-a dd.bg-e{
	background:url(../../function/img/cybersource-e-2.jpg) no-repeat;
	height:96px;
	}


/*ブルーボックス（API）の主な特徴*/
div#cyber-box-b{
	padding:6px 0 0 10px;
	margin-bottom:20px;
	border:solid 1px #97b4ff;}
	
div#cyber-box-b p{
	padding:0px;
	margin:0px;
	}	

div#cyber-box-b ul{
	padding:14px 0 20px 12px;
	margin:0px;
	}

div#cyber-box-b ul li{
	background:url(../../function/img/cybersource-ic-01.jpg) no-repeat 0 8px;
	padding-left:12px;
	padding-right:10px;
	line-height:1.5em;
	}

/*オレンジボックスの主な特長*/
div#cyber-box-c{
	padding:6px 0 0 10px;
	margin-bottom:20px;
	border:solid 1px #c4c4c4;}
	
div#cyber-box-c p{
	padding:0px;
	margin:0px;
	}	

div#cyber-box-c ul{
	padding:14px 0 20px 12px;
	margin:0px;
	}

div#cyber-box-c ul li{
	background:url(../../function/img/cybersource-ic-01.jpg) no-repeat 0 8px;
	padding-left:12px;
	padding-right:10px;
	line-height:1.5em;
	}

div#cyber-box-c p.mar-T13B20{
	padding:0px;
	margin:13px 0 20px;
	}


/*オレンジボックスの主な特長*/
div#cyber-box-d{
	padding:6px 0 0 10px;
	margin-bottom:20px;
	border:solid 1px #c4c4c4;}
	
div#cyber-box-d p{
	padding:0px;
	margin:0px;
	}	

div#cyber-box-d p.mar-T13B20{
	padding:0px;
	margin:13px 0 20px;
	}
	
/*グローバル不正利用対策ポータル：ディシジョンマネージャー */
div#cyber-box-e{
	width:600px;
	margin-bottom:20px;}
	div#cyber-box-e .bor-01{
		border:solid 1px #c4c4c4;}
		div#cyber-box-e p{
			padding:0;
			margin:0;}
			div#cyber-box-e .bor-01 .bg-01{
				background:url(../../function/img/cybersource-j-2.jpg) repeat-x;}
				div#cyber-box-e .bor-01 .bg-01 .tx-01{
					padding:10px 5px 0 10px;}
				div#cyber-box-e .bor-01 .bg-01 .tx-02{
					padding:15px 5px 15px 10px;}
					div#cyber-box-e .bor-01 .bg-01 ul{
						padding:13px 0 17px ;
						margin:0;
						background:url(../../function/img/cybersource-dot.jpg) repeat-x top left;}
						div#cyber-box-e .bor-01 .bg-01 ul li{
							background:url(../../function/img/cybersource-ic-01.jpg) no-repeat 0 8px;
							padding-left:12px;
							padding-right:10px;
							margin-left:18px;
							line-height:1.5em;}
						
/*ショッピングカート制作.com提供サービス */
div#cyber-box-e .bor-01 .ta-01{
	margin:0 0 12px;
	}
	div#cyber-box-e .bor-01 .ta-01 th{
	border:none;}



						
div#cyber-box-e .bor-01 .box-list{
	padding:0;
	margin:0;
	background:url(../../function/img/cybersource-dot.jpg) repeat-x top left;}

div#cyber-box-e .bor-01 .ti-01{
	font-size:14px;
	font-weight:bold;
	color:#02009e;
	padding:8px 14px 8px;}


div#cyber-box-e .bor-01 .box-list .ta-02 {
	margin:0 13px 0 ;
	border-collapse:collapse;}
	div#cyber-box-e .bor-01 .box-list .ta-02 th{
		border:solid 1px #c4c4c4;
		background:#e6f4ff;
		padding:10px 3px;}
		div#cyber-box-e .bor-01 .box-list .ta-02 td{
		border:solid 1px #c4c4c4;
		text-align:center;
		padding:0 2px;}
		
		

/*ショッピングカート制作.com提供サービスTrsdeSafe */


div#contents div.box-01-01{
	width:600px;
	margin:0 0 18px;
	clear:both;
	}

div#contents div.box-01-01 p.font-01-01{
	padding:10px 0  0 15px;
	font-size:12px;
	}
	
div#contents div.box-01-01 h3{
	width:600px;
	height:39px;
	font-size:15px;
	line-height:2.8em;
	text-indent:15px;
	background:url(../../function/img/tradesafe-ti-03-01.jpg) no-repeat;
	}

div#contents div.box-01-01 p.img-01-01{
	padding:8px 0 9px;
	text-align:center;
	margin:0 auto;
	}
	
div#contents div.box-01-01 dl.box-01-02{
	margin:0px;
	margin-bottom:19px;
	}

div#contents div.box-01-01 dl.box-01-02 dt{
	width:141px;
	text-align:center;
	float:left;
	}
	
div#contents div.box-01-01 div.box-01-03{
	width:600px;
	margin-bottom:18px;
	background:url(../../function/img/tradesafe-box-01-01.jpg) no-repeat 0 39px;
	}

div#contents div.box-01-01 div.box-01-03 p{
	}
	
div#contents div.box-01-01 div.box-01-03 ul{
	padding-top:15px;
	padding-bottom:15px;
	padding-right:30px;
	margin-top:0;
	margin-bottom:0;
	font-size:12px;
	line-height:1.8em;
	}

	
div#contents div.box-01-01 div.box-01-03 ul li{
	padding:0;
	margin:0;
	}

div#contents div.box-01-01 div.box-01-03 h4{
	width:600px;
	height:39px;
	padding:0;
	margin:0;
	text-indent:17px;
	color:#00178f;
	line-height:2.8em;
	font-size:14px;
	background:url(../../function/img/tradesafe-ti-03-02.jpg) no-repeat;
	}

div#contents div.box-01-01 dl, dt, dd, div, h4{
	padding:0;
	margin:0;
	}


div#contents div.box-01-01 div.box-01-03 dl.box-01-04{
	width:275px;
	float:left;
	padding-top:13px;
	padding-left:21px;
	padding-bottom:9px;
	}
div#contents div.box-01-01 div.box-01-03 dl.box-01-04 dt{
	width:275px;
	height:39px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-indent:15px;
	line-height:3.2em;
	background:url(../../function/img/tradesafe-ti-03-03.jpg) no-repeat;
	}

div#contents div.box-01-01 div.box-01-03 dl.box-01-04 dd{
	width:275px;
	color:#FFFFFF;
	background:url(../../function/img/tradesafe-box-02-01.jpg) no-repeat;
	}

div#contents div.box-01-01 div.box-01-03 dl.box-01-04 dd p.tx-01-01{
	padding:5px 16px;
	font-size:12px;
	}

div#contents div.box-01-01 div.box-01-03 dl.box-01-05{
	width:275px;
	float:right;
	padding-top:13px;
	padding-right:21px;
	padding-bottom:9px;
	}
	
div#contents div.box-01-01 div.box-01-03 dl.box-01-05 dt{
	width:275px;
	height:39px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-indent:15px;
	line-height:3.2em;
	background:url(../../function/img/tradesafe-ti-03-03.jpg) no-repeat;
	}

div#contents div.box-01-01 div.box-01-03 dl.box-01-05 dd{
	width:275px;
	color:#FFFFFF;
	background:url(../../function/img/tradesafe-box-02-01.jpg) no-repeat;
	}

div#contents div.box-01-01 div.box-01-03 dl.box-01-05 dd p.tx-01-01{
	padding:5px 16px;
	font-size:12px;
	}
	
div#contents div.box-01-01 dl.box-02-01 p{
	padding:0;
	margin:0;
	}
	
div#contents div.box-01-01 dl.box-02-01 a{
	color:#152680;
	text-decoration:underline;
	}

div#contents div.box-01-01 dl.box-02-01 a:hover{
	text-decoration:none;
	}	

div#contents div.box-01-01 dl.box-02-01 {
	width:600px;
	height:128px;
	position:relative;
	border-bottom:solid 1px #e5e5e5;
	}

div#contents div.box-01-01 dl.box-02-01 dt{
	position:absolute;
	top:11px;
	left:7px;
	}

div#contents div.box-01-01 dl.box-02-01 dd{
	width:442px;
	position:absolute;
	top:22px;
	left:148px;
	}
	
div#contents div.box-01-01 div.box-03-01{
	width:600px;
	height:508px;
	background:url(../../function/img/tradesafe-bg-01-01.jpg) no-repeat 7px 11px;
	position:relative;
	}
	
div#contents div.box-01-01 div.box-03-01 p.tx-01-01{
	width:460px;
	position:absolute;
	left:128px;
	top:42px;
	}

div#contents div.box-01-01 div.box-03-01 p.tx-01-02{
	width:460px;
	position:absolute;
	left:128px;
	top:141px;
	}
div#contents div.box-01-01 div.box-03-01 p.tx-01-03{
	width:460px;
	position:absolute;
	left:128px;
	top:218px;
	}	
	
div#contents div.box-01-01 div.box-03-01 p.tx-01-04{
	width:460px;
	position:absolute;
	left:128px;
	top:295px;
	}

div#contents div.box-01-01 div.box-03-01 p.tx-01-05{
	width:460px;
	position:absolute;
	left:128px;
	top:373px;
	}
div#contents div.box-01-01 div.box-03-01 p.tx-01-06{
	width:460px;
	position:absolute;
	left:128px;
	top:451px;
	}	
	








div#contents div.box-01-01 div.box-03-02{
	width:600px;
	height:340px;
	background:url(../../function/img/tradesafe-bg-01-01.jpg) no-repeat 7px 11px;
	position:relative;
	}
	
div#contents div.box-01-01 div.box-03-02 p.tx-01-01{
	width:460px;
	position:absolute;
	left:128px;
	top:42px;
	}

div#contents div.box-01-01 div.box-03-02 p.tx-01-02{
	width:460px;
	position:absolute;
	left:128px;
	top:141px;
	}
div#contents div.box-01-01 div.box-03-02 p.tx-01-03{
	width:460px;
	position:absolute;
	left:128px;
	top:218px;
	}	
	
div#contents div.box-01-01 div.box-03-02 p.tx-01-04{
	width:460px;
	position:absolute;
	left:128px;
	top:295px;
	}














	
div#contents div.box-01-01 div.box-04-01 {
	width:600px;
	margin-bottom:14px;
	background:#f7f7f7;
	}

div#contents div.box-01-01 div.box-04-01 p.tx-01-01{
	padding:10px 15px;
	}

div#contents div.box-01-01 div.box-04-01 h4{
	padding:10px 14px;
	font-size:14px;
	color:#02009e;
	}

div#contents div.box-01-01 div.box-04-01 table{
	width:572px;
	border-collapse:collapse;
	margin: 0 auto 10px;
	text-align:center;
	}

div#contents div.box-01-01 div.box-04-01 table td{
	border:solid 1px #c4c4c4;
	background:#ffffff;
	font-size:11px;
	}
	
div#contents div.box-01-01 div.box-04-01 table td.ti-01-01{
	background:#e6f4ff;
	font-weight:bold;
	font-size:12px;
	padding:10px 2px;
	}

div#contents div.box-01-01 div.box-04-01 table td.tx-01-02{	
	text-align:left;
	padding:9px 11px;
	}








div#contents div.box-01-01 dl.box-04-02 {
	width:600px;
	height:85px;
	position:relative;
	background: url(../../function/img/tradesafe-img-03-03.jpg) no-repeat bottom #f7f7f7;
	}
	
div#contents div.box-01-01 dl.box-04-02 dt.ti-01-01{
	position:absolute;
	top:12px;
	left:14px;
	}

div#contents div.box-01-01 dl.box-04-02 dt.ti-01-02{
	position:absolute;
	top:44px;
	left:14px;
	}

div#contents div.box-01-01 dl.box-04-02 dd.tx-01-01{
	position:absolute;
	top:16px;
	left:110px;
	}
	
div#contents div.box-01-01 div.box-05-01 {
	width:600px;
	margin-bottom:14px;
	background:#f7f7f7;
	}

div#contents div.box-01-01 div.box-05-01 p {
	padding:0;
	margin:0;
	}
	
div#contents div.box-01-01 div.box-05-01 p.img-01-01 {
	float:left;
	width:225px;
	padding:12px 9px 9px 10px; 
	}
	
div#contents div.box-01-01 div.box-05-01 p.img-01-01 img{
	border:solid 2px #080093;
	}


div#contents div.box-01-01 div.box-05-01 table{
	width:345px;
	border-collapse:collapse;
	float:left;
	margin:12px 0 9px 0;
	}
	
div#contents div.box-01-01 div.box-05-01 table td{
	border:solid 1px #c4c4c4;
	background:#ffffff;
	font-size:12px;
	padding:7px;
	}
	
div#contents div.box-01-01 div.box-05-01 table th{
	border:solid 1px #c4c4c4;
	background:#ebebeb;
	font-size:12px;
	text-align:center;
	}