/*  
Theme Name: (有)井出添建築設計事務所
Theme URI: http://www.idesoe.co.jp/
Description: WEB標準に準拠したWordPressのテーマです。
Version: 2.0
Author: CWC.SDR
Author URI:  
*/

* {
	margin: 0;
	padding: 0;
}

img { border: none; }

.clear { clear: both; }

body {
	background: #d3e5ea;
	font-size: 13px;
	color: #202328;
}
#head {
	background-image: url(images/wrapper-head.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 180px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}
#head #company-adress {
	width: 430px;
	float: right;
	margin-top: 45px;
	margin-right: 10px;
}
#head #home {
	margin-top: 20px;
	margin-left: 30px;
	height: 60px;
	margin-right: 30px;
}
#head #home a img {
	width: 360px;
	height: 60px;
}




#wrapper {
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(images/wrapper-back.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 0px;
}
#head h1 {
	text-decoration: none;
	font-size: 11px;
	margin: 0;
	font-weight: normal;
	color: #2E343A;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	}
 .Desc { color:#444; font-size: 12px; line-height: 14px; font-weight: 0; letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 15px 0px; text-transform: uppercase;}

	#main-content {
	width: 600px;
	background: url(images/content-top.gif) no-repeat top;
	float: right;
	padding: 0px;
	margin-left: 15px;
	}
	
		#content {
	width: 580px;
	background: #fff url(images/content-bottom.gif) no-repeat bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 20px;
	padding-top: 8px;
		}
		
#navigation {
	width: 558px;
	height: 30px;
	background: url(images/navigation-bg.gif) no-repeat;
}

			#navigation, .menu ul {
	line-height: 30px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
			}

			
				#navigation li, .menu ul li {
					float: left;
					color: #c00;
					margin: 9px 0;
					list-style: none;
					line-height: 1;
				}
				
					#navigation li a, .menu ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
					}
					
					#navigation li a:hover, .menu ul li a:hover {
	text-decoration: none;
	color: #FF3;
}
					
					#navigation .page_item, .menu ul .page_item , #navigation .cat-item{
					padding-left: 5px; margin-left: 5px; border-left: 1px solid #c5af99;
					}

#content .title-jisseki , #content .title-staff , #content .title-all {
	color: #E6E6E6;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: 17px;
}

#content .title-jisseki h2 , #content .title-jisseki h2 a , #content .title-staff h2 , #content .title-staff h2 a , #content .title-all h2 , #content .title-all h2 a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	clear: both;
	}

#content .title-jisseki h2 a:hover , #content .title-staff h2 a:hover , #content .title-all h2 a:hover {
	text-decoration: underline;
	}

#content .title-jisseki {
	background-image: url(images/jisseki-h3-bg.gif);
}
#content .title-jisseki h2 , #content .title-jisseki h2 a {
	color: #FFF;
	}

#content .title-staff {
	background-image: url(images/staff-h3-bg.gif);
}

#content .title-staff h2 , #content .title-staff h2 a {
	color: #ED4D00;
	}

#content .title-all {
	background-image: url(images/all-h3-bg.gif);
}

#content .title-all h2 , #content .title-all h2 a {
	color: #209591;
	}


				
#content .post-info {
	color: #963;
	line-height: 14px;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;
	text-align: right;
	margin-right: 10px;
			}
			
hr {
				height: 0;
				border: none;
				border-bottom: 1px solid #c5af99;
				margin: 4px 0;
			}
			
			#content .post-date {
				color: #963;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding: 0 0 10px 0;
			}
			
			.post-image {
				float: left;
				border: 5px solid #ffebde;
				margin: 0 24px 10px 0;
			}
			
			#content p {
				line-height: 18px;
				padding: 0 0 10px 0;
			}
			
				#content a {
	color: #E33F00;
	text-decoration: underline;
}
							
			#content a:hover { text-decoration: none; }
			
			#content .comment-link {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 11px;
				color: #f00;
				padding: 0;
			}
			
				#content .comment-link a { color: #f00; text-decoration: underline; }
				
				#content .comment-link a:hover { text-decoration: none; }
					
				#content blockquote { padding: 10px 15px; background: #fffde5; margin: 0 0 10px; color:#993300; border: solid 1px #f6f3d3;}
				
		#content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
		#content ul, #content ol { font-size: 11px; padding-left: 18px; }	
				
		#tab-menu {
	width: 580px;
	height: 26px;
	background: url(images/tab-top.gif) no-repeat bottom;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
		}
		
			#tab-menu li { display: inline; }
				
			#tab-menu li a /* , #tab-menu li a .active */ {
				height: 26px;
				background: url(images/tab-right.gif) no-repeat bottom right;
				line-height: 26px;
				color: #fff;
				text-decoration: none;
				float: left;
				margin: 0 2px 0 0;
				padding: 0 6px 0 0;
				display: inline-block;
			}
			
				#tab-menu li a { cursor: pointer; }
							
				#tab-menu li a span /* ,#tab-menu li a .active span */ {
					height: 26px;
					background: url(images/tab-left.gif) no-repeat bottom left;
					line-height: 26px;
					padding: 0 12px 0 18px;
					display: block;
					float: left;
				}
				
				#tab-menu li a:hover, #tab-menu .TabLink .active { background: url(images/tab-right.gif) no-repeat top right; }
				
				#tab-menu li a:hover span, #tab-menu .TabLink .active span { background: url(images/tab-left.gif) no-repeat top left; }
				
			.tab-box {
			width: 586px;
			background: #2e343a url(images/tab-bottom.gif) no-repeat bottom;
			padding: 16px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
		}
		
		#footer {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
		/*	line-height: 36px; */
			padding: 20px 0 20px 0;
			color: #2e3537;
		}
