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

/* クレジットカード・マーケティング共通制御（マーケコンテンツ増加の場合、marketing.cssを作成・移行） */

/*左カラム包括*/
.leftcontents{
width:201px;
float:left;
margin-left:6px;

}

/*左カラムナビゲーション制御*/

.leftcontents ul{
	width: 201px;
	margin: 0px;
	padding: 0px;
	text-align:left;

}

.leftcontents li img{
	margin: 0px;
	padding: 0px;
	  font-size: 0;
  line-height: 0;
  vertical-align: bottom;

}

.leftcontents li{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.leftcontents li.small1{
	background-image:url(service/img/navi4.gif);
	height:20px;
	background-repeat:no-repeat;
	font-size:10px;
	color:#615c5c;
	line-height:14px;
	margin: 0px;
		padding-left:4.5em;
}

.leftcontents li.small2{
	background-image:url(service/img/navi6.gif);
	height:20px;
	background-repeat:no-repeat;
	font-size:10px;
	color:#615c5c;
	line-height:14px;
	margin: 0px;
		padding-left:4.5em;
}

.leftcontents li.big1{
	background-image:url(service/img/navi3.gif);
	height:28px;
	background-repeat:no-repeat;
	font-size:12px;
	color:#615c5c;
	line-height:28px;
	margin: 0px;
	padding-left:3.5em;
}

.leftcontents li.big2{
	background-image:url(service/img/navi5.gif);
	height:28px;
	background-repeat:no-repeat;
	font-size:12px;
	color:#615c5c;
	line-height:28px;
	margin: 0px;
		padding-left:3.5em;
}








/*右カラム制御*/
.rightcontents{
width:586px;
float:right;
text-align:center;
margin:0px auto 30px auto;
}

.contentsbox{
	width:528px;
	text-align:left;
}


.red{
color:#CC0000;
}

.red a:link{
color:#CC0000;
}

.red a:visited{
color:#CC0000;
}

.red a:hover{
color:#CC0000;
}

.red a:active{
color:#CC0000;
}



p.listnavi{
	font-size:10px;
	text-align:right;
	padding-right:1em;
	margin-bottom:10px;
	margin-top:8px;
	color:#CC0000;
}

.box1{
text-align:center;
width:520px;
}

h2{
margin-bottom:8px;
}

.contentsbox .box1 h2,{
margin-bottom:15px;
}
.contentsbox h3{
margin-bottom:8px;
}

.contentsbox .box1 p{
color:#646464;
font-size:12px;
text-align:left;
line-height:16px;
margin-bottom:5px;
padding:0px 15px;
}

.contentsbox .box1 p.btstyle{
text-align:right;
margin-bottom:40px;
}

.contentsbox .box1 p.h2_01_img{
text-align:center;
margin-bottom:40px;
}


.contentsbox .box1 p.imgin{
text-align:center;
margin:10px auto 10px auto;
}

.contentsbox .box1 p.imgin2{
text-align:center;
margin:10px auto 40px auto;
}

.contentsbox .box1 p.imgin3{
text-align:center;
margin:0px auto 25px auto;
float:right;
}

.contentsbox .box1 p.textunder{
margin-bottom:40px;
}

.contentsbox .box1 .listtable{
width:450px;
text-align:center;
padding:10px;
font-size:12px;
color:#464646;
margin:0px auto 40px auto;
background-color:#e3f2db;
border:1px solid #CCCCCC;
 }

.contentsbox .box1 h3.enhan{
font-size:12px;
color:#464646;
margin-bottom:10px;
font-weight:bold;
text-align:left;
padding-left:1em;
}

.contentsbox .box1 p.enhan{
font-size:12px;
color:#464646;
text-align:left;
padding-left:1em;
line-height:16px;
}


.contentsbox .box1 p.enhan2{
font-size:12px;
color:#464646;
text-align:left;
padding-left:1em;
line-height:16px;
margin-bottom:33px;
}

.contentsbox .box1 p.captiontext{
font-size:10px;
color:#464646;
text-align:left;
padding-left:1em;
line-height:16px;
margin-bottom:33px;
}




.contentsbox .box1 .listtable h3{
font-size:12px;
color:#464646;
margin-bottom:10px;
font-weight:bold;
}

.contentsbox .box1 .listtable p{
text-align:center;
}


.contentsbox .box1 .tablestyle{
width:500px;
text-align:left;
font-size:12px;
color:#464646;
margin:0px auto 40px auto;
 border-collapse: collapse;
background-color:#e3f2db;
line-height:16px;
 }
 
 .contentsbox .box1 .tablestyle2{
width:500px;
text-align:left;
font-size:12px;
color:#464646;
margin:0px auto 8px auto;
 border-collapse: collapse;
background-color:#e3f2db;
line-height:16px;
 }
 
 .contentsbox .box1 .tablestyle td{
text-align:left;
font-size:12px;
color:#464646;
padding:5px 5px 5px 5px;
background-color:#ffffff;
border:1px solid #CCCCCC;
line-height:16px;
 }
 
  .contentsbox .box1 .tablestyle2 td{
text-align:left;
font-size:12px;
color:#464646;
padding:5px 5px 5px 5px;
background-color:#ffffff;
border:1px solid #CCCCCC;
line-height:16px;
 }
th{
text-align:left;
font-size:12px;
color:#464646;
padding:5px 5px 5px 5px;
background-color: #FFD0D0;
border:1px solid #CCCCCC;
line-height:16px;
font-weight:normal;
 }
}

