td { 
	text-align :left;
	line-height: 200%
}

textarea {
    letter-spacing: 1px;
}

div.pageTitle {
    text-align: center;
	margin-bottom: 4em;
}
/*
 * 単位用
 */
span.unit {
	font-size: 0.8em;
}

.mainColor {
    background-color: #99CCFF;
    color: #494949;
}

.accentColor {
    background-color: #9EFACC;
    color: #494949;
}

.whiteColor {
    background-color: white;
    color: #494949;
}

.strongColor {
    background-color: #FF8C00;
    color: #494949;
}

.bibidColor {
    background-color: #FFC875;
    color: #494949;
}

img{
	vertical-align: middle;
}

img.linkImage{
	border:   0px solid transparent;
}

a.linkerImage {
    margin: auto;
    width:  130px;
    height: 130px;
    display: block;
    vertical-align: middle;
    border-top:    1px solid #99CCFF;
    border-bottom: 1px solid #99CCFF;
    border-right:  1px solid #99CCFF;
    border-left:   1px solid #99CCFF;
}

image.linkerImage {
	border:  0px;
    vertical-align: middle;
}


div.pageHeaderEmergencyWarningMessage {
    padding: 1px 0px 1px 0px;
    background-color: #CC0033;
    color: #FFFF00;
    height: 50px;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
    font-size: 48px;
    vertical-align: middle;
    clear: both;
}



/*
 * エラーメッセージ用
 */
div.errorMessage {
	padding: 0px 8px 0px 8px;
	font-weight: bold;
    background-color: #CC0033;
    color: white;
    width:  95%;
    line-height: 170%;
    text-align: left;
    margin: auto;
}

/*
 * ワーニングメッセージ用
 */
div.warningMessage {
	padding: 0px 8px 0px 8px;
	font-weight: bold;
    background-color: #0000FF;
    color: #FFFF00;
    width:  95%;
    line-height: 170%;
    text-align: left;
    margin: auto;
}

/*
 * システムメッセージ用
 */
div.systemMessage {
	padding: 0px 8px 0px 8px;
	font-weight: bold;
    background-color: #99CCFF;
    color: #0000FF;
    width:  95%;
    line-height: 170%;
    text-align: left;
    margin: auto;
}

/*
 * 出題モード用
 */
