@import url("common.css");


/*--------------------------------------------------

	＠目次

	1.clearfix
	2.共通スタイル
	3.トップページコンテンツ　設定
	4.カラーバリエーション　設定
	5.機能・諸元　設定
	6.lightbox 設定

--------------------------------------------------*/

/*--------------------------------------------------
 ＠1 clearfix
--------------------------------------------------*/
#main-back:after,
dl:after,
ul:after,
.cover:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main-back,
dl,
ul,
.cover{
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html #main-back,
*html dl,
*html ul,
*html .cover{
	height: 1%;
}

#main-back,
dl,
ul,
.cover{
	display: block;
}
/*End hide from IE-mac */





/*--------------------------------------------------
 ＠2 共通スタイル
--------------------------------------------------*/
h1 {
	text-indent: -9999px;
}

h2 {
	text-indent: -9999px;
}

h3 {
	text-indent: -9999px;
}

h4 {
	text-indent: -9999px;
}

#title-box{
	width:204px;
	float:left;
}


#content {
	text-align: left;
	/*height: 750px;*/
	position: relative;
}

#global{
	float:right;
	width:705px;
	padding:0 2px 0 4px;
	background:#000000;
}

#global li{
	float:left;
	margin:2px 0 4px;
}

#global li.one{
	background:url(img/menu01.jpg) no-repeat;
	width:141px;
	height:34px;
	text-indent:-9999px;
}

#global li.two a{
	background:url(img/menu02.jpg) no-repeat;
}

#global li.three a{
	background:url(img/menu03.jpg) no-repeat;
}

#global li.four a{
	background:url(img/menu04.jpg) no-repeat;
}

#global li.five a{
	background:url(img/menu05.jpg) no-repeat;
}

#global li a{
	width:141px;
	height:34px;
	display:block;
	text-indent:-9999px;
}

#global li #on,
#global li a:hover{
	background-position:0 -34px;
}




#footerlink{
	padding:40px 0 16px 115px;
}

#footerlink li a{
	width:169px;
	height:29px;
	display:block;
	text-indent:-9999px;
}

#footerlink li.one a{
	background:url(../img/footer-menu01.jpg) no-repeat;
	width:212px;
}

#footerlink li.two a{
	background:url(../img/footer-menu03.jpg) no-repeat;
}

#footerlink li.three a{
	background:url(../img/footer-menu04.jpg) no-repeat;
}

#footerlink li.four a{
	background:url(../img/footer-menu02.jpg) no-repeat;
}

#footerlink li{
	float:left;
	margin:0 5px 0 0;
}

#footerlink li a:hover{
	background-position:0 -29px;
}







.m30{
	margin:0 0 30px;
}

.m45{
	margin:0 0 45px;
}


.t-right{
	text-align:right;
}

.l-height{
	line-height:200%;
}


#miletto-spec .l-height a,
#miletto-top .right-box a,
#miletto-top .left-box a{
	color:#2B9196;
	font-weight:bold;
}

#miletto-spec .l-height a:link,
#miletto-top .right-box a:link,
#miletto-top .left-box a:link{
	color:#2B9196;
	font-weight:bold;
}

#miletto-spec .l-height a:visited,
#miletto-top .right-box a:visited,
#miletto-top .left-box a:visited{
	color:#2B9196;
	font-weight:bold;
}

#miletto-spec .l-height a:hover,
#miletto-top .right-box a:hover,
#miletto-top .left-box a:hover{
	color:#70CD02;
	font-weight:bold;
}

/*--------------------------------------------------
 ＠3 トップページコンテンツ　設定
--------------------------------------------------*/
#miletto-top #main-back{
	background:url(img/top-main.jpg) no-repeat left top;
	margin:0 0 6px;
}

#miletto-top #light-box{
	float:right;
	padding:60px 19px 22px 0;
}

#miletto-top #light-box li.one a{
	background:url(img/top-libox01.jpg) no-repeat;
}

#miletto-top #light-box li.two a{
	background:url(img/top-libox02.jpg) no-repeat;
}

#miletto-top #light-box li.three a{
	background:url(img/top-libox03.jpg) no-repeat;
}

#miletto-top #light-box li.four a{
	background:url(img/top-libox04.jpg) no-repeat;
}

#miletto-top #light-box li.five a{
	background:url(img/top-libox05.jpg) no-repeat;
}