#footer-img {
	background-image: url(images/wrapper-footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	height: 50px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

		
	#sidebar {
	width: 220px;
	float: left;
	}
	
/*サイドバーコンテンツの幅*/
.dark-box , .med-box , .light-box, .widget {
	width: 200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 16px;
	padding-left: 15px;
}

/*サイドバーコンテンツbottomの幅*/
.dark-box-bottom , .med-box-bottom , .light-box-bottom, .widget-bottom {
	width: 220px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 20px;
	}

/*サイドバーコンテンツtopの幅*/
.dark-box-top , .med-box-top , .light-box-top, .widget-top {
	width: 220px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: bottom;
}
/*サイドバーコンテンツH3のサイズ等*/
.dark-box h3 , .med-box h3 , .light-box h3, .widget h3{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 4px 0;
}


/*各サイドバーコンテンツ指定*/
.dark-box-top {
	background-image: url(images/dark-box-top.gif);
}

	.dark-box {
	background-image: url(images/dark-box-body.gif);
	background-repeat: repeat-y;
	}
		
			.dark-box h3 {
				color: #fff;
			}
			
			.dark-box .search-box {
	width: 120px;
	height: 20px;
	background: url(images/search-box.gif) no-repeat;
	padding: 5px;
	border: none;
	color: #fff;
	float: left;
			}
			
			.dark-box .search-button {
				width: 52px; height: 25px;
				background: url(images/search-button.gif) no-repeat;
				display: block;
				float: left;
				font-size: 0.1em;
				color: #535a61;
				text-align: left;
				cursor: pointer;
				border: none;
			}
				
		
		.dark-box-bottom {
	background-image: url(images/dark-box-bottom.gif);
		}
		
