@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[swfContent]

[contents]
[main]

[unitHomeLead]
[blockHomeCourse]
[blockHomeCareer]
[blockHomeBnr]
[blockHomeMagazine]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 133% (16px)
XLARGE: 166% (20px)

/////////////////////////////////////////////////////////////////// */

@import url(import/reset.css);
@import url(import/common.css);
@import url(import/parts.css);
@import url(import/sub.css);

@import url(import/clear.css);

/* =========================================================
■swfContent
========================================================= */
div#swfContent {
	width: 100%;
	height: 300px;
	margin: 0 0 40px;
	background-color: #FFFFFF;
}

div#swfContent p {
	padding: 50px 0 10px;
	text-align: center;
}

div#swfContent p.linkCommon {
	padding: 10px 0;
	font-weight: bold;
}



/* =========================================================
■contents
========================================================= */
div#contents {
	width: 960px;
	margin: 0 auto;
	background: none;
}

div#contents div#wrapper {
	float: none;
	width: 960px;
}

div#contents div#wrapper div#main {
	width: 710px;
}



/* =========================================================
■main
========================================================= */
div#main h2 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	font-size: 83%;
}

div#main h3 {
	margin: 10px 0 15px;
	padding: 0;
	background: none;
	font-size: 83%;
}

div#main p {
	margin: 0 0 10px;
}



/* =========================================================
■unitHomeLead
========================================================= */
div#main div.unitHomeLead {
	margin: 0 0 15px;
}

div#main div.unitHomeLead p {
	float: left;
	width: 500px;
	margin: 0;
}

div#main div.unitHomeLead p.btn {
	float: right;
	width: 200px;
}



/* =========================================================
■blockHomeCourse
========================================================= */
div#main div.blockHomeCourse {
	position: relative;
	height: 207px;
	margin: 0 0 40px;
}


/* unitHomeCourse
----------------------------------------------- */
div#main div.blockHomeCourse div.unitHomeCourse {
	position: absolute;
	width: 210px;
	padding: 0 10px;
	background-color: #FFFFFF;
}

div#main div.blockHomeCourse div.unitHomeCourse ul li {
	padding: 0 0 10px;
	font-size: 1px;
}

div#main div.blockHomeCourse00 div.unitHomeCourse ul li {
	padding: 0 0 10px;
	font-size: 12px;
}

div#main div.blockHomeCourse div.unitHomeCourse ul li a {
	background: none;
}


/* ----- unit ----- */
div#main div.blockHomeCourse div.unit00 {
	top: 0;
	left: 0;
	padding-top: 115px;
	*padding-top: 125px;
}

div#main div.blockHomeCourse div.unit01 {
	top: 0;
	left: 0;
	padding-top: 115px;
	*padding-top: 125px;
	background: #FFFFFF url(/img/home/ph_home_01.jpg) no-repeat 10px 10px;
}

div#main div.blockHomeCourse div.unit02 {
	top: 0;
	left: 240px;
	padding-top: 115px;
	*padding-top: 125px;
	background: #FFFFFF url(/img/home/ph_home_02.jpg) no-repeat 10px 10px;
}

div#main div.blockHomeCourse div.unit02 ul li {
	float: left;
	width: 105px;
}

div#main div.blockHomeCourse div.unit03 {
	height: 100px;
	top: 0;
	left: 480px;
}

div#main div.blockHomeCourse div.unit04 {
	height: 100px;
	top: 110px;
	left: 480px;
}

div#main div.blockHomeCourse div.unit03 h3,
div#main div.blockHomeCourse div.unit04 h3 {
	margin: 15px 0;
}



/* =========================================================
■blockHomeCareer
========================================================= */
div#main div.blockHomeCareer {
	float: left;
	width: 450px;
}

div#main div.blockHomeCareer p.linkCommon {
	margin: 0;
	text-align: right;
}


/* 
----------------------------------------------- */
div#main div.blockHomeCareer ul {
	width: 465px;
	margin-right: -15px;
}

div#main div.blockHomeCareer ul li {
	float: left;
	margin: 0 15px 5px 0;
	font-size: 83%;
}

div#main div.blockHomeCareer ul li img {
	margin: 0 0 5px;
}



/* =========================================================
■blockHomeBnr
========================================================= */
div#main div.blockHomeBnr {
	float: right;
	width: 230px;
	background-color: #FDE7D8;
}

div#main div.blockHomeBnr ul {
	margin: 10px 10px 0;
}

div#main div.blockHomeBnr ul li {
	margin: 0 0 10px;
}



/* =========================================================
■blockHomeMagazine
========================================================= */
div#main div.blockHomeMagazine {
	clear: both;
	width: 710px;
	padding: 40px 0 0;
}

div#main div.blockHomeMagazine p {
	margin: 0 0 20px;
}


/* unitKiinoCover
----------------------------------------------- */
div#main div.blockHomeMagazine div.unitKiinoCover {
	float: left;
	width: 240px;
	height: 326px;
	background: url(/img/home/bg_kiino_01.gif) no-repeat 0 0;
}

div#main div.blockHomeMagazine div.unitKiinoCover h3 {
	margin: 15px 0 5px;
	text-align: center;
}

div#main div.blockHomeMagazine div.unitKiinoCover p.photo {
	margin: 0 0 10px;
	text-align: center;
}

div#main div.blockHomeMagazine div.unitKiinoCover p.linkCommon {
	width: 164px;
	margin: 0 auto;
	font-size: 83%;
}



/* unitKiinoContents
----------------------------------------------- */
div#main div.blockHomeMagazine div.unitKiinoContents {
	float: right;
	width: 456px;
	margin: 0 -20px 0 0;
}

div#main div.blockHomeMagazine div.unitKiinoContents div.itemKiinoContent {
	display: inline;
	float: left;
	width: 208px;
	margin: 0 20px 20px 0;
}

div#main div.blockHomeMagazine div.unitKiinoContents div.itemKiinoContent p {
	margin: 0 0 5px;
	font-size: 83%;
}

div#main div.blockHomeMagazine div.unitKiinoContents div.itemKiinoContent p.linkCommon {
	text-align: right;
	font-size: 100%;
}



/* =========================================================
■goPageTop
========================================================= */
div#container p.goPageTop {
	bottom: 0;
}


/* =========================================================
■btnBanner
========================================================= */
div#sub p.btnBanner,
div#sub ul.btnBanner {
	margin: 0 0 30px;
}

div#sub ul.btnBanner li {
	margin: 0 0 10px;
}