#miletto-top #light-box li.six a{
	background:url(img/top-libox06.jpg) no-repeat;
}

#miletto-top #light-box li.seven a{
	background:url(img/top-libox07.jpg) no-repeat;
}

#miletto-top #light-box li{
	margin:0 0 5px;
}

#miletto-top #light-box li.seven{
	margin:0;
}

#miletto-top #light-box li a{
	width:262px;
	height:59px;
	display:block;
	text-indent:-9999px;
}

#miletto-top #light-box li a:hover{
	background-position:0 -59px;
}


#miletto-top .left-box h2{
	text-indent:-9999px;
	background:url(img/top-title01.jpg) no-repeat;
	width:309px;
	height:40px;
}

#miletto-top .right-box h2{
	text-indent:-9999px;
	background:url(img/top-title02.jpg) no-repeat;
	width:648px;
	height:40px;
}


#miletto-top .left-box{
	width:309px;
	float:left;
}

#miletto-top .left-box p{
	padding:8px 9px;
}


#miletto-top .left-box .t-right{
	text-align:right;
	padding:0 9px;
}


#miletto-top .right-box{
	width:648px;
	float:right;
}

#miletto-top .right-box p{
	text-align:center;
	margin:8px 0;
}

#miletto-top .right-box .t-right{
	text-align:right;
	margin:0;
	padding:0 15px 0 0;
}





/*--------------------------------------------------
 ＠3 ミレットの特徴　設定
--------------------------------------------------*/
#miletto-feature #main-back{
	background:url(img/feature-main.jpg) no-repeat left top;
	margin:0 0 30px;
	padding:0 0 20px;
}

#miletto-feature .light-box{
	width:460px;
	padding:0 0 0 510px;
	margin:0 0 10px;
}

#miletto-feature .light-box li a{
	display:block;
	text-indent:-9999px;
}

#miletto-feature .light-box li.aa a{
	background:url(img/feature-libox01.gif) no-repeat;
	width:156px;
	height:81px;
}

#miletto-feature .light-box li.bb a{
	background:url(img/feature-libox03.gif) no-repeat;
	width:65px;
	height:81px;
}

#miletto-feature .light-box li.cc a{
	background:url(img/feature-libox04.gif) no-repeat;
	width:65px;
	height:81px;
}

#miletto-feature .light-box li.dd a{
	background:url(img/feature-libox05.gif) no-repeat;
	width:72px;
	height:81px;
}

#miletto-feature .light-box li.ee a{
	background:url(img/feature-libox06.gif) no-repeat;
	width:251px;
	height:80px;
}

#miletto-feature .light-box li.ff a{
	background:url(img/feature-libox07.gif) no-repeat;
	width:80px;
	height:80px;
}

#miletto-feature .light-box li.gg a{
	background:url(img/feature-libox08.gif) no-repeat;
	height:80px;
	width:88px;
}

#miletto-feature .light-box li.hh a{
	background:url(img/feature-libox09.gif) no-repeat;
	width:74px;
	height:80px;
}



#miletto-feature .light-box li.hh a:hover,
#miletto-feature .light-box li.aa a:hover,
#miletto-feature .light-box li.bb a:hover,
#miletto-feature .light-box li.cc a:hover,
#miletto-feature .light-box li.dd a:hover{
	background-position:0 -81px;
}

#miletto-feature .light-box li.ee a:hover,
#miletto-feature .light-box li.ff a:hover,
#miletto-feature .light-box li.gg a:hover{
	background-position:0 -80px;
}

#miletto-feature .light-box li{
	float:left;
}

#miletto-feature .light-box li.aa,
#miletto-feature .light-box li.bb,
#miletto-feature .light-box li.cc{
	margin:0 16px 0 0;
}

#miletto-feature .light-box li.ee{
	margin:0 1px 0 -5px;
}

*html #miletto-feature .light-box li.ee{
	margin:0 1px 0 -2px;
}


#miletto-feature .light-box li.ff{
	margin:0 1px 0 0;
}

#miletto-feature .txt{
	width:449px;
	padding:132px 0 36px 510px;
}

#miletto-feature .box{
	background:url(img/feature-box-bg01.gif) repeat-y center top;
	padding:0 2px 0 2px;
	margin:0 0 30px;
}

#miletto-feature .box2{
	background:url(img/feature-box-bg02.gif) repeat-y 2px top;
	padding:0 2px 0 2px;
	margin:0 0 30px;
}

