@charset "utf-8";
/* CSS Document */

/* ----- base.css ----- */

/* support video (Global site) 用 css */

/****************************************************
 00. reset
****************************************************/
/* 初期値 リセット */
*,
::before,
::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	}

hr{
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{
	display:block;
	}


/****************************************************
 01. base
****************************************************/
body{
	max-width:960px;		/*ページの最大幅*/
	padding:0 auto;		/*  */
	margin:0 auto;		/*コンテンツの表示をページのセンターにする*/
	background-color:white;		/*ページの背景色*/
	font-family:"Avenir","Helvetica Neue","Helvetica","Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;		/*フォントタイプの設定*/
	font-size:1.0em;		/*文字サイズの設定*/
	}


/****************************************************
 02. header
****************************************************/
header{
	margin:0 auto;		/*  */
	color:#fff;		/*  */
	}


/* ============================== blue bar ============================== */
header .blue_bar{
	background-color:#0d2ea0;		/*  */
	height:60px;		/*  */
	position:relative;		/*  */
	}

header .blue_bar:after{
	content:"";			/*  */
	display:block;			/*  */
	clear:both;			/*  */
	}


/* ============================== Logo ============================== */
header .blue_bar .left_logo{
	float:left;		/**/
	width:50%;		/**/
	height:60px;		/**/
	}

header .blue_bar .brother_logo{
	display:inline-block;
	width:104px;		/*  */
	height:40px;		/*  */
	position:absolute;		/*  */
	padding-top:10px;		/*  */
	padding-bottom:10px;		/*  */
	padding-left:16px;		/*  */
	}

header .blue_bar .left_logo:after{
	content:"";			/*  */
	display:block;			/*  */
	clear:both;			/*  */
	}


/* ============================== menu ============================== */
header .blue_bar .right_menu{
	float:right;		/**/
	width:50%;		/**/
	height:60px;		/**/
	text-align:right;		/**/
	}

header .blue_bar .right_menu .lang_panel{
	display: inline-block;		/**/
	position:absolute;
	top:18px;
	right:12px;
	float:right;		/**/
	}

header .blue_bar .right_menu .lang_panel select{
	display: inline-block;
	/*width:auto;*/
	width:auto;
	/*font-size:auto;*/
	/*line-height:1.0em;*/		/**/
	color:#eee;		/*  */
	border:0px solid #999999;		/*  */
	background-color:#0d2ea0;		/*  */
	padding-top:2px;
	padding-right:0px;
	padding-bottom:2px;
	padding-left:0px;
	cursor:pointer;
	}


header .blue_bar .right_menu .lang_panel select::-ms-expand{
	border:0px solid #999999;		/*  */
	background-color:#0d2ea0;		/*  */
	color:#eee;		/*  */
	}

header .blue_bar .right_menu .lang_panel option{
	background-color:#fafafa;		/*  */
	color:#333;		/*  */
	}

header .blue_bar .right_menu:after{
	content: "";			/*  */
	display: block;			/*  */
	clear: both;			/*  */
	}


/****************************************************
 03. contents (main)
****************************************************/
/* ============================== メイン ============================== */
main{
	margin:0 auto;
	}


/* ============================== パンくずリスト ============================== */
main .breadcrumbs{
	display:block;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom:0px;
	padding-left:20px;
	font-size:0.75em;
	line-height:2.0em;
	background-image:url(../img/common/icon_home_01.png);
	background-repeat:no-repeat;
	background-size:auto;
	background-position:2px center;
	background-origin:padding-box;
	background-clip:border-box;
	}

main .breadcrumbs ul{
	display:inline-block;
	list-style:none;
	margin-left:3px;
	vertical-align:middle;
	}

main .breadcrumbs li{
	list-style:none;
	float:left;
	vertical-align:middle;
	margin-right:6px;
	padding-right:3px;
	}

main .breadcrumbs li:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	width:6px;
	height:6px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-top:0;
	margin-left:3px;
	}

main .breadcrumbs li:last-child::after{
	padding-right:0;
	border: none;
	}

main .breadcrumbs a{
	color: #1a74ba;
	text-decoration: none;
	}

