@import "common.css";
@import "easyslider.css";
/*==================================================================*/

/* top css (class=index) */

/*==================================================================*/

/* reset */
.index *{margin:0;padding:0;}

.index p{width:625px;margin:0 auto 1.8em;}

/* ------------------------------------------------------- */
/* mainvisual */
/* ------------------------------------------------------- */
.index h1{margin:0 auto 0.4em;}


.index p.top-comment{
	margin:0 auto 0.8em;
	text-align:center;
	font-size:1.1em;
	color:#ff0000;
	font-weight:bold;
}

.index h2{display:none;}

.index h3{margin:0 auto 1.5em;}

/* ------------------------------------------------------- */
/* b-estimate */
/* ------------------------------------------------------- */

#b-estimate{
	margin:0 auto 1.8em;
}

/* clear hack */
#b-estimate{zoom:1;}
#b-estimate:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#b-estimate dl{
	float:left;
	width:216px;
	margin-left:5px;
	
}

#b-estimate dl.web{
	width:209px;
	margin:0;
}

#b-estimate dt{
	margin:0 auto 0.5em;
}
#b-estimate dd{
	padding-left:7px;
}

/* ------------------------------------------------------- */
/* case-and-news */
/* ------------------------------------------------------- */

#case-and-news{
	width:655px;
	margin:0 auto 0.8em;
}

#case-and-news h3{
	margin:0 0 0.8em;
} 

/* clear hack */
#case-and-news{zoom:1;}
#case-and-news:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 事例集スライド */
/*----------------------------------*/
/* スライドのcssはeasyslider.css */

#case-slide{
	float:left;
	width:310px;
	padding:10px 0;
	background:#ddd;
}

#case-slide h3{
	margin:0 0 0.2em;
	
}

#case-slide p{
	width:310px;
	margin:0;
	padding:5px 0 0;
	text-align:center;
}
#case-slide dl{
	width:300px;
	margin:0 auto;
}

#case-slide dd{text-align:right;margin:0.3em 0 0;}
#case-slide dd a:hover img{opacity:0.7;filter:alpha(opacity=70);}

/* 新着情報 */
/*----------------------------------*/
#news-area{
	float:right;
	
}

#news{
	width:330px;
	margin:0 0 0.5em;
	background:#c7e6f7 url('../image/news_under.gif') no-repeat left bottom;
}
#news h3{margin:0 0 0.3em;padding:0;}

#news iframe{
	width:320px;
	height:120px;
	margin:0 0 0.8em 5px;
}

#news-area dd{margin:0;}
#news-area dd a:hover img{opacity:0.7;filter:alpha(opacity=70);}


/* ------------------------------------------------------- */
/* 事例集 */
/* ------------------------------------------------------- */
#case-list h3{
	margin:0 auto 1.0em;
}

#case-list iframe{
	width:650px;
	margin:0 auto 2.5em;
}






/* ------------------------------------------------------- */
/* 加工工場のご案内 */
/* ------------------------------------------------------- */
#factory{
	width:638px;
	margin:0 auto 2em;
}
/* clear hack */
#factory{zoom:1;}
#factory:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#factory dl{
	float:left;
	width:289px;

}

#factory dd ul{
	margin-left:15px;
}

#factory dd ul li{
	list-style:none;
}

#factory dd ul li a:hover img{opacity:0.7;filter:alpha(opacity=70);}


#factory p{
	float:right;
	margin:0;
	padding:0;
	width:349px;

}

/* ------------------------------------------------------- */
/* 納期 */
/* ------------------------------------------------------- */
#delivery{
	width:638px;
	margin:0 auto 1.5em;
}

#delivery #title{
	width:638px;
	margin:0 auto 5px;
}

/* clear hack */
#delivery #title{zoom:1;}
#delivery #title:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#delivery #title h4{
	float:left;
	width:380px;
	padding:0 0 0 8px;
	border-left:#51a2ce 4px solid;
	font-size:1.3em;
}

#delivery #title h4 span{
	font-size:0.9em;
	color:#a40000;
}

