@charset "utf-8";
/* CSS Document */
/*職人倶楽部2009 main*/


/*header*/

#bgheader {
	background:url(../img/img003.gif) left top repeat-x
}
	#header {
		margin:0 auto;
		height:80px;
		width:900px;
		text-align:left;
		background:url(../img/img001.jpg) left top no-repeat;
	}
		#header-box {
			position:relative;
			width:870px;
			left:30px;
			top:0px;
			}
				#header-box-img{
					position:absolute;
					top:0;
					left:30px;
					width:136px;
					}
				#header-text {
					position:absolute;
					top:5px;
					left:166px;
					}
					#header-p {
						font-size:11px;
						color:#888888;
						}
			#header-map {
				position:absolute;
				top:45px;
				right:0;
				width:130px;
				}
			#header-tanka{
				position:absolute;
				top:0px;
				left:-52px;
				width:90px;
				z-index:1;
				}	

.modern {/*モダンブラウザ:MacIE5：IE7:用flaot解除により背景表示可能*/
　　overflow: hidden;
	}
.modern:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
　　overflow: hidden;
}
				/*\*/
				* html .modern {
				    height: 100%;
			　       overflow: visible;
					}
				/*IE5～6対策*/

#bgwrapper {
	width:100%;
	background:url(../img/img002.jpg) left top repeat-x;
	}
	#container-bg {
		margin: 0 auto;
		width:900px;
		background:url(../img/img006.gif) left top repeat-y;
			}
		#container {
			text-align:left;
			margin: 0 auto;
			width:900px;
			background:url(../img/img003.jpg) left top no-repeat;
			}
			#main {
				float:right;
				width:860px;
				margin-bottom:15px;
				}
				.main-box {/*main内のマージン確保で利用*/
					margin:20px 30px 10px 20px;
					}
				.primary {/*センターエリア*/
					width:810px;
					background:url(../img/img037.gif) center top no-repeat;
					}
					#image-main {
						margin-bottom:25px;
						}
					.primary-box {/*背景パターン*/
						background:url(../img/img039.gif) left top repeat-y;
						overflow:hidden;/*primary-boxの背景パターンの飛び出し削除*/
						}
					.h2-takumi{/*匠、職人倶楽部説明用見出し*/
						background:url(../img/img041.gif) left top no-repeat;
						font-weight:bolder;
						padding:16px 30px 10px 60px;
						color:#0c3882;
						}
					.h2-normal {
						background:url(../img/img040.gif) left top no-repeat;
						font-weight:bolder;
						padding:14px 13px 14px 30px;
						}
					.p-mini {/*primary-box内で小文字として使用*/
						font-size:1.1em;
						padding:10px 25px 10px 25px;
						color:#ff0084;
						}
					.primary-container {/*背景に底画像配置*/
						background:url(../img/img038.gif) center bottom no-repeat;
						padding:0px 25px 15px 25px;
						}
						.primary-container h3 {
							background:url(../img/img026.gif) left top no-repeat;
							padding:2px 0 0 32px;
							margin-top:28px;
							margin-bottom:15px;
							color:#0b64b0;
							border-bottom:1px dashed #cccccc;
							}
						.primary-container p {/*pの位置を微調整*/
							margin-bottom:15px;
							padding-left:5px;
							}
						.span01 {/*spanで使用*/
							background:url(../img/img046.gif) right top no-repeat;
							padding-right:35px;
							padding-top:5px;
							display:block;
							text-align:right;
							}
						.float-text {/*テキスト回り込み*/
							width:760px;/*内部のサイズ*/
							}
								.float-text img {
									margin-left:10px;
									margin-bottom:5px;
									float:right;
								}
								.h3-crear {
									clear:both;
								}
								
						.float-text-left {/*テキスト回り込み*/
							width:760px;/*内部のサイズ*/
							margin-bottom:15px;
							}
								.float-text-left img {
									margin-right:10px;
									margin-bottom:15px;/*FirFox用*/
									float:left;
								}
								.float-text-left li {/*amamori.html破損箇所で使用で使用*/
										display:inline;
									}
								#li-bg {/*amamori.html破損箇所で使用で使用*/
									margin:0 5px 5px 0;
									color:#0e8fba;
									}
								.h4-clear {
									clear: both;
									}
								
								/*recommendで使用*/
								.recom_table {
									margin-bottom:10px;
									background:url(../img/img061.gif) left top no-repeat;
									border-collapse: collapse;
									}
									.recom_table th{
									
										height:40px;
										background:url(../img/img065.gif) right top no-repeat;
									}
									.re_width120 {
										width:120px;
										border-bottom:solid 1px #ece5ce;
										background-color:#fff7d6;
										padding:5px;
									}
										.re_width120 p {
											color:#696324;
											}
									.re_width180 {
										background-color:#fff7d6;
										border-bottom:solid 1px #ece5ce;
										width:180px;
										border-right:solid 1px #eeeeee;
										padding:5px;
										}
										.re_width180 p{
												color:#696324;
											}
									.atc_width120 {
											width:120px;
											background-color:#fff7d6;
											padding:5px;
											color:#666666;
											}
									.atc_width180 {
											background-color:#fff7d6;
											width:180px;
											border-right:solid 1px #eeeeee;
											padding:5px;
											}
									
									.recom_table p{
										margin-bottom:0px;/*pの微調整*/
										font-size:1.3em;
									}	
									.recom_table p strong{
										margin-bottom:0px;
										font-size:1.2em;
										color:#ff0000;
									}
									#strong_color01 {
										color:#000000;	
									}	
																	
