@charset "utf-8"

/* ja */
@import url(notosansjp.css);
/* en,vi,ru */
@import url(notosans-en-vi-ru.css);
/* zh-ch */
@import url(notosanssc.css);
/* zh-tw */
@import url(notosanstc.css);
/* ko */
@import url(notosanskr.css);
/* thai */
@import url(notosansthai.css);

* {
	margin:0;
	padding:0;
}

html[lang="ja"] body {
	font-family: 'Noto Sans JP', sans-serif;
}
html[lang="en"] body,
html[lang="vi"] body,
html[lang="ru"] body {
	font-family: 'Noto Sans', sans-serif;
}
html[lang="zh-cn"] body {
	font-family: 'Noto Sans SC', sans-serif;
}
html[lang="zh-tw"] body {
	font-family: 'Noto Sans TC', sans-serif;
}
html[lang="ko"] body {
	font-family: 'Noto Sans KR', sans-serif;
}
html[lang="th"] body {
	font-family: 'Noto Sans Thai', sans-serif;
}

html[lang="ja"] body input {
	font-family: 'Noto Sans JP', sans-serif;
}
html[lang="en"] body input,
html[lang="vi"] body input,
html[lang="ru"] body input {
	font-family: 'Noto Sans', sans-serif;
}
html[lang="zh-cn"] body input {
	font-family: 'Noto Sans SC', sans-serif;
}
html[lang="zh-tw"] body input {
	font-family: 'Noto Sans TC', sans-serif;
}
html[lang="ko"] body input {
	font-family: 'Noto Sans KR', sans-serif;
}
html[lang="th"] body input {
	font-family: 'Noto Sans Thai', sans-serif;
}

body {
	background:#fff url(../images/bg.gif) no-repeat center top;
	font-size:62.5%;
	color:#333;
	line-height:1.4;
}

p {
	margin:0 0 1.0em;
	font-size:1.2em;
}
p.pp {
	margin-left:2.5em;
}

ul, ol {
	margin-left:3em;
	margin-bottom:1em;
}
ul li {
	font-size:1.2em;
	list-style-type:square;
}
ol li {
	font-size:1.2em;
	margin-bottom:10px;
}
ol.la li {
	list-style-type:lower-alpha;
}
ol.la li ol {
	margin-top:3px;
}
ol.la li ol li {
	font-size:1.0em;
	margin-bottom:0;
	list-style-type:decimal;
}


img {
	border:0;
}

a {
	color:#e67e21;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

th, td {
	font-size:1.0em;
}


h2 {
	margin-bottom:1.3em;
	font-size:1.8em;
}
h3 {
	margin-bottom:0.5em;
	font-size:1.4em;
}


.lefttext {
	text-align:left;
}
.righttext {
	text-align:right;
}

.leftimage {
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
}
.rightimage {
	float:right;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
}



#container {
	width:650px;
	margin:0 auto;
}

#header {
	position:relative;
	width:650px;
	height:101px;
	display:block;
	margin-bottom:20px;
	background:#fff url(../images/bg_header.gif) no-repeat center top;
}

#header #menu {
	position:absolute;
	clear:both;
	float:left;
	width:650px;
	height:28px;
	top:73px;
	left: 0;
	line-height: 28px;
	background:#fff url(../images/bg_menu.gif) no-repeat left top;
}

#header #menu .left {
	float:left;
	width:200px;
	height:28px;
	line-height: 28px;
}

#header #menu .right {
	float:right;
	width:350px;
	height:28px;
	margin-right:22px;
	line-height: 28px;
	xbackground-color: pink;
	text-align: right;
}



#contents {
	clear:both;
	width:650px;
}


#main {
	margin-left:20px;
	width:620px;
	padding-bottom:40px;
}

#main .textwr {
	width:600px;
}

#main .textwr h2 img {
	margin-bottom:10px;
}
#main .textwr h3 img {
	margin-bottom:8px;
}


#main .logo {
	width:190px;
	float:left;
}
#main .link-regist {
	margin-left:190px;
}


div.pivacy-fl {
	width:100%;
	height:300px;
	overflow:scroll;
	border:1px solid #ccc;
	padding:0 10px;
}
div.pivacy-agr {
	text-align:center;
	width:100%;
	margin:10px 0;
}


