@charset "utf-8";

/* 上書き */
h2{
	width:auto;
	height:auto;
	line-height:0;
	text-indent:0;
	background:url() no-repeat;
}

div.section p.back{
	width:140px;
	float:right;
	position:relative;
	margin:-33px 10px 0 0;
}


/* left */
div.left{
	width:180px;
	float:left;
	margin:0;
	padding:0;
	background:url("../about/intro/images/bg_intro.jpg") no-repeat 0 85% #F4F4F4;
}

div.right{
	width:430px;
	float:right;
	margin:0;
	padding:0;
}

/* intro */
.right div.intro{
	width:430px;
	float:right;
	display:inline;
	margin:0 0 20px 0;
	padding:11px 0 0 0;
	letter-spacing:0.1;
	background:#FFF;
}
.right div.intro p{
	margin:15px 0 10px 0;
	line-height:1.5;
}
.right div.intro dl{
	width:200px;
	display:inline;
	margin:25px 0 20px 0;
}
.right div.intro dl.left{
	float:left;
}
.right div.intro dl.right{
	float:right;
}
.right div.intro dl dd{
	border:5px solid #EAF3D3;
}
.right div.intro dl dt{
	margin:10px 0 0 0;
}


/* navi */
div.section.navi{
	width:640px;
	clear:both;
	padding:0 0 2px 0;
	background:url("../about/intro/images/bg_navi_bottom.gif") no-repeat 0 bottom #EAF3D3;
}
div.section.navi ul{
	padding:2px 0 0 20px;
	background:url("../about/intro/images/bg_navi_top.gif") no-repeat 0 top #EAF3D3;
}
div.section.navi ul li{
	height:40px;
	line-height:40px;
	float:left;
}
div.section.navi ul li a{
	padding:0 5px 0 5px;
}
div.section.navi ul li strong{
	padding:0 5px 0 5px;
	font-weight:bold;
}


/*
社会調査の歴史
-------------------------------------*/
/* history */
div.section.history p.ttl{
	margin:27px 0 0 0;
}
div.section.history p.img{
	width:601px;
	margin:23px auto 35px auto;
}
div.section.history p.text{
	margin:0 5px 0 5px;
}

/* expert */
div.section.expert{
	background:url("../about/intro/images/bg_expert.gif") repeat-y 0 0;
}
div.section.expert .top{
	padding:4px 0 0 0;
	background:url("../about/intro/images/bg_expert_top.gif") no-repeat 0 top;
}
div.section.expert .top .bottom{
	padding:0 0 24px 0;
	background:url("../about/intro/images/bg_expert_bottom.gif") no-repeat 0 bottom;
}
div.section.expert .top .bottom p.img{
	width:164px;
	display:inline;
	float:left;
	margin:20px 0 0 31px;
}
div.section.expert .top .bottom dl{
	width:385px;
	display:inline;
	float:right;
	margin:30px 25px 0 0;
}
div.section.expert .top .bottom dl dt{
	margin:0 0 10px 0;
}
