/*
Theme Name: BASIC SAMPLE
Theme URI:http://www.symphonic-net.com/human/
Description:Basic Theme for WordPress
Author: RIO
*/
@charset "utf-8";

* {
margin:0;
padding:0;
}

/* ---------------------------------------------------
フロート解除
 ---------------------------------------------------*/
.clearfix{
display:block;
content:".";
visibility:hidden;
min-height:1%;
clear:both;
zoom:1;
}

/* ---------------------------------------------------
リンク設定
 ---------------------------------------------------*/

a:link,a:visited,a:hover,a:active 
{ 
	text-decoration: underline; 
}

a:link { color: #00f; }
a:visited { color: #90f; }
a:hover,a:active { color: #f00; }
a img { border-style : none; }

/* ---------------------------------------------------
フィルター設定
 ---------------------------------------------------*/

.filter a:hover *{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/* ---------------------------------------------------
レイアウト設定
 ---------------------------------------------------*/

body {
  font-size: 90%;
  text-align: center;
  font-family: sans-serif;
  padding: 0;
  margin: 0;
  background: url(img/bk.jpg) repeat-y center 0;
}

#wrapper {
  text-align: left;
  width:  820px;
  margin: auto;
}

#header {
  width: 100%;
  height: 120px;

}

#header a{
	color:#222;
	text-decoration:none;
}

#title {
  width: 100%;
  height:70px;
  background: #fff url(img/tel.gif) no-repeat right top;
}

#title h1{
	padding-left:5px;
	}
#title h1 a{
	font-size:20px;
	line-height:21px;
	color:#444;
	test-decoration:none;
	}
#title p
	{
	font-size:14px;
	color:#666;
	padding-left:20px;
}

#logo{
	width:820px;
	height:160px;
	background:url(img/topimage.jpg) no-repeat center 0 #fff;
}

#container {
	width:800px;
	margin: 0px 0 ;
	padding: 0px 10px 0 10px;
}


#contents {
  width: 620px;
  float: left;
  padding: 2px 0px 0 0px;
}

#sidebar {
  width: 170px;
  float: right;
  margin: 10px 10px 0 0;
}

#footer {
 width:820px;
 border-top:2px solid #ccc;
  height:60px;
  clear:both;
  background: #663300;
  font-size:0.9em;
  background:#efefef;
}

#footer2 {
 width:820px;
 border-top:2px solid #ccc;
  height:180px;
  clear:both;
  background: #663300;
  font-size:0.9em;
  background:#efefef;
}


/* ---------------------------------------------------
コンテンツ内　段落・見出し・フォント等設定
 ---------------------------------------------------*/

/* 見出し */
h1,h4,h5,h6 {
  font-size: 120%;
  font-weight: normal;
  height: 30px;
  margin-bottom: 0.6em;
  padding: 5px 0 0 10px;
}

h1,h2,h3{
	font-weight: bold;
}

h1{
	font-size: 1.6em;
	margin:4px 0 8px 0;
	height:28px;
	color:#222222;
}

h2{
	font-size: 1.2em;
	padding:0px 0px 2px 10px ;
	margin:0;
	height:20px;
	color:#333333;
	background:#fefeef;
	border-left:#FF8306 10px solid;
	border-bottom:#d7a278 1px solid ;
}

h3{
	font-size: 1.2em;
	color:#404037;
	margin: 4px 0px 3px 0px;
	padding-left:5px;
	border-left:orange 6px solid;
	border-bottom:orange 1px solid ;
  }

/* 個別の記事 */
.article{
	margin:0 0px 15px 0px;
	width:100%;
}

/* 記事内の段落 */
.article p {
	font-size:0.9em;
	color:#333;
	line-height: 150%;
	padding:0px 10px 15px 5px;

	}



/* ---------------------------------------------------
サイドバーの設定
 ---------------------------------------------------*/

/* ローカルナビ */
.ln {
  list-style-type: none;
  margin-bottom: 12px;
}

.ln li {
	display: inline;
	font-size : 0.9em ;
}

.ln li a {
  text-decoration: none;
  width: 160px;
  padding: 8px 0px 6px 15px;
  display: block;
  border: 1px outset #fff;
  background:url(img/bg_menu_off.gif) no-repeat left center #B58E6C;
  color: #fff;
}

.ln li a:hover {
  text-decoration: none;
  border: 1px outset #F0E68C;
  background:url(img/bg_menu_on.gif) no-repeat left center #FFEBCD;
  color: #000;
}


/* ---------------------------------------------------
フッター設定
 ---------------------------------------------------*/

#footer p {
  color: #121212;
  text-align: center;
}

