@import "common.css";

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

/* top css (class=index) */

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


/* ------------------------------------------------------- */
/* mainvisual */
/* ------------------------------------------------------- */
#wrapper #mainvisual{margin:0 auto;text-align:center;}

#contents{
	float:none;
	margin:0 auto;
	width:900px;
}
/* ------------------------------------------------------- */
/* catch */
/* ------------------------------------------------------- */
#catch *{margin:0;padding:0;}
#catch{
	margin:2.5em auto 1.5em;
	text-align:center;
	width:840px;
}
#catch .catch-fig{
	float:left;
	width:379px;
}

#catch .catch-txt{
	float:right;
	width:440px;
	text-align:right;
	
}
#catch .catch-txt p{
	text-align:left;
	letter-spacing:0.9;
}

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

/* ------------------------------------------------------- */
/* block */
/* ------------------------------------------------------- */

/* block */
/* ------------------------------------------------------- */

div.block *{margin:0;padding:0;}
div.block{
	margin:0 auto 1.5em;
	width:870px;
}

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


/* 8つの強み */
/* ------------------------------------------------------- */

#point *{margin:0;padding:0;}
#point img{vertical-align:bottom;}
#point{
	float:left;
	margin:0 auto 1em;
	width:527px;
}
/* title */
#point .point-title *{margin:0;padding:0;}
#point .point-title{
	margin:0 auto 1.5em;
	width:527px;
	height:68px;
	background:url('../image/t-point-line.gif') no-repeat 0 bottom;
}
#point .point-title img{vertical-align:bottom;}

/* 詳細はこちら */
#point img.btn-detail{padding:0 0 7px 8em;}


/* 8つの強み */
#point ul{list-style-type:none;width:256px;}
#point li{margin-bottom:1.2em;}
#point ul.point-left{float:left;}
#point ul.point-right{float:right;}

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



/* 実績・流れ */
/* ------------------------------------------------------- */
#block-right{
	float:right;
	width:293px;
}

/* 実績 */
#block-right .case{
	margin:0 auto 0.5em;
}
#block-right .case img{margin-bottom:0.2em;}
#block-right .case p{line-height:1.4em;}


/* 納品までの流れ */
#block-right .flow *{margin:0;padding:0;}
#block-right .flow{
	margin:0 auto 0.5em;
	background:url('../image/flow_back.gif') no-repeat 0 0;
}
#block-right .flow p{font-size:0;}
#block-right .flow p.text{
	font-size:1em;
	padding:0 1em;
	}

/* ------------------------------------------------------- */
/* パワーユニオン金津便り */
/* ------------------------------------------------------- */

/* title */
/* ------------------------------------------------------- */
div.block .t-tayori *{margin:0;padding:0;}
div.block .t-tayori{
	margin:0 auto 0.5em;
	height:37px;
	padding:0;
	background:url('../image/tayori_bottom.gif') no-repeat 0 bottom;
}
div.block .t-tayori img{vertical-align:bottom;}

div.block .t-tayori h2{
	float:left;
	margin:0 0 20px;padding:0;
}
div.block .t-tayori p{
	float:left;
	padding:5px 0 20px 15px;
}
div.block .t-tayori p.btn-tayori{
	float:right;
	margin:0;
	padding:0;
}

/* clear hack */
div.block .t-tayori{zoom:1;}
div.block .t-tayori:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* photo-area */
/* ------------------------------------------------------- */

#tayori-photo{
	margin:0 auto 2em;
	padding:1.5em 0;
	background:url('../image/tayori_back.gif') repeat 0 0;
}
#tayori-photo .rss-area *{margin:0;padding:0;}
#tayori-photo .rss-area{
	margin:0 auto;
	width:856px;
}
/* link色 */
#tayori-photo .rss-area a{color:#303030;}
#tayori-photo .rss-area a:hover{color:#008be4;text-decoration:underline;}


/* clear hack */
#tayori-photo .rss-area{zoom:1;}
#tayori-photo .rss-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#tayori-photo .rss-area dl{
	float:left;
	width:204px;
	padding:0 5px;
}
#tayori-photo .rss-area dt{
	text-align:center;
}
#tayori-photo .rss-area dt img{
	border:3px solid #b9b9b9;
}
#tayori-photo .rss-area dd{
	text-align:center;
	width:200px;
}
/* clear hack */
#tayori-photo .rss-area dl{zoom:1;}
#tayori-photo .rss-area dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* ------------------------------------------------------- */
/* パワーユニオン金津便り */
/* ------------------------------------------------------- */
#company-info *{margin:0;padding:0;}
#company-info{
	margin:0 auto 3em;
	width:770px;
}

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

/* profile */
#company-info .profile{
	float:left;
	width:320px;
}

/* info */
#company-info .info{
	float:right;
	margin:0;
	padding:0;
	width:429px;
	background:url('../image/contact_back.gif') no-repeat 0 bottom;
}

/* info:left */
#company-info .info .info-l *{margin:0;padding:0;}

#company-info .info .info-l{
	float:left;
	width:224px;
}
#company-info .info .info-l ul{
	margin:7px 0 10px 10px;
	padding:0;
	list-style-type:none;
}
#company-info .info .info-l li{
	margin:0;
}

/* info:right */
#company-info .info .info-r{
	float:right;
	margin:4px 10px 10px 0;
	_margin-right:5px;
	padding:10px 0 0 0;
	text-align:center;
	width:169px;
	background:#fff;
	border:1px solid #cfcfcf;
}
#company-info .info .info-r p{
	margin-bottom:10px;
	text-align:center;
}