@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[common]
[heading]
[blockStaticCommon]
[blockReportIntro]
[unitTakeOut]

-- 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);

/* =========================================================
■common
========================================================= */
div#main p strong {
	font-weight: bold;
}



/* =========================================================
■heading
========================================================= */
div#main h2 {
	background: none;
	font-size: 116%;
}

div#main h2 span {
	padding-left: 50px;
	background: url(/kiino/img/gap/bg_tile_01.gif) no-repeat 0 0;
}

div#main h3 {
	margin: 0 0 10px;
	padding: 0;
	border-left: none;
	font-size: 100%;
}



/* =========================================================
■blockStaticCommon
========================================================= */
div#main div.blockStaticCommon div.innerStaticCommon {
	background: url(/kiino/img/report/bg_step_01.gif) no-repeat 350px 100%;
}

div#main div.blockStaticCommon p.phMain {
	margin: 0 0 -20px;
	padding: 30px 0 0;
	text-align: center;
}

div#main div.blockStaticCommon h2 {
	margin: 0 0 20px;
	padding: 5px 10px;
	background: url(/kiino/img/report/bg_heading_01.gif) repeat 0 0;
}



/* =========================================================
■blockReportIntro
========================================================= */
div#main div.blockReportIntro {
	width: 680px;
	margin: 0 -40px 40px 0;
}

div#main div.blockReportIntro div.unitReportIntro {
	display: inline;
	float: left;
	width: 300px;
	margin: 0 40px 0 0;
}

div#main div.blockReportIntro div.unitReportIntro p.photo {
	margin: 0 0 20px;
}

div#main div.blockReportIntro div.unitReportIntro h3 {
	margin: 0 0 5px;
}

div#main div.blockReportIntro div.unitReportIntro p {
	margin: 0;
}



/* =========================================================
■blockReportStep
========================================================= */
div#main div.blockReportStep {
	width: 676px;
	margin: 0 -36px -30px 0;
}

div#main div.blockReportStep div.unitReportStep {
	display: inline;
	float: left;
	width: 302px;
	margin: 0 36px 0 0;
	padding: 0 0 40px
}

div#main div.blockReportStep div.unitReportStep p {
	margin: 0;
}

div#main div.blockReportStep div.bnrKaranKoron {
	padding: 55px 0 0;
}

div#main div.blockReportStep div.bnrKaranKoron p {
	width: 220px;
	margin: 0 auto 5px;
}



/* =========================================================
■unitTakeOut
========================================================= */
div#main div.unitTakeOut h3 {
	font-size: 133%;
}
