@charset "UTF-8";

/* ----- Copyright (C) C-brains Corporation. ----- */


/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =========================================================
■Clear of Float
========================================================= */
span.clear {
	margin: 0;
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* =========================================================
■Layout Base
========================================================= */
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	color: #000000;
	background: #000;
	text-align: center;
}
div#container {
	width: 890px;
	margin: 0 auto;
	background: none;
}


/* =========================================================
Header
========================================================= */
div#header {
	position: relative;
	width: 890px;
	height: 180px;
	margin: 0 auto;
	background: #FFF url(../../img/partner/bg_wrap.jpg) no-repeat 100% 0;
	border-bottom: 40px #FFE479 solid;
}

/* logo
--------------------------------------------------------- */
div#header h1 {
	position: absolute;
	top: 50px;
	left: 45px;
	background: url(../../img/partner/logo.gif) no-repeat 50% 50%;
}
div#header h1 a {
	display: block;
	width: 131px;
	height: 65px;
	text-indent: -9999px;
	outline: none;
}

/* lead
--------------------------------------------------------- */
div#header p {
	position: absolute;
	top: 5px;
	left: 200px;
}

/* contact
--------------------------------------------------------- */
div#header p.contact {
	top: 70px;
	left: 630px;
}

/* navi
--------------------------------------------------------- */
div#header ul {
	position: absolute;
	top: 135px;
	left: 45px;
}

div#header ul li {
	float: left;
	margin: 0 20px 0 0;
	font-size: 1px;
}


/* =========================================================
Footer
========================================================= */
div#footer {
	position: relative;
	width: 890px;
	height: 230px;
	margin: 0 auto;
	background: #FFF url(../../img/partner/bg_wrap.jpg) no-repeat 100% 0;
	border-top: 40px #FFE479 solid;
}
/* lead
--------------------------------------------------------- */
div#footer p {
	position: absolute;
	top: 15px;
	left: 40px;
}

/* contact
--------------------------------------------------------- */
div#footer p.contact {
	top: -15px;
	left: 630px;
}

/* nakanohito
--------------------------------------------------------- */
div#footer p.nakanohito {
	top: 150px;
	left: 40px;
}


/* =========================================================
content
========================================================= */
div#content {
	background: #FFCC00;
}

/* section
----------------------------------------------------------*/
div#content div.section {
	position: relative;
}
div#content div.section h2 {
	position: absolute;
	top: 0;
	left: 25px;
}

/* tech
----------------------------------------------------------*/
div#content div#tech {
	height: 690px;
	background: url(../../img/partner/bg_tech.jpg) no-repeat 100% 105px;
}
div#content div#tech h2 {
	top: 20px;
}
div#content div#tech dl {
}
div#content div#tech dl#techTop {
	padding: 135px 0 0 410px;
}
div#content div#tech dl#techMiddle {
	padding: 45px 0 0 345px;
}
div#content div#tech dl#techBottom {
	padding: 45px 0 0 300px;
}
div#content div#tech dl dt {
	margin: 0 0 3px;
}
div#content div#tech dl dd {
	width: 470px;
	line-height: 1.3;
}
div#content div#tech dl dd ul {
	line-height: 1.3;
}
div#content div#tech dl dd ul li {
	padding: 0 0 0 10px;
	background: url(../../img/partner/ico_list.gif) no-repeat 0 7px;
	line-height: 1.3;
}

/* point
----------------------------------------------------------*/
div#content div#point {
	position: relative;
	margin: 0;
	padding: 0 0 40px;
	background: url(../../img/partner/bg_point.jpg) no-repeat 0 55px;
}
div#content div#point div#pointInner {
	padding: 118px 0 0 275px;
}
div#content div#point div#pointInner h3 {
	margin: 0 0 5px;
	padding: 0 0 0 135px;
	background: url(../../img/partner/bg_point_lead.png) no-repeat 0 4px;
}
div#content div#point div#pointInner h4 {
	margin: 0 0 5px 137px;
}
div#content div#point div#pointInner p {
	width: 455px;
	margin: 0 0 25px 137px;
	line-height: 1.3;
}
div#content div#point div#pointInner ul {
	margin: 0 0 0 137px;
}
div#content div#point div#pointInner ul li {
	float: left;
	margin: 0 20px 0 0;
}
div#content div#point div#pointInner ul li span {
	display: block;
	padding: 5px 0 0;
	font-size: 60%;
	text-align: center;
}