/* ########## 600px 未満 ########## */
@media screen and (max-width:599px){
	main .breadcrumbs{
		display:block;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		padding-top:0px;
		padding-right:2px;
		padding-bottom:0px;
		padding-left:2px;
		font-size:0.75em;
		line-height:2.0em;
		color: #fff;
		background-image:none;
		background-color: #51536d;
		}

	main .breadcrumbs ul{
		display:inline-block;
		list-style:none;
		margin-left:3px;
		vertical-align:middle;
		}

	main .breadcrumbs li{
		list-style:none;
		float:left;
		vertical-align:middle;
		margin-right:6px;
		padding-right:3px;
		}

	main .breadcrumbs li:last-child{
		display:none;
		}

	main .breadcrumbs li:after{
		content:"";
		display:inline-block;
		vertical-align:middle;
		text-decoration:none;
		width:6px;
		height:6px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		margin-top:0;
		margin-left:3px;
		}

	main .breadcrumbs li:nth-last-child(2)::after{
		display:none;
		}

	main .breadcrumbs a{
		color: #fff;
		text-decoration: none;
		}
	}
/* ↑↑↑↑↑↑↑↑↑↑ 600px 未満 ↑↑↑↑↑↑↑↑↑↑ */

main .breadcrumbs:after{
	content:"";			/*  */
	display:block;			/*  */
	clear:both;			/*  */
	}

/* ============================== コンテンツ ============================== */
main .contents{
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	font-size:90%;
	}


/* ============================== セクション ブロック ============================== */
main .mod-heading{
	margin-top:0.25em;		/*セクション間の間隔（上）*/
	margin-bottom:0.5em;		/*セクション間の間隔（下）*/
	}

/* ============================== 段落 ============================== */
/* [p] 段落 */
main .mod-heading p.leadtxt{
	margin-top:0;		/*行の間隔（上）*/
	margin-right:0;		/* */
	margin-bottom:0;		/*行の間隔（下）*/
	margin-left:0;		/* */
	color:#7fa308;			/*文字の色*/
	line-height:1.0em;		/*行の高さ*/
	font-size:1.20em;		/*文字のサイズ*/
	font-weight:bold;		/*文字の太さ*/
	}




/****************************************************
 04. Back to the top on this page
****************************************************/

.backToTop{
	display:none;		/**/
	}

.backToTop.showButton{
	display:block;		/**/
	}

.button-backToTop{
	box-sizing:border-box;		/**/
	width:50px;		/**/
	height:50px;		/**/
	position:fixed;		/**/
	right:20px;		/**/
	bottom:20px;		/**/
	background:#fff;		/**/
	border:solid 1px #ccc;		/**/
	}

.button-backToTop:hover, 
.button-backToTop:focus{
	opacity:0.6;
	}
.button-backToTop:active, 
.button-backToTop:hover{
	outline-width:0;
	}

.button-backToTop:before{
	content:"";		/**/
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	width:6px;		/**/
	height:6px;		/**/
	border-top:2px solid #333;		/**/
	border-right:2px solid #333;		/**/
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);		/**/
	border-color:#333;		/**/
	position:absolute;		/**/
	top:2px;		/**/
	right:0;		/**/
	bottom:0;		/**/
	left:0;		/**/
	margin:auto;		/**/
	}


/****************************************************
05. hooter
****************************************************/

footer{
	border-top:1px solid #999999;
	font-size:0.8em;
	background:#eeeeee;
	margin-top:1.0em;
	margin-bottom:1.0em;
	padding:0.5em 0.1em;
	}


footer ul{
	display:inline-block;
	margin:0.1em 2em;
	}


footer li{
	list-style:none;
	float:left;
	margin-right:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	}


footer li:last-child{
	padding-right:0;
	border-right:none;
	}


footer .txt-copyright{
	color:#808080;
	text-align:center;
	margin:0.5em;
	}


footer a{
	color:#1a74ba;
	text-decoration:none;
	}


footer a:hover, footer a:focus, footer a:active{
	color:#ba1a31;
	text-decoration:underline;
	}