/*組織概要で使用*/
#h3-syokunin{
background:url(../img/img042.gif) left top no-repeat;
padding:2px 0 0 32px;
margin-top:18px;
margin-bottom:6px;
font-weight:bolder;
}
	#table_width {
		font-size:1.4em;
		width:100%;
	}
	#table_width td {
		border:1px solid #dddddd;
		padding-left:9px;
		}
/*事業内容で使用*/
.naiyou {
	margin-left:25px;
	margin-bottom:5px;
	}
	.naiyou li {
		padding:7px 10px 15px 23px;
		display:inline;
		background:url(../img/img043.gif) left top no-repeat;
	}
	#tanka {/*￥マーク*/
		margin-top:5px;
	}
		#tanka a {
			padding:8px 0 4px 30px;
			background:url(../img/img046.gif) left top no-repeat;
		}
/*サイトマップで使用*/
.map {
margin-left:25px;
margin-bottom:5px;
}
	.map li {
		padding:4px 0px 13px 33px;
		background:url(../img/img046.gif) left top no-repeat;
	}
	#map-yaji {
		margin-left:25px;
		padding:3px 0px 0px 30px;
		background:url(../img/img045.gif) left top no-repeat;
	}
	.map-stack1 {/*下層リンク*/
		margin:5px 0 5px 25px;
		font-size:1.1em;
	}
		.map-stack1 li{
			margin-left:25px;
			padding:1px 0px 0px 30px;
			background:url(../img/img057.gif) left top no-repeat;
		}
										
/*コストで使用*/
.cost_table {
margin-bottom:10px;
width:760px;
}
	.cost_table p{
	margin-bottom:0px;
	}
	.cost_table tr{
		height:3.0em;
	}
	.width_text{
		padding:5px;
	}
	.width180 {
		width:180px;
		border-bottom:solid 1px #bbbbbb;
		border-top:solid 1px #dcedf7;
		background:url(../img/img070.gif) left bottom repeat-x;
		padding:5px 5px 5px 13px;
		color:#000000;
		font-weight:bold;
	}
	.width220 {
		border-top:solid 1px #eeeeee;
		background:url(../img/img070.gif) left bottom repeat-x;
		width:220px;
		border-bottom:solid 1px #cccccc;
		padding:5px 5px 5px 13px;
	}
	.width_souba {
		background:url(../img/img072.gif) left bottom repeat-x;
		width:350px;
		padding:5px 5px 5px 13px;
	}
		.width_souba strong{color:#000000;}
		
	.koumoku180{width:180px; padding-left:13px;}
		.koumoku180 p{margin-bottom:0px;}
	.koumoku220{width:220px; padding-left:18px;}
		.koumoku220 p{margin-bottom:0px;}
	.koumoku350{width:350px; padding-left:10px;}
		.koumoku350 p{margin-bottom:0px;}
	
			/*サイドナビゲーション*/
			#left {
				float:left;
				width:40px;
				margin-bottom:15px;
				}
				#globalnavi-sub {
					margin-top:43px;
					}
					#sub-navi {
						width:40px;
						height:646px;
						}
						#sub-navi li {
							width:40px;
							}
							#sub_navi li a{
								display:block;
								width:100%;
								padding-top:160px;
								height: 0 !important;
								height /**/:160px;
								overflow:hidden;
								background-image: url(../img/img035.gif);
								}
							 	#snavi01 a { background-position:40px 0;}
								#snavi02 a { background-position:40px -160px;}
								#snavi03 a { background-position:40px -320px;}
								#snavi04 a { background-position:40px -480px;} 							
												
							 	#snavi01 a.stay { background-position:0px 0;}
								#snavi02 a.stay { background-position:0px -160px;}
								#snavi03 a.stay { background-position:0px -320px;}
								#snavi04 a.stay { background-position:0px -480px;} 							

							 	#snavi01 a:hover { background-position:0px 0;}
								#snavi02 a:hover { background-position:0px -160px;}
								#snavi03 a:hover { background-position:0px -320px;}
								#snavi04 a:hover { background-position:0px -480px;} 							
			
			.page-up {/*page-up機能　及びmain,leftのfloaクリア*/
				clear:both;
					position:relative;
				}	
				.page-up-box {
					position:absolute;
					top:-113px;
					right:-4px;	
					}	
					.page-up p {
						width:30px;
						}
						.page-up p a {
							display:block;
							width:100%;
							height: 0 !important;
							height /**/:103px;
							padding-top:103px;
							overflow:hidden;
							background-image:url(../img/img033.gif);
							}
							#pageup01 a { background-position:0 0;} 							
							#pageup01 a:hover { background-position:-30px 0px;}
			
			#bottom {
				padding-left:60px;
				padding-right:30px;
				}
				#bottom-box {/*背景に「ご連絡お問合せ先」設置*/
					width:810px;
					padding-top:38px;
					margin-bottom:15px;
					background:url(../img/img029.gif) center top no-repeat;
					}
					.bottom-box-img {
						float:left;
						margin-right:20px;
						}
					.bottom-box-text {/*右側に回りこむテキスト群*/
						padding-left:5px;
						}
						.bottom-box-text h3 {
							font-weight:bolder;
							padding-bottom:5px;
							}
						
			/*メインナビゲーション*/
				#globalnavi {
						position:relative;
						background:url(../img/img034.gif) left top no-repeat;
						width:860px;
						height:46px;
					}
					#top_navi{
						position:absolute;
						top:0px;
						left:73px;
						width:695px;
						height:40px;
						}
						#top_navi li{
							float:left;
							width:139px;
							}
							#top_navi li a {
								display:block;
								width:100%;
								height: 0 !important;
								height /**/:40px;
								padding-top:40px;
								overflow:hidden;
								background-image: url(../img/img015.gif);
								}
									/*オフマウス*/
									#nav01 a {background-position:	0		0;}
									#nav02 a {background-position:	-139px 	0;}
									#nav03 a {background-position:	-278px	0;}
									#nav04 a {background-position:	-417px	0;}
									#nav05 a {background-position:	-556px	0;} 
									/*選択済み*/
									#nav01 a.stay {background-position:	0		-40px;}
									#nav02 a.stay {background-position:	-139px 	-40px;}
									#nav03 a.stay {background-position:	-278px	-40px;}
									#nav04 a.stay {background-position:	-417px	-40px;}
									#nav05 a.stay {background-position:	-556px	-40px;}
									/*オンマウス*/
									#nav01 a:hover {background-position:	0		-80px;}
									#nav02 a:hover {background-position:	-139px 	-80px;}
									#nav03 a:hover {background-position:	-278px	-80px;}
									#nav04 a:hover {background-position:	-417px	-80px;}
									#nav05 a:hover {background-position:	-556px	-80px;}
	
