/******************** 共通 ********************/

body {
	background: #e9ecf0;
	color: #000000;
	line-height: 1.45;
	margin: 0px;
}

a {
	border-bottom: 2px dotted;
	text-decoration: none;
}

a:link {
	color: #5060e0;
}

a:visited {
	color: #5060a0;
}

a:hover {
	color: #000000;
}

a:active {
	color: #0000ff;
}

h1 {
	font-family: Tahoma,sans-serif;
	font-size: 250%;
	line-height: 1;
	margin-left: 20px;
	vertical-align: middle;
}

h1:first-letter {
	font-size: 200%;
	margin-top: 18px;
	margin-right: 3px;
	vertical-align: sub;
}

hr {
	border-top: 4px dotted #445566;
	border-bottom: 0px #e9ecf0;
	clear: both;
}

.table-name {
	text-align: center;
	white-space: nowrap;
}

.wingdings {
	font-family: wingdings;
}

.field {
	margin: 20px 40px 20px 40px;
}

.navi-top {
	background: #335577;
	border-bottom: 2px solid #aaaaaa;
	color: #ffffff;
	font-family: "MS UI Gothic";
	font-size: 80%;
	line-height: 1.9;
	margin: 0px 0px 18px 0px;
	padding: 1px 10px 3px 0px;
	text-align: right;
}

.navi-top a:link {
	color: #ffffff;
}

.navi-top a:visited {
	color: #ffffff;
}

.navi-top a:hover {
	color: #ffffff;
}

.navi-top a:active {
	color: #ffffff;
}

.navi-bottom {
	background: #335577;
	border-top: 2px solid #bbbbcc;
	color: #ffffff;
	font-size: 80%;
	font-family: "MS UI Gothic";
	line-height: 1.9;
	margin: 0;
	padding: 2px 0px 2px 10px;
}

.navi-bottom a:link {
	color: #ffffff;
}

.navi-bottom a:visited {
	color: #ffffff;
}

.navi-bottom a:hover {
	color: #ffffff;
}

.navi-bottom a:active {
	color: #ffffff;
}

.backtotop {
	font-size: 90%;
	line-height: 1;
	margin: 0;
	text-align: right;
}

#shortcut {
	background: #d8dce3;
	border: 1px dashed #9098b0;
	margin: 40px 40px 25px 40px;
	padding: 0 0 10px 15px;
}

#shortcut div {
	background: #9098b0;
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	position: relative;
	top: -1px;
	left: -16px;
	text-align: center;
	width: 7em;
}

#shortcut a {
	font-size: 90%;
	margin-right: 20px;
	white-space: nowrap;
}



/******************** インデックス ********************/

.fft-index h1 {
	font-family: "Times New Roman";
}

.fft-index h1:first-letter {
	float: left;
	margin-top: 0px;
}

.fft-index h1 span {
	font-size: 40%;
	height: 1em;
	line-height: 1;
	position: relative;
	left: 4.2em;
	top: -0.6em;
}

.fft-index h2 {
	font-size: 110%;
	margin: 0;
}

.fft-index ul {
	line-height: 1.5;
	list-style: circle;
	margin: 0em auto 1.5em auto;
}

.fft-index #menu-left {
	float: left;
	width: 12.5em;
}

.fft-index #menu-center {
	float: left;
	width: 13.5em;
}

.fft-index #menu-right {
	float: left;
	width: 15em;
}

.fft-index #attention {
	background: #d8dce3;
	border: 1px dashed #9098b0;
	clear: both;
	margin: 0 40px 18px 40px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.fft-index #attention dt {
	background: #9098b0;
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 4px;
	position: relative;
	top: -2px;
	left: -1px;
	text-align: center;
	width: 8em;
}

.fft-index #attention dd {
	font-size: 90%;
	line-height: 1.7;
	margin-left: 1.8em;
}

.fft-index #links {
	margin: 25px auto 15px auto;
}

.fft-index #links dl {
	margin: 8px auto auto 30px;
}

.fft-index #links dt {
	margin-top: 2px;
}

.fft-index #links dd {
	font-size: 90%;
	line-height: 1.3;
	margin-top: 2px;
}