/* works
----------------------------------------------------------*/
div#content div#works {
	background: url(../../img/partner/bg_works.jpg) no-repeat 100% 0;
}
div#content div#works h2 {
	top: 20px;
}
div#content div#works div#worksInner {
	width: 810px;
	margin: 0 auto;
	padding: 140px 0 0;
}
div#content div#works div#worksInner div.worksList {
	width: 840px;
	margin: 0 -30px 0 0;
	padding: 0 0 15px 0;
}
div#content div#works div#worksInner div.worksList dl {
	display: inline;
	float: left;
	width: 250px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 30px 30px 0;
	background: #FFF;
}
div#content div#works div#worksInner div.worksList dl dt {
	margin: 0 0 7px;
}
div#content div#works div#worksInner div.worksList dl dd p {
	margin: 0 7px 15px;
	line-height: 1.2;
	font-size: 90%;
}
div#content div#works div#worksInner div.worksList dl dd h3 {
	margin: 0 7px 7px;
}
div#content div#works div#worksInner div.worksList dl dd p.url {
	margin: 0 7px 7px;
	font-size: 80%;
}
div#content div#works div#worksInner p.goWeb {
	text-align: right;
	margin: 0 0 20px; 
}

/* flow
----------------------------------------------------------*/
div#content div#flow {
	height: 538px;
}
div#content div#flow p {
	position: absolute;
	top: 116px;
	left: 20px;
}

/* framework
----------------------------------------------------------*/
div#content div#framework {
	height: 556px;
}
div#content div#framework p {
	position: absolute;
	top: 103px;
	left: 40px;
}

/* price
----------------------------------------------------------*/
div#content div#price {
	position: relative;
	background: url(../../img/partner/bg_price.jpg) no-repeat 100% 80px;
}
div#content div#price p {
	position: relative;
	padding: 130px 0 70px 40px;
	line-height: 1.5;
}
div#content div#price div#priceList {
	width: 810px;
	margin: 0 auto 20px;
}
div#content div#price h3 {
	margin: 0 0 5px;
}
div#content div#price div#priceList table {
	width: 810px;
	margin: 0 0 20px;
	padding: 0;
}
div#content div#price div#priceList table thead th {
	padding: 10px 15px;
	color: #FFF;
	font-weight: bold;
	background: #555577;
}
div#content div#price div#priceList table tbody th {
	width: 270px;
	padding: 10px 15px;
	font-weight: bold;
	background: #EEEECC;
	border: 1px #DEDEA3 solid;
}
div#content div#price div#priceList table tbody td {
	padding: 10px 15px;
	background: #FFF;
	border: 1px #DEDEA3 solid;
}
div#content div#price div#priceList table tbody td.odd {
	background: #EEEECC;
}
div#content div#price ul {
	width: 770px;
	padding: 25px 20px;
	background: #EBB400;
}
div#content div#price ul li {
	display: inline;
	float: left;
	margin: 0 30px 0 0;
}

/* company
----------------------------------------------------------*/
div#content div#company {
}
div#content div#company div#companyInner {
	position: relative;
	padding: 80px 0 0 40px;
}
div#content div#company div#companyInner table {
	width: 810px;
	margin: 0;
}
div#content div#company div#companyInner table th {
	width: 110px;
	padding: 0 0 30px;
	vertical-align: top;
}
div#content div#company div#companyInner table td {
	padding: 10px 10px 30px;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.3;
	vertical-align: top;
}

div#content div#company div#companyInner table td ul {
	float: left;
	width: 320px;
}
div#content div#company div#companyInner table td ul li {
	font-weight: bold;
	line-height: 1.3;
}

/* contact
----------------------------------------------------------*/
div#content p.contact {
	margin: 0 0 15px;
	text-align: right;
}

/* goPageTop
----------------------------------------------------------*/
div#content p.page-up {
	margin: 0 35px 70px 0;
	text-align: right;
}


/* =========================================================
clearfix
========================================================= */
/* navi
----------------------------------------------------------*/
div#header ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#header ul {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#header ul { height: 1%; }
div#header ul { display: block; }
/* End hide from IE-mac */

/* worksInner
----------------------------------------------------------*/
div#worksInner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#worksInner {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#worksInner { height: 1%; }
div#worksInner { display: block; }
/* End hide from IE-mac */

/* worksInner
----------------------------------------------------------*/
div#price ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#price ul {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#price ul { height: 1%; }
div#price ul { display: block; }
/* End hide from IE-mac */