#miletto-feature .box2 .left-box,
#miletto-feature .box .left-box{
	width:240px;
	float:left;
	margin:0 2px 0 0;
}

#miletto-feature .box .right-box{
	margin:0;
	float:right;
	width:240px;
}

#miletto-feature h3{
	height:20px;
	padding:0 0 4px 0;
}

#miletto-feature h4{
	padding:9px;
}

#miletto-feature .box2 .txt2,
#miletto-feature .box .txt2{
	padding:0 9px 9px 9px;
}

#miletto-feature h3.type1{
	background:url(img/feature-title01.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type2{
	background:url(img/feature-title02.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type3{
	background:url(img/feature-title03.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type4{
	background:url(img/feature-title04.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type5{
	background:url(img/feature-title05.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type6{
	background:url(img/feature-title06.gif) no-repeat 4px top #FFF;
}

#miletto-feature h3.type7{
	background:url(img/feature-title07.gif) no-repeat 4px top #FFF;
}



#miletto-feature h4.type1{
	background:url(img/feature-title08.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type2{
	background:url(img/feature-title09.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type3{
	background:url(img/feature-title10.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type4{
	background:url(img/feature-title11.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type5{
	background:url(img/feature-title12.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type6{
	background:url(img/feature-title13.gif) no-repeat 9px 9px;
}

#miletto-feature h4.type7{
	background:url(img/feature-title14.gif) no-repeat 9px 9px;
}

#miletto-feature .box3{
	padding:18px 0 18px 180px;
	background:#E7E7E7;
}

#miletto-feature .box3 p{
	float:left;
	margin:0 26px 0 0;
}

/*--------------------------------------------------
 ＠4 カラーバリエーション　設定
--------------------------------------------------*/
#miletto-color #main-back{
	background:url(img/color-main.jpg) no-repeat left top;
	margin:0 0 6px;
	padding:0 0 0 2px;
}


#miletto-color #main-back .cover{
	margin:0 0 50px;
}

#flashcontent{
	width:969px;
	height:505px;
}

/*--------------------------------------------------
 ＠5 機能・諸元
--------------------------------------------------*/
#miletto-spec #main-back{
	background:url(img/spac-main.jpg) no-repeat;
}


#miletto-spec #main-back dl.type1{
	padding:95px 0 0 510px;
	margin:0 0 83px;
	line-height:200%;
}

#miletto-spec #main-back dl.type2 dd.pattern1{
	padding:0 0 0 660px;
	margin:0 0 42px;
}

#miletto-spec #main-back dl.type2 dd.pattern2{
	padding:0 0 0 705px;
	margin:0 0 100px;
}

#miletto-spec #main-back dl.type3{
	padding:0 0 60px 510px;
	line-height:200%;
}

#miletto-spec #main-back dt{
	text-indent:-9999px;
}

#miletto-spec #spec-main{
	background:url(img/spac-box-bg.jpg) left top repeat-x;
	padding:26px 53px 0;
}

#miletto-spec #spec-main h2{
	background:url(img/spac-title01.jpg) no-repeat;
	height:27px;
	margin:0 0 20px;
}

#miletto-spec #spec-main .type1{
	margin:0 0 60px;
}

#miletto-spec #spec-main h3{
	text-indent:0;
	text-align:center;
	background:#808080;
	padding:4px 0;
	font-weight:bold;
	color:#FFF;
	margin:0 0 14px;
	font-size:14px;
}

#spec-main .left-table{
	width:860px;
	background:#000;
    border-collapse:inherit;
    border:0;
	color:#535353;
}

#spec-main .left-table th{
	width:20%;
	background:#DCDCDC;
	padding:7px 0 7px 7px;
}

#spec-main .left-table td.type1{
	width:22%;
	background:#FFF;
	padding:7px 0 7px 7px;

}

#spec-main .left-table td.type2{
	width:33%;
	background:#FFF;
	padding:7px 0 7px 7px;

}

#spec-main .right-box{
	width:350px;
	float:right;
}

#spec-main .right-box table{
	width:350px;
	background:#000;
    border-collapse:inherit;
    border:0;
	color:#535353;
	margin:0 0 10px;
}

#spec-main .right-box table th{
	width:50%;
	background:#DCDCDC;
	padding:7px;
}

