/* *********************************************************************
フォント設定（初期値） 富士通共通CSSから必要に応じて移植
********************************************************************* */

body { font-size: 81.25%; /* 13px */ font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif; }

p,ul,ol,dl,th,td,caption,address,blockquote,pre,legend,code { font-size: 108%; line-height:150%;}
h1 { font-size: 138.5%; }
h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
h4,h5,h6 { font-size: 108%; }
textarea { font-size: 108%; font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif; }
input,option,select { font-size: 100%; font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif; }
* html table { font-size: 100%; } 

/*---------------- textsmall ----------------*/
h2.textsmall { font-size: 116%; }
h3.textsmall { font-size: 100%; }
h4.textsmall { font-size: 86%; }
h5.textsmall { font-size: 86%; }
h6.textsmall { font-size: 86%; }

p.textsmall,
ul.textsmall,
ol.textsmall,
dl.textsmall,
th.textsmall,
td.textsmall,
caption.textsmall,
address.textsmall,
blockquote.textsmall,
pre.textsmall,
legend.textsmall { font-size: 93%; }

div.textsmall,
table.textsmall,
tr.textsmall,
li.textsmall,
dt.textsmall,
dd.textsmall,
span.textsmall,
strong.textsmall,
em.textsmall,
q.textsmall,
a.textsmall { font-size: 86%; }

/*---------------- elements form controll (リンクテキストの色など) ----------------*/
a:link { color: #003399; }
a:visited { color: #660099; }
a:active { color: #cc3300; }

/* *********************************************************************
bodyタグ、ページ全体
********************************************************************* */

body {
	font-family: 'Noto Sans JP', Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #666;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	font-size-adjust: none;
}

div.stage {
	background-color: #fff;
	width: 100%;
	min-width: 100%;
	overflow: hidden;
	border-top: 3px solid #666;
}

/* *********************************************************************
ヘッダー
********************************************************************* */

div.header {
	clear: left;
	min-height: 68px;
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 11px 10px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	background: -webkit-gradient(linear, left bottom, left top, from(#fff),color-stop(3%, #efefef), color-stop(10%, #fff), to(#fff));
	background: -moz-linear-gradient(bottom, from(#fff),color-stop(3%, #efefef), color-stop(10%, #fff), to(#fff));
	-webkit-box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	margin: 0 auto 15px;
	text-align: left;
	position: relative;
	z-index: 1000;
}

	div.header #corporatesymbol {
		float: none;
		width: 100%;
		margin: 0!important;
		font-size: 0;
		line-height: 0;
		vertical-align: bottom;
		height: 51px;
		_height: 51px;
	}

	div.fmworldsymbol {
		text-align: center;
		margin-bottom:10px;
		font-size: 0;
		line-height: 0;
	}

/* *********************************************************************
メインコンテンツエリア（共通設定）
********************************************************************* */

	.bodyarea {
		width: 100%;
		padding-bottom: 15px;
	}

	.contentsarea {
		width: 100%;
		float: none;
	}

	.maincontents {
		 width: 100%;
	}


/* *********************************************************************
パンくずリスト
********************************************************************* */

div#location {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin-bottom: 1em;
	display: inline-block;
	background: #F7F7F7;
	border: 1px solid #EEE;
	padding: 0;
	margin-bottom: 15px;
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	div#location ol {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 5px 10px;
		margin: 0;
		list-style: none;
		font-size: 93%;
	}

	div#location li {
		display: inline;
		margin: 0;
		margin-right: 2px;
		line-height: 1.3;
	}

/* *********************************************************************
ページの先頭へ
********************************************************************* */

.bodyarea .scrolltop { clear: both; border-style: none; margin: 0; padding: 4px 0px 6px; }
.bodyarea .scrolltop p { display: block; overflow: visible; border-style: none; margin: 0; padding: 0; text-align: right; font-size: 93%; }
.bodyarea .scrolltop p img { margin-left: 5px; border: none; }
.bodyarea .scrolltop a:link,
.bodyarea .scrolltop a:visited,
.bodyarea .scrolltop a:active { text-decoration: none; }
.bodyarea .scrolltop a:hover { text-decoration: underline; }
.bodyarea .scrolltop p img { vertical-align: baseline; }


/* *********************************************************************
リンクエリア（角丸、背景灰色、矢印）
********************************************************************* */

.bodyarea div.splinkarea {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px #B8B8B8;
	margin: 0px 5px 0px;
}

	.bodyarea div.splinkarea ul li {
		list-style: none;
		padding: 5px;
		background: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff));
		background: -moz-linear-gradient(top, #e3e3e3, #fff);
	}

	.bodyarea div.splinkarea ul li.first-link {
		-webkit-border-top-left-radius: 8px;
		-moz-border-top-left-radius: 8px;
		border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-top-right-radius: 8px;
		border-top-right-radius: 8px;
	}

	.bodyarea div.splinkarea ul li.last-link {
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-bottom-left-radius: 8px;
		border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-bottom-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.bodyarea div.splinkarea ul li a {
		display: block;
		background: url("/sp/common/images/arrow-double-r01.gif") no-repeat scroll right center transparent;
		padding: 0px 15px 0px 0px;
	}

	.bodyarea div.splinkarea ul li.bottom-gray {
		border-bottom: 1px solid #B8B8B8;
	}


/* *********************************************************************
PC版へのリンクアイコン
********************************************************************* */

.bodyarea .pcsitelinkicon{
	vertical-align: -10%;
	margin: 0px 3px;
}


/* *********************************************************************
FMWORLDについて
********************************************************************* */

.bodyarea .aboutfmworld{
	margin-bottom: 20px;
}

	.bodyarea .aboutfmworld h2{
		border-top: solid 1px #B8B8B8;
		border-bottom: solid 1px #B8B8B8;
		padding: 10px 8px;
		background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
		background: -moz-linear-gradient(top, #f0f0f0, #fff);
	}


	.bodyarea div.aboutfmworld ul li a {
		display: block;
		background: url("/sp/common/images/arrow-double-r01.gif") no-repeat scroll right center transparent;
		padding: 0px 15px 0px 0px;
	}

	.bodyarea .aboutfmworld li{
		padding: 5px 8px 5px 24px;
		list-style: none;
		line-height: 1.75;
		border-bottom: 1px solid #B8B8B8;
	}


/* *********************************************************************
フッター
********************************************************************* */

div.footer {
	float: none;
	width: 100%;
	min-width: 100% !important;
	border-top: none;
	margin-top: 0;
	padding: 0;
	background: #666 none;
}

#footerinner { display: block; width: 100%; padding: 0; }


div#creditline { float: none; clear: left; text-align: center; color: #fff; }
#creditline p { font-size: 93%; padding: 0; text-align: center; }
#creditline p a { display: block; padding: 10px; color: #fff; text-decoration: none; }
#creditline p img { display: none; }