@charset "UTF-8";
/*
Theme Name: 3show-tops
Description: 
Version: 1.0.0
Author: Mitsuaki Ishii
Tags: two-columns, right-sidebar, green





ライン　										#D4CCAA
コンテンツBG						#F8F6EA

*/

*{margin:0;padding:0;}
body {
margin:0 0 20px 0;
font-size:12px;
color:#300;
line-height:18px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
background: #F0ECD5;
text-align:center;
}
small {	font-size: 10px;	}

h1, h2, h3, h4, h5, h6 {clear:both;	font-weight: bold;	text-align:left;}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
p		{margin:0 0 10px 0;}
pre {	overflow:auto;}
acronym, abbr{	cursor: help;	border-bottom: 1px dashed #999;}

a {	color: #26a;	text-decoration: none;}
a:hover {	color:#09f;text-decoration: underline;}
a img {	border: none;	}


/* Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#layout {	margin: 0 auto;	padding: 0;	width: 900px;background:#fff;text-align:left;
border-left:3px solid #EADBBA;
border-right:3px solid #EADBBA;}
#wrapper {clear:both;padding:20px 20px 0 20px;}

/*★★★*/
#content-top,#content-page,#content-single,#content-archive,#content-serch
{width:630px;	float:left;}



/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header {margin:0 20px; background:url(images/bg-header.jpg) no-repeat;width:860px; height:225px;}
#header #site-id{float:left;width:270px;}
#header #header-box {float:right;width:580px;}
#header #header-box #description {font-size:14px;text-align:right;color:#fff;padding:0 5px 0 0;background:url(images/bg-discription.png) no-repeat top right;height:32px;line-height:32px;}
#header #header-box #description h2{font-size:14px;text-align:right;font-weight:normal;}

#header #header-box #free-tel			 {text-align:right;}



#navi { width:860px;  clear:both; padding: 10px 0 0 0;	 height:26px; background:#424740; margin:0 auto;/*font-weight:bold;*/}
#navi ul {list-style: none;margin:0 25px;}
#navi li {margin:0 3px 0 0;float: left;font-size: 12px;height: 25px;background:url(images/bg_li.gif) top left repeat-x;
border-top:1px solid #666;
border-right:1px solid #666;
border-left:1px solid #666;
}
* html #nav li a { /* Filter for IE6 to prevent li stacking */  float: left;  text-decoration: none;  }
#navi li a {padding:0 20px;display: block;line-height: 25px;color: #eee;text-decoration: none;  }
#navi li a:hover { background:url(images/bg_li-hover.gif) top left repeat-x;  text-decoration: none;  cursor: pointer;color:#600; /* For IE6 */  }
#navi li.current_page_item a {background:url(images/bg_li-hover.gif) top left repeat-x;  color:#600;}


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


/* お問い合わせボックスの設定 */
#contact-box{font-size:14px;margin:50px 0 5px 0;padding:20px 20px 20px 10px;border-top:1px solid #E1DAC2; background:#fff;}
#contact-box img{float:left;margin:0 10px 10px 0;}
.contact-box-op{background:#eee;padding:10px;margin:0 0 0 170px;border:1px solid #D4CCAA;}



/* ★トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 冒頭のイントロ*/
#top-info{margin:0 0 20px 0;font-size:14px; line-height:20px;}

/* トップページの見出し*/
#content-top h3{ background:url(images/bg-h3.png) no-repeat;height:23px;line-height:23px;padding:0 0 0 10px;}



/* 最近の施行事例部分*/

#top-box{padding:2px 0 0 0; margin:0 0 10px 0;}
#top-box p{margin:0;}
#top-box img{width:200px; height:150px;}
/* トップ施工事例表示ボックス*/
#top-box .top-jirei{float:left;background:#F3F1E7;padding:3px;width:200px;margin:0 4px 5px 0;}



/* What's NEW部分　*/
#news						{border:1px solid #D4CCAA;padding:10px; background:#fff;margin:0 0 10px 0;}
#news ul			{list-style:none;}
#news ul li{margin:0 0 3px 0;border-bottom:1px dotted #ccc;}






/*  Pagesの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ページタイトル*/
#content-page h2{
background:url(images/bg-h2pic.png) no-repeat left top;
line-height:75px;
height:75px;
padding:0 0 0 30px;
font-size:24px;
color:#630;
margin:0 0 30px 0;
}

/* 中見出し*/
#content-page h3{
background:url(images/bg-h3page.gif) no-repeat left top;
height:45px;
padding:0 0 0 20px;
font-size:18px;
color:#000;
margin: 40px 0 0 0;
}


/* 小見出し*/
#content-page h4{
border-left:5px solid #f90;
padding:0 0 0 5px;
font-size:14px;
margin:20px 0 5px 0;
color:#000;

}


#content-page ol{margin:10px 0 10px 35px;}
#content-page ol li{ list-style:outside; list-style-type:decimal; margin:0 0 10px 0;}