#footer2 p {
  color: #121212;
  text-align: center;
}


/* ---------------------------------------------------
その他設定
 ---------------------------------------------------*/

/* サイドバータイトル */
.side-title {
  font-size:13px;
  text-decoration: none;
  text-align:center;
  width: 160px;
  padding: 0 0 2px 0px;
  display: block;
  background-color: #fff;
  color: #eee;
}

/* --サイドバー内リンク集のリスト-- */
.sid{
	font-size:0.6em;
	padding:3px;
	margin:5px;
	border: 1px dotted #DEB887;
	color:#333333;
}
.sid img{
	margin:2px 6px 6px 2px;
}

.side-link-menu{
		float:right;
		width:160px;
		text-align:center;
		margin:0 0 13px 0 ;
		color:#555;
		font-size:0.7em;
		background-color: #f8ae6d;
		border-bottom:1px solid #eee;
}

.side-link-menu2{
		float:right;
		width:176px;
		text-align:center;
		margin:0 0 6px 0 ;
		color:#333;
		font-size:0.85em;
}


.individ{
text-align:left;
font-size:0.85em;
padding:2px 5px;
}

.side-link-menu a img {
				border:none;
				padding-bottom:5px;
				}


div.side-link-body{
		background: url(img/ln/menu_back1.jpg) repeat-y center top;
		}
div.side-link-foot{
		background: url(img/ln/menu_back2.jpg) no-repeat center bottom;
		}





/* ---------------------------------------------------
ブログＲＳＳ
 ---------------------------------------------------*/
.rss_body{
	width:100%;
	font-size:0.9em;
	line-height:140%;
	padding:2px 0 5px 0;
	margin:0 0px 15px 0px;
	vertical-align:top;
	text-decoration:none;
}
.rss_body a{
	color:#666;
	line-height:20px;
	text-decoration:none;
}
.rss_body a:hover{
	text-decoration:underline;
}
.rss{
	padding:0px 10px;
	color:#666;
	padding:10px;
	border:1px dotted #cccccc;
	background:#ffffff;
	}
.rss_body a:hover{
	text-decoration:underline;
}



/* ---------------------------------------------------
古材とは　ページ
 ---------------------------------------------------*/
#kozaitoha{
	width:100%
	height:30px;
	color:#777;
	font-size:12px;
	padding:5px 0 5px 0;
	border-bottom:1px solid #d7a278;
	background:#efefef;
	margin-bottom:10px;
	}
#kozaitoha ul li {
	display:inline;
	list-style:none;
	padding:0 12px;
	margin:5px 3px;
	}
#kozaitoha ul li a{
	color:#777;
	font-size:12px;
	text-decoration:none;
	}
#kozaitoha ul li a:hover{
	color:#333;
	text-decoration:underline;
	}
#kozaitoha ul li a#current4{
	color:#555;
	text-decoration:underline;
	}

.kozaitoha-left img{
float:left;
margin:0 10px 10px 0;
}

.kozaitoha-right img{
float:right;
margin:0 0 10px 10px;
}

div.kozaitoha-left:after{
clear:both;
}

div.kozaitoha-right:after{
clear:both;
}

.menutable{
	width:630px;
	}
.menutable td{
		line-height:160%;
		color:#666;
		font-size:90%;
		padding:3px 8px;
		}
.menutable a img{
		border:none;
		}
.menutable td a{
			color:#666;
			text-decoration:underline;
			}
			

/*メイン記事テーブル*/
.article .conts{
		margin:12px 4px ;
		padding :0 ;
		line-height:1.5;
		}

table.jirei{
	width:630px;
	border:none;
	}

table.jirei td{
		vertical-align:top;
		border:none;
		margin:5px;
		font-size:100%;
		}
table.jirei td p{
		display:block;
		border-left:3px solid #666; 
		font-size:0.79em;
		padding-left:5px;
		margin:0 8px 12px 10px;
		}
table.jirei td img a{
		border:none;
		}

.kaisetsu{
		margin:10px 20px 5px 10px;
		padding:10px 10px 5px 10px;
		border:1px dotted #ddd;
		font-size:93%;
line-height:20px;
		}


/*　トップページのテーブル　*/
.toptable{
	margin:0;
	padding:0;
}

.toptable td img a{
	border:none;
	}

.toptable td{
	vertical-align:top;
	font-size:100%;
}

.toptable td p{
	padding:10px 5px;
	}

/* ---------------------------------------------------
会社概要ページのテーブル設定（prof.html）
 ---------------------------------------------------*/
#prof_table{
	border:none;
	margin:5px auto;
	font-size:0.9em;
	line-height:150%;
	}

