@charset "UTF-8";
/*=======================================================
 ページコンテナ
=======================================================*/
	.page_container {
		margin             : 0 auto;
		overflow           : hidden;
		width              : 100%;
		background         : white;
		height             : auto;
		padding            : 0px 0px;
	}

/*=======================================================
 ヘッダコンテナ
=======================================================*/
	.head_container {
		background       : #ffffff;
		width            : auto;
		margin           : 0px;
		padding          : 0px;
		border           : transparent 0px solid;
		border-top       : gray 1px solid;
		border-bottom    : #009334 2px solid;
	}
	.head_outer_container {
		width            : auto;
		min-width        : 800px;
		max-width        : 1220px;
		min-height       : 70px;
		margin           : 0 auto;
		padding          : 0;
		text-align       : right;
	}
	.head_logo {
		display     : inline-block;
		background  : url('./webapp/images/logo_name_texel_safecolor2_ja.png?20190623') transparent no-repeat;
		width       : 272px;
		height      : 62px;
		margin      : 4px 0;
		padding     : 0px;
		float       : left;
	}
	html[data-cc-framework-language="en"] .head_logo {
		background-image : url('./webapp/images/logo_name_texel_safecolor2_en.png?20190623');    /* 英語ロゴ */
	}
	html[data-cc-framework-language="zh"] .head_logo {
		background-image : url('./webapp/images/logo_name_texel_safecolor2_zh.png?20190623');    /* 中国語ロゴ */
	}
	.head_bread {
		float        : clear;
		width        : 70%;
		margin       : 0px;
		padding      : 5px;
	}
	.head_title {
		background-color : #333333;
		color            : white;
		font-weight      : bold;
		width            : auto;
		margin           : 3px;
		padding          : 5px 5px 5px 10px;
	}
	.head_container .head_menu_container {
		display          : inline-block;
		margin           : 16px 4px 4px 0;
		white-space      : nowrap;
	}
	.head_container .head_menu_container A {
		display          : inline-block;
		padding          : 4px 12px;
		font-size        : 13px;
		border-left      : silver 1px solid;
	}
	.head_container .language_container {
		display          : inline-block;
		margin           : 2px;
		border           : silver 1px solid;
	}
	.head_container .language_container .language_button {
		display          : block;
		background       : white;
		margin-left      : 2px;
		padding          : 6px 18px;
		font-size        : 13px;
		line-height      : 1rem;
	}


/*=======================================================
 コンテナ
=======================================================*/
	.outer_container {
		background-color : #FFFFFF;
		width            : auto;
		min-width        : 800px;
		max-width        : 1220px;
		min-height       : 600px;
		margin           : 0 auto;
		padding          : 22px 0 30px 0;
		text-align       : center;
	}
	.outer_title {
		background       : white;
		color            : #008840;
		border           : #008840 0 solid;
		border-left-width: 5px;
		font-weight      : 600;
		font-size        : 1.4rem;
		width            : auto;
		margin           : 0;
		padding          : 20px;
		text-align       : left;
	}
	.inner_container {
		display          :inline-block;
		margin           : 0 auto;
		text-align       : left;
		padding          : 16px 0;
	}
	.inner_title {
		background       : white;
		margin           : 24px auto;
		text-align       : left;
		padding          : 4px 12px;
		border           : #018a8b 0px solid;
		border-bottom-width: 5px;
		color            : #018a8b;
	}

/*=======================================================
 フッタコンテナ
=======================================================*/
	.footer_container {
		background-color : #008842;
		width            : auto;
		height           : auto;
		border           : white 0 none;
		margin           : 0;
		padding          : 60px 0 15px 0;
		color            : white;
		font-size        : 0.8rem;
		font-family                :Avenir,Helvetica neue,Helvetica,YuGothic,Yu Gothic,Hiragino Sans,ヒラギノ角ゴシック,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;
		letter-spacing             :.1em;
		line-height                :1.7;
		word-wrap                  :break-word;
		-webkit-text-size-adjust   :100%;
		-ms-text-size-adjust       :100%;
		-moz-osx-font-smoothing    :grayscale;
		-webkit-font-smoothing     :antialiased;
		text-rendering             :optimizeLegibility;
	}
	.footer_copyright {
		max-width        : 1220px;
		margin           : 0 auto;
		padding          : 0 15px;
		text-align       : left;
	}