/*下部3カラム制御*/

.center01{
margin-bottom:10px;
}

.box2{
width:195px;
float:left;
height:195px;
}

.box2 p{
text-align:left;
font-size:10px;
line-height:14px;
margin-top:5px;
padding-left:2em;
}

.box3{
width:195px;
float:left;
background-image:url(service/img/bg_under.gif);
background-repeat:repeat-y;
height:195px;
}

.box3 p{
text-align:left;
font-size:10px;
line-height:14px;
margin-top:5px;
padding-left:2em;
}

.box4{
width:195px;
float:left;
background-image:url(service/img/bg_under.gif);
background-repeat:repeat-y;
height:195px;
}


.box4 p{
text-align:left;
font-size:10px;
line-height:14px;
margin-top:5px;
padding-left:2em;
}







/*下部対策*/
.box8{
	width:569px;
	font-size:10px;
	color:#666666;
	padding:5px;
	line-height:16px;
	background-color:#eeeeee;
	border: 1px solid #9f9f9f;
	margin-bottom:50px;
}

.box8 a:link{
font-size:10px;
color:#595959;
}

.box8 a:visited{
color:#595959;
}

.box8 a:hover{
color:#000099;
}

.box8 a:active{
color:#0000FF;
}



/*導入事例の制御*/

.modeltextbox{
width:350px;
text-align:right;
float:right;
}

p .modelimgbox.modelcaption{
text-align:right;
font-size:10px;
}

.modelimgbox{
width:150px;
text-align:left;
float:left;
}

.model1{
background-image:url(service/model/p_bg.jpg);
background-repeat:no-repeat;
background-position:left;
line-height:13px;
font-size:12px;
color:#999999;
padding-left:1em;
margin-bottom:8px;
}

.model2{
font-size:12px;
color:#999999;
padding-left:1em;
margin-bottom:15px;
}





/*フロート解除*/
.thisclear{
clear:both;
}

/*フッダー部分制御*/

.foodernavi{
width:100%;
text-align:right;
font-size:12px;
color:#999999;
margin-bottom:10px;
}


.fooder{
width:100%;
background-image:url(commonimg/fooder_bg.gif);
background-repeat:repeat-x;
height:78px;
}

.copytext{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-top:15px;
font-weight:boldl;
}
/*　▼Gaako▼　*/
/*　head//　*/
.head{}

