@charset "shift_jis";

/* index.css
------------------------------------------ */

/* norikaeArea
------------------------------------------ */
#MAIN .norikaeArea li{font-size:0;line-height:0;}
#MAIN .norikaeArea ul li.first{float:left;width:549px;}
#MAIN .norikaeArea ul li.last{float:right;width:201px;}




/* leadArea
------------------------------------------ */
#MAIN .leadArea{margin-top:20px;}
#MAIN .leadArea h2{font-size:0;line-height:0;}




/* flowChartArea
------------------------------------------ */
#MAIN .flowChartArea{margin-top:39px;}
#MAIN .step3{margin-top:29px;}


/* chartSec */
#MAIN .chartSec{
	background:url(/service/application/img/index/bg_frame_top.gif) no-repeat left top;
	padding:10px 0 0 0;
	zoom:1;
	}
#MAIN .chartSec .divA{
	background:url(/service/application/img/index/bg_frame_bottom.gif) no-repeat left bottom;
	padding:0 0 10px 0;
	zoom:1;
	}
#MAIN .chartSec .divB{
	background:url(/service/application/img/index/bg_frame_body.gif) repeat-y left top;
	padding:0;
	zoom:1;
	}


/* stepBox */
#MAIN .divB .stepBox{padding:0 1px 1px 1px;}
#MAIN .divB .stepBox .detail ol,
#MAIN .divB .stepBox .detail ul,
#MAIN .divB .stepBox .detail li,
#MAIN .divB .stepBox .detail dt,
#MAIN .divB .stepBox .detail dd,
#MAIN .divB .stepBox .detail p,
#MAIN .divB .stepBox .detail strong{margin:0;padding:0;}


/* stepNumber */
#MAIN .divB .stepBox .stepNumber dt{float:left;width:86px;}
#MAIN .divB .stepBox .stepNumber dd{float:left;margin-top:5px;}
#MAIN .divB .stepBox .stepNumber dd span{display:block;margin-top:5px;}


/* blockA01 */
#MAIN .divB .blockA01 .detail{margin:0 10px 0 15px;}
#MAIN .divB .blockA01 .detail li{font-size:0;line-height:0;}
#MAIN .divB .blockA01 .detail .text{float:left;width:418px;margin-top:4px;}
#MAIN .divB .blockA01 .detail .text li{margin-top:5px;}
#MAIN .divB .blockA01 .detail .linkBtn{float:right;width:134px;}
#MAIN .divB .blockA01 .detail .linkBtn li{text-align:right;margin-top:10px;}
#MAIN .divB .blockA01 .detail .linkBtn li.first{margin-top:-2px;}


/* blockA02 */
#MAIN .divB .blockA02 .detail{margin-top:10px;}

#MAIN .divB .blockA02 .detail{margin-top:10px;}

#MAIN .divB .blockA02 .detail .UQProduct{padding:0 10px 0 10px;}
#MAIN .divB .blockA02 .detail .UQProduct li,
#MAIN .divB .blockA02 .detail .UQProduct dt,
#MAIN .divB .blockA02 .detail .UQProduct dd{font-size:0;line-height:0;}
#MAIN .divB .blockA02 .detail .UQProduct li dl dd{float:left;}
#MAIN .divB .blockA02 .detail .UQProduct li.notUQbrand{float:left;width:245px;}
#MAIN .divB .blockA02 .detail .UQProduct li.UQbrand{float:right;width:489px;}

#MAIN .divB .blockA02 .detail .osBtn{margin:13px 10px 0 407px;}
#MAIN .divB .blockA02 .detail .osBtn dt{float:left;width:234px;margin:6px 10px 0 0;}
#MAIN .divB .blockA02 .detail .osBtn dd{float:right;width:97px;}
#MAIN .divB .blockA02 .detail .osBtn dt,
#MAIN .divB .blockA02 .detail .osBtn dd{font-size:0;line-height:0;}
#MAIN .divB .blockA02 .detail .osBtn dt img,
#MAIN .divB .blockA02 .detail .osBtn dd img{vertical-align:bottom;}


/* blockA03 */
#MAIN .divB .blockA03 .detail{margin:10px 153px 2px 154px;}
#MAIN .divB .blockA03 .detail li.btn01{float:left;width:190px;}
#MAIN .divB .blockA03 .detail li.btn02{float:right;width:190px;}




/* lineBlock
------------------------------------------ */
#MAIN .lineBlock{
	border-top:1px solid #cce9f7;
	border-bottom:1px solid #cce9f7;
	padding:8px 0;
	margin-top:25px;
	}
#MAIN .lineBlock .detail strong,
#MAIN .lineBlock .detail li{margin:0;padding:0;font-size:0;line-height:0;}
#MAIN .lineBlock .detail strong{float:left;width:159px;margin:8px 0 0 21px;}
#MAIN .lineBlock .detail .BtnBox{
	float:right;
	width:550px;
	border-left:1px solid #cce9f7;
	}
#MAIN .lineBlock .detail .BtnBox ul{margin:0 0 0 -20px;float:right;}
#MAIN .lineBlock .detail .BtnBox li{float:left;margin-left:20px;}
#IE06 #MAIN .lineBlock .detail .BtnBox li{margin-left:10px;}
#IE06 #MAIN .lineBlock .detail .BtnBox li.first{margin-right:10px;}
#MAIN .lineBlock .detail .BtnBox li.rightBtn{margin:2px 30px 0 46px;}
#IE06 #MAIN .lineBlock .detail .BtnBox li.rightBtn{margin:2px 15px 0 46px;}

#MAIN .another{
	margin-top:15px;
	border-top:1px solid #cdd6e9;
	border-bottom:1px solid #cdd6e9;
	}
#MAIN .another .detail strong{width:142px;}
#MAIN .another .detail .BtnBox{width:274px;}




/* installGuideArea
------------------------------------------ */
#MAIN .installGuideArea{margin-top:25px;}
#MAIN .installGuideArea p{font-size:0;line-height:0;text-align:right;}