#content-page ul{margin:10px; list-style:none;}
#content-page ul li{padding:0 0 0 14px;background:url(images/li_05bw.gif) no-repeat 0 5px;}

#content-page .postmetadata {	clear: both;	color:#666;}


/*個人情報の保護について　ページ末尾署名部分*/

#sign{float:right;text-align:left;width:200px;}


/* 個人情報について　サイトのご利用について */

/* 中見出し*/
#utility-page h3{
background:none;
padding:2px 0 2px 5px;
height:18px;font-size:18px;color:#000;margin: 40px 0 10px 0;
border-left:10px solid #fc6;
}




/*  Archiveの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content-archive h2{

background:url(images/bg-h2post.gif) no-repeat left top;
height:60px;
padding:0 5px 0 0;
font-size:14px;
color:#630;
margin:10px 0 0 0;
text-align:right;
}

#content-archive p{border-left:5px solid #fc0;padding:0 0 0 5px;margin:10px 0;font-size:16px;color:#000;}

#content-archive .postmetadata {	clear: both;	color:#666;font-size:11px;}


#pagenavi{margin:20px;text-align:center;}

#content-archive #contact-box p{font-size:14px;border:none;}



/*  Singleの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 投稿の属するカテゴリ */
#content-single h2{
background:url(images/bg-h2post.gif) no-repeat left top;
height:60px;
padding:0 5px 0 0;
font-size:14px;color:#630;
margin:10px 0 0 0;
text-align:right;

}

/* 投稿タイトル*/
#content-single h3{border-bottom:3px solid #fc0;padding:0 0 5px 0;margin:0 0 5px 0;font-size:22px;color:#630; line-height:24px;}


#content-single .postmetadata {	clear: both;	color:#666;text-align:right;margin:0 0 10px 0;}



#content-single h4{border-left:5px solid #fc0;margin:10px 0 10px 0;padding:0 0 0 5px;color:#600;}
#content-single ol{margin:10px 0 10px 35px;}
#content-single ol li{ list-style:outside; list-style-type:decimal; margin:0 0 10px 0;}

#content-single ul{margin:10px; list-style:none;}
#content-single ul li{padding:0 0 0 15px;background:url(images/li_03.gif) no-repeat 0 3px;}


/*  Serchの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content-serch h2{
background:url(images/bg-h2.gif) no-repeat left top;
height:75px;
line-height:75px;
padding:0 0 0 20px;
font-size:22px;
color:#630;
margin:10px 0 0 0;

}



/*テーブルの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.entry table {width:100%;}
.entry table td {	padding:5px 10px;	border-bottom:1px dotted #ccc; vertical-align:top;}


table.about-company{margin:30px 0 10px 0}

table.about-company th {
	text-align:left;
	padding:5px 0 5px 25px;	border-bottom:1px dotted #ccc; vertical-align:top;
	background:url(images/li_05bw.gif) no-repeat 10px 10px;
	}




/* Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {	margin: 0;	padding:10px 0; 	text-align: justify;	overflow:hidden;	clear:both;	}
.post hr {	display: block;	}
.clear {	clear: both;}
.entry {	margin:10px 0;}
.entry blockquote {	border:1px dashed #ccc;	padding:5px 20px;	margin:10px 0;	background:#f8f8f8;}
.entry blockquote blockquote {}
.entry fieldset {	border:1px dashed #ccc;}
.entry fieldset legend {	font-weight:bold;	text-transform:uppercase;}

.entry ol { list-style-type:decimal; }
.entry ol ol {	list-style-type:lower-alpha; }
.entry ol ol ol {	list-style-type:lower-roman; }

p img {	padding: 0;	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
.alignright {	padding:0;	margin: 2px 0 5px 10px;	display: inline;	float:right;	}
.alignleft {	padding:0;	margin: 2px 10px 5px 0;	display: inline;	float:left;	}

.aligncenter,
div.aligncenter
 {	display: block;	margin-left: auto;	margin-right: auto;}

.navigation .alignleft {	text-align:left;}
.navigation .alignright {	text-align:right;}
.navigation {	clear:both;	margin:20px 0;}	

.wp-caption {	border: 1px solid #ccc;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
.searchbox {	padding:20px;	text-align:center;	clear:both;}
.center {	text-align: center;	}
.hidden {	display: none;}





/* Comments
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#comments {	font-size:1.4em;	line-height:1.4em;}
.commentlist {	margin:20px 0;	padding:0 0 1px 0;	background:url('images/border_h.png') repeat-x bottom;}
.commentlist li {	list-style:none;	margin:0;	padding:0;	background:url('images/border_h.png') repeat-x top;}
li.comment div, li.pingback div {	padding:20px;	overflow:auto;}
li.comment div div, li.pingback div div {	padding:0;	overflow:visible;}
.commentlist li.even {	background-color:#fafafa;}
.commentlist li.odd {	background-color:#f6f6f6;}
ul.children li {	list-style:none;}
img.avatar {	float:right;	border:1px solid #eee;	padding:2px;	margin:0;	background:#fff;}
.comment-meta, .reply {	margin:0;	padding:0;	font-size:0.8em;}
.comment-author cite {	font-style:normal;	font-weight:bold;}
textarea#comment {	width:100%;}
#comments div.navigation {	font-size:0.8em;}

/* Sidebar 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar {	width:210px;	float:right;}	
#sidebar #sidebar-box {padding:5px;border:1px solid #D4CCAA; background:#F3F1E7;margin:0 0 10px 0;}	


#sidebar h3 {clear:both;font-size: 12px;	padding: 3px; background:#E1DAC2;}

/*検索マド*/
#sidebar #sidebar-box  #serch{margin:0 0 0 0;}
#sidebar #sidebar-box  #serch input{float:left;}
#sidebar #sidebar-box  #serch #serchtext input {width:140px;margin:0 5px 10px 0;} 