.copytext a{
text-decoration: none; 
border-bottom: none; 
color:#FFFFFF;
}
.text1{
	text-align:left;
	font-size:12px;
	color:#707070;
	line-height: 16px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.title2{}
/*　menu//　*/
.menu{
	margin-top: 10px;
	background-image: url(service/card/automatic/common_img/bg_heading.jpg);
	height: 30px;
	width: 528px;
}
.menu li{
list-style:none;
float:left;
text-align:left;
width:155;
}
/*　contents1//　*/
.contents1,.contents2,.contents3{}
.text2,dl{
	text-align:left;
	font-size:12px;
	color:#707070;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4{margin-top:15px;}
dl{padding:10px;}
dd{margin:5px 5px 10px 25px;}
#auto_img{
	width:497px;
	margin:0px auto;
	}
#service{
	width:500px;
	margin:10px;
	padding:5px 0px 5px 5px;
	background-color:#FFFFE5;
	display:block;
 	float:left;}	
	
/*　.list_text//　*/
.list_text{
	width:85px;
	margin:5px;
	text-align:left;
	line-height:15px;
	font-size:12px;
	color:#707070;
	padding-left:20px;
	float:left;
	display:block;
	background-image: url(../service/payment/card/automatic/index_img/list_img.jpg);
	background-repeat: no-repeat;
	}
.list_text a{
	text-decoration: none;
	}
.list_text a:hover{
	text-decoration: none;
	color:#F60;
	}
/*　h5_title//　*/
.h5_title{
	position:relative;
	margin-top:10px;}
#h5_img01{
	width:138px;
	height:0px;
	position:absolute;
	top:-8px;
	left:391px;
	}
#h5_img02{
	width:138px;
	height:0px;
	position:absolute;
	top:-12px;
	left:378px;
	}
#h5_img03{
	width:138px;
	height:0px;
	position:absolute;
	top:-10px;
	left:379px;
	}
#h5_img04{
	width:138px;
	height:0px;
	position:absolute;
	top:0px;
	left:371px;
	}	
	
	
	/*　mailform//　*/
.mailform{
	background-image: url(service/card/automatic/common_img/bg_footer.jpg);
	height: 95px;
	width: 528px;
	background-repeat: no-repeat;
	font-size: 0px;
}
.text3{
	text-align:right;
	font-size:10px;
	color:#707070;
	line-height: 12px;
	margin-bottom: 15px;
}
.toppage{
	text-align: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
}
.bgcenter{
	background-image: url(service/card/automatic/common_img/bg_center.jpg);
	width: 528px;
	background-repeat: repeat-y;
}
.img4 {
	padding-top: 13px;
	width:528px;
}
.space{
	margin-bottom: 20px;
}

/*casa.html*/

.floattext{
	float: left;
	line-height: 18px;
	text-align: left;
	padding-top: 15px;
	padding-right: 30px;
}
.floattext2{
	float: left;
	padding-right: 30px;
	font-size:12px;
	color:#707070;
	padding-top: 5px;
}
.floatbox{
	width: 185px;
	float: left;
}
.floatbox2{
	width: 150px;
	float: left;
	
}
.floatbox3{
	width: 140px;
	float: left;
	
}
.calendar{
	height: 100px;
	width: 150px;
}
/**/
.text4{
	font-size:12px;
	color:#707070;
}

.floatbox li{
	font-size:12px;
	line-height:18px;
	color:#707070;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 5px;
	text-decoration:none;
	background-image:url(service/card/automatic/case_img/comon/list_img.jpg);
	background-repeat: no-repeat;
	list-style:none;
	
}
/*IE７用CSSハック*/
*:first-child+html .floatbox li {
	font-size:12px;
	color:#707070;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 5px;
	text-decoration:none;
	background-image:url(service/card/automatic/case_img/list_img.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
/*IE6用CSSハック*/
* html .floatbox li {
	font-size:12px;
	color:#707070;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 5px;
	text-decoration:none;
	background-image:url(service/card/automatic/case_img/list_img.jpg);
	background-repeat: no-repeat;
	list-style:none;
}


.textmini{
	font-size: 9px;
	color: #888888;
	line-height: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

.text5{
	font-size: 12px;
	line-height: 18px;
	padding-left: 15px;
	padding-top: 20px;
}