/*footer*/
#bgfooter {
	height:211px;
	background:url(../img/img009.gif) left top repeat-x;
}
	#footer {
		margin: 0 auto;
		width:900px;
		height:100%;
		background:url(../img/img010.gif) left top repeat-y;
		}
		#footer-box {
			padding-top:85px;
			background:url(../img/img011.gif) left top no-repeat;
			padding-left:60px;
			padding-right:30px;
			}
			#footer-main {/*白背景のＳＥＯ用文字列box*/
				margin-right:10px;
				margin-left:195px;
				}
				.footer-p {
					font-size:10px;
					line-height:1.5;
					}
				#f-navibox {
					margin-top:10px;
					width:810px;
					}
					#f-nabi-right {
						float:right;
						width:130px;
						}
					#f-nabi-left {/*フッターナビ*/
						float:left;
						width:679px;
						font-size:10px;
						text-align:left;
						padding-top:5px;
						}
						#f-nabi-left li {
							display:inline;
							}
							#f-nabi-left li a {
								font-size:12px;
								}
					#f-navi-bottom {/*copyright テキスト*/
						clear:both;
						width:810px;
						text-align:center;
						}
						#f-navi-bottom p {
							font-size:10px;
							}


					/******　form.tpl　************/
						#form {
							text-align:center;
							}
						#form_in {
							text-align:left;
							margin: 0 auto;
							width:620px;
							}
						#form_in select {/**住所選択欄背景**/
							background-color:#f3f3f3;
							border:1px solid #cccccc;
							}
						.text1 {/**テキスト入力欄背景**/
							background-color:#f3f3f3;
							border:1px solid #cccccc;
							}
						#form_in table {
							width:100%;
							font-size:1.4em;
							border-top:1px solid #cccccc;
							border-bottom:none;
							border-left:none;
							border-right:none;
							}
						#form_in th {
							border-bottom:1px solid #cccccc;
							border-left:6px solid #cccccc;
							border-right:none;
							border-top:none;
							padding:10px;
							width:200px;
							background-color: #f3f3f3;
							font-weight:normal;
							}
						#form_in th.most {
							border-left-color:#d90000;
							}
						#form_in th em {
							font-style:normal;
							color:#ff0000;
							padding-left:5px;
							}
						#most_height {
							vertical-align:top;
							}	
						#form_in td {
							border-bottom:1px solid #cccccc;
							border-left:none;
							border-right:none;
							border-top:none;
							padding:10px;
							}
						#form_submit {
							margin:15px 0px 20px 0px;
							text-align:center;
							}
						.er_p {/*エラー出力で使用*/
							margin-bottom:15px;
							color:#fa009f;
							}
						.complete {
							padding:20px 35px;
							border:solid 1px #0066FF;
							margin-bottom:10px;
							}
							
					
					/******　END form.tpl　************/