#spec-main .right-box table td{
	width:50%;
	background:#FFF;
	padding:7px;
}

#spec-main dl{
	font-size:10px;
	margin:10px 0 0 0;
}

#spec-main dt{
}

#spec-main dd{
	width:800px;
}


#spec-main .box1{
	margin:0 0 30px;
}

#spec-main .box2 p,
#spec-main .box1 p{
	width:124px;
	float:left;
	margin:0 20px 0 0;
}

#spec-main .box2{
	padding:0 0 0 20px;
	margin:0 0 35px;
}

#spec-main .box2 p.last,
#spec-main .box1 p.last{
	width:124px;
	float:left;
	margin:0;
}

#miletto-spec #spec-main h2.type2{
	background:url(img/spac-title02.jpg) no-repeat;
	height:27px;
	margin:0 0 20px;
}


/*--------------------------------------------------
 ＠6 lightbox 設定
--------------------------------------------------*/
#lightbox{
	display:none;
	position: absolute;
	top:5%;
	left:50%;
	z-index:9999;
	text-align:left;
	width:861px;
	margin:0 0 0 -430px;
}

#ajax2{
	padding:0 63px 0 66px;
}

#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}

#lightbox.done #lbContent{
	display:block;
}

#lightbox.loading #lbContent{
	display:none;
}

#lightbox.loading #lbLoadMessage{
	display:block;
	font-weight:bold;
	text-align:center;
}

/*#lightbox.done img{
	width:100%;
	height:100%;
}*/

#ajax2 #close,
#ajax #close{
	text-align:right;
	padding:0 0 30px;
}

#ajax #top{
	background:url(img/ajax-top.gif) no-repeat left top;
	padding:5px 0 0;
}

#ajax #bottom{
	background:url(img/ajax-bottom.gif) no-repeat left bottom;
	padding:0 0 5px;
}

#ajax2 #top{
	background:url(img/ajax-top02.gif) no-repeat left top;
	padding:5px 0 0;
}

#ajax2 #bottom{
	background:url(img/ajax-bottom02.gif) no-repeat left bottom;
	padding:0 0 5px;
}

#ajax2 #middle,
#ajax #middle{
	background:#FFF;
	padding:8px 12px 30px 30px;
}

#ajax #left-box{
	width:481px;
	float:left;
}

#ajax #right-box{
	width:321px;
	float:right;
}


#ajax2 #left-box{
	width:350px;
	float:left;
}

#ajax2 #right-box{
	width:321px;
	float:right;
}

#ajax2 .box,
#ajax .box{
	padding:0 20px 0 7px;
	background:0;
}

#ajax2 .box p,
#ajax .box p{
	margin:0 0 30px;
	font-size:14px;
	line-height:160%;
}

#ajax2 .box .cover p,
#ajax .box .cover p{
	float:left;
	margin:0 16px 0 0;
}

#ajax2 h2,
#ajax h2{
	height:54px;
	margin:0 0 25px;
}

#ajax2 h3,
#ajax h3{
	height:18px;
	margin:0 0 10px;
}


#ajax #eco h2{
	background:url(img/ajax-title01.gif) no-repeat;
}

#ajax #eco h3{
	background:url(img/ajax-title02.gif) no-repeat;
}

#ajax #power h2{
	background:url(img/ajax-title03.gif) no-repeat;
}

#ajax #power h3{
	background:url(img/ajax-title04.gif) no-repeat;
}

#ajax #smart h2{
	background:url(img/ajax-title05.gif) no-repeat;
}

#ajax #smart h3{
	background:url(img/ajax-title06.gif) no-repeat;
}

#ajax #safety h2{
	background:url(img/ajax-title07.gif) no-repeat;
}

#ajax #safety h3{
	background:url(img/ajax-title08.gif) no-repeat;
}

#ajax2 #silent h2{
	background:url(img/ajax-title09.gif) no-repeat;
}

#ajax2 #silent h3{
	background:url(img/ajax-title10.gif) no-repeat;
}

#ajax2 #easy h2{
	background:url(img/ajax-title11.gif) no-repeat;
}

#ajax2 #easy h3{
	background:url(img/ajax-title12.gif) no-repeat;
}

#ajax2 #daily h2{
	background:url(img/ajax-title13.gif) no-repeat;
}

#ajax2 #daily h3{
	background:url(img/ajax-title14.gif) no-repeat;
}