@charset "utf-8";

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


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - コンテナ -
	======================================== */

	.sp {
		display: none !important;
	}

	.container {
		margin: 0;
		padding: 0;
	}

	.wrapper {
		margin: 0;
		padding: 0;
	}


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

	#altogether {
		background-color: #FFFFFF;
	}

	#altogether:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}


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

	header {
		margin: 0 auto 74px auto;
		width: 980px;
	}

	header:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	header div#logo {
		float: left;
		margin-right: 38px;
		margin-top: 26px;
		text-align: left;
		width: 218px;
	}

	header div.global {
		float: right;
		margin: 24px 0 0 0;
		width: 724px;
	}

	header div.global nav:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	header div.global nav ul {
		list-style-type: none;
		float: right;
	}

	header div.global nav ul li {
		float: left;
		line-height: 100%;
	}

	header div.global nav.header ul {
		margin-bottom: 44px;
	}

	header div.global nav.header ul li {
		background-position: left center;
		background-repeat: no-repeat;
		margin-left: 30px;
		min-height: 23px;
		position: relative;
	}

	header div.global nav.header ul li img {
		height: auto;
		vertical-align: middle;
	}

	header div.global nav.header ul li#icon_about img {
		width: 14px;
	}

	header div.global nav.header ul li#icon_contact img {
		width: 20px;
	}

	header div.global nav.header ul li#icon_access img {
		width: 23px;
	}

	header div.global nav.header ul li a {
		border-bottom: 1px solid #FFFFFF;
		color: #000000;
		display: inline-block;
		padding-bottom: 1px;
		position: relative;
		text-decoration: none;
	}

	header div.global nav.header ul li a:hover {
		border-bottom-color: #000000;
	}


	/* ========================================
	   * 領域設定 - Nav.global -
	======================================== */

	nav.global {
		padding-bottom: 5px;
		padding-top: 5px;
		width: 100%;
	}

	nav.global div.container div.logo {
		display: none;
	}

	nav.global div.container ul li {
		letter-spacing: 1px;
		margin-left: 8px;
		position: relative;
	}

	nav.global div.container ul li a {
		border-width: 0;
		box-sizing: border-box;
		color: #FFFFFF;
		display: block;
		height: 36px !important;
		overflow: hidden;
		position: relative;
		text-align: center;
		text-decoration: none;
		min-width: 180px;
	}

	nav.global div.container ul li a > span {
		box-sizing: border-box;
		display: block;
		height: 100%;
		padding: 12px 14px 12px 14px;
		position: relative;
		width: 100%;
	}

	nav.global div.container ul li a > span.icon {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	nav.global div.container ul li#navi_tp a {
		background-color: #003D6A;
	}

	nav.global div.container ul li#navi_ds a {
		background-color: #4F2D6C;
	}

	nav.global div.container ul li#navi_ps a {
		background-color: #6B0027;
	}

	nav.global div.container ul li#navi_example a {
		border: 2px solid #000000;
		background-color: #FFFFFF;
		color: #000000;
		min-width: inherit;
	}

	nav.global div.container ul li#navi_example a > span {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	nav.global.fixed {
		background-color: #FFFFFF;
		background-color: rgba(255,255,255,0.8);
		box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 20;
	}

	nav.global.fixed {
		background: rgba(255,255,255,0.5);
	}

	nav.global.fixed div.container {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}

	nav.global.fixed div.container div.logo,
		nav.global.fixed div.container div.logo a,
			nav.global.fixed div.container div.logo a img {
				display: block;
	}

	nav.global.fixed div.container div.logo {
		float: left;
		position: relative;
		opacity: 0;
	}


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

	#contents {
		clear: both;
		font-size: 120%;
		margin: 0 auto 0 auto;
		width: 980px;
	}

	#contents > div.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#contents > h2 {
		box-sizing: border-box;
		background-color: #E9E9E9;
		font-size: 194%;
		font-weight: normal;
		margin-bottom: 6px;
		max-height: 44px;
		padding: 2px 12px 2px 12px;
		text-align: left;
	}

	#contents > h2 > img {
		height: auto;
		margin: 0 8px 0 0;
		max-height: 40px;

		width: auto;
	}

	#contents > h2.center {
		padding-bottom: 0;
		padding-top: 0;
		position: relative;
	}

	#contents > h2.center:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#contents > h2.center > img,
		#contents > h2.center > span {
			float: left;
			position: relative;
	}

	#contents > h2.center > span {
		line-height: 44px;
		top: 0 !important;
	}

	#contents > h2.center > img {
	}

	#contents nav.breadcrumbs {
		margin: 0 0 28px 0;
		font-size: 80%;
		text-align: left;
	}

	#contents nav.breadcrumbs ol {
		list-style-type: none;
	}

	#contents nav.breadcrumbs ol li,
		#contents nav.breadcrumbs ol li a {
			color: #666666;
			margin-right: 2px;
	}

	#contents nav.breadcrumbs ol li {
		display: inline;
	}

	#contents nav.breadcrumbs ol li em {
		font-weight: normal;
	}


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

	#main {
		margin: 0 0 50px 0;
		text-align: left;
	}

	#main h3 {
		border-bottom: 1px dashed #000000;
		font-size: 194%;
		font-weight: normal;
		margin-bottom: 18px;
		padding-bottom: 26px;
	}

	#main h4 {
		clear: both;
		color: #000000;
		font-size: 194%;
		font-weight: normal;
		margin-bottom: 44px;
	}

	#main h4.line {
		border-top: 1px dashed #000000;
		clear: both;
		margin-bottom: 38px;
		padding-top: 24px;
	}

	#main h4.line ul.icon,
		#main h4.line ul.icon li {
			display: inline;
			margin-left: 6px;
	}

	#main h4.line ul.icon li img {
		height: 36px;
		vertical-align: middle;
		width: auto;
	}

	#main h4.other {
		border-top: 1px solid #000000;
		color: #000000 !important;
		clear: both;
		margin-bottom: 38px;
		padding-top: 20px;
	}

	#main h4.border {
		border: 2px solid #003D6A;
		color: #003D6A;
		font-size: 100%;
		margin-bottom: 14px !important;
		display: inline-block;
		padding: 4px 16px 4px 16px;
	}

	#main h5 {
		font-size: 154%;
		font-weight: normal;
		margin-bottom: 28px;
	}

	#main h5.gray {
		background-color: #E9E9E9;
		padding: 8px 12px 8px 12px;
	}

	#main h5.gray img {
		height: 36px;
		vertical-align: middle;
		width: auto;
	}

	#main p {
		margin: 0 0 32px 0;
	}

	#main a.readmore {
		background: url("../img/icon_arrow_black.png") 10px center no-repeat;
		box-sizing: border-box;
		border: 2px solid #000000;
		color: #000000;
		display: inline-block;
		float: right;
		padding: 4px 10px 6px 40px;
		text-decoration: none;
		width: auto !important;
	}

	#main a.readmore:hover {
		background-color: #C9C9C9;
		transition: all 0.3s ease-in-out;
	}

	#main div.paragraph {
		margin: 0 0 80px 0;
		padding: 0;
	}

	#main div.paragraph:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.contact ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	#main div.contact ul li {
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}

	#main div.contact ul li h6 {
		font-family: notosans_demilight;
		font-size: 100%;
		font-weight: normal;
		margin-bottom: 8px;
	}

	#main div.contact ul li.mail a.button,
		#main div.contact ul li.mail a.button span {
			display: block;
	}

	#main div.contact ul li.mail a.button {
		background: #CCCA33 url("../img/icon_contact.png") 30px center no-repeat;
		background-size: auto 32px;
		box-sizing: border-box;
		color: #000000;
		font-size: 126%;
		padding: 22px 30px 22px 30px;
		text-align: center;
		text-decoration: none;
	}

	#main div.contact ul li.mail a.button:hover {
		background-color: #DFDE82;
		transition: all 0.3s ease-in-out;
	}

	#main div.contact ul li.mail a.button span {
		background: url("../img/icon_arrow_white_big.png") right center no-repeat;
	}

	#main div.contact ul li.tel div.tel {
		background: url("../img/icon_tel.png") left center no-repeat;
		min-height: 44px;
		padding: 0 0 0 68px;
	}

	#main div.contact ul li.tel div.tel span {
		display: block;
		line-height: 100%;
	}

	#main div.contact ul li.tel div.tel span.tel {
		font-family: "notosans_medium";
		font-size: 270%;
		color: #CCCA33;
		margin-bottom: 6px;
	}

	#main div.contact ul li.tel div.tel span.tel + br {
		display: none;
	}

	#main div.contact ul li.tel div.tel span.time {
		color: #003D6A;
		font-size: 166%;
	}

	#main ul,
		#main ol {
			margin-bottom: 28px;
	}

	#main ul {
		list-style-type: circle;
		margin-left: 18px;
	}

	#main ol {
		margin-left: 22px;
	}

	#main ul li,
		#main ol li {
			margin-bottom: 0;
	}
	/* */
	#main ul.menulist {
		list-style-type: none;
		margin-bottom: 116px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#main ul.menulist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ul.menulist li {
		
		float: left;
		text-align: center;
		margin-bottom: 34px;
		margin-left: 3%;
		margin-right: 3%;
		width: 19%;
	}
	/* 2015.9.3 minato追加 */
	#main .method ul.menulist li {
		margin-left: 3%;
		margin-right: 3%;
		width: 27%; 
	}

	#main ul.menulist li a,
		#main ul.menulist li a img {
			display: block;
	}

	#main ul.menulist li a {
		behavior: url("/libs/common/pie/PIE.htc");
		border: 3px solid #000000;
		border-radius: 50%;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		max-height: 165px;
		max-width: 165px;
		overflow: hidden;
		padding: 4px;
	}

	#main ul.menulist li a img {
		height: auto;
		width: 100%;
	}

	#main ul.menulist li span.title {
		font-size: 114%;
	}

	#main ul.menulist.shadow li a {
		background-color: #BCDEDE;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	}

	#main ul.menulist.shadow li a.current {
		background-color: #D9D9D9;
	}

	#main ul.menulist.shadow li span.title {
		font-size: 138%;
	}

	#main ul.menulist.circle li a span.border,
		#main ul.menulist.circle li a span.corver {
			display: block;
			left: 0;
			position: absolute;
			top: 0;
	}

	#main ul.menulist.circle li a span.border,
		#main ul.menulist.circle li a span.corver {
			behavior: url("/libs/common/pie/PIE.htc");
			border-radius: 50%;
	}

	#main ul.menulist.circle li a span.border {
		z-index: 3;
	}

	#main ul.menulist.circle li a span.corver {
		box-sizing: border-box;
		border: 0 solid rgba(221,220,154,0.7);
		height: 100%;
		width: 100%;
		z-index: 2;
	}

	#main ul.menulist.circle li a img {
		z-index: 1;
	}

	#main ul.photolist {
		list-style-type: none;
		margin-bottom: 96px;
	}

	#main ul.photolist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ul.photolist li {
		box-sizing: border-box;
		float: left;
		margin-bottom: 42px;
	}

	#main ul.photolist li a {
		position: relative;
	}

	#main ul.photolist li a,
		#main ul.photolist li a img {
			display: block;
	}

	#main ul.photolist li a img,
		#main ul.photolist li a span.corver {
			position: absolute;
	}

	#main ul.photolist li a {
		margin-bottom: 12px;
	}

	#main ul.photolist li a img {
		height: auto;
		width: 100%;
		z-index: 1;
	}

	#main ul.photolist li a span.corver {
		background-color: #DDDC9A;
		height: 100%;
		width: 100%;
		zoom: 1;
		z-index: 2;
	}

	#main ul.photolist li p {
		margin-bottom: 0;
	}

	#main ul.button {
		clear: both;
		list-style-type: none;
		margin-left: 0;
	}

	#main ul.button li {
		margin-bottom: 10px;
	}

	#main ul.button li a {
		background-position: 10px center;
		background-repeat: no-repeat;
		color: #FFFFFF;
		display: inline-block;
		margin: 0;
		padding: 6px 12px 6px 38px;
		text-decoration: none;
	}

	#main ul.button li a:hover {
		transition: all 0.3s ease-in-out;
	}

	#main ul.button li a.blue {
		background-image: url("../img/icon_arrow_white.png");
		background-color: #003D6A;
	}

	#main ul.button li a.blue:hover {
		background-color: #4A7592;
	}

	#main ul.button li a.blue.border {
		background-color: inherit;
		background-image: url("../img/icon_arrow_blue.png");
		border: 2px solid #006699;
		color: #006699;
		padding: 4px 10px 4px 36px;
	}

	#main ul.button li a.blue.border:hover {
		background-color: #CCDCE6;
	}

	#main ul.icon,
		#main ul.icon li {
			display: inline-block;
	}

	#main ul.icon {
		margin-left: 0;
	}

	#main ul.icon li.dnone img {
		opacity: 0 !important;
	}

	#main ul.icon.news {
		background-color: #E9E9E9;
		margin-left: 0;
		padding: 4px 14px 4px 14px;
	}

	#main ul.icon.news li {
		font-size: 80%;
		margin-right: 32px;
	}

	#main ul.icon.news li img {
		opacity: 0.5;
		margin-right: 6px;
		vertical-align: middle;
		width: auto;
	}

	#main ul.icon.news li.tp img {
		height: 18px;
	}

	#main ul.icon.news li.ds img {
		height: 16px;
	}

	#main ul.icon.news li.ps img {
		height: 22px;
	}

	#main ul.anchor {
		list-style-type: none;
		margin-bottom: 38px;
		margin-left: -1%;
		margin-right: -1%;
		width: 102%;
	}

	#main ul.anchor:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ul.anchor li {
		float: left;
		margin-bottom: 8px;
		margin-left: 1%;
		margin-right: 1%;
		width: 48%;
	}

	#main ul.anchor li a {
		background: url("../img/icon_arrow_blue_down.png") 8px center no-repeat;
		border: 2px solid #003D6A;
		color: #003D6A;
		display: block;
		padding: 6px 12px 6px 44px;
		text-decoration: none;
	}

	#main ul.anchor li a:hover {
		background-color: #CCDCE6;
		transition: all 0.3s ease-in-out;
	}

	#main ol.comment > li {
		margin-bottom: 32px;
	}

	#main ol.comment li h5 {
		font-size: 120%;
	}

	#main div.contact {
		border-bottom: 1px dashed #000000;
		border-top: 1px dashed #000000;
		padding: 34px 0 40px 0;
	}

	#main div.contact:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main dl.newslist:after,
		#main dl.newslist dd:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	#main dl.newslist {
		clear: both;
		margin-bottom: 100px;
		width: 100%;
	}

	#main dl.newslist dt,
		#main dl.newslist dd {
			float: left;
			margin-bottom: 24px;
	}

	#main dl.newslist dt,
		#main ul.icon,
			#main dl.newslist dd div.link a {
				padding-bottom: 6px;
				padding-top: 6px;
	}

	#main dl.newslist dt {
		margin-right: 30px;
	}

	#main dl.newslist dd {
		box-sizing: border-box;

	}

	#main dl.newslist dd ul.icon {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 20px;
		padding-left: 0;
		padding-right: 0;
	}

	#main dl.newslist dd ul.icon.news {
		background-color: inherit;
	}

	#main dl.newslist dd ul.icon.news li {
		margin-right: 0;
	}

	#main dl.newslist dd ul.icon li img {
		opacity: 0.5;
	}

	#main dl.newslist dd ul.icon,
		#main dl.newslist dd ul.icon + div.link {
			float: left;
	}

	#main dl.newslist dd div.link {
		border-bottom: 1px solid #000000;
	}

	#main dl.newslist dd div.link a {
		box-sizing: border-box;
		color: #000000;
		display: block;
		margin-bottom: 2px;
		padding-left: 4px;
		padding-right: 4px;
		text-decoration: none;
		width: 100%;
	}

	#main dl.newslist dd div.link a:hover {
		background-color: #E9E9E9;
		transition: all 0.3s ease-in-out;
	}


	/* ========================================
	   * 領域設定 - Side Bar -
	======================================== */

	#sidebar {
		font-size: 80%;
		text-align: left;
	}

	#sidebar a {
		color: #000000;
		text-decoration: none;
	}

	#sidebar h4 > a,
		#sidebar h5 > a {
			display: block;
			padding: 4px 12px 4px 0;
	}

	#sidebar h4 > a:hover,
		#sidebar h5 > a:hover {
			background-color: #D5E9E9;
			transition: all 0.3s ease-in-out;
	}

	#sidebar h4 {
		font-size: 140%;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#sidebar h5 {
		
		font-weight: normal;
		margin-bottom: 13px;
	}

	#sidebar h5 a {
		color: #1D80B8;
	}

	#sidebar h5 a img {
		vertical-align: middle;
	}

	#sidebar nav.submenu {
		border-top: 1px solid #000000;
		margin: 0 0 50px 0;
		padding-top: 14px;
	}

	#sidebar nav.submenu > div.child {
		border-bottom: 1px dashed #000000;
		margin: 0 0 28px 0;
	}

	#sidebar nav.submenu > div.child:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	#sidebar nav.submenu ul {
		list-style-type: none;
		margin-bottom: 28px;
		margin-left: 18px;
	}

	#sidebar nav.submenu ul li {
		background: url("../img/icon_cross_black.png") left 7px no-repeat;
		margin-bottom: 7px;
		padding-left: 8px;
	}

	#sidebar nav.submenu ul li a:hover {
		text-decoration: underline;
	}

	#sidebar nav.submenu.method > ul > li:last-child {
		margin-top: 22px;
	}


	/* ========================================
	   * 領域設定 - Page Top -
	======================================== */

	#pagetop {
		margin: 0 auto 0 auto;
		position: relative;
		width: 980px;
	}

	#pagetop div.container a {
		background: url("../img/btn_pagetop.png") left top no-repeat;
		display: block;
		float: right;
		height: 68px;
		text-indent: -9999px;
		width: 158px;
	}

	#pagetop div.container a:hover {
		background-position: left -68px;
	}

	#pagetop div.pagetop.fixed {
		bottom: 0;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 10;
	}

	#pagetop div.pagetop.fixed div.container {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}


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

	footer {
		clear: both;
		color: #FFFFFF;
		font-size: 100%;
		margin: 0 auto 0 auto;
		padding: 38px 0 20px 0;
		text-align: left;
		width: 980px;
	}

	footer nav.footer {
		margin: 0 0 70px 0;
	}

	footer nav.footer:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	footer nav.footer > div {
		float: left;
	}

	footer nav.footer > div > h5 {
		background-color: rgba(255,255,255,0.27);
		font-size: 132%;
		margin-bottom: 30px;
		padding-bottom: 8px;
		padding-top: 8px;
		text-align: center;
	}

	footer nav.footer > div > h5 a {
		color: #FFFFFF;
		display: block;
		text-decoration: none;
	}

	footer nav.footer > div ul {
		list-style-type: none;
	}

	footer nav.footer > div ul li a {
		color: #FFFFFF;
		text-decoration: none;
	}

	footer nav.footer > div ul li a:hover {
		text-decoration: underline;
	}

	footer nav.footer > div ul li h6 {
		border-bottom: 1px solid #FFFFFF;
		margin-bottom: 18px;
		padding-bottom: 8px;
		padding-left: 4px;
		padding-right: 4px;
	}

	footer nav.footer > div.tp {
		margin-right: 76px;
		width: 598px;
	}

	footer nav.footer > div.tp > ul {
		box-sizing: border-box;
		margin-left: -1%;
		margin-right: -1%;
	}

	footer nav.footer > div.tp > ul > li {
		box-sizing: border-box;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		width: 28%;
	}

	footer nav.footer > div.tp > ul > li.method {
		width: 38%;
	}

	footer nav.footer > div.tp > ul > li.method > ul > li:last-child {
		margin-top: 18px;
	}

	footer nav.footer > div.tp > ul > li > ul > li {
		background: url("../img/icon_cross_white.png") 8px center no-repeat;
		margin-bottom: 6px;
		padding-left: 28px;
	}

	footer nav.footer > div.ds {
		width: 306px;
	}

	footer nav.footer > div.ds h6 {
		margin-bottom: 6px;
	}

	footer nav.footer > div.ds p {
		margin-bottom: 22px;
	}

	footer nav.footer > div.ds div.contact div.tel {
		background: url("../img/icon_tel_footer.png") left top no-repeat;
		font-size: 208%;
		letter-spacing: 2px;
		line-height: 100%;
		margin: 0 0 34px 0;
		min-height: 44px;
		padding: 0 0 0 64px;
	}

	footer nav.footer > div.ds div.contact div.tel span.tel {
		color: #CCCA33;
	}

	footer nav.footer > div.ds div.contact div.tel span.tel br {
		display: none;
	}

	footer nav.footer > div.ds div.contact div.tel span.time {
		display: block;
		font-size: 52%;
		margin-top: 4px;
		line-height: 100%;
	}

	footer nav.footer > div.ds ul.banner {
		list-style-type: none;
	}

	footer nav.footer > div.ds ul.banner li a {
		background-color: #FFFFFF;
		box-sizing: border-box;
		display: block;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}

	footer nav.footer > div.ds ul.banner li a:hover {
		background-color: #C4C4C4;
		transition: all 0.3s ease-in-out;
	}

	footer nav.footer > div.ds ul.banner li a img {
		vertical-align: middle;
	}

	footer div#copyright {
		clear: both;
		line-height: 100%;
	}

	footer div#copyright ul,
		footer div#copyright ul li,
			footer div#copyright p {
				display: inline;
	}

	footer div#copyright ul li,
		footer div#copyright ul li a {
			color: #FFFFFF;
	}

	footer div#copyright ul {
		margin-right: 34px;
	}

	footer div#copyright ul li {
		background: url("../img/icon_circle_white.png") left center no-repeat;
		margin-right: 16px;
		padding-left: 14px;
	}

	footer div#copyright ul li a {
		text-decoration: none;
	}

	footer div#copyright ul li a:hover {
		text-decoration: underline;
	}

	footer div#copyright p {
		letter-spacing: 2px;
	}

	footer div#copyright p small {
		font-size: 100%;
	}

	footer div#copyright p small em {
		font-weight: normal;
		text-transform: uppercase;
	}

}