@import "../../common/base.css";
@import "../../common/text.css";

/*--------------------------
1.Fact用ナビゲーション
2.TITLE
3.FLA MOVIE
4.ALL
5.TopIndex部分
6.Netz Consulting Navi部分
7.Netzの店舗づくり部分
8.Netz my favorites部分
9.コンビにプラン部分
10.メンテナンスパスポート部分
11.残価設定型プラン部分
12.使ってバック部分
---------------------------*/

/*Fact用ナビゲーション
------------------------------------*/

.factMenuMain{
	width: 746px;
	margin: 13px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	text-align: left;
	position: relative;
	}

.factMenuMain ul{
	list-style: none;
	}

.factMenuMain li{
	float: left;
	}

.factMenuMain ul#naviTop{
	position: absolute;
	top: 0;
	left: 85px;
	}

.factMenuMain ul#naviBottom{
	position: absolute;
	top: 23px;
	left: 85px;
	}

/* -----TITLE----- */

.title{
	width: 731px;
	margin: 20px 0px 20px 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 13px;
	border-left: 2px solid #DEBEFC;
	text-align: left;
}

.title h1{
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

.title p{
	margin: 0px;
	padding: 0px;
	font-size:12px;line-height:15px;color: #666;
}

.banner100	{
	position: relative;
	}
	




/* -----FLA MOVIE----- */

.flamovie{
	margin: 50px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}


/* ----- ALL ----- */
*{
    margin : 0;
    padding : 0;
    border : none;
}

#mainContents	{
	width: 746px;
	margin: 20px 0px 20px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-size: 12px;
	}
	
.clear	{
	clear: both;
	margin: 0;
	padding: 0;
	 
	}


/*5.TopIndex部分
---------------------------------*/
#topMenu	{
	margin: 0 0 68px 0;
	padding: 0;
	}


/*6.Netz Consulting Navi部分
---------------------------------*/
#copy01	{
	margin: 38px 0 13px 0;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	color: #777777;
	}
	
#copy02	{
	margin: 25px 0 29px 0;
	}
	
#btn	{
	width: 746px;
	text-align: center;
	margin-bottom: 17px;
	}
	
#btnv2	{
	margin-left: 170px;
	padding-bottom: 17px;
	list-style: none;
	color: #777777;
	line-height: 14px;
	font-size: 10px;
	}
	
#btnv2 li	{
	width: 200px;
	float: left;
	}
	
#btnv2 li span	{
	margin: 5px;
	display: block;
	}



/*7.Netzの店舗づくり部分
---------------------------------*/
#photoContainer	{
	width: 746px;
	color: #666666;
	}
	
#copy04	{
	margin: 25px 0 22px 0;
	}
	
#photoContainer h2	{
	margin-bottom: 6px;
	}
	
#left	{
	width: 390px;
	float: left;
	margin-right: 24px;
	}
	
#right	{
	width: 332px;
	float: left;
	}
	
#positionBox	{
	position: relative;
	margin-top: 32px;
	width: 746px;
	height: 235px;
	color: #666666;
	line-height: 16px;
	}
	
#positionBox h2	{
	margin-bottom: 5px;
	}
	
#positionLeft	{
	position: absolute;
	top: 0;
	left: 0;
	width: 362px;
	}
	
#positionCenter	{
	position: absolute;
	top: 0;
	left: 374px;
	width: 180px;
	}
	
#positionRight	{
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	}
	
#btn4	{
	width: 746px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}


/*8.Netz my favorites部分
---------------------------------*/
#copy03	{
	margin: 25px 0 30px 0;
	}
	
dl#logo 	{
	width: 746px;
	margin-bottom: 25px;
	}
	
#logo dt	{
	float: left;
	width: 435px;
	}
	
#logo dd	{
	width: 299px;
	float: left;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	padding-left: 9px;
	border-left: 3px solid #BBBBBB;
	}
	
#logo dd span	{
	padding-top: 10px;
	color: #555555;
	font-size: 10px;
	line-height: 14px;
	display: block;
	}
	
dl#favorites 	{
	width: 716px;
	padding: 20px 15px 13px 15px;
	border: 1px solid #BBBBBB;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
	background-color: #F4F4F4;
	}
	
#favorites dt	{
	width: 226px;
	float: left;
	padding-top: 12px;
	}
	
#favorites dd	{
	width: 470px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 490px;
	}
	
#favorites dd img	{
	margin-bottom: 9px;
	}
	
#btn3	{
	width: 746px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 30px;
	border-top: 1px dashed #C7C7C7;
	}
	
	
	
