@charset "shift_jis";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

#wrapper {
	margin: 30px auto 0 auto;
	padding-bottom: 30px;
	width: 868px;
}
	
/*左コンテンツ---------------------------------------------------------------------------------------------------------------------*/
	#wrapper #left {
		float: left;
		width: 181px;
	}
	
		#wrapper #left h1 {
			margin-bottom: 10px;
		}
					
			#wrapper #left h2 {
				background-image: url(../images/h2_back.gif);
				background-repeat: no-repeat;
				background-position: left top;
				padding-top: 64px;
				margin-top: 9px;
			}
			
			#wrapper #left dl {
				background-image: url(../images/gas_back.gif);
				background-repeat: no-repeat;
				background-position: left top;
				margin-top: 17px;
				padding: 52px 0 30px 0;
			}
				
				#wrapper #left #tel {
					margin-top: 10px;
					margin-bottom: 5px;
				}
/*左コンテンツ end-----------------------------------------------------------------------------------------------------------------*/

/*中コンテンツ---------------------------------------------------------------------------------------------------------------------*/
	#wrapper #center {
		float: left;
		margin: 0 30px 31px 30px;
		width: 571px;
	}
			
		#wrapper #center #about {
			border-top: 1px solid #333333;
			margin-top: 52px;
			border-bottom: 1px solid #333333;
			padding: 11px 0;
			background-image: url(../images/design_web_dtp.gif);
			background-position: 475px 290px;
			background-repeat: no-repeat;
		}
		
			#wrapper #center #about dt,#wrapper #center #about dd {
				margin-bottom: 0.5em;
			}
					
			#wrapper #center #about dt {
				float: left;
				clear: left;
				background-image: url(../images/dt_back.gif);
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 18px;
			}
			
			#wrapper #center #about dd {
				margin-left: 7em;
			}
							
				#wrapper #center #about dd.circle {
					background-image: url(../images/circle.gif);
					background-repeat: no-repeat;
					background-position: left 4px;
					padding-left: 1.5em;
				}
						
			#wrapper #center #about ul li {
				display: inline;
				margin-right: 1em;
			}
			
			*html #wrapper #center #about ol {
				margin-left: 0.5em;
			}
			
			*:first-child+html #wrapper #center #about ol {
				margin-left: 0.5em;
			}
/*中コンテンツ end-----------------------------------------------------------------------------------------------------------------*/

/*右メニュー ----------------------------------------------------------------------------------------------------------------------*/
	#wrapper #right {
		float: left;
		width: 54px;
	}
	
		#wrapper #right li {
			margin-bottom: 15px;
		}
/*右メニュー end-------------------------------------------------------------------------------------------------------------------*/