table#formbox {
	width:500px;
	background:#fff url(../images/bg_form.gif) repeat-x;
	margin-bottom:25px;
	border-collapse:collapse;
}
table#formbox_login {
	width:300px;
	background:#fff url(../images/bg_form.gif) repeat-x;
	margin-bottom:25px;
	border-collapse:collapse;
}
table#formbox td.hd_fl, table#formbox_login td.hd_fl {
	width:1px;
	background:transparent url(../images/bg_form_hd_fl.gif) no-repeat left top;
	line-height:0;
}
table#formbox td.hd_l, table#formbox_login td.hd_l {
	width:210px;
	background:transparent url(../images/bg_form_hd_l.gif) no-repeat left top;
	line-height: 42px;
}
table#formbox td.hd_r, table#formbox_login td.hd_r {
	width:210px;
	background:transparent url(../images/bg_form_hd_r.gif) no-repeat right top;
	line-height:0;
}
table#formbox td h2, table#formbox_login td h2 {
	margin-bottom:0;
	padding-bottom:0;
}

table#formbox td.ft_fl, table#formbox_login td.ft_fl {
	text-align:left;
	height:15px;
	background:#fff url(../images/bg_form_ft.gif) repeat-x;
	line-height:0;
}
table#formbox td.ft_l, table#formbox_login td.ft_l {
	text-align:left;
	height:15px;
	background:#fff url(../images/bg_form_ft.gif) repeat-x;
	line-height:0;
}
table#formbox td.ft_r, table#formbox_login td.ft_r {
	text-align:right;
	height:15px;
	background:#fff url(../images/bg_form_ft.gif) repeat-x;
	line-height:0;
}

table#formbox td.form_fl, table#formbox_login td.form_fl {
	width:1px;
	background-color:#ccc;
}
table#formbox td.form, table#formbox_login td.form {
	padding:30px;
	background:#fff url(../images/bg_form_body.gif) repeat-y right;
	font-size:1em;
}
table#formbox td.form table th, table#formbox td.form table td,
table#formbox_login td.form table th, table#formbox_login td.form table td {
	padding:2px 4px;
	white-space:nowrap;
}

table#formbox .formbutton {
	margin:20px 5px 0;
}
table#formbox .ni {
	color:#f00;
	font-size:1.0em;
}
table#formbox td.title {
}
table#formbox td.data {
	font-weight:bold;
}




#main .regist {
	width:510px;
	margin-left:55px;
}
#main .registformarea {
	width:510px;
	background-image:url(../images/registform_bg.gif);
	background-repeat:repeat-y;
}
#main .registformarea .ft {
	margin-top:20px;
	height:20px;
	background:#fff url(../images/registform_ft.gif) no-repeat left bottom;
	line-height:0;
}
#main .passwordformarea {
	width:510px;
	background-image:url(../images/passwordform_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#main .registformarea h2, #main .passwordformarea h2 {
	height:42px;
}


#main .regist .formbutton {
	margin:20px 5px 0;
}


#main .registform {
	margin-top:18px;
	margin-left:40px;
	margin-bottom:0px;
}
#main .passwordform {
	height:170px;
	margin-top:18px;
	margin-left:60px;
	margin-bottom:0px;
}
#main .registform .ni {
	color:#f00;
	font-size:1.0em;
}

#main .registform table th, #main .registform table td {
	padding:0 2px;
}
#main .passwordform table th, #main .passwordform table td {
	padding:2px 3px;
}


#main .registconf {
	margin-top:18px;
	margin-left:60px;
	margin-bottom:0px;
}
#main .registconf table {
	width:400px;
}
#main .registconf td.title {
	width:150px;
	padding:1px 2px;
}
#main .registconf td.data {
	width:250px;
	font-weight:bold;
	padding:1px 2px;
}




#main #topindex {
	padding-bottom:15px;
}

#main #topindex .ffsarea {
	clear:both;
	position:relative;
	width:618px;
	height:207px;
	background:#fff url(../images/bg_ffs.gif) no-repeat left center;
	margin-bottom:10px;
}
#main #topindex .ffsarea h2 {
	position:absolute;
	top:16px;
	left:18px;
}
#main #topindex .ffsarea .aboutffs {
	position:absolute;
	top:165px;
	left:14px;
}


#main #topindex .ffsarea p {
	position:absolute;
	top:16px;
	left:152px;
	width:210px;
	font-size:12px;
}
#main #topindex .ffsarea .start {
	position:absolute;
	top:110px;
	left:167px;
}

#main #topindex .stressarea {
	clear:both;
	position:relative;
	width:618px;
	height:172px;
	background:#fff url(../images/bg_stress.gif) no-repeat left center;
	margin-bottom:10px;
}
#main #topindex .stressarea h2 {
	position:absolute;
	top:16px;
	left:18px;
}
#main #topindex .stressarea p {
	position:absolute;
	top:16px;
	left:152px;
	width:210px;
	font-size:12px;
}
#main #topindex .stressarea .button {
	position:absolute;
	bottom:20px;
	left:167px;
}


