@charset "utf-8";
@import "../css/mastercommon.css";
@import "./css/localcommon.css";

/* コメントを入れたらUTF-8化ヲ忘れずに */

#localnavi { /*override*/
	background:url(./images/localnavi-ttl.gif) no-repeat 0 0;
}



.main .lead { /*override*/
	float:none;
	display:block;
	width:696px;
	margin:0;
	padding:0 0 0 31px;
	overflow:hidden;
}


.main p.leadcopy {
	height:47px;
	margin:0 0 16px 0;
	text-indent:-9000em;
	background-image: url(./images/madomado-h1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.main h1 { /*override*/
	width:696px;
	background-image: url(./images/index-h1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.main .lead p.catalogdownload { /*override*/
	padding: 0 0 1.7em 243px;
}
.main .lead p img {
	display:block;
}


.main .splash {
	display:block;
	width:696px;
	height:540px;
	margin:0px 0 30px 0;
	padding:0;
	text-align:right;
	overflow:hidden;
	text-indent:-9000em;
	background-image:url(images/madomado-00.jpg);
	background-repeat:no-repeat;
	background-position:center 50px;
}






/************************************************************************/

.main .itemlist { /*override*/
	display:block;
	width:696px;
	position:relative;
	left:0;
	top:20px;
}
.main .itemlist li { /*override*/
	float:left;
	display:block;
	width:216px;
	height:auto;
	margin:0;
	padding:0;
}

.main .itemlist li.Pcenter { /*override*/
	padding:0 20px 0 20px;
}

.main .itemlist li p { /*override*/
	display:block;
	width:216px;
	height:220px;
	margin:0;
	padding:142px 0 0 0;
	_margin:0px 0 0 0;
	_padding:142px 0 0 0;
	font-size:12px:
	line-height:125px;
	text-align:left;
	background-repeat:no-repeat;
	background-position:center 0;
}



.main .itemlist li p span { /*override*/
	display:block;
	width:216px;
	margin:0;
	padding:6px 0 0 0; 
	line-height:1.7;
}
.main .itemlist li span.caption {
	display:block;
	margin:0;
	padding:2em 1em 0  1em; 
	line-height:1.1;
}


/************************************************************************/

.main .mado_vari_box {
	width:696px;
	padding:0 0 0px 0;
}
.main p.mado_vari {
	width:auto;
	text-align:left;
	font-size:12px;
	float:left;
	line-height:1.3;
}
.main .mado_vari_box img {
	padding:0 0 8px 0;

}
.main p.mado_type1 {
	height:120px;
	padding:0 38px 0 0;
}
.main p.mado_type2 {
	height:120px;
	padding:0 38px 0 0;
}

.main .mado_vari_box2 {
	width:216px;
	padding:0 0 0px 0;
	float:left;
	height:140px;
}
.main .lead p.caption2 {
	font-size:12px;
	padding:20px 0 30px 0;

}
.main .mado_vari_box span.sp1 {
	width:90px;
	display:block;
	float:left;
	font-size:12px;

}
.main .mado_vari_box span.sp2 {
	width:100px;
	display:block;
	float:left;
	font-size:12px;

}
/************************************************************************/

.main .mado_color_box {
	width:506px;
	padding:0 0 20px 190px;
	height:173px;

}
.main .c1{ 	background: url(./images/madomado-15.jpg) no-repeat 0 0;}
.main .c2{ 	background: url(./images/madomado-16.jpg) no-repeat 0 0;}
.main .c3{ 	background: url(./images/madomado-17.jpg) no-repeat 0 0;}
.main .c4{ 	background: url(./images/madomado-18.jpg) no-repeat 0 0;}

.main .mado_color_box h3 {
	margin:0 0 0 0;
}

.main .mado_color_box .mado_color_item {
	height:70px;
	padding:0 0 0 90px;
	float:left;

}
.main .mado_color_box .mado_color_item span {
	font-size:12px;

}
.main .cc1{ 	background: url(./images/madomado-19.jpg) no-repeat 0 0;
				width:170px;}
.main .cc2{ 	background: url(./images/madomado-20.jpg) no-repeat 0 0;
				width:170px;}
.main .cc3{ 	background: url(./images/madomado-21.jpg) no-repeat 0 0;
				width:170px;}
.main .cc4{ 	background: url(./images/madomado-22.jpg) no-repeat 0 0;
				width:170px;}
.main .cc5{ 	background: url(./images/madomado-23.jpg) no-repeat 0 0;
				width:130px;}
/************************************************************************/

.main .mado_mado_box {
	width:696px;
	height:513px;	
	background: url(./images/madomado-24.jpg) no-repeat right 0;
	margin:0 0 0px 0;

}
.main .mado_mado_box h2 {
	background: url(./images/madomado-26.gif) no-repeat 0 0;
	height:100px;
	padding:0 0 0 0;
	margin:0 0 40px 0;
	text-indent:-9000em;
	border:none;
}
.main .mado_mado_box h3 {
	width:283px;	
	color:#6d6036;
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	padding:0 0 15px 0;
	background:none;

}
.main .mado_mado_box .ul {
	list-style-type:decimal;
	width:283px;
	padding:0;
	margin:0;	
}

.main .mado_mado_box li {
	color:#6d6036;
	font-size:16px;
	line-height:2.0;
	list-style-type: decimal;
	padding:0;
	margin:0;
}