@charset "utf-8";

html{height:100%;margin-bottom:1px;}

body{
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:1px;
	height:1%;
	color:#323230;
	background:#f3f3f3;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	text-align:center;
	}

img, a img,
ul, ul li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
div, span{border:0;margin:0;padding:0;list-style:none;font-weight:normal;}

label, input, textarea{margin:0;padding:0;}

p{margin:0 0 1em;}

hr{display:none;clear:both;}

a:link{color:#323230;text-decoration:underline;}
a:visited{color:#323230;/*color:#323230;*/text-decoration:underline;}
a:hover, a:active{/*color:#ff0000;*/text-decoration:none;}
.arrow001{
	padding:0 0 0 17px;
	background:url(../images/arrow-blue.gif)0px 1px no-repeat;
	}
.alignright{
	margin:0;
	text-align:right;
	}
.page2top{
	clear:both;
	margin:0 0 22px 13px;
	padding:1px;
	width:642px;
	background:url(../images/page2top.png) 0px 1px no-repeat;
	overflow:hidden;
	}
	.page2top a{
		float:right;
		display:block;
		width:135px;
		height:39px;
		}

/*
---------------------------------------------------------------------------
=====Header
*/
.header-full{
	margin:0;
	padding:0;
	width:100%;
	color:#505050;
	background:url(../images/head.png) left top repeat-x #3968A8;
	text-align:left;
	overflow:hidden;
	}
	.header, .wrap{
		margin:0 auto;
		width:950px;
		text-align:left;
		}
		.header{
			position:relative;
			}
		.wrap{
			border-left:1px solid #dcd7d0;
			border-right:1px solid #dcd7d0;
			}
		.header #logo{
			margin:0;
			padding:0 0 5px 14px;
			float:left;
			display:inline;
			width:198px;
			height:91px;
			background:url(../images/logo-bg.png) 10px 0px no-repeat;
			}
			.header #logo2{
				margin:0;
				padding:0 0 5px 14px;
				float:left;
				display:inline;
				width:198px;
				height:115px;
				background:url(../images/logo-bg.png) 10px 0px no-repeat;
				}
				.header #pan{
					position:absolute;
					top:96px;
					left:15px;
					color:#FFFFFF;
					font-size:10px;
					}
					.header #pan a{
					color:#FFFFFF;
					text-decoration:none;
					}
			.header #logo a{
				display:block;
				width:193px;
				height:86px;
				}
		.header p.catch{
			position:absolute;
			top:12px;
			left:220px;
			width:480px;
			font-size:11px;
			letter-spacing:normal;
			overflow:hidden;
			height:20px;
			}
		.header ul.nav{
			position:absolute;
			top:12px;
			right:0;
			display:block;
			width:240px;
			font-size:11px;
			letter-spacing:normal;
			overflow:hidden;
			height:20px;
			}
			.header ul.nav li{
				padding:0 0 0 17px;
				display:inline;
				background:url(../images/nav-arrow.gif) 0px 1px no-repeat;
				}
		.header ul.global{
			padding:49px 0 0 0;
			float:left;
			width:730px;
			height:42px;
			background:url(../images/nav/global-bg.png) left bottom no-repeat;
			overflow:hidden;
			}
			.header ul.global li{
				padding:0 11px 0 0;
				float:left;
				width:136px;
				height:42px;
				}
				.header ul.global li#nav01{background:url(../images/nav/nav01b.png) left top no-repeat;width:128px;}
				.header ul.global li#nav02{background:url(../images/nav/nav02b.png) left top no-repeat;}
				.header ul.global li#nav03{background:url(../images/nav/nav03b.png) left top no-repeat;}
				.header ul.global li#nav04{background:url(../images/nav/nav04b.png) left top no-repeat;}
				.header ul.global li#nav05{background:url(../images/nav/nav05b.png) left top no-repeat;}
				
				.header ul.global li a{
					display:block;
					width:136px;
					height:42px;
					}
					.header ul.global li#nav01 a{width:128px;}
					* html .header ul.global li a:hover{
						zoom:1;
						background-color:transparent;
						}
					.header ul.global li a:hover img,
					#about ul.global li#nav01 img,
					#make ul.global li#nav02 img,
					#works ul.global li#nav03 img,
					#service ul.global li#nav04 img,
					#workman ul.global li#nav05 img{
						visibility:hidden;
						}

