@charset "UTF-8";

/*
	Mirai Meishi

	[other] rules, privacy, company, contact, about
		0. Import CSS
		1. Layout
		2. Common
		3. Specific Page
*/

/* ------------------------------------------------------------
	0. Import CSS
------------------------------------------------------------ */
@import url("/css/base.css");

/* ------------------------------------------------------------
	1. Layout
------------------------------------------------------------ */

/* ------------------------------------------------------------
	2. Common Style
------------------------------------------------------------ */
.content {
	margin-bottom: 2em;
}

/* ------------------------------------------------------------
	3. Specific Page
------------------------------------------------------------ */

/* About
------------------------------------------------- */
.contentAbout h3 {
	margin-bottom: 1em;
}

/* About Company
------------------------------------------------- */
.contentAboutCompany #intro {
	margin-bottom: 55px;
}
.contentAboutCompany h3 {
	margin-bottom: 2em;
}

/* --- msgWatanabe  --- */
.msgWatanabe {
	width: 950px;
	margin: 0 auto 2em;
}
.msgWatanabe .mdl {
	width: 890px;
	padding: 20px 30px;
	font-size: 93%;
}
.msgWatanabe dt {
	display: block;
	margin-bottom: 1.8em;
}
.msgWatanabe dd .img {
	position: relative;
	float: right;
	margin-top: -40px;
	padding-left: 20px;
}
.msgWatanabe dd .txt {
	margin-bottom: 1.8em;
}

/* --- activities --- */
.activities {
	width: 650px;
	margin-right: -20px;
	margin-bottom: 40px;
	overflow: hidden;
	background: url("/img/about/company/bg_activities_01.png") no-repeat 0 100%;
}
.activities .section {
	float: left;
	width: 273px;
	margin-right: 20px;
	padding: 15px;
	border-top: 1px solid #f3e9b6;
}
.activities .section h4 {
	margin-bottom: 18px;
}
.activities .section .content {
	font-size: 93%;
	line-height: 1.8;
}
.activities .sectionMailMagazine .txt {
	margin-bottom: 1em;
}
.activities .sectionMailMagazine .note {
	float: left;
	width: 140px;
	min-height: 20px;
	padding-left: 30px;
	background: url("/img/common/ico/ico_arrow_03.png") no-repeat 0 0;
	font-size: 77%;
}
* html .activities .sectionMailMagazine .note { zoom: 1; }
*:first-child+html .activities .sectionMailMagazine .note { zoom: 1; }

.activities .sectionMailMagazine .qrcode {
	position: relative;
	float: right;
	margin-top: -10px;
}

/* --- sectionSupports --- */
.sectionSupports {
	margin-bottom: 50px;
}
.sectionSupports .lead {
	margin-bottom: 1em;
}
.sectionSupports .groupSection .top,
.sectionSupports .groupSection .btm {
	height: 2px;
	font-size: 0;
	overflow: hidden;
	background: url("/img/about/company/bg_supports_top_btm_01.png") no-repeat 0 0;
}
.sectionSupports .groupSection .mdl {
	padding: 0 2px;
	background: url("/img/about/company/bg_supports_mdl_01.png") repeat-y 0 0;
}
.sectionSupports .groupSectionB .mdl {
	background-image: url("/img/about/company/bg_supports_mdl_02.png");
}
.sectionSupports .groupSection .section {
	position: relative;
	float: left;
	width: 220px;
	padding: 10px 7px 10px 10px;
}
.sectionSupports .groupSectionA .col2of4 { width: 221px; }
.sectionSupports .groupSectionA .col3of4 { width: 237px; }
.sectionSupports .groupSectionA .col4of4 { width: 205px; padding-left: 5px; }
.sectionSupports .groupSectionB .col3of3 { width: 200px; }

.sectionSupports .groupSection .section h4 {
	margin-bottom: 8px;
}
.sectionSupports .groupSection .section .txt {
	font-size: 93%;
	font-weight: bold;
}
.sectionSupports .groupSection .section .img {}
.sectionSupports .groupSection .section .note {
	margin-top: 1em;
	font-size: 77%;
}

