@charset "utf-8";

/* top */
#topBox{
	margin:10px 0 0 0;
	}
.left{
	width:370px;
	float:left;
	}

.right{
	width:415px;
	float:left;
	padding:0 0 0 15px;
	}

.btnDetailDate{
	float:left;
	width:150px;
	}

.btnDetailTop{
	float:right;
	width:100px;
	margin:2px 0 0 0;
	}

.topimg{
	clear:both;
	}

.update{
	vertical-align:4px;
	}

.right ul{
	line-height:0;
	font-size:0;
	}

.right ul li{
	margin-bottom:3px;
	}

#underBox{
	clear:both;
	margin:20px 0 0 0;
	}



#underBox .leftArea{
	float:left;
	width:565px;
	margin:0 0 10px 0;
	padding:0 0 30px 0;
	border-top:1px solid #9cB308;
	border-bottom:1px solid #9cB308;
	border-right:1px solid #9cB308;
	}

#underBox .leftArea h2{
	margin:5px 0 0 0;
	}


#underBox .leftArea .news{
	width:555px;
	margin:20px 0 0 0;
	line-height:140%;
	}
#underBox .leftArea .news .date{
	float:left;
	width:80px;
	font-size:10px;
	font-weight:bold;
	}
#underBox .leftArea .news .newstit{
	float:right;
	width:470px;
	color:#9cB308;
	}
#underBox .leftArea .news .text{
	float:right;
	width:470px;
	}

#underBox .leftArea .news a, #underBox .leftArea .news a:link{
	color:#9CB308;
	text-decoration:none;
	}
#underBox .leftArea .news a:visited{
	color:#9CB308;
	text-decoration:none;
	}
#underBox .leftArea .news a:hover{
	color:#73C04B;
	text-decoration:underline;
	}

#underBox .rightArea{
	float:right;
	width:220px;
	font-size:10px;
	}

#underBox .rightArea .sozai{
	width:190px;
	margin:5px 0 0 0;
	padding:5px 0 5px 10px;
	background-color:#cbccb8;
	}
#underBox .rightArea .sozai img{
	margin:0 0 5px 0;
	}

.mt3{
	margin-top:3px;
	}


/* contents */
#contents h2{
	margin:0 0 20px 0;
	}

#contents h3{
	margin:0 0 20px 10px;
	padding:0 0 2px 0;
	border-bottom:1px solid #619275;
	color:#619275;
	font-size:16px;
	font-weight:bold;
	}
.lead{
	width:780px;
	margin:0 auto 20px auto;
	}
.anchor{
	margin:0 0 15px 10px;
	background-image:url(../../ceramic/img/anchor_bd.gif);
	background-repeat:no-repeat;
	font-size:14px;
	}
.anchor p{
	float:left;
	width:100px;
	padding:0 0 0 15px;
	}
.anchor ul{
	float:right;
	width:665px;
	padding:0 0 0 10px;
	background-image:url(../../ceramic/img/anchor_bd2.gif);
	background-repeat:repeat-y;
	}
.anchor ul.no{
	float:none;
	background-image:none;
	padding:0 0 0 15px;
	}
.anchor ul li{
	margin-bottom:10px;
	line-height:1.2em;
	}
.b_box{
	border:1px solid #ccc;
	margin:0 5px 15px 10px;
	padding:10px 15px;
	}
.hinban{
	margin:0 30px;
	}

.leadbox{
	margin:0 0 30px 10px;
	}
.leadbox .left2{
	float:left;
	width:220px;
	}
.leadbox .right2{
	float:right;
	width:570px;
	}
.leadbox .left{
	float:left;
	width:55px;
	}
.leadbox .right{
	float:right;
	width:720px;
	}
.product .oneunit{
	float:left;
	width:256px;
	margin:0 0 30px 10px;
	padding:5px 0 0 0;
	border-top:1px solid #333;
	}

*html .product .oneunit{
	float:left;
	width:256px;
	margin:0 0 30px 8px;
	padding:5px 0 0 0;
	border-top:1px solid #333;
	}
.product .oneunit .image{
	margin:0 0 3px 0;
	}

