@charset "shift-jis";

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

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

.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: 505px;
	*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: 313px;
}

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

.section.line-01 div.rightfix {
	margin-top: 15px;
	width: 495px;
	text-align: right;
}

.section.line-01 div.leftfix {
	margin: 70px 0px 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: 305px;
}

.section.line-02 div.rightfix {
	margin: 5px 0 0 50px;
	padding:0 auto;
	width: 385px;
	text-align:center;
}

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

.section.line-02 div.leftfix {
	margin: 10px 0 0 0;
	width: 405px;
	text-align: center;
}

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

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

.section.line-03 div.rightfix {
	margin: 10px 0 0 0;
	width: 455px;
	text-align: right;
}

/*--------------------------------------------------------------------------------
	.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;
}