@charset "shift-jis";

/**
 * sonnar developer.css
 * update : 2013.01.23
 */

/*--------------------------------------------------------------------------------
	.intro
--------------------------------------------------------------------------------*/
.intro {
	position: relative;
	margin-bottom: 80px;
	height: 750px;
}

.intro h2, .intro h3, .intro p {
	display: none;
}

.intro img.main {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}

.intro ul {
	position: relative;
	z-index: 1;
	margin-left: 26px;
	padding-top: 585px;
	*zoom: 1;
}

.intro ul:after {
	clear: both;
	display: block;
	content: "";
}

.intro li {
	float: left;
	_display: inline;
	margin-left: 8px;
}

/*--------------------------------------------------------------------------------
	.section
--------------------------------------------------------------------------------*/
.section {
	margin: 50px 0 0;
	font-size: 84%;
	letter-spacing: 0.08em;
	line-height: 2.039em;
}

.section h3 {
	display: none;
}

.section .inner {
	margin: 0 auto;
	width: 860px;
	*zoom: 1;
}

.section .inner:after {
	clear: both;
	display: block;
	content: "";
}

.section .inner .visual {
	display: block;
	margin-bottom: 20px;
}

.section .inner p {
	margin-top: 15px;
	overflow: hidden;
}

/* .line-01
--------------------------------------------------------------------------------*/
.section.line-01 {
	background: url("../img/developer_01_ttl.jpg") no-repeat;
}

.section.line-01 h4.ttl-01 {
	margin: 0 0 20px 0;
	padding-top: 302px;
}

.section.line-01 h4.ttl-02 {
	margin: 0 0 20px 0;
	padding-top: 50px;
}

.section.line-01 div.rightfix {
	margin-top: 10px;
	width: 455px;
	text-align: center;
}

.section.line-01 div.leftfix {
	margin: 30px 50px 0 0;
	width: 405px;
}

/* .line-02
--------------------------------------------------------------------------------*/
.section.line-02 {
	background: url("../img/developer_02_ttl.jpg") no-repeat;
}

.section.line-02 h4.ttl-01 {
	margin: 0 0 20px 0;
	padding-top: 267px;
}

.section.line-02 div.rightfix {
	margin-top: 20px;
	margin: 20px 0 0 50px;
	width: 405px;
}

/* .line-03
--------------------------------------------------------------------------------*/
.section.line-03 {
	background: url("../img/developer_03_ttl.jpg") no-repeat;
}

.section.line-03 h4.ttl-01 {
	margin: 0 0 20px 0;
	padding-top: 278px;
}

.section.line-03 div.rightfix {
	margin: 50px 0 0 10px;
	width: 420px;
}

/*--------------------------------------------------------------------------------
	.column
--------------------------------------------------------------------------------*/
.section.column {
	padding: 25px 30px 30px;
	background: #474747;
	line-height: 1.739em;
}

.section.column h3 {
	float: left;
	display: block;
}

.section.column .txt-line {
	margin-top: 15px;
}

.section.column .txt-line p.leftfix,
.section.column .txt-line p.rightfix {
	width: 427px;
}