address {
	font-style: normal;
	margin-top: 12px;
	text-align: right;
}



/******************** 会話集 ********************/

.fft-conversation h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-conversation h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-conversation .field p {
	margin-left: 30px;
}

.fft-conversation .BraveStory {
	background: #f0f0ec;
	border: 1px dashed #b0b0a0;
	font-size: 90%;
	line-height: 1.3;
	margin: auto 50px 25px 50px;
	padding: 0 15px 10px 15px;
}

.fft-conversation .BS-logo {
	background: #b0b0a0;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	position: relative;
	top: -1px;
	left: -16px;
	text-align: center;
	width: 8em;
}

.fft-conversation .BS-title {
	border-bottom: 1px dashed #b0b0a0;
	font-weight: bold;
	margin-bottom: 5px;
}

.fft-conversation .term {
	padding-left: 50px;
}

.fft-conversation .battle-end {
	padding-left: 50px;
}

.fft-conversation .next {
	margin: 0 auto 20px auto;
	text-align: center;
}

.fft-conversation h1:first-letter {
	margin-top: 0px;
}

#chapter1-title:first-letter {
	float: left;
}

#chapter1-title .japanese {
	font-size: 70%;
	line-height: 1;
	position: relative;
	left: 11.3em;
}

#chapter2-title:first-letter {
	float: left;
}

#chapter2-title .english {
	font-size: 80%;
	line-height: 0.4;
	position: relative;
	top: 1.2em;
	left: -4.9em;
}

#chapter2-title .japanese {
	font-size: 60%;
	line-height: 1.25;
	position: relative;
	left: 18.9em;
	top: -1.6em;
}

#chapter3-title:first-letter {
	float: left;
}

#chapter3-title .japanese {
	font-size: 70%;
	line-height: 1;
	position: relative;
	left: 11.6em;
}

#TheHeretic span {
	color: #0033cc;
	font-size: 160%;
}

#chapter4-title:first-letter {
	float: left;
}

#chapter4-title .japanese {
	font-size: 70%;
	line-height: 1;
	position: relative;
	left: 15.8em;
}



/******************** サウンドノベル ********************/

.fft-soundnovel h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-soundnovel h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-soundnovel h2 span {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 90%;
	font-weight: normal;
	margin-left: 15px;
}

.fft-soundnovel .field p {
	margin-left: 30px;
}

.fft-soundnovel .indent {
	padding-left: 2.5em;
}



/******************** ブレイブストーリー ********************/

.fft-bravestory h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-bravestory h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-bravestory dl {
	margin-left: 30px;
}

.fft-bravestory dt {
	font-weight: bold;
	margin-top: 20px;
}

.fft-bravestory .field p {
	margin-left: 30px;
}

.fft-bravestory #shortcut p {
	margin: -0.3em 0 0.3em 1em;
}

#character dt {
	font-weight: normal;
}

#task dl {
	margin-left: 10px;
}

#task dd {
	margin-bottom: 10px;
	margin-top: 10px;
}

#task .task-line {
	border-top: 1px dashed;
	height: 1px;
	width: 90%;
}

#treasure {
	margin-left: 10px;
}

#MysteriousRegion {
	margin-left: 10px;
}



/******************** オンラインヘルプ ********************/

.fft-onlinehelp h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-onlinehelp h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-onlinehelp h3 {
	font-size: 110%;
	margin: 25px auto 5px 15px;
}

.fft-onlinehelp table {
	margin-left: 30px;
}

.fft-onlinehelp th {
	background: #d0d4e4;
	font-weight: normal;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

.fft-onlinehelp td {
	background: #e0e4ec;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

.fft-onlinehelp dt {
	font-weight: bold;
}

.fft-onlinehelp .field p {
	margin-left: 30px;
}

.fft-onlinehelp .command {
	background: #c9d4dc;
	text-align: center;
	white-space: nowrap;
}

.fft-onlinehelp .command-help {
	background: #c9d4dc;
}

#HelpMessage dl {
	font-family: "ＭＳ ゴシック";
	margin-left: 15px;
}

#HelpMessage dt {
	margin-top: 15px;
}