#sidebar ul, #sidebar ul ol { list-style:none;	}
#sidebar ul li {margin:0 0 20px 0;}
#sidebar ul li a{margin:0 0 20px 0;padding:10px;background:url(images/li_02.gif) no-repeat 0 9px;}

#sidebar ul ul, #sidebar ul ol {	margin: 5px 0 0 0;	}
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 25px;	}
#sidebar ul ol li {	list-style: decimal outside;	}
#sidebar ul ul li, #sidebar ul ol li {	margin: 0 0 5px 0;	padding: 0;	}

/* 開いているページのメニュー項目を赤くする */
#sidebar li.current_page_item a { color:#f00;background:url(images/li_03.gif) no-repeat 0 8px;}
#sidebar li.current_page_item li a { color:#06c;background:url(images/li_02.gif) no-repeat 0 5px;}


/* サービスエリア*/

#sidebar #area {padding:5px;border:1px solid #D4CCAA; background:#F3F1E7; font-size:11px;color:#844A10;}	
#sidebar #area h3 {clear:both;font-size: 12px;	padding: 3px; background:#E1DAC2;margin:0 0 10px 0;color:#300;}
#sidebar h4 {font-size: 12px;font-weight:bold;margin:0 0 5px 0;}

	
/* Calendar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wp-calendar {	empty-cells: show;	width:100%;	background: #F4F7F9;	border: 1px solid #ccc;	margin: 0 0 5px 0;	font-size: 12px;	text-align: center;}
#wp-calendar #next a {	padding-right: 10px;	text-align: right;	}
#wp-calendar #prev a {	padding-left: 10px;	text-align: left;	}
#wp-calendar a {	display: block;	font-weight:bold;	}
#wp-calendar caption {	font-weight:bold;	text-transform:uppercase;	text-align:left;	margin:0 0 5px 8px;	color:#666;	}
#wp-calendar td {	padding: 3px 5px;	text-align: center;	}	
#wp-calendar td#today {	background:#6cf;}	
#wp-calendar td#prev a {	padding: 0;	text-align:left;	font-weight:normal;}
#wp-calendar td#next a {	padding: 0;	text-align:right;	font-weight:normal;}




/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
#footer {
clear: both;
margin: 0 auto;
padding:0 0 20px 0;
width:906px;
background:#F8F6EA url(images/bg-layout-btm.png) no-repeat center bottom;
color:#963;

}


#footer #ft-menu		{padding:5px 0;text-align:left;margin:0 20px;border-top:3px solid #E1DAC2;}
#footer #ft-menu ul	{ list-style:none;}
#footer #ft-menu li	{float:left;padding:0 10px;border-right:1px dotted #999;}

#footer .ft-copy		{clear:both;margin:0 20px;padding:5px;text-align:right;color:#666;}



/*共通クラスの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.space20{clear:both;height:20px;}
.clearboth{clear:both;height:5px;}
.floatleft{float:left;margin:0 10px 10px 0;}
.floatright{float:right;margin:0 0 10px 10px;}

.red{color:#f00;}
.notice{font-size:14px; color:#c30;}/* フォント14ピクセルで赤茶文字*/

.line_solid{border-bottom:1px solid #ccc;}
.line_dotted{border-bottom:1px dotted #ccc;}

.font14{font-size:14px;}
.font16{font-size:16px;}
.font16b{font-size:16px;font-weight:bold;}
.font22{font-size:22px;margin:0 0 0 30px;}
.font16b-f30{font-size:16px;font-weight:bold;color:#f30;}

.t-center{text-align:center;}
.t-left{text-align:left;}
.t-right{text-align:right;}

.waku-green{border:1px solid #6c0; background:#eee;padding:10px;}
.waku-pink{border:1px solid #f9c; background:#eee;padding:10px;}