@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

html*body {
	line-height:100%;
	letter-spacing:2px;
	font-size:70%;
}

	.top_bg {
		background:url(../img/top_side.jpg) left top repeat-x;
	}
	
	.common_bg {
		background:url(../img/common_side.jpg) left top repeat-x;
	}
	
	
		#wrap {
			width:700px;
			background:#FFFFFF;
			margin:0 auto;
		}
		
			#head {
				width:700px;
				height:81px;
				background-color:#f8f8f8;
				background:url(../img/headder_back.jpg) left top repeat-x;
			}
			
			
			
						
				h1.logo {
					width:400px;
					height:46px;
					float:left;
				}
				
					h1.logo img{
						padding:20px 0 0 20px;
					}
					
					
				ul.headder_menu {
					float:right;
					width:100px;
					padding:20px 35px 0 0;
				}
				
			#body {
			}
			
			#body_top {
				height:470px;
			}
			
			
					
				.under_logo {
					width:700px;
					height:6px;
					background:url(../img/otoiawase_buttom_line.jpg) left top no-repeat;
					overflow:hidden;
				}
					
				ul.menu {
					width:600px;
					height:31px;
					background:url(../img/buttom_side.jpg) left top repeat-x;
					padding:0 50px 5px 50px;
				}
				
					ul.menu li {
						float:left;
					}
					
						ul.menu li a {
							width:100px;
							height:31px;
							display: block;
							background-repeat: no-repeat;
							text-indent: -9999px;
						}
						
						ul.menu li.top a {
							background:url(../img/buttom_top.jpg) left top;
						}
			
						ul.menu li.func a {
							background:url(../img/buttom_kinou.jpg) left top;
						}
		
						ul.menu li.develop a {
							background:url(../img/buttom_kaihatsu.jpg) left top;
						}
		
						ul.menu li.product a {
							background:url(../img/buttom_sample.jpg) left top;
						}
		
						ul.menu li.inquiry a {
							background:url(../img/buttom_atoiawase.jpg) left top;
						}
		
						ul.menu li.company a {
							background:url(../img/buttom_kaisyagaioyu.jpg) left top;
						}
						
						ul.menu li.top_on a,
						ul.menu li.func_on a,
						ul.menu li.develop_on a,
						ul.menu li.product_on a,
						ul.menu li.inquiry_on a,
						ul.menu li.company_on a {background-position:left -30px}
		
						ul.menu li.top a:hover,
						ul.menu li.func a:hover,
						ul.menu li.develop a:hover,
						ul.menu li.product a:hover,
						ul.menu li.inquiry a:hover,
						ul.menu li.company a:hover {background-position:left -30px}
							
				.pankuzu {
					color:#333333;
					font-size:10px;
					padding:0 0 2px 50px;
				}
				
				.subhead {
					padding:0 0 0 50px;
				}
		
		
		
			
			#foot {
				height:49px;
				background-color:#333333;
				color:#FFFFFF;
				clear:both;
				margin:0 0 0 0;
			}
			
				#foot p{
					font-size:12px;
					text-align:center;
					padding:7px 0 0 0;
				}
				
				#foot p a{
					color:#FFFFFF;
					text-decoration:none;
					padding:0 10px 0;
				}