/* .groupSectionA */
.sectionSupports .groupSectionA .listLink {
	position: absolute;
	bottom: 0;
	left: 145px;
	width: 80px;
	font-size: 77%;
}
.sectionSupports .groupSectionA .listLink li {
	width: 52px;
	padding-left: 23px;
}
.sectionSupports .groupSectionA .col4of4 .listLink {
	left: 135px;
}

/* .groupSectionB */
.sectionSupports .groupSectionB .col2of3 {
	width: 470px;
	padding-right: 10px;
	padding-left: 10px;
}
.sectionSupports .groupSectionB .col2of3 .txt {
	height: 4.5em;
}
.sectionSupports .groupSectionB .col2of3 .unit1 {
	float: left;
	width: 213px;
	margin-right: 10px;
}
.sectionSupports .groupSectionB .col2of3 .unit2 {
	float: left;
	width: 236px;
}
.sectionSupports .groupSectionB .col2of3 .unit1 .img,
.sectionSupports .groupSectionB .col2of3 .unit2 .img {
	text-align: center;
}
.sectionSupports .groupSectionB .listLink {
	font-size: 77%;
}
.sectionSupports .groupSectionB .col1of3 .listLink {
	position: absolute;
	bottom: 0;
	left: 145px;
	width: 80px;
}
.sectionSupports .groupSectionB .col1of3 .listLink li {
	width: 52px;
	padding-left: 23px;
}
.sectionSupports .groupSectionB .col2of3 .unit1,
.sectionSupports .groupSectionB .col2of3 .unit2 {
	text-align: center;
}
.sectionSupports .groupSectionB .col2of3 .unit1 ul,
.sectionSupports .groupSectionB .col2of3 .unit2 ul {
	margin-bottom: 0;
}
.sectionSupports .groupSectionB .col2of3 .unit1 li,
.sectionSupports .groupSectionB .col2of3 .unit2 li {
	display: inline-block;
}
* html .sectionSupports .groupSectionB .col2of3 .unit1 li,
* html .sectionSupports .groupSectionB .col2of3 .unit2 li {
	display: inline;
	zoom: 1;
}
*:first-child+html html .sectionSupports .groupSectionB .col2of3 .unit1 li,
*:first-child+html html .sectionSupports .groupSectionB .col2of3 .unit2 li {
	display: inline;
	zoom: 1;
}
.sectionSupports .groupSectionB .col3of3 .txt {
	margin-bottom: 1em;
}

/* --- sectionEncourage --- */
.sectionEncourage {
	width: 970px;
	margin-right: -20px;
	overflow: hidden;
}
.sectionEncourage ul {
	float: left;
	width: 465px;
	margin-right: 20px;
}
.sectionEncourage ul li {
	margin-bottom: 1.5em;
	font-size: 93%;
}
.sectionEncourage ul span {
	font-weight: bold;
}

/* --- sectionCompany --- */
.sectionCompany div.contentA {
	float: left;
	width: 465px;
}
.sectionCompany dl {
	margin-bottom: 2em;
	font-size: 93%;
}
.sectionCompany dl dt {
	font-weight: bold;
}
.sectionCompany div.contentA dl.name dt,
.sectionCompany div.contentA dl.name dd {
	display: inline;
}
.sectionCompany div.contentA dl.name dt {
	margin-right: 1em;
}

.sectionCompany dd ul.main {
	margin-bottom: 2em;
}
.sectionCompany div.contentB {
	float: right;
	width: 465px;
}
.sectionCompany div.contentB {
}

/* Inquiry
------------------------------------------------- */
.contentInquiry .card,
.contentInquiry .dream {
	float: left;
	width: 470px;
	padding-bottom: 100px;
}
.contentInquiry .card h3,
.contentInquiry .dream h3 {
	margin-bottom: 2em;
}
.contentInquiry .card .lead,
.contentInquiry .dream .lead {
	margin-bottom: 1em;
}