@charset "utf-8";

/*
---------------------------------------------------------------------------
■制作元：テンプレートパーティー
■URL：http://template-party.com/
---------------------------------------------------------------------------*/

body {
	color: #333333;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	  border: none;
  margin-bottom: 5px;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #1C8300;
  font-weight: bold;
}
a:hover {
	color: #BC0000;	/*マウスオン時の文字色（全体）*/
	text-decoration: none;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 983px;
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー（メイン画像、h1タグが入った最上部ブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	/* height: 132px; */	/*トップページ以外のヘッダーの高さ*/
	width: 100%;
	/* position: relative; */
	margin-bottom: 2px;
}
#top #header {
	/* height: 350px; */	/*トップページのヘッダーの高さ*/
}
/*h1見出しタグ設定*/
#header h1 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 35px;
	/* position: absolute; */
	left: 0px;	/*ヘッダーブロックに対して左から0pxの位置に配置*/
	top: 0px;	/*ヘッダーブロックに対して上から0pxの位置に配置*/
	font-weight: normal;	/*h1タグのデフォルトの太字を標準に。太字がいいならこの１行削除。*/
}
#header #pickup {
	position: absolute;
	right: 0px;		/*ヘッダーブロックに対して右から0pxの位置に配置*/
	bottom: 0px;	/*ヘッダーブロックに対して下から0pxの位置に配置*/
}
#header h1 a {
	text-decoration: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu li {
	float: left;
	margin-right: 2px;
}
ul#menu li a{
color: #54A33E;
  display: block;
  text-decoration: none;
  background-color: #FFE8E8;
  width: 110px;
  font-weight: bold;
  padding: 20px;
  border: 5px dotted;
  text-align: center;
}
ul#menu li a:hover{
	  background-color: rgb(255, 255, 255);
}
ul#menu li.last {
	margin-right: 0px;
}
ul#menu img {
	vertical-align: bottom;
}

/*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
	padding-top: 13px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
  float: left;
  width: 720px;
  margin-top: -21px;
}
/*h2タグ設定*/
#main h2 {
  font-size: 120%;
  color: #333;
  clear: both;
  border-bottom: 1px dotted #1C8300;
  width: 682px;
  padding: 8px 0px 8px 10px;
  border-left: 5px solid #1C8300;
}
/*段落タグの余白設定*/

#main h3{
  font-size: 120%;
  color: #333;
  clear: both;
  border-bottom: 1px dotted #1C8300;
  width: 682px;
  padding: 8px 0px 8px 10px;
  border-left: 5px solid #1C8300;
  }

#main p {
	padding: 0.5em 0px 0px;	/*左から、上、左右、下への余白*/
}

/*内部メインコンテンツ
---------------------------------------------------------------------------*/
#main2 {
	width: 920px;	/*メインコンテンツ幅*/
}
/*h2タグ設定*/
#main2 h2 {
  font-size: 120%;
  color: #333;
  clear: both;
  border-bottom: 1px dotted #1C8300;
  width: 103%;
  padding: 8px 0px 8px 10px;
  border-left: 5px solid #1C8300;
}
/*段落タグの余白設定*/

#main2 h3{
	margin-top: 10px;
}

#main2 p {
	padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/
}

#content-long{
	margin-top:20px;
}

.long-box{
	padding:10px;
	border:1px solid #555;
	margin-top:10px;
}

.long-box a.read{
  background: rgb(10, 23, 118);
  line-height: 35px;
  text-align: center;
  width: 200px;
  display: block;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
}

.long-box a.read:hover{
	background-color:rgb(76, 91, 200);
}

#content-short{
	margin-top:20px;
}

.short-box{
	width: 320px;
	float:left;
	padding:10px;
	border:1px solid #555;
	margin-top:10px;
	margin-left: 10px;
}

.short-box a.read{
  background: rgb(10, 23, 118);
  line-height: 35px;
  text-align: center;
  width: 200px;
  display: block;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
}

.short-box a.read:hover{
	background-color:rgb(76, 91, 200);
}

.blog-post{
	margin-top:20px;
}

.blog-post li{
	margin-top: 5px;
}


/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*サブコンテンツを左(left)に回り込み*/
	width: 240px;	/*サブコンテンツ幅*/
	  margin-top: -20px;
}
/*h3タグ設定*/
#sub h2 {
  font-size: 120%;
  color: #FFFFFF;
  padding: 5px 10px;
  border-top: 5px solid #E7C8C8;
  margin-bottom: 1px;
  border-radius: 11px;
  background-color: #6D7B69;
  text-align: center;
}

#sub h3 {
  font-size: 120%;
  color: #FFFFFF;
  padding: 5px 10px;
  border-top: 5px solid #E7C8C8;
  margin-bottom: 1px;
  border-radius: 11px;
  background-color: #6D7B69;
  text-align: center;

}
/*段落タグの余白設定*/
#sub p {
	padding: 0.5em 0px 1em;	/*左から、上、左右、下への余白*/
}

/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu {
	margin-bottom: 3em;
}
ul.submenu li {
	margin-bottom: 1px;	/*メニュー間の空白*/

}
ul.submenu li a {
	display: block;
	width: 230px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	color: #ffffff;			/*文字色*/
	background: #1C1714;	/*背景色*/
}
ul.submenu li a:hover {
	color: #ffffff;			/*マウスオン時の文字色*/
	background: #4D443E;	/*マウスオン時の背景色*/
}

.sub-box a.read{
    font-size: 15px;
    font-weight:bold;
}

.sub-box a.read:hover{
	text-decoration:none;
}



/*フッター
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;	/*センタリング*/
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;	/*文字サイズ*/
}
#footer a {
	text-decoration: none;
}


/*施工事例(works.html)ページのボックス
---------------------------------------------------------------------------*/
#main .box1 {
	padding: 10px;
	overflow: hidden;
	margin-bottom: 1em;
	border: 3px double #1C1714;	/*各ボックスの線幅、線種、色*/
	width: 694px;
	background-color: #FFF;
}
/*ボックス内の画像*/
#main .box1 img {
	float: left;	/*左に回り込みさせる*/
	padding: 5px;	/*画像のフチの余白*/
	border: 1px solid #999;	/*画像のフチの線幅、線種、色*/
}
/*h3見出しタグ*/
#main .box1 h3 {
	font-size: 100%;	/*文字サイズ*/
	border-bottom: 1px solid #333;	/*下線の幅、線種、色*/
	margin-left: 220px;	/*左の写真とバランスをとって設定*/
	margin-bottom: 0.5em;
}
/*段落タグ*/
#main .box1 p {
	padding: 0px;
	margin-left: 220px;	/*左の写真とバランスをとって設定*/
}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;  
  clear: both; 
  visibility:hidden;
}
    
.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer{display:block;}
/* End Hack */ 


.sub-box1 {
  border: 1px solid;
  padding: 7px;
  margin: 5px;
  border-color: #005AFF;
}
.sub-box {
  margin-left: 15px;
}
.sub-box {
  width: 97%;
  border-radius: 11px;
  border: 1px solid;
  margin: 5px;
  padding: 5px;
  margin-top: 19px;
}

a.read {
  width: 160px;
  border: 2px solid;
  padding: 2px 5px 2px 5px;
  border-radius: 11px;
  background: #eee;
}
.allmain {

	width: auto;
	margin: 0  auto;
}
.allmain1 {
  width: auto;
  margin: 0 auto;
  border: 1px solid;
  border-radius: 11px;
  padding: 6px;
}