.med-box-top , .light-box-top, .widget{
	background-image: url(images/med-box-top.gif);
}
		.med-box , .light-box, .widget {
	background-image: url(images/med-box-body.gif);
	background-repeat: repeat-y;
		}
		
			.med-box h3 , .light-box h3, .widget h3{
	color: #D6D6D6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
			}
			
			.med-box ul li , .light-box ul li, .widget ul li{
	background: url(images/list-arrow-med.gif) no-repeat 0 6px;
	padding: 1px 0 1px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FC3;
	list-style: none;
			}
			
				.med-box ul li a , .light-box ul li a, .widget ul li a  {
	color: #FF9;
	text-decoration: none;
					 }
				
				.med-box ul li a:hover ,.light-box ul li a:hover, .widget ul li a:hover{
					 text-decoration: underline;
					 }
		
		.med-box-bottom , .light-box-bottom, .widget-bottom{
	background-image: url(images/med-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
		}
#wp-calendar {
	width: 177px;
	margin-right: 10px;
	margin-left: 12px;
	color: #FFF;
}


		

 .Block .Extra { background: #1699d6 url(images/ExtraBottom.gif) no-repeat left bottom; margin: 0px; width: 360px;}
 #tab-menu .NavLinks {margin: 0px; padding: 0px; display: inline; list-style-type: none; float: right;}

 .tab-box { clear: left;}
 .tab-box ul { padding: 0px; margin: 0px;}
 .tab-box li { color:#fff; padding: 2px 0px 2px 10px; margin: 0px; list-style-type: none;  font-size: 11px;}
 .tab-box li a { color:#fff; text-decoration: none;}
 .tab-box li a:visited { color:#fff; text-decoration: none;}
 .tab-box li a:hover { color:#fff; text-decoration: none;} 

 .tab-box .off { color:#fff; text-decoration: none;}
 .tab-box .on { color:#fff; text-decoration: none;}
 
 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#content .PostNote { margin: 0px; padding: 0px;}
#content .PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
#content .PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
#content .PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }

.Comments { padding: 0px; margin: 20px 0px 20px 0px; }

.posts-navigation .previous, .Comments .comment-navigation .previous { float: left; }
.posts-navigation .next, .Comments .comment-navigation .next { float: right; }
.posts-navigation, .Comments .comment-navigation { margin: 10px 0 20px; overflow: hidden; }
.posts-navigation { margin: 40px 0 0; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }

#content .List .commentlist, #content .List .commentlist .children { margin: 0; padding: 0; }
	#content .List .commentlist .comment-author { margin: 0; padding: 0; }
	#content .List .commentlist li { height: 1%; }
	.commentlist .avatar { float: left; margin: 0 10px 0 0; }
	.comment-meta, .commenttext, #content .List .commentlist .children { padding: 0 0 0 40px; }
	.commenttext { clear: both; }

.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListDate { padding-left: 0px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Form {}
.Form h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #cc3300}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px; width: 210px; }
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px;}

.Form input.SubmitComment { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat;}

#comment { width: 97%; }
.entry-content {
	margin-right: 10px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Image Styles */
	.post div.wp-caption {
	margin: 8px;
	overflow: hidden;
	background-color: #F5F5F5;
	border: 1px solid #999;
	padding: 0px;
}
		.post .wp-caption img { display: block; margin: 5px auto; }	
		.post .wp-caption-text { margin: 5px; font-size: 11px; line-height: 1.3em; }
	.post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	.post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	.post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	.post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	.post div.alignleft { text-align: left; float: left; margin-left: 0; }
	.post div.alignright { text-align: right; float: right; margin-right: 0; }
	.post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	.post .gallery { margin: auto auto 0; }
		.post .gallery img { border: none; margin-bottom: 5px; }
		.post .gallery .gallery-item, .post .gallery .gallery-icon { clear: none; margin: 0; }
		.post .gallery .gallery-icon {  }
		.post .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 20px 10px; }


/* TOPページのレイアウト */
#top {
	margin-top: 20px;
}
#top #flash {
	width: 570px;
	height: 270px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#top h3 {
	width: 600px;
	height: 30px;
	background-image: url(images/top-h3-bg.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 10px;
	padding-left: 10px;
}

/*TOP新着情報等レイアウト*/
#news {
	width: 550px;
	height: 260px;
	margin-bottom: 20px;
	padding-right:20px;
	overflow: scroll;
}
#news .news_left {
	float: left;
	width: 440px;
	padding-left: 5px;
}


#news .date {
	color: #999999;
	margin-bottom: 5px;
	width: 120px;
	margin-top: 10px;
	float: left;

}
#news .news_title {
	margin-bottom: 10px;
	float: right;
	margin-top: 10px;
	width: 320px;
}

#news  .category {
	font-size: 10px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}
#news .clear {
	font-size: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

#news .category a:link , #news .category a:visited {
	color: #999;

}

#news .category a:hover , #news .category a:active {
	color: #9B000F;
}

/*会社概要*/
#company .line01 , #company .line02{
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#company .line01 {
	background-color: #FFF;
}

#company .line02 {
	background-color: #F0F0F0;
}

#company .company-label{
	float: left;
	width: 85px;
	font-weight: bold;
	color: #666;
}
#company .company-disabled{
	float: right;
	width: 460px;

}
.company-disabled ul {
	margin-top: 5px;
}

.company-disabled ul li {
	list-style-type: none;
	font-size: 12px;
	line-height: 1.25;
	color: #666;
}



/*お問合せ*/
#mail .line01 , #mail .line02{
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#mail .line01 {
	background-color: #FFF;
}

#mail .line02 {
	background-color: #F0F0F0;
}

#mail .mail-label{
	float: left;
	width: 160px;
	font-weight: bold;
	color: #666;
}
#mail .mail-disabled{
	float: right;
	width: 390px;

}
#mail .bottan {
	text-align: center;
}


/* 全体
#head ,
#wrapper,
#footer-img {
	width: 80%;
	max-width: 1080px;
	background-color: #fff;
}
#wrapper,
#footer-img {
	background-image: none;
}
#head {
	border-radius: 10px 10px 0 0;
}
#wrapper {
	display: flex;
	flex-direction: row-reverse;
	box-sizing: border-box;
}
#footer-img {
	border-radius: 0 0 10px 10px;
	margin-bottom: 1rem;
}
 */

/* 会社概要 */
#company .company-label,
#company .company-disabled {
	float: none;
}

.flex {
	display: flex;
}