#main #consulting {
	padding-bottom:15px;
}
#main #consulting h2 {
	position:relative;
	height:38px;
	margin-left:-20px;
	margin-bottom:0px;
}
#main #consulting h2 img {
	position:absolute;
	top:0;
	left:0;
}
#main #consulting .indexarea {
	float:left;
	clear:both;
	width:630px;
}
#main #consulting .indexarea .menuarea {
	float:left;
	position:relative;
	width:200px;
	height:172px;
	background:#fff url(../images/bg_consulting.gif) no-repeat left center;
	margin-bottom:10px;
	margin-right:8px;
}
#main #consulting .indexarea .menuarea h3 {
	position:absolute;
	top:12px;
	left:12px;
}
#main #consulting .indexarea .menuarea p {
	position:absolute;
	top:48px;
	left:18px;
	width:164px;
	font-size:12px;
}
#main #consulting .indexarea .menuarea .start {
	position:absolute;
	top:100px;
	left:21px;
}






#main .examarea {
	width:620px;
	height:340px;
	background-repeat:no-repeat;
	background-position:left top;
}
#main #type-ffs .examarea {
	background-image:url(../images/exam_bg_ffs.gif);
}
#main #type-stress .examarea {
	background-image:url(../images/exam_bg_stress.gif);
}
#main #type-ffm .examarea {
	background-image:url(../images/exam_bg_ffm.gif);
}
#main #type-ts .examarea {
	background-image:url(../images/exam_bg_ts.gif);
}
#main #type-boa .examarea {
	background-image:url(../images/exam_bg_boa.gif);
}

#main .examarea h2 {
	height:42px;
	margin-bottom:1.0em;
}

#main .examarea .explain {
	padding:15px 38px 0 30px;
	color:#eeeeee;
}
#main .examarea .explain h3 {
	font-size:1.3em;
}
#main .examarea .explain ul {
	margin-left:2em;
	font-size:0.9em;
	line-height: 170%;
}

#main .examarea .explain .start {
	width:100%;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
#main .examarea .explain .start img {
	margin-top:30px;
}



#main .examarea .exam {
	position:relative;
	color:#eeeeee;
}

#main .examarea .lamparea {
	position:absolute;
	top:0;
	left:30px;
	width:550px;
	height:29px;
}
#main .examarea .qno {
	position:absolute;
	top:49px;
	left:30px;
	width:550px;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
}
#main .examarea .questionarea {
	position:absolute;
	top:75px;
	left:30px;
	width:550px;
	height:115px;
	text-align:center;
}
#main .examarea #questionText {
	margin-top:30px;
	height:115px;
	font-size:1.8em;
	font-weight:bold;
	color:#abf4ff;
}
#main .examarea .buttonarea {
	position:absolute;
	top:190px;
	left:30px;
	width:550px;
	height:34px;
	text-align:center;
}
#main .examarea .buttonarea img {
	margin:0 8px;
}



#main .examarea .lamp {
	width:290px;
	height:29px;
	margin:0 auto;
}
#main .examarea .lampoff {
	float:left;
	width:29px;
	height:29px;
	background-image:url(../images/lamp_off.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#main .examarea .lampon {
	float:left;
	width:29px;
	height:29px;
	background-image:url(../images/lamp_on.gif);
	background-repeat:no-repeat;
	background-position:left top;
}



#main .examarea2 {
	width:620px;
	min-height:100px;
	background-image:url(../images/exam2_bg.gif);
	background-repeat:repeat-y;
}
#main .examarea2 h2 {
	height:42px;
	margin-bottom:1.0em;
}

#main .examarea2 .explain {
	padding:15px 38px 0 30px;
}
#main .examarea2 .explain h3 {
	font-size:1.5em;
}
#main .examarea2 .explain ul {
	margin-left:2em;
	font-size:0.9em;
}
#main .examarea2 .explain .start {
	width:100%;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}
#main .examarea2 .explain .start img {
	margin-top:30px;
}
#main .examarea2 .ft {
	margin-top:20px;
	height:20px;
	background:#fff url(../images/exam2_ft.gif) no-repeat left bottom;
	line-height:0;
}
#main #type-ffw .examarea2 .ft {
	height:30px;
	background:#fff url(../images/exam2_ft_ffw.gif) no-repeat left bottom;
}