#delivery #title p{
	float:right;
	width:147px;
	margin:0;
	padding:0;
	text-align:right;
	background:url('../image/ico_hatena.gif') no-repeat left 2px;
}


#delivery table{
	width:638px;
	margin:0 auto;
	border:#ccc 1px solid;
	border-collapse:collapse;
}

#delivery th{
	width:126px;
	padding:5px 0px;
	background:#e3eed1;
	font-weight:normal;
}

#delivery td{
	width:126px;
	padding:5px 0px;
	text-align:center;
}

#delivery td img{
	vertical-align:bottom;
}

#delivery table,
#delivery th,
#delivery td{
	border:#ccc 1px solid;
}

#delivery ul.caution{
	width:630px;
	margin:10px auto 0;
	padding:0;
}

#delivery ul.caution li{
	list-style:none;
}

#delivery ul.caution li.red{
	color:#a40000;
}

#delivery a:hover{color:#a40000;}


/* ---------------------------------------------------------------- */
/* カレンダー */
/* ---------------------------------------------------------------- */

#calender{
	width:638px;
	margin:0 auto 2em;
}

/* clear hack */
#calender{zoom:1;}
#calender:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#calender h4{
	margin-bottom:10px;
	padding:2px 6px;
	background:#eee;
	border-top:#999 1px solid;
	border-bottom:#999 1px dotted;
}

#calender .block{
	float:left;
	margin-left:1.2em;
	}

#calender h5{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}

#calender ul{
	width:140px;
	margin:0;
	padding:0;
	border:1px #999;
	border-style:solid none none solid;
}
/* clear hack */
#calender ul{zoom:1;}
#calender ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#calender li{
	float:left;
	width:19px;
	margin:0;
	padding:0;
	border:1px #999;
	border-style:none solid solid none;
	list-style:none;
	line-height:19px;
	background:#fff;
	text-align:center;
}

#calender ul.headline li{border-bottom:none;}

#calender li.weekday{background:#ddd;}
#calender li.sun{color:#934c52;background:#e7b4b6;}
#calender li.sat{color:#934c52;background:#e7b4b6;}
#calender li.holiday{color:#934c52;background:#e7b4b6;}

#calender p{
	float:left;
	width:300px;
	margin:0 0 0 1.5em;
	padding:18px 0 0;
}
#calender p span{background:#f6ddde;}



/* ------------------------------------------------------- */
/*お客様の声  */
/* ------------------------------------------------------- */

#voice{
	width:640px;
	margin:0 auto 1.0em;
}

#voice iframe{
	width:100%;
	height:150px;
}

#voice #title{
	width:640px;
	background:url('../image/t_voice.gif') no-repeat left top;
}

/* clear hack */
#voice #title{zoom:1;}
#voice #title:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#voice #title h3{float:left;width:100px;display:none;}

#voice #title p{float:right;margin-top:7px;width:110px;}

#voice #title p a{color:#a40000;}


/* ------------------------------------------------------- */
/* 当システムご利用にあたって */
/* ------------------------------------------------------- */
#system-use{
	width:640px;
	margin:0 auto 2.5em;
}

#system-use h4{
	margin:0 auto 1.5em;
}

#system-use dl{
	width:600px;
	margin:0 auto 1.5em;
}

/* clear hack */
#system-use dl{zoom:1;}
#system-use dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#system-use dt{
	float:right;
	width:160px;
}

#system-use dt img{
	margin:0 0 0.5em;
}

#system-use dd{
	float:left;
	width:430px;
}

/* ------------------------------------------------------- */
/* グローバルサイン */
/* ------------------------------------------------------- */

dl#siteseal{
	width:620px;
	margin:0 auto 1.5em;
}

/* clear hack */
dl#siteseal{zoom:1;}
dl#siteseall:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


dl#siteseal dt{
	width:115px;
	float:left;
}

dl#siteseal dd{
	width:490px;
	float:right;
	padding:10px 0 0;
	font-size:0.95em;s
}