/*----------------- 左メニューサイドバー ------*/
.menubaner {
	width			: 130px;
	height			: 40px;
	border-bottom	: 1px dotted #808080;
	margin-bottom	: 5px;
}
.menutab {
	width			: 10px;
	margin-top		: 10px;
	margin-bottom	: 3px;
	padding-left	: 3px;
	float			: left;
}
.menumoji {
	width			: auto;
	text-align		: right;
	padding-right	: 3px;
	float			: right;
}
.menumoji p {
	padding-top		: 15px;
	color			: #666666;
}
.menumoji p a:link {
	color			: #cc6666;
	text-decoration	: none;
}
.menumoji p a:visited {
	color			: #cc66cc;
	text-decoration	: none;
}
.menumoji p a:hover {
	color			: #0000ff;
	background-color: #f0f8ff;
}

.housebaner {
	margin-top		: 20px;
}


/*----------------- 右記事部分 ------*/

.pagetitle {
	width			: 95%;
	margin-top		: 20px;
}

.concept {
	width			: 70%;
	margin			: 30px 0;
}
.kiji {
	width			: 70%;
	padding-left	: 30px;
	margin-bottom	: 50px;
}
.kiji p{
	line-height		: 2.0;
	margin-bottom	: 20px;
}

.greeting {
	width			: 90%;
	margin-top		: 20px;
	margin-bottom	: 50px;
}
.greeting .photo {
	width			: 155px;
	margin-left		: 10px;
	float			: left;
}
.greeting .photo p{
	padding-left	: 30px;
}

.greeting .kiji{
	width			: 277px;
	float			: right;
}
.greeting .kiji p{
	line-height		: 2.0;
}

.gaiyou {
	width			: 450px;
	border-collapse	: collapse;
	border-style	: none;
	border-width	: 0;
	border			: none;
	margin			: 25px 0 25px 50px;
}
.gaiyou th {
	width			: 100px;
	text-align		: left;
	padding			: 10px;
	border-bottom	: 1px solid #c0c0c0;
}
.gaiyou td {
	vartical-align	: middle;
	text-align		: left;
	padding			: 10px;
	border-bottom	: 1px solid #c0c0c0;
}

.pagetop {
	width			: 100%;
}
.pagetop p{
	padding-right	: 10px;
	text-align		: right;
}

/*------------- 施工例左メニューサイドバー ------*/
#Content h2{
	text-align		: left;
	margin			: 10px 0 10px 10px;
}

#sidemenu {
	width			: 140px;
	margin			: 0;
	float			: left;
}

.sekoumenu {
	width			: 100%;
	margin			: 0;
	padding			: 0;
}
.sekoumenu .bunrui {
	width			: 120px;
	font-size		: 105%;
	color			: #666666;
	margin-top		: 10px; 
	margin-left		: 5px;
	padding			: 0px 5px; 
	border-left		: 7px solid #55bbbb;
	border-bottom	: 1px solid #55bbbb;
	letter-spacing	: 0.1em; 
	background-color: none;
}
#orange {
	border-left		: 7px solid #ff9933;
	border-bottom	: 1px solid #ff9933;
}
#perple {
	border-left		: 7px solid #9999cc;
	border-bottom	: 1px solid #9999cc;
}
#yellowgreen {
	border-left		: 7px solid #ccff66;
	border-bottom	: 1px solid #ccff66;
}
#blue2 {
	border-left		: 7px solid #6666ff;
	border-bottom	: 1px solid #6666ff;
}
#pink {
	border-left		: 7px solid #cc9999;
	border-bottom	: 1px solid #cc9999
}

.bukken {
	width			: 120px;
	margin-left		: 10px;
/*	border			: 1px dotted #808080;
	border-top		: none; */
	list-style-type	: none;
	font-size		: 114%;
	padding			: 0;
	margin			: 0;
/*	color			: #666666; */
}
.bukken p{
	width			: 100%;
	letter-spacing	: 0.1em;
	padding			: 0 12px; 
	margin			: 0;
}

.sekoumenu ul ul li a {
	background-color: none;
}	

.sekoumenu ul ul li a:hover{
	background-color: #ccffcc;
	cursor			: pointer;
}

.sekoumenu  ul li.parent ul {
	display			: none;
}
.sekoumenu  ul li.parentOn ul {
	display			: block;
}



/*------------- 施工例右記事 ------*/


.shousaileft {
	margin-top		: 0px; 
	margin-bottom	: 20px;
}
.shousairight {
	margin			: 40px 0;
}

.shousaileft .photo {
	width			: 280px; 
	float			: left;
}
.shousaileft .photo img{
	margin			: 0;
	padding			: 0;
}

.shousaileft .article {
	width			: 250px; 
	float			: right;
}

.shousaileft .article h3 ,.shousairight .article h3{
	margin			: 3px 0;
	font-size		: 80%;
	color			: #808080;
}
.shousaileft .article img ,.shousairight .article img {
	margin-right	: 3px;
}

.shousaileft .article p , .shousairight .article p {
	width			: 95%;
}
.shousairight .photo {
	width			: 280px; 
	float			: right;
}
.shousairight .article {
	width			: 250px; 
	float			: left;
}
.shousaileft .article dl,.shousairight .article dl{
	width			: 90%;
}
.shousaileft .article dt,.shousairight .article dt{
	color			: #005500;
	font-weight		: normal;
}
/*------------- 施工例下メニュー ------*/

.footermenu {
	width			: 100%;
	margin-bottom	: 30px;
}

.footermenu ul {
/*	width			: 80%; */
	margin-left		: 110px;
	padding			: 0;
	text-align		: center;

}
.footermenu li {
	width			: 75px;
	padding			: 3px;
	border-right	: 1px solid #808080;
	float			: left;
	text-align		: center;
	list-style		: none;
}

/*----------------- お問い合せ（faq.html） ------*/
.contact {
	width			: auto;
	padding-bottom	: 5px;
	margin			: 10px 0 5px 20px;
/*	border-bottom	: 2px dotted #d2691e; */
}
.contact h2 {
	width			: 98%;
}
.contact p {
	width			: 95%;
}
.contact ul {
	padding-left	: 30px;
	list-style		: none;
}
.contact li {
	list-style		: disc url(../img/mark-b.gif) outside;
}
.contact .tblContact {
	width			: 500px;
	table-layout	: fixed;
	border-collapse	: collapse;
	border-style	: none;
	border			: none;
}
.contact .tblContact th ,
.contact .tblContact td {
	border			: 1px solid #808080;
	padding			: 4px;
}
.contact .tblContact th {
	width			: 8em;
}
.contact .name {
	width			: 60%;;
	background-color: #ddffff;
}
.contact .email {
	width			: 60%;;
	background-color: #ddffff;
}
.contact .postcd {
	width			: 5em;
}
.contact .todouhuken {
	width			: 7em;
}
.contact .address {
	width			: 99%;
}
.contact .telno {
	width			: 8em;
}
.contact .iken {
	width			: 99%;
	background-color: #ddffff;
}

/*----------------- メッセージ送受信 --------------*/
.message {
	width			: auto;
}

.message p {
	text-align		: center;
	padding			: 15px 0;
}
.message p a:link {
	text-decoration	: none;
	color			: #cc6666;
}


/*----------------- プライバシーポリシー --------------*/
.pagetitle dl {
	margin			: 20px 10px 20px 25px;
}
.pagetitle dt {
	margin-top	: 5px;
	color			: #007755;
}
.pagetitle dd {
	margin-bottom	: 10px;
}