#HelpMessage dt span {
	font-weight: normal;
}

#HelpMessage dd {
	margin-left: 15px;
}

#PlaceName {
	margin-left: 10px;
}

#PlaceName dt {
	margin-top: 15px;
}

#item .backtotop {
	margin-top: 15px;
}

#job .backtotop {
	margin-top: 15px;
}

#ability .backtotop {
	margin-top: 15px;
}

#topography {
	margin-top: 30px;
	margin-bottom: 20px;
}

#condition {
	margin-top: 30px;
	margin-bottom: 20px;
}

#OnlinehelpOthers .backtotop {
	margin-top: 15px;
}

#bgm dl {
	margin-top: 30px;
	margin-left: 15px;
}

#bgm dt {
	margin-top: 10px;
}

#bgm .disc {
	font-weight: normal;
	margin-left: 2em;
}

#bgm .composer {
	text-align: right;
}

#bgm h2:first-letter {
	color: #000000;
	font-size: 100%;
	margin-right: 0px;
}



/******************** その他 ********************/

.fft-others h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-others h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-others h3 {
	font-size: 110%;
	margin: 25px auto 5px 15px;
}

.fft-others .field p {
	margin-left: 30px;
}

.fft-others dt {
	font-weight: bold;
}

.fft-others table {
	margin-left: 30px;
}

.fft-others th {
	background: #d0d4e4;
	font-weight: normal;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

.fft-others td {
	background: #e0e4ec;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

#ExpulsionMessage dl {
	font-family: "ＭＳ ゴシック";
	margin-left: 30px;
}

#ExpulsionMessage dt span {
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	margin-left: 0.5em;
}

#ExpulsionMessage dd {
	margin-bottom: 15px;
	margin-left: 15px;
}

#WarningMessage dl {
	font-family: "ＭＳ ゴシック";
	margin-left: 30px;
}

#WarningMessage dt span {
	font-weight: normal;
}

#WarningMessage dd {
	margin-bottom: 15px;
	margin-left: 15px;
}

#rumor dl {
	margin-left: 30px;
}

#rumor dt {
	margin-top: 20px;
}

#report dl {
	margin-left: 30px;
}

#report dt {
	font-weight: normal;
	margin-top: 20px;
}

#report .report-line {
	border-top: 1px dashed;
	height: 1px;
	width: 90%;
}

#spell h2 span {
	font-weight: normal;
	margin-left: 0.5em;
}

#spell dl {
	font-family: "ＭＳ ゴシック";
	margin-left: 30px;
}

#spell dt {
	margin-top: 20px;
}

#spell dt span {
	font-weight: normal;
}

#shop dl {
	margin-left: 30px;
}

#shop dt {
	margin-top: 20px;
}

#tutorial dl {
	margin-left: 30px;
}

#tutorial dd {
	margin-top: 12px;
}

#tutorial .tutorial-line {
	border-top: 1px dashed;
	height: 1px;
	width: 90%;
}

#tutorial .TrueType {
	font-family: "ＭＳ ゴシック";
}

#CloudFan {
	margin-left: 30px;
}

#CloudFan dt {
	margin-top: 15px;
}

#affinity .table-name span {
	font-size: 80%;
	margin-left: 5px;
}



/******************** 攻略情報 ********************/

.fft-capture h2 {
	font-size: 120%;
	margin: 30px auto 25px auto;
}

.fft-capture h2:first-letter {
	color: #0033cc;
	font-size: 160%;
	margin-right: 1px;
}

.fft-capture h3 {
	font-size: 110%;
	margin: 25px auto 5px 15px;
}

.fft-capture table {
	margin-left: 30px;
}

.fft-capture th {
	background: #d0d4e4;
	font-weight: normal;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

.fft-capture td {
	background: #e0e4ec;
	line-height: 1.45;
	padding: 3px 10px 3px 10px;
}

.fft-capture .field p {
	margin-left: 30px;
}

.fft-capture .field ul {
	margin-left: 50px;
}

.fft-capture #tokimeki {
	margin-bottom: 20px;
}

#Capture-Task {
	margin-bottom: 20px;
}

#Capture-Task td {
	text-align: center;
}