div.questionModeMessage {
	padding: 0px 8px 0px 8px;
	font-weight: bold;
    background-color: #9EFACC;
    color: #0000FF;
    width:  85%;
    line-height: 170%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

div.adsense {
	width: 100%;
    text-align: center;
    margin: 0px auto;
    background-color: #FFC0CB;
    color: #494949;
}

div.systemError {
	text-align: left;
/*	height: 100px;*/
	margin-top: 30px;
	margin-bottom: 30px;
    background-color: #CC0033;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 25px;
}

dd.code {
	/*font-size: 11px;*/
    line-height: 150%;
    padding: 1px 1px 1px 5px;
    background-color: #F0F0E0;
    color: #000000;
    border: double 4px #592D00;
}

dd.console {
    /*font-size: 11px;*/
    line-height: 150%;
    padding: 1px 1px 1px 5px;
    background-color: #000000;
    border: double 4px #FFFFFF;
    color: #00FF00;
}

/*
 * ボタン用
 */
.frmButton {
	background-color: #D7D7FF;
	font-weight: normal;
	color :#0000FF;
	margin-top: 10px;
	font-size: 14px;
    letter-spacing: 1px;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
	color: #CC0000;
}

.gothic {
}
    
span.subColor {
    color: #9EFACC;
    background-color: transparent;
}

.commonBox {
    border: 1px solid #99CCFF;
    padding: 0px 0px 0px 8px;
}

.tilte {
    background: #99CCFF;
    color: #494949;
    text-align: left;
    padding: 0px 0px 0px 8px;
}

.commonBorder {
    border: 1px solid #99CCFF;
}

.designBoxMainColor {
	margin: 0px auto;
	border:   1px solid #99CCFF;
}

.designBoxNonColor {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border:   0px solid white;
}

/* 
 * 文章系
 */
div.normalContentsBox {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border:   0px solid white;
	margin-bottom: 1em;
	padding-right: 3px;
	padding-left: 3px;
}

/* 
 * メッセージ・タイトル系
 */
div.messageBox {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border:   0px solid white;
	margin-bottom: 1em;
	line-height: 2em;
}

/* 
 * テーブル形式 [行全体]
 */
div.wideTableBox {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    margin-bottom: 10px;
	border:   0px solid white;
	clear: both;
}

/* 
 * テーブル形式 [項目名]
 */
div.tableItemBox {
    background-color: #99CCFF;
    color: #494949;
    height: 100%;
    text-align: left;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    clear: right;
}

/* 
 * テーブル形式 [内容]
 */
div.tableContentBox {
    background-color: white;
    border: 1px solid #99CCFF;
    padding: 0px 0px 0px 5px;
	text-align: right;
}

/* 
 * 設定確認 [メニュー]
 */
.exciseMenuLimitedItem {
	margin-top: 3px;
	margin-bottom: 3px;
	float: left; 
	width: 146px;
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
}

/* 
 * 設定確認 [左]
 */
.exciseMenuLimitedLeft {
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	width: 99px;
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #EEEEEE;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #666666;
}

/* 
 * 設定確認 [左(チェック)]
 */
.exciseMenuLimitedLeftChecked {
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	width: 99px;
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #E0FFD7;
	border-bottom: 1px solid #008800;
	border-right: 1px solid #008800;
	color: #008800
}

/* 
 * 設定確認 [中]
 */
.exciseMenuLimitedMiddle {
	margin-left: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	width: 99px; 
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #EEEEEE;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #666666;
}

/* 
 * 設定確認 [中(チェック)]
 */
.exciseMenuLimitedMiddleChecked {
	margin-left: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	width: 99px; 
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #E0FFD7;
	border-bottom: 1px solid #008800;
	border-right: 1px solid #008800;
	color: #008800
}

/* 
 * 設定確認 [右]
 */
.exciseMenuLimitedRight {
	margin-left: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: right;
	width: 99px; 
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #EEEEEE;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #666666;
}

/* 
 * 設定確認 [右(チェック)]
 */
.exciseMenuLimitedRightChecked {
	margin-left: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: right;
	width: 99px; 
	height: 15px;
	padding: 5px 0px; 
	line-height: 100%;
	text-align: center;
	background-color: #E0FFD7;
	border-bottom: 1px solid #008800;
	border-right: 1px solid #008800;
	color: #008800
}

/* 
 * 知識系目次 [行全体]
 */
.menuIndex {
    margin-top: 5px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

/* 
 * 知識系目次 [行左項目タイトル]
 */
.menuIndexLeftTitle {
    background-color: #99CCFF;
	text-align: center;
	float: left;
}

/* 
 * 知識系目次 [行中項目目タイトル]
 */
.menuIndexMiddleTitle {
    background-color: #99CCFF;
	text-align: center;
	float: left;
}

/* 
 * 知識系目次 [行右項目目タイトル]
 */
.menuIndexRightTitle {
    background-color: #99CCFF;
	text-align: center;
	float: right;
	clear: right;
}

/* 
 * 知識系目次 [行左項目]
 */
.menuIndexLeft {
	text-align: left;
	float: left;
}

/* 
 * 知識系目次 [行中項目]
 */
.menuIndexMiddle {
	text-align: left;
	float: left;
}

/* 
 * 知識系目次 [行右項目]
 */
.menuIndexRight {
	text-align: left;
	float: right;
	clear: right;
}

/* 
 * 知識系本文 [全体左側]
 */
div.noteFrameLeft {
	margin-left: 30px;
	margin-right: 50px;
    width: 650px;
	clear: both;
}

/* 
 * 知識系本文 [全体右側]
 */
div.noteFrameRight {
    margin-right: 15px;
    width: 200px;
	float: right;
}

/* 
 * 知識系本文 [右サブメニュー]
 */
div.noteRightMenu {
	border: 1px solid #99CCFF;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: x-small;
}

/* 
 * 知識系本文 [右サブメニュータイトル]
 */
div.noteRightMenuTitle {
	background-color: #99CCFF;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    font-size: 100%;
}

/* 
 * 知識系本文 [本文タイトル]
 */
div.noteSubTitle {
    padding: 2px 2px 2px 10px;
    border-left: 10px solid #99CCFF;
    border-bottom: 1px solid #99CCFF;
    border-right: 1px solid #99CCFF;
    border-top: 1px solid #99CCFF;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    clear: both;
    text-align: left;
    color: #0000CC;
    font-weight: bold;
    font-size: 16px;
}

/* 
 * 知識系本文 [本文]
 */
div.noteContent {
    padding-left: 10px;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}


/* 
 * フィールドバック区切り
 */
div.feedbackBoxPause {
	line-height: 0%;
	width: 700px;
	border-bottom: 1px dashed #99CCFF;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

/* 
 * 入力フォーム [全体]
 */
div.inputFormBox {
	border: 1px solid blue;
    background-color: #99CCFF;
    width: 645px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

/* 
 * 入力フォーム [行区切り]
 */
div.inputFormBoxBreak {
	line-height: 0%;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid #99CCFF;
	clear: both;
}

/* 
 * 入力フォーム [行全体]
 */
div.inputFormBoxLine {
    width: 100%;
	clear: both;
}

/* 
 * 入力フォーム [行左項目]
 */
span.inputFormBoxLeft {
    width: 146px;
	text-align: left;
	float: left;
    padding: 0px 4px 0px 4px;
	color: #0000FE;
	font-weight: bold;
}

/* 
 * 入力フォーム [行右項目]
 */
span.inputFormBoxRight {
	height: 100%;
    background-color: white;
    width: 481px;
	text-align: left;
	float: right;
    padding: 0px 4px 0px 4px;
}

/* 
 * お知らせボックス [ケータイ、掲示板]
 */
div.noticeBox {
	border: 1px solid #99CCFF;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
    text-align: center;
    width: 500px;
    margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
    clear: both;
}

/* 
 * お知らせボックス [ケータイ、掲示板・タイトル]
 */
div.noticeBoxTitle {
	background-color: #99CCFF;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    font-size: 100%;
}

/* 
 * テーブル雛形
 */
table.explainTable {
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #696969;
	margin-top: 20px;
}

td.explainTable { 
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #696969;
	text-align: center;
	padding: 5px;
}

table.normalForm {
	width: 700px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #888888;
	margin-bottom: 20px;
	line-height: 200%;
}

th.normalForm {
	width: 200px;
	text-align: left;
	padding: 5px;
	border: 2px solid #FFFFFF;
	background-color: #D5C8FF;
	color: #6000FF;
	font-weight: bold;
}

td.normalForm {
	width: 500px;
	text-align: left;
	padding: 5px;
	border: 2px solid #FFFFFF;
	background-color: #EEEEEE;
}

div.normalFormForButton {
	width: 100%;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

span.englishChar {
	font-family: sans-serif;
}

span.headline {
	color: #0078C8;
	background-color: #E3F4FF;
	font-size: 16px;
	font-weight: bold
}

input.normalButton {
	height: 40px;
	width: 400px;
	font-size:26px;
	/*font-weight: bold;*/
	/*background-color: #5959FF;*/
	/*color: #FFFFFF;*/
	/*background-color: #666666;*/
	background-color: #ECECFF; 
	color: #4545FF;
}

div.exerciseMenuBox {
	color: #008800;
	border-bottom: 1px solid #008800;
	border-right: 1px solid #008800;
	background-color: #E0FFD7;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 10px;
	line-height: 200%;
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
	font-size: 18px;
}

div.exerciseSubMenuBox {
	color: #008800;
	border-bottom: 1px solid #008800;
	border-right: 1px solid #008800;
	background-color: #E0FFD7;
	width: 530px;
	height: 30px;
	padding-left: 30px;
	margin-top: 20px;
	margin-left: 120px;
	margin-right: 100px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 16px;
}


/* 
 * 解答ページ[ボックス]
 */
.answerPageBox {
	width: 690px;
}

/* 
 * 解答ページ[ボックス左]
 */
.answerPageBoxLeft {
	width: 88px;
	text-align: left;
	float: left;
	line-height: 200%;
}

/* 
 * 解答ページ[ボックス右]
 */
.answerPageBoxRight {
	text-align: left;
	padding: 1px 3px 1px 3px;
	width: 594px;
	color: #808080;
	float: right;
	clear: right;
	line-height: 200%;
}