#main .examarea2 .formarea {
	padding:5px 38px 0 30px;
}
#main .examarea2 .formarea div.send {
	width:100%;
	text-align:center;
}
table.target {
	border-collapse:collapse;
	margin-bottom:25px;
}
table.target th, table.target td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.target th {
	background-color:#ebf6ed;
	font-weight:bold;
}
table.target div {
	padding:6px 12px;
	text-align:left;
}
table.question {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
table.question th, table.question td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
table.question th {
	background-color:#ebf6ed;
	font-weight:bold;
}
table.question th.select {
	width:6em;
}
table.question td.no {
	text-align:center;
	font-size:1.3em;
}
table.question td.q {
	padding:3px 5px;
	font-size:1.3em;
}
table.question td.select {
	text-align:center;
}
table.question div {
	padding:2px;
	line-height:1.2;
}



table.strprf {
	width:95%;
	border-collapse:collapse;
	margin-bottom:15px;
}
table.strprf th, table.strprf td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.strprf th {
	width:96px;
	background-color:#f0f0f0;
	font-weight:bold;
	text-align:center;
}
table.strprf td {
	text-align:left;
}
table.strprf div {
	padding:3px 6px;
}


table.stress {
	width:95%;
	border-collapse:collapse;
	margin-bottom:25px;
}
table.stress th, table.stress td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.stress th {
	width:11em;
	background-color:#ebf6ed;
	font-weight:bold;
}
table.stress td.status {
	padding:6px;
}
table.stress td.comment {
}
table.stress th div {
	padding:6px 12px;
	text-align:left;
}
table.stress td.comment div {
	padding:6px 12px 6px 3px;
	text-align:left;
}
table.stress td.status div {
	width:40px;
	height:3em;
	display:block;
}
table.stress td.status div.st01 {
	background-color:#c9f;
}
table.stress td.status div.st02 {
	background-color:#36f;
}
table.stress td.status div.st03 {
	background-color:#f00;
}
table.stress td.status div.st04 {
	background-color:#f00;
}

div#strgraph {
	position:relative;
	width:570px;
	height:250px;
/*	background:#eee url(../images/strgraph_bg.gif) no-repeat center center; */
	background:#eee url(../images/strgraph_bg_plain.gif) no-repeat center center;
}



#container_f {
	clear:both;
	width:100%;
	height:43px;
	background:#fff url(../images/bg_ft.gif) no-repeat center top;
	padding-top:1px;
}

#footer {
	clear:both;
	width:650px;
	height:42px;
	margin:0 auto;
	font-size:1.0em;
}

#footer div.menu {
	width:30%;
	float:left;
	padding-top:6px;
}

#footer div.icms {
	width:20%;
	float:left;
	padding-top:6px;
}

#footer div.copy {
	width:50%;
	float:right;
	text-align:right;
	padding-top:10px;
	white-space:nowrap;
	font-size: 9px;
}

/*
#footer div.menu {
	width:30%;
	float:left;
	padding-top:6px;
}

#footer div.copy {
	width:70%;
	float:right;
	text-align:right;
	padding-top:10px;
	white-space:nowrap;
}
*/



/* === 国際化対応追加 ============================== */

/* 言語切り替えエリア用のスタイル */
#header .headerLangArea {
	position:absolute;
	clear:both;
	float:right;
	height: 30px;
	top: 40px;
	right: 20px;
	font-size: 12px;
	text-align: right;
}

#header .headerLangArea:hover {
	background-color: #DBAC10;
}

#header .headerLangArea img {
	margin-left: 3px;
	margin-top: 3px;
	vertical-align: -45%;
	filter: sepia(100%);
}

a#langLink:link {
	color: #6D220F;
}
a#langLink:visited {
	color: #6D220F;
}
a#langLink:hover {
	color: #6D220F;
}
a#langLink:active {
	color: #6D220F;
}

.mei {
	line-height: 130%;
}

/* == 画像の置き換えで使うスタイル ============= */

/* 矢印とテキストの部分 */
a.arrowLink {
	vertical-align: middle;
	font-size: 1.0em;
	color: #696969;
	text-decoration: none;
	font-weight: bold;
}

a.arrowLink img {
	padding-bottom: 2px;
	vertical-align: middle;
}
a.arrowLink span {
	vertical-align: middle;
}



.simpleButton {
	width:120px;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
	padding: 6px 0 6px;
	color:#000000;
	background-color:#d0d0d0;
	border-radius:3px;
	border-style: none;
}

.simpleButton:hover {
	background-color:#b0b0b0;
}


/* トップメニューの変更 =================================== */

#header #menu .left a {
	color: #695652;
	font-weight: bold;
	font-size: 1.1em;
}

#header #menu .right a {
	color: #695652;
	font-weight: bold;
	font-size: 1.1em;
}

.red {
	color:red;
}