/*9.コンビにプラン部分
---------------------------------*/
#titleCopy	{
	width: 746px;
	margin-left:auto;
	margin-right:auto;
	}
	
#titleCopy h3	{
	margin-top: 14px;
	margin-bottom: 5px;
	}
	
#titleCopy p	{
	color: #777;
	font-size: 10px;
	}
	
#containerBox05	{
	width: 746px;
	height: 170px;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}
	
#kome	{
	font-size: 12px;
	line-height: 16px;
	color: #777;
	padding-bottom: 15px;
	}
	
#btnBox {
	margin:0 auto;
	width:746px;
	height:70px;
	margin-bottom:30px;
}
/*
#btnBox	{
	position: relative;
	width: 746px;
	height: 103px;
	}
	

#btn01 {
	position: absolute;
	width: 200px;
	top: 0;
	left: 162px;
	}
	
#btn02 {
	position: absolute;
	width: 200px;
	top: 0;
	left: 382px;
	}
	
#btnBox p	{
	position: absolute;
	width: 120px;
	top: 0;
	left: 593px;
	font-size: 12px;
	color: #777777;
	line-height: 16px;
	text-align: left;
	}
*/
	

	
/*10.メンテナンスパスポート部分
---------------------------------*/
#Maintenance	{
	width: 746px;
	margin-left:auto;
	margin-right:auto;
	}
	
#Maintenance h3	{
	margin-top: 34px;
	margin-bottom: 5px;
	}
	
#containerBox07, #containerBox072	{
	width: 746px;
	height: 158px;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	position: relative;
	}
	
#containerBox072	{
	height: 222px;
	}
	
#containerBox07 h3, #containerBox072 h3	{
	margin-top: 12px;
	margin-left: 14px;
	}
	
#containerBox072 h4	{
	border-top: 1px dashed #BBBBBB;
	color: #777777;
	font-size: 12px;
	margin-left:15px;
	margin-right:15px;
	font-weight: normal;
	margin-top: 7px;
	padding-top: 10px;
	}
	
#containerBox07 p, #containerBox072 p	{
	width: 200px;
	margin-top: 10px;
	margin-left:15px;
	margin-right:15px;
	text-align: left;
	color: #777;
	font-size: 12px;
	line-height: 16px;
	}
	
#containerBox07 #leftBox	{
	width: 238px;
	height: 138px;
	border: 1px solid #DDDDDD;
	position:absolute;
	top: 18px;
	left: 0;
	}
	
#containerBox07 #centerBox	{
	width: 238px;
	height: 138px;
	border: 1px solid #DDDDDD;
	position: absolute;
	top: 18px;
	left: 253px;
	}
	
#containerBox07 #rightBox	{
	width: 238px;
	height: 138px;
	border: 1px solid #DDDDDD;
	position: absolute;
	top: 18px;
	left: 506px;
	}
	
#containerBox072 #leftBox02	{
	width: 238px;
	height: 202px;
	border: 1px solid #DDDDDD;
	position:absolute;
	top: 18px;
	left: 0;
	}
	
#containerBox072 #centerBox02	{
	width: 238px;
	height: 202px;
	border: 1px solid #DDDDDD;
	position: absolute;
	top: 18px;
	left: 253px;
	}
	
#containerBox072 #rightBox02	{
	width: 238px;
	height: 202px;
	border: 1px solid #DDDDDD;
	position: absolute;
	top: 18px;
	left: 506px;
	}
	
#btn2	{
	width: 746px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	
#kome2	{
	font-size: 12px;
	line-height: 16px;
	color: #777;
	margin-left: 28px;
	margin-top: 30px;
	padding-bottom: 33px;
	text-align: left;
	}


/*11.残価設定型プラン部分
---------------------------------*/

#credit	{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #777777;
	width: 746px;
	margin-bottom: 33px;
	margin-left: auto;
	margin-right: auto;
	}
	
#credit dt	{
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px dashed #FFDD9C;
	}
	
#credit dt span	{
	font-weight: bold;
	color: #FAA537;
	}
	
#credit dd	{
	border-bottom: 1px dashed #FFDD9C;
	padding: 8px 0 7px 0;
	}
	
#geppu	{
	width: 746px;
	text-align: left;
	margin: 0 auto;
	}
	
#containerBox06	{
	width: 746px;
	margin: 0 auto;
	padding-bottom: 29px;
	text-align: left;
	}
	
#leftSide	{
	width: 386px;
	float: left;
	}
	
#leftSide table	{
	font-size: 10px;
	color: #777777;
	line-height: 14px;
	margin-top: 13px;
	width: 368px;
	}
	
#rightSide	{
	width: 360px;
	float: left;
	background:  #FDCB8B;
	padding-bottom: 10px;
	}
	
