@charset "EUC-JP";

@import "./common.css";

/* ================= basic : elements ================= */
em {
	color: #6a7da3;
	}

/* --------------------------------- NAVI ---------------------------------- */
/* main navi */
#NAVI ul.main li#MISSION span.self {
	background-image: url(../images/navi/navi_01_on.gif);
	}


/* sub navi */
#NAVI ul.main li#MISSION ul.sub {
	display: block;
	position: static;
	width: auto;
	background: transparent;
	border: none;
	padding: 0;
	margin: 4px 5px 0 5px;
	}
#NAVI ul.main li#MISSION ul.sub li.self {
	color: #6a7da3;
	}

/* ---------------------------------- MAIN --------------------------------- */
/* link */
#MAIN a:visited { color: #6a7da3; }
#MAIN a:hover { color: #6a7da3; }

/* heading */
#MAIN h1 {
	color: #6a7da3;
	}
#MAIN h2 {
	color: #6a7da3;
	border-bottom: solid 1px #6a7da3;
	padding-left: 5px;
	margin-bottom: 1em;
	}
#MAIN h3 {
	font-size: 12px;
	}

/* paragraph */
#MAIN p {
	margin-bottom: 2em;
	}
#MAIN p.concept_image {
	float: right;
	margin: -3em 0 1em 1em;
	}
#MAIN p.whats_ifc_release_image {
	float: right;
	margin: 0 0 1em 1em;
	}
#MAIN ul p {
	margin-bottom: 0;
	}

/* list */
#MAIN p + ol {
	font-weight: bold;
	margin-top: -1em;
	margin-bottom: 1em;
	}
#MAIN ol.gen.for_ie6 {
	_font-weight: bold;
	_margin-top: -1em;
	_margin-bottom: 1em;
	}
#MAIN ol p {
	font-weight: normal;
	margin: 0.3em 0 1em 0;
	}

/* --- mission (index) --- */
/* mission */
div.mission {
	background: url(../images/mission/mission_back.gif) left top repeat-y;
	}

div.mission dl {
	_position: relative;
	background: url(../images/mission/mission_back.jpg) left top no-repeat;
	padding-left: 250px;
	}
div.mission dl dt {
	color: #6a7da3;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	padding-top: 1em;
	margin-bottom: 0.3em;
	}
div.mission dl dd {
	margin-bottom: 1em;
	}

div.mission dl dd ul {
	}
div.mission dl dd ul li {
	background: url(../images/listmark_type1.gif) left center no-repeat;
	padding: 0 0 0 10px;
	}

/* --- what's ifc --- */
/* pager */
ul.pager {
	zoom: 100%;
	float: right;
	line-height: 110%;
	margin-top: 0.3em;
	}
ul.pager:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
	}
ul.pager li {
	float: left;
	border-left: solid 1px #669966;
	padding-left: 0.5em;
	margin: 0 0 0 0.5em;
	}
ul.pager > li:first-child {
	border-left: none;
	padding-left: 0;
	}
/* expression for IE6 (first-child) begin */
ul.pager li.first-child {
	_border-left: none;
	_padding-left: 0;
	_margin-left: 0;
	}
ul.pager li {
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
	}
/* expression for IE6 (first-child) end */

/* whats_ifc */
dl.whats_ifc {
	zoom: 100%;
	margin: -0.5em 0 1.5em 7em;
	}
dl.whats_ifc:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
	}
dl.whats_ifc dt {
	float: left;
	width: 8em;
	font-size: 14px;
	font-weight: bold;
	color: #6699cc;
	margin: 0 0 0.3em 0;
	}
dl.whats_ifc dd {
	margin: 0 0 0.5em 10em;
	}

ul.ifc_object_model_guide_volume {
	list-style-type: disc;
	padding: 0 0 0 0.5em;
	margin: -1em 0 0 2em;
	}
ul.ifc_object_model_guide_volume li {
	margin-bottom: 1em;
	}
ul.ifc_object_model_guide_volume li p {
	margin-bottom: 0;
	}

/* --- ifc implement --- */



/* detail info */
div.ifc_imp_detail_info {
	display: none;
	zoom: 100%;
	background: url(../images/mission/ifc_imp_slideshow/back.gif) top left no-repeat #d2d8e3;
	}
div.ifc_imp_detail_info:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
	}

#MAIN div.ifc_imp_detail_info h3 {
	width: 253px;
	height: 25px;
	_height: 35px;
	overflow: auto;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 100%;
	padding-top: 10px;
	margin: 0 0 0 402px;
	}

div.ifc_imp_detail_info dl.menu {
	float: right;
	width: 170px;
	border-top: solid 20px #fff;
	}
div.ifc_imp_detail_info dl.menu dt {
	display: inline;
	float: right;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/mission/ifc_imp_slideshow/menu_header_back.gif) no-repeat;

	padding-left: 10px;
	margin: 15px 11px 10px 0;
	}
div.ifc_imp_detail_info dl.menu dd {
	clear: both;
	}

div.ifc_imp_detail_info dl.menu ul {
	width: 147px;
	margin-left: 11px;
	}
div.ifc_imp_detail_info dl.menu ul li {
	line-height: 0;
	margin-bottom: 5px;
	}
div.ifc_imp_detail_info dl.menu ul li img {
	vertical-align: bottom;
	}

div.ifc_imp_detail_info div.detail {
	position: relative;
	float: left;
	width: 470px !important;
	width: 485px;
	min-height: 380px;
	height: auto !important;
	height: 400px;
	background: #ffffff;
	padding: 20px 7px 0 8px;
	}

div.ifc_imp_detail_info div.detail ul.gen li {
	margin-bottom: 1em;
	}

div.ifc_imp_detail_info div.detail p.image {
	text-align: center;
	}

/* detail info : 01 */
div.ifc_imp_detail_info div.detail_01_story {
	display: table-cell;
	_display: inline;
	_zoom: 1;
	_width: 300px;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 1em;
	}
/* hack for IE7 */
*:first-child+html div.ifc_imp_detail_info div.detail_01_story {
	display: inline;
	zoom: 1;
	width: 290px;
	}

div.ifc_imp_detail_info dl.detail_01_story {
	width: 170px;
	}
div.ifc_imp_detail_info dl.detail_01_story dt {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.3em;
	}
div.ifc_imp_detail_info dl.detail_01_story dd {
	font-size: 11px;
	line-height: 120%;
	}
div.ifc_imp_detail_info dl.detail_01_story dd img {
	display: block;
	margin-bottom: 0.3em;
	}

div.ifc_imp_detail_info dl#STORY1 {
	display: table-cell;
	_display: inline;
	_zoom: 1;
	vertical-align: top;
	padding-bottom: 1em;
	}
/* hack for IE7 */
*:first-child+html div.ifc_imp_detail_info dl#STORY1 {
	display: inline;
	zoom: 1;
	}
div.ifc_imp_detail_info dl#STORY2 {
	float: left;
	}
div.ifc_imp_detail_info dl#STORY3 {
	float: right;
	}

/* detail info : 04, 05 */
div.ifc_imp_detail_info dl.detail_04_05 ul {
	_position: relative;
	margin: 1em;
	}
div.ifc_imp_detail_info dl.detail_04_05 ul li {
	background: url(../images/mission/listmark.gif) 0 4px no-repeat;
	padding-left: 10px;
	}