#prof_table td{
	height:20px;
	border-bottom:1px dotted #777;
	}

#prof_table td.left{
	width:110px;
	height:20px;
	border-bottom:1px dotted #777;
	}

#prof_table td.right{
	width:380px;
	height:20px;
	border-bottom:1px dotted #777;

	}


/* ---------------------------------------------------
googleマップページ
 ---------------------------------------------------*/

.map{
	width:425px;
	height:350px;
	border:1px solid #ccc;
	margin:10px 0px 10px 70px;
	}


/* ---------------------------------------------------
パンくずリスト
 ---------------------------------------------------*/

#page-title{
	position:relative;
	width:100%px;
	height:60px;
	margin:0 ;
	background:url(img/h1_back.gif) #fff;
	overflow:hidden;
	border-bottom:1px solid #d7a278;
}

#page-title p{
	padding:8px 10px;
}

#pankuzu{
	border-bottom:1px solid #d7a278;
	border-top:1px solid #d7a278;
	height:14px;
	padding-top:2px;
	margin:0 ;
	background:#efefef;
	overflow:hidden;
	font-size:0.7em;
	color: #444;
}
#pankuzu a{
color:#555;
}

.pagetitle{
	display:block;
	font-size:140%;
	color:#555;
	line-height:180%;
	font-weight:bold;
	padding-top:4px;
	}

/* グローバルナビゲーション　*/

#gn{
	width:100%;
	margin:0;
	padding:0;
}

#gn:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

	#gn ul{
		width:820px;
		list-style:none;
	}
		#gn li{
			list-style:none;
			display:block;
			float:left;
			height:40px;
			line-height:40px;
			text-align:center;
			margin:0 1px;
		}
			#gn li a{
				display:block;
				float:left;
				font-weight:bold;
				color:#fff;
				text-decoration:none;
				padding:5px 25px;
			}
				#gn li a:hover{
					text-decoration:none;
				}
			#gn li a.red{
				background:#c40d0b url(img/gn/r_f.gif) no-repeat left top;
			}
				#gn li a:hover.red{
					background:#c40d0b none;
				}
			#gn li a.orange{
				background:#f26522 url(img/gn/o_f.gif) no-repeat left top;
			}
				#gn li a:hover.orange{
					background:#f26522 none;
				}
			#gn li a.yellow{
				background:#e4c016 url(img/gn/y_f.gif) no-repeat left top;
			}
				#gn li a:hover.yellow{
					background:#e4c016 none;
				}
			#gn li a.green{
				background:#219e0b url(img/gn/g_f.gif) no-repeat left top;
			}
				#gn li a:hover.green{
					background:#219e0b none;
				}
			#gn li a.blue{
				background:#2c88ce url(img/gn/b_f.gif) no-repeat left top;
			}
				#gn li a:hover.blue{
					background:#2c88ce none;
				}
			#gn li a.grey{
				background:#939393 url(img/gn/gr_fold.gif) no-repeat left top;
			}
				#gn li a:hover.grey{
					background:#939393 none;
				}
			


/*■■■■■■■■　ヘッドライン　■■■■■■■■■■*/
div.headline{
display:block;
margin:3px 10px;
padding:5px 10px 10px 10px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:5px solid #FF8000;
}

.headline h2{
margin-top:3px;
border-left:8px solid #ff8000 ;
padding-left:10px;
}

.headline h3{
margin-top:3px;
border-left:none  ;
border-bottom:1px solid #ff8000;
padding-left:5px;
}


/*■■■■■■■■　TOPNEWSテーブル用　■■■■■■■■■■*/
#news{
	width:620px;
	border:none;
	margin-top:10px;
	}

#news td{
	border-bottom:1px dotted #ccc;
	}

td.newsleft{
	width:130px;
	}

td.newsright{
	width:450px;
	padding-left:10px;
	margin-left:5px;
	}


/*■■■■■■■■　画像のテキスト回り込み　■■■■■■■■■■*/
	img.left{
			float:left;
			margin:0 10px 10px 0;
			zoom:100%;
			}
		img.right{
			float:right;
			margin:0 0 10px 10px;
			zoom:100%;
			}


table.bdr td {
border: 1px solid #ddd;
}
table.bdr td {
padding:2px;
}
/*写真風*/
.photo {
background: White;
padding: 6px;
margin: 5px 10px 0 10px;
border-width: 1px;
border-style: solid;
border-color: Silver Gray Gray Silver;
float: left;
}

table#table-01 {
    width: 630px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
/* サンプル2
----------------------------------------------------------- */
.prof th	{
	border-bottom: 2px solid #1D5C79;
}
.prof td	{
	border-bottom: 1px solid #DDD;
}