.product .oneunit .title{
	margin:0 0 8px 0;
	color:#124670;
	font-weight:bold;
	}

.product .oneunit .title img{
	margin:0 0 0 10px;
	vertical-align:-3px;
	}

.product .oneunit .icon img{
	margin:0 5px 2px 0;
	}

.product .oneunit .detail{
	margin:10px 0;
	text-align:right;
	}

#another h2{
	margin:30px 0 0 0;
	}
#another h3{
	margin:20px 0 0 30px;
	border-bottom:1px solid #D4D89C;
	font-weight:bold;
	color:#495711;
	letter-spacing: 0.2em;
	}

#another h4{
	font-weight: bold;
	color: #6B8207;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 10px;
	background-color: #d0d0d0;
	width: 200px;
}

/*会社概要*/
.comTxt {
	width: 700px;
	margin: 10px 50px 0 50px;
}
.branc {
	font-weight: bold;
	color: #838216;
}
.comTxt p {
	margin: 5px;
}
.comTxt table {
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 10px;
}
.comTxt .nameTable {
	font-size: 12px;
}
.comTxt table {
	font-size: 10px;
}



/*ご利用規約*/
#another  #kiyakuArea {
	width: 740px;
	margin:20px auto 0 auto;
	}

#another #kiyakuArea h3{
	margin:30px 0 0 0;
	border:0;
	font-size: 12px;
	font-weight: bold;
	color: #AD9B5C;
}

.left01 {
	margin-left: 15px;
}

/*サイトマップ*/
#mapArea {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#mapArea .ceramic {
	width: 330px;
	float: left;
}
#mapArea .syoukai {
	float: right;
	width: 260px;
}
#mapArea .ceramic p {
	font-size: 14px;
	margin-top: 15px;
	line-height: 150%;
}
#mapArea .syoukai p {
	margin-top: 15px;
	line-height: 150%;
	margin-left: 15px;
}


/*プロジェクト対応品*/
.pdfArea {
	width: 740px;
	margin: 10px 30px 0 30px;
}

.pdf{
	float: left;
	width: 246px;
}


dl.pdfImg dt {
	float:left;
	clear:both;
	width:83px;
	margin-right:5px;
	margin-bottom:20px;
	border-bottom:0;
}

dl.pdfImg dd {
	margin-left: 88px;
	padding-top:10px;
}

/*施工事例*/
#jirei_photo{
	float:left;
	width:580px;
	}

#jirei_photo h3{
	border:0;
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#333;
	}

#jireiNavi {
	float: right;
	width: 200px;
	height: 650px;
	margin:0 0 0 19px;
	background-color:#fff;
	background-image:url(../../jirei/img/listBack.jpg);
	background-repeat: no-repeat;
}
#jireiNavi h4 {
	margin:10px 0 5px 10px;
	border:0;
}


#jireiNavi li{
	margin:10px 15px 0 15px;
	padding:0 0 0 15px;
	background-image: url(../../jirei/img/list_icon.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	}

#jireiNavi a, #jireiNavi a:link{
	color:#506629;
	text-decoration:none;
	}
#jireiNavi a:visited{
	color:#506629;
	text-decoration:none;
	}
#jireiNavi a:hover{
	color:##506629;
	text-decoration:none;
	}

#jireiNavi a.current {
	font-weight: bold;
	color: #660000;
	text-decoration:none;
}

p.usestone{
	margin:15px 0;
	}
	
p.stonetitle{
	clear:both;
	width:580px;
	margin:0 0 3px 0;
	padding:0;
	font-weight:bold;
	}
.stonebox {
	float: left;
	width: 100px;
	margin: 0 15px 15px 0;
}
.stonebox p {
	margin-top: 2px;
	line-height: 120%;
	color: #666666;
	font-size: 10px;
}
.stonebox img {
	border: 1px solid #E3E3E3;
	margin:0 0 2px 0;
}
ul.jireiPhoto{
	float:right;
	width:120px;
	line-height:0;
	font-size:0;
	}

ul.jireiPhoto li{
	margin-bottom:2px;
	}


#photo01,#photo02,#photo03,#photo04,#photo05{
	float:left;
	width:450px;
	margin:0 0 10px 0;
	}