@charset "utf-8";

/*
	* Name: corporate.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.corporate {
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.corporate #main table tr > td > ol.officerlist {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	body.corporate #main table tr > td > ol.officerlist > li {
		border-bottom: 1px dotted #cecece;
		margin-bottom: 8px;
	}

	body.corporate #main table tr > td > ol.officerlist > li:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	body.corporate #main table tr > td > ol.officerlist > li:last-child > table {
		margin-bottom: 0;
	}

	body.corporate #main table tr > td > ol.officerlist > li > table {
		border-top: none;
		margin-bottom: 8px;
	}

	body.corporate #main table tr > td > ol.officerlist > li > table tr > th,
		body.corporate #main table tr > td > ol.officerlist > li > table tr > td {
			border-bottom: none;
			padding: 4px;
	}

	body.corporate #main table tr > td > ol.officerlist > li:first-child > table tr:first-child > th,
		body.corporate #main table tr > td > ol.officerlist > li:first-child > table tr:first-child > td {
			padding-top: 0;
	}

	body.corporate #main table tr > td > ol.officerlist > li:last-child > table tr:last-child > th,
		body.corporate #main table tr > td > ol.officerlist > li:last-child > table tr:last-child > td {
			padding-bottom: 0;
	}

	body.corporate #main table tr > td > ol.officerlist > li > table tr > th {
		background-color: inherit;
		border-right: none;
		padding-left: 0;
		width: 22%;
	}

	body.corporate #main table tr > td > ol.officerlist > li > table tr > td {
		border-left: none;
	}

	body.corporate #main table tr > td > ol.officelist > li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}


	/* ========================================
	   * 個別設定 - ご挨拶 -
	======================================== */

	body.corporate.greeting #main div.greeting {	
		margin: 0 0 70px 0;
	}

	body.corporate.greeting #main div.greeting > div.message {
		margin-right: 6%;
		width: 60%;
	}

	body.corporate.greeting #main div.greeting > div.message > p:last-child {
		margin-bottom: 0;
	}

	body.corporate.greeting #main div.greeting > div.photo {
		float: right;
		width: 34%;
	}

	body.corporate.greeting #main div.greeting > div.photo > img {
		display: block;
		height: auto;
		margin-bottom: 18px;
		width: 100%;
	}

	body.corporate.greeting #main div.greeting > div.photo > div.name {
		font-size: 166%;
		text-align: right;
	}

	body.corporate.greeting #main div.greeting > div.photo > div.name > span.small {
		font-size: 70%;
	}


	/* ========================================
	   * 個別設定 - 拠点 -
	======================================== */

	body.corporate.outpost #main ol.outpostlist {
		list-style-type: none;
		margin-bottom: 60px;
		margin-left: -2%;
		margin-right: -2%;
	}

	body.corporate.outpost #main ol.outpostlist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* css hack: safari */
		font-size: 0; /* css hack: firefox3 */
		visibility: hidden;
	}

	body.corporate.outpost #main ol.outpostlist > li {
		float: left;
		margin-bottom: 4%;
		margin-left: 2%;
		margin-right: 2%;
	}

	body.corporate.outpost #main ol.outpostlist > li > h5 {
		margin-bottom: 12px;
	}

	body.corporate.outpost #main ol.outpostlist > li > div.map {
		margin: 0 0 28px 0;
	}

	body.corporate.outpost #main ol.outpostlist > li > div.map > iframe {
		height: 240px;
	}

	body.corporate.outpost #main ol.outpostlist > li > div.insert + p {
		margin-top: 18px;
	}

	body.corporate.outpost #main ol.outpostlist > li.w100p {
		clear: both;
		float: none;
		width: 96% !important;
	}

	body.corporate.outpost #main ol.outpostlist > li.w100p > div.map > iframe {
		height: 420px;
	}

	body.corporate.outpost #main ol.outpostlist.double > li {
		width: 46%;
	}

}