/*
=====Header
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
=====content
*/
#home .wrap{
	padding:0 0 15px 0;
	background:#f6f1e0 url(../../images/home-bg.jpg) 0px 195px no-repeat;
	overflow:hidden;
	}
	.wrap .title{
		margin:0 0 0 15px;
		}
	.section{
		margin:0 15px;
		float:left;
		width:auto;
		display:inline;
		background:#ffffff url(../images/side.png) right top repeat-y;
		}
		.section .content{
			margin:0;
			float:left;
			display:inline;
			width:669px;
			background:#ffffff;
			}
			.wrap h1{
				}
			.wrap h2{
				padding:0 0 30px;
				display:block;
				width:669px;
				background:#ffffff;
				}
				#home .wrap h2{
					padding:0;
					}
					.wrap .ttlnull{
					clear:both;
					width:621px;
					background:url(../images/ttl_null.png) no-repeat;
					font-weight:bold;
					padding:5px 10px;
					font-size:12px;
					margin:30px 14px 20px;
					}
					.wrap .ttlnull2{
					clear:both;
					font-weight:bold;
					border-left:4px solid #CCCCCC;
					padding:3px 8px;
					font-size:12px;
					margin:30px 14px 20px;
					}
			.section .content p{
				margin:0 25px 1em;
				}
				.section .content .photoLeft{
				float:left;
				margin:0 10px 1em 25px;
				}
				.section .content .photoRight{
				float:right;
				margin:0 25px 1em 10px;
				}
			.section .content .samples{
				margin:0 0 13px 14px;
				padding:7px 0 4px 5px;
				width:636px;
				overflow:hidden;
				background:url(../../images/samples.png) left top repeat-y;
				}
				.section .content .samples li{
					margin:0 5px 4px 0;
					padding:3px 3px 0;
					float:left;
					width:307px;
					background:#ffffff;
					}
					.section .content .samples li span{
						padding:5px 0 9px 37px;
						display:block;
						background:url(../../images/sample-title.png) left top no-repeat;
						}
			.section .content .dual{
				margin:0 0px 0 15px;
				float:left;
				display:inline;
				width:313px;
				}
				.section .content .dual h2{
					float:none;
					width:313px;
					}
				.section .content .dual ul{
					margin:0 0 22px;
					padding:4px 0 0;
					}
					.section .content .dual ul li{
						padding:10px 0 12px;
						background:url(../images/dotline.gif) left bottom repeat-x;
						font-weight:bold;
						}
						.section .content .dual ul li span{
							margin:0 0 0 4px;
							padding:0 0 0 12px;
							display:block;
							background:url(../images/arrow-blue.gif) 0px 5px no-repeat;
							font-weight:normal;
							}
							.section .content .dual ul li em{
							font-weight:bold;
							font-style:normal;
							background:url(../images/new.gif) no-repeat 7.2em 3px;
							display:block;
							}

			.section .content .consult{
				clear:both;
				margin:0 0 22px 14px;
				}
				.section .content .consult a{
					display:block;
					width:641px;
					}
	.sidebar{
		margin:0;
		padding:0 0 67px;
		float:right;
		width:251px;
		position:relative;
		}
		.sidebar #call{
			padding:3px 4px;
			background:#ffffff;
			position:absolute;
			top:-59px;
			left:16px;
			}
		.sidebar #catnav{
			padding:0;
			}
			.sidebar #catnav dl{
				}
				.sidebar #catnav dl dt{
					display:block;
					width:222px;
					height:55px;
					}
				.sidebar #catnav dl dd{
					margin:0;
					padding:3px;
					width:216px;
					background:#ffffff;
					border-bottom:1px solid #ebe7d9;
					text-align:left;
					font-size:12px;
					letter-spacing:normal;
					}
					.sidebar #catnav dl dd a{
						padding:12px 10px 12px 33px;
						display:block;
						width:173px;
						background:url(../images/nav-arrow.gif) 15px 15px no-repeat;
						/*text-decoration:none;*/
						}
						.sidebar #catnav dl dd a.sbon{
						background:url(../images/nav-arrow.gif) 15px 15px no-repeat #EBEBEB;
						/*text-decoration:none;*/
						}
						.sidebar #catnav dl dd a:hover{
							}
		.sidebar #bnr{
			padding:7px 3px 0;
			}
			.sidebar #bnr li{
				padding:0 0 7px;
				border:none;
				}
				.sidebar #bnr li a{
					margin:0 auto;
					width:198px;
					}

		.sidebar ul{
			padding:47px 0 0 16px;
			width:222px;
			float:left;
			}
			.sidebar ul li{
				margin:0 0 3px;
				padding:3px;
				background:#ffffff;
				float:left;
				width:216px;
				text-align:center;
				}
				.sidebar ul li a{
					display:block;
					}
				.sidebar ul li ul{
					margin:0;
					padding:0;
					width:auto
					}
					.sidebar ul li ul li{
						margin:0;
						padding:0;
						border-bottom:1px solid #ebe7d9;
						}
		
/*
=====content
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
=====footer
*/
.footer{
	margin:0 auto;
	padding:12px 0;
	width:950px;
	border:1px solid #dcd7d0;
	border-bottom:none;
	background:#ebe7d9;
	text-align:left;
	overflow:hidden;
	}
	.footer address{
		margin:0 15px 0 0;
		float:right;
		display:inline;
		font-style:normal;
		font-size:10px;
		width:300px;
		text-align:right;
		}
	.footer ul{
		margin:0 15px;
		float:left;
		display:inline;
		width:600px;
		font-size:11px;
		}
		.footer ul li{
			margin:0;
			padding:4px 14px 4px 8px;
			display:block;
			float:left;
			width:auto;
			background:url(../images/arrow-blue.gif) 0px 9px no-repeat;
			}
	.footer .flist{
		clear:both;
		padding:15px 15px 0;
		margin:0;
		font-size:10px;
		color:#737373;
		}

/*
=====footer
---------------------------------------------------------------------------
*/