@charset "utf-8";
/* CSS Document */


/* ▼Stained-light側　header------------------------------------ */
#header {
	background:url(../images/bg_header.jpg) repeat-x;
	height:80px;
	width:750px;
}

#header #logo {
	float:left;
	padding:20px 0 0 25px;
}

#header #tel {
	float:right;
	padding-right:10px;
}



/* ▼Stained-light側　MENU------------------------------------ */
#navi {
	width:750px;
	margin:0px;
	clear:both;
}

#navi ul {
	list-style:none;
}

#navi li {
	display:block;
	float:left;
	text-indent:-5000px;
}

/* HOME */
#navi #home li a{
	width:150px;
	height:50px;
	display:block;
	background:url(../images/navi_stainedlight.jpg) no-repeat 0 0;
}
#navi #home li a:hover{
	background:url(../images/navi_stainedlight.jpg) no-repeat 0 -50px;
}

/* Line Up */
#navi #lineUp li a{
	width:150px;
	height:50px;
	display:block;
	background:url(../images/navi_stainedlight.jpg) no-repeat -150px 0;
}
#navi #lineUp li a:hover{
	background:url(../images/navi_stainedlight.jpg) no-repeat -150px -50px;
}

/* Our clients */
#navi #clients li a{
	width:150px;
	height:50px;
	display:block;
	background:url(../images/navi_stainedlight.jpg) no-repeat -300px 0;
}
#navi #clients li a:hover{
	background:url(../images/navi_stainedlight.jpg) no-repeat -300px -50px;
}

/* about Us */
#navi #aboutUs li a{
	width:150px;
	height:50px;
	display:block;
	background:url(../images/navi_stainedlight.jpg) no-repeat -450px 0;
}
#navi #aboutUs li a:hover{
	background:url(../images/navi_stainedlight.jpg) no-repeat -450px -50px;
}
/* contact */

#navi #contact li a{
	width:150px;
	height:50px;
	display:block;
	background:url(../images/navi_stainedlight.jpg) no-repeat -600px 0;
}
#navi #contact li a:hover{
	background:url(../images/navi_stainedlight.jpg) no-repeat -600px -50px;
}



/* ▼Stained-light側　TOPページ------------------------------------ */
#info {
	width:490px;
	float:left;
	padding:20px 10px 20px 20px;
}

.left {
	float:left;
}

#info #title {
	padding-bottom:10px;
}

#info p {
	float:right;
	line-height:170%;
	padding-left:10px;
}

#banner {
	width:200px;
	float:right;
	padding:20px 20px 20px 10px;
}


/* ▼Stained-light側　OUR CLIENTS------------------------------------ */
#clients .left {
	width:315px;
	float:left;
	padding:20px 0 0px 40px;
}

#clients .right {
	width:315px;
	float:right;
	padding:20px 40px 0px 0;
	text-align:left;
}
	
#clients p {
	padding:10px 0 30px;
}


/* ▼Stained-light側　ABOUT US------------------------------------ */
#about {
	margin:20px;
}

#about dt {
	padding:8px 20px 0 20px;
	font-weight:bold;
}

#about dd {
	padding:5px 40px 10px 40px;
}

#about .left {
	float:left;
	width:355px;
}

#about .right {
	float:right;
	width:355px;
}


#enkaku {
	margin:20px;
}

#enkaku dt {
	padding:8px 20px 0 20px;
	font-weight:bold;
}

#enkaku dd {
	padding:3px 40px 8px 40px;
	border-bottom:1px #CCCCCC dotted;
}


/* ▼Stained-light側　Contact------------------------------------ */
#contact-form{
	border-left:1px solid #dcdcdc;
/*	height:350px;*/
	margin:15px auto;
	padding:15px 10px 10px 30px;
	font-size:12px;
	overflow: hidden;
}
	#contact-form #th{
		margin:5px;
		width:100px;
	}
	#contact-form #td{
		margin:5px;
	}



#lineupMenu {
	text-align:center;
	padding:10px;
}

a:link {color:#FF3300; text-decoration:underline ;}
a:visited {color:#FF3300; text-decoration:underline ;}
a:hover {color:#FF6600 ; text-decoration:none ;}
a:active {color:#FF6600 ; text-decoration:none ;}