#box01, #box02, #box03	{
	width: 328px;
	border: 1px solid #DDDDDD;
	background: #FFF;
	margin-left: 15px;
	margin-bottom: 5px;
	}
	
#rightSide h3	{
	margin: 15px 0 8px 17px;
	font-size: 12px;
	color: #777;
	}
	
#rightSide h3 span	{
	color: #FAA537;
	}
	
#rightSide h4	{
	margin: 10px 0 0 14px;
	}
	
#rightSide dt, #rightSide dd	{
	float: left;
	}
	
#rightSide dt	{
	width: 110px;
	margin-left: 15px;
	_margin-left: 7px;
	}
	
#rightSide dt img	{
	vertical-align: bottom;
	}
	
#rightSide dd	{
	font-size: 12px;
	color: #777;
	line-height: 16px;
	width: 185px;
	margin-top: 9px;
	padding-bottom: 9px;
	}
	
	
#kome3	{
	font-size: 10px;
	line-height: 14px;
	color: #777;
	margin-left: 28px;
	padding-bottom: 26px;
	text-align: left;
	}
	
/*floatクリアのIE7対応*/

/*FirefoxSafari・Operaなどのモダンブラウザ対策*/
.clearfix:after	{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
/*IE7とMacIE5対策*/
.clearfix	{display: inline-block;}


/*Hides from IE-Mac\*/
*html .clearfix {height: 1%;}/*IE6以前（特にIE5.0）対策*/
.clearfix {display: block;}
/*End hide from IE-Mac*/
	
#kome4	{
	font-size: 12px;
	line-height: 16px;
	color: #777;
	margin-left: 28px;
	padding-bottom: 26px;
	text-align: left;
	}
	
#btn5	{
	width: 746px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}


/*12.使ってバック部分
---------------------------------*/
#contents01 #b3	{
	margin: 35px 0 27px 0;
	}
	
#contents02	{
	margin: 0 27px;
	padding: 0;
	}
	
#contents02 h2,#contents03 h2	{
	background: #0073BD;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 6px 0;
	color: #fff;
	}
	
#contents02 ul,#contents03 ul	{
	margin: 0 0 5px 2px;
	padding: 0;
	text-align: left;
	list-style: none;
	clear: both;
	}
	
#contents02 li,#contents03 li,#contents04 li	{
	margin: 0;
	padding: 0 0 0 11px;
	text-align: left;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
	background: url(../back_plan/images/suqare.gif) no-repeat 0 3px;
	}
	
#contents02 li span	{
	color: #0073BD;
	}
	
#contents02 li strong	{
	color: #E50012;
	font-weight: normal;
	}
	
#contents02 h3,#contents03 h3,#contents04 h3,#contents05 h3	{
	color: #0073BD;
	margin: 10px 0 0 0;
	padding: 3px 0 7px 0;
	text-align: left;
	font-size: 12px;
	}
	
#contents02 h4,#contents03 h4,#contents04 h4,#contents05 h4	{
	color: #555555;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	}
	
div#contents03 	{
	margin: 0 27px;
	padding: 0 0 10px 0;
	text-align: left;
	list-style: none;
	clear: both;
	border-top: 1px solid #999999;
	}
	
div#contents04 	{
	margin: 0 27px;
	padding: 0 0 10px 0;
	text-align: left;
	list-style: none;
	clear: both;
	border-top: 1px solid #999999;
	}
	
div#contents04 ul	{
	padding-left: 117px;
}
	
div#contents04 ul#cont01	{
	background: url(../back_plan/images/top_figure05.gif) no-repeat 0 0;
	padding-bottom: 13px;
}
	
div#contents04 ul#cont02	{
	background: url(../back_plan/images/top_figure06.gif) no-repeat 0 0;
	padding-bottom: 11px;
}
	
div#contents04 ul#cont03	{
	background: url(../back_plan/images/top_figure07.gif) no-repeat 0 0;
	padding-bottom: 5px;
}
	
div#contents05 	{
	margin: 0 27px;
	padding: 0 0 10px 0;
	text-align: left;
	list-style: none;
	clear: both;
	border-top: 1px solid #999999;
	}
	
div#contents05 table	{
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	font-size: 12px;
	line-height: 16px;
}
	
div#contents05 table th	{
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	color: #555555;
	text-align: center;
	background: #eeeeee;
	padding: 5px;
}
	
div#contents05 table td	{
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	color: #555555;
	text-align: center;
	padding: 5px;
}
	
#kome5	{
	text-align: left;
	color: #E50012;
	margin: 30px 0 0 27px;
	padding: 0 0 7px 0;
	font-size: 12px;
	}
	
#condition	{
	width: 746px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
	padding-bottom: 15px;
	background: url(../back_plan/images/top_figure04.gif) left bottom no-repeat #dbdcdc;
}
	
#condition p#conditionCopy	{
}

#conditionBox	{
	background: #FFF;
	margin: 0 35px;
	padding: 12px;
}

#conditionBox p#conditionCopy	{
	padding-left: 95px;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	background: url(../back_plan/images/top_figure03.gif) no-repeat 0 0;
}

#kome8	{
	font-size: 10px;
	line-height: 14px;
	color: #e50012;
	padding: 10px 0 0 0;
}

#kome8 a	{
	font-size: 10px;
	line-height: 14px;
	color: #e50012;
	text-decoration: underline;
}
	
/*point01*/
#point01	{
	background: #D7DAF0;
	margin: 0 27px;
	padding: 28px 26px 0 26px;
	}
	
#point02	{
	background: #D1EBF9;
	margin: 0 27px;
	padding: 28px 26px 0 26px;
	}
	
#point03	{
	background: #EEEEEE;
	margin: 28px 27px 0 27px;
	padding: 28px 26px 10px 26px;
	}
	
#point01 h2,#point02 h2{
	background: #fff;
	margin: 0;
	padding: 0;
	}
	
#point012	{
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../back_plan/images/bg.gif) repeat-y top left;
	}
	
#point012 p	{
	margin: 8px 28px 0 28px;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	color:#555;
	text-align: left;
	}
	
#star	{
	text-align: left;
	margin: 0;
	padding:12px 0;
	font-size: 12px;
	color: #555555;
	}
	
#close	{
	margin: 30px 0;
	}
	
#point03 img	{
	vertical-align: bottom;
	}
	
#poi01	{
	width: 695px;
	background: url(../back_plan/images/03figure03.gif) repeat-y top center;
	}
	
#kome6	{
	font-size: 10px;
	text-align: right;
	margin: 6px 26px 22px 0;
	color: #555;
	}
	
#btn6	{
	margin: 21px 0 0 0;
	}
	
#poi02	{
	background: #FFF;
	margin: 15px 0;
	}
	
#poi02 p	{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	margin: 13px 28px 20px 28px;
	}
	
p#kome7	{
	font-size: 10px;
	line-height: 14px;
	color: #555;
	text-align:left;
	margin: 8px 28px 10px 28px;
	}

p#kome7 span	{
	padding-left: 14px;
	background: url(../back_plan/images/window.gif) no-repeat 0 1px;
}
	
#poi03	{
	background: #FFF;
	margin: 15px 0;
	}
	
#poi03 ul	{
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	color:#555;
	margin: 7px 0 14px 0;
	position:relative;
	}
	
#poi03 ul li span	{
	position:absolute;
	top: 60px;
	left: 0;
	font-size: 10px;
	padding-left: 15px;
	background: url(../back_plan/images/window.gif) no-repeat 0 6px;
	}
	
#poi03 p	{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	margin: 13px 28px 16px 28px;
	}
	
#poi03Left	{
	width: 199px;
	float: left;
	text-align: left;
	margin-right: 19px;
	margin-left: 28px;
	_margin-left: 14px;
	}
	
#poi03Center	{
	width: 199px;
	float: left;
	text-align: left;
	margin-right: 19px;
	}
	
#poi03Right	{
	width: 199px;
	float: left;
	text-align: left;
	}
	
#poi04	{
	background: #FFF;
	margin: 15px 0;
	}
	
#poi04 p	{
	font-size: 12px;
	line-height: 16px;
	color: #555;
	margin-left: 28px;
	padding: 13px 28px 13px 123px;
	background: url(../back_plan/images/03figure014.gif) no-repeat top left;
	text-align: left;
	position:relative;
	}
	
#poi04 p span	{
	position: absolute;
	top: 280px;
	left: 0;
	_left: -123px;
	font-size: 10px;
	padding-left: 15px;
	background: url(../back_plan/images/window.gif) no-repeat 0 4px;
}
	
#poi04 p strong	{
	font-size: 14px;
	line-height: 26px;
	color: #003F97;
	}
	
#poi05	{
	background: #FFF;
	margin: 15px 0;
	}
	
#copy05	{
	background: #FFF;
	text-align: left;
	padding: 0 27px;
}
	
p#copy06	{
	background: #eeeeee;
	padding: 10px 15px;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
	margin-bottom: 20px;
}
	
#copy06 strong	{
	font-weight: bold;
}

#btn03	{
	text-align: center;
}

p#line	{
	border-top: 1px solid #999999;
	padding-top: 10px;
}



