@charset "Shift_JIS";

/* HTML Tag
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	background: url(css_images/bg.gif) repeat-x;
	color: #000;
	font-family: Meiryo, Verdana, sans-serif;
}

img {
	border: none;
	vertical-align: bottom;
}
ul { list-style: none; }


/* Container
---------------------------------------------------------------------------------------------------- */
#container { font-size: 90%; }



/* Header
---------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	height: 100px;
	width: 920px;
	background: url(css_images/bg_header.gif) no-repeat;
}
#header .logo {
	position: absolute;
	top: 15px;
	left: 26px;
	height: 55px;
	width: 310px;
}



/* Contents
---------------------------------------------------------------------------------------------------- */
#contents {
	clear: both;
	position: relative;
	width: 860px;
	margin: 10px 30px 2px;
	/*margin: 10px auto 0;*/
}
#contents .main {
	clear: both;
	padding: 25px 60px 45px;
	line-height: 1.4;
}
#contents .mainIdx {
	clear: both;
	padding: 15px 60px 0;
}

/* Navigation */
.nav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 174px;
}
.nav li {
	float: left;
	height: 19px;
	width: 58px;
}

#header .nav {
	right: 25px;
	width: 73px;
}
#header .nav li {
	background: url(css_images/box_01.gif) no-repeat left 50%;
	padding-left: 15px;
}

#contents .title .nav {
	top: 7px;
	bottom: auto;
}
* html #contents .title .nav { top: 8px; }

/* Title */
h1 {
	height: 28px;
	background: url(css_images/box_02.gif) no-repeat left 50%;
	border-bottom: 3px solid #aca899;
	padding-left: 22px;
	font-size: 10px;
}
h2 {
	height: 25px;
	background: url(css_images/box_03.gif) no-repeat left 50%;
	border-bottom: 1px solid #999;
	padding-left: 20px;
	font-size: 10px;
}



/* Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	height: 105px;
	background: url(css_images/bg_footer.gif) repeat-x;
	border-top: 3px solid #aca899;
}
.copy { 
	width: 920px;
	text-align: center;
}



/* Common
---------------------------------------------------------------------------------------------------- */
.centerPosT { text-align: center; }
.rightPosT { text-align: right; }

.centerPos { margin: 0 auto; }
.leftPos { float: left; }
.rightPos { float: right; }

.clear { clear: both; }
.border { border: 1px solid #000; }

.mb10 { margin-bottom: 10px;
margin-left: 34px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }

.idt { text-indent: 1em; }

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	clear: both;
}
.clearfix { zoom: 1; }



/* 個別ページ
---------------------------------------------------------------------------------------------------- */

/* 環境貢献 */
.env01 {
	width: 690px;
	margin: 0 auto 25px;
}
.envWrap {
	width: 540px;
	float: right;
}
.envWrap .centerPosT img { padding-right: 140px;
margin-top:30px; }
.env02 { width: 670px;}
.env02 li { width: 302px; }
.env03 {
	float: left;
	padding-top: 35px;
	margin-left: 30px;
}

/* セメントの話 */
.tp0201 {
	position: relative;
	height: 650px;
}
.tp0202 {
	position: absolute;
	left: 30px;
	width: 400px;
}

.tp0301 {
	width: 214px;
	margin: 0 20px 0 5px;
	padding: 40px 0 10px;
}
.tp0302 {
	width: 471px;
	margin: 0 10px;
	padding: 20px 0 10px;
}

.tp0401 {
	width: 445px;
	margin: 0 10px;
	padding: 20px 0;
}
.tp0402 {
	width: 240px;
	margin: 0 20px 0 5px;
	padding: 53px 0 10px;
}

.tp0501 { padding: 0 20px; }
.tp0502 { position: relative; }
.tp0503 {
	position: absolute;
	top: 100px;
	left: 40px;
}

.tp0601 {
	width: 360px;
	margin: 0 10px;
	padding: 20px 0 10px;
	font-size: 12px;
}
.tp0602 {
	width: 325px;
	margin: 0 20px 0 5px;
	padding: 20px 0 10px;
}
.tp0603 { height: 205px; }
.tp0604 { height: 315px; }
.tp0605 { height: 280px; }