@charset "utf-8";

#header{
	/*border: #ff0000 solid 2px;*/
	/*position: fixed; スクロール固定 */
	margin: 0;
	width: 100%;
	height: 30px;
	background-color: lavenderblush;
}

div.headerTitle{
	/*border: #ff0000 solid 2px;*/
	margin: 0px auto;
	width: 24em;
	color: #333366;
}

/*
div.logoAcademyK12Program{
	margin: 20px auto;
	font-weight: bold;
	font-size: 1.3em;
	width: 20em;
}
*/

#footer{
	/*border: #ff0000 solid 2px;*/
	margin: 0;
	width: 100%;
	height: 60px;
	background-color: lavenderblush;
}

button.buttonFull{
	width: 100%;
	height: 1.8em;
	font-size: 1.2em;
	color: #ffffff;
}

button.buttonFull.application{background-color: #339966;}

div.overViewNarrow{
	border: #66cc66 solid 1px;
	margin: 0px auto;
	width: 90%;
	padding: 10px;
	font-size: 0.7em;
}

div.overViewWide{
	border: #66cc66 solid 1px;
	margin: 50px auto 50px auto;
	width: 70%;
	padding: 30px;
	font-size: 0.9em;
}

div.titleNarrow{
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

div.titleWide{
	font-weight: bold;
	font-size: 1.5em;
	/*color: #333399;*/
}

div.subTitleNarrow{
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
}

div.subTitleWide{
	font-weight: bold;
	font-size: 1.1em;
}

div.remark{
	font-weight: bold;
	font-size: 1.2em;
	color: red;
}

div.mainArticle{
	color: #333399;
}


div.clearboth{
	clear: both;
}


@media screen and (max-width: 480px){
	body{
		margin: 0;
		-webkit-text-size-adjust: 100%;
	}
	/*
	img{
		max-with: 100%;
		height: auto;
	}
	*/
	#imgHelloWorld{
		with: 400px;
		height: auto;
	}
	#fbHelloWorld{
		with: 100%;
		height: auto;
	}
	#mainPanel{
		width: 100%;
		height: auto;
		margin: 0px auto;
		background-color: #ffffff;
	}
	#logo{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 0 auto;
		text-align: center;
		font-size: small;
	}
	#sidebar{
		/*border: #ff0000 solid 1px;*/
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	#upper{
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	#lower{
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	#main{
		clear: both;
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 10px 2%;
	}
	div.chararea{
		*border: #0000ff solid 1px;
		width: 96%;
		margin: 15px auto;
		background-color: #ffffff;
		color: #003300;
	}

	img.imgTop{
		width: 400px;
	}

	img.widLt480{
		width: 400px;
	}
	div.wrapBackNumbers{
		*border: #ff0000 solid 1px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	div.backNumber{
		padding: 5px;
	}
	img.thumbFlyer{
		width: 400px;
	}
}
/* End @media screen and (max-width: 480px) */



@media screen and (min-width: 480px){
	body{
		margin: 0;
		-webkit-text-size-adjust: 100%;
	}
	#imgHelloWorld{
		max-with: 610px;
		height: 460px;
	}
	#fbHelloWorld{
		max-with: 314px;
		height: 87px;
	}
	#mainPanel{
		/*border: #00ff00 solid 2px;*/
		width: 936px;
		height: auto;
		margin: 0 auto;
		background-color: #ffffff;
	}
	#logo{
		border: #ffffff solid 4px;
		float: left;
		max-width: 606px;
		height: 491px;
		background-color: #ffffff;
		margin: 0 auto;
		text-align: center;
		font-size: small;
	}
	#sidebar{
		/*border: #ff0000 solid 2px;*/
		float: right;
		width: 322px;
		height: 396px;
		background-color: #ffffff;
	}
	#upper{
		border: #ffffff solid 4px;
		width: 314px;
		height: 396px;
		background-color: #ffffff;
	}
	#lower{
		border: #ffffff solid 4px;
		width: 314px;
		height: 87px;
		background-color: #ffffff;
	}
	#main{
		/*border: #0000ff solid 2px;*/
		clear: both;
		width: 936px;
		height: auto;
		background-color: #ffffff;
		margin: 0 auto;
	}
	div.chararea{
		/*border: #ff0000 solid 2px;*/
		width: 700px;
		margin: 20px auto;
		font-size: 0.9em;
		background-color: #ffffff;
		color: #003300;
	}

	div.divCenter{
		text-align: center;
	}
	div.wrapBackNumbers{
		width: 878px;
		margin-left: auto;
		margin-right: auto;
	}
	div.backNumber{
		padding: 5px;
		float: left;
	}
	img.thumbFlyer{
		width: 282px;
		height: 400px;
	}
}

/*
@media screen and (min-width: 480px){
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 920px){
}
*/




/* class140Colors.css の内容 */

/*赤系 9色*/
.lightsalmon{color: lightsalmon;}
.salmon{color: salmon;}
.darksalmon{color: darksalmon;}
.lightcoral{color: lightcoral;}
.indianred{color: indianred;}
.crimson{color: crimson;}
.red{color: red;}
.firebrick{color: firebrick;}
.darkred{color: darkred;}
/*橙系 5色*/
.orange{color: orange;}
.darkorange{color: darkorange;}
.coral{color: coral;}
.tomato{color: tomato;}
.orangered{color: orangered;}
/*黄系 11色*/
.gold{color: gold;}
.yellow{color: yellow;}
.lightyellow{color: lightyellow;}
.lemonchiffon{color: lemonchiffon;}
.lightgoldenrodyellow{color: lightgoldenrodyellow;}
.papayawhip{color: papayawhip;}
.moccasin{color: moccasin;}
.peachpuff{color: peachpuff;}
.palegoldenrod{color: palegoldenrod;}
.khaki{color: khaki;}
.darkkhaki{color: darkkhaki;}
/*緑系 22色*/
.greenyellow{color: greenyellow;}
.chartreuse{color: chartreuse;}
.lawngreen{color: lawngreen;}
.lime{color: lime;}
.limegreen{color: limegreen;}
.palegreen{color: palegreen;}
.lightgreen{color: lightgreen;}
.mediumspringgreen{color: mediumspringgreen;}
.springgreen{color: springgreen;}
.mediumseagreen{color: mediumseagreen;}
.seagreen{color: seagreen;}
.forestgreen{color: forestgreen;}
.green{color: green;}
.darkgreen{color: darkgreen;}
.yellowgreen{color: yellowgreen;}
.olivedrab{color: olivedrab;}
.darkolivegreen{color: darkolivegreen;}
.mediumaquamarine{color: mediumaquamarine;}
.darkseagreen{color: darkseagreen;}
.lightseagreen{color: lightseagreen;}
.darkcyan{color: darkcyan;}
.teal{color: teal;}
/*青系 16色*/
.cadetblue{color: cadetblue;}
.steelblue{color: steelblue;}
.lightsteelblue{color: lightsteelblue;}
.lightblue{color: lightblue;}
.powderblue{color: powderblue;}
.lightskyblue{color: lightskyblue;}
.skyblue{color: skyblue;}
.cornflowerblue{color: cornflowerblue;}
.deepskyblue{color: deepskyblue;}
.dodgerblue{color: dodgerblue;}
.royalblue{color: royalblue;}
.blue{color: blue;}
.mediumblue{color: mediumblue;}
.darkblue{color: darkblue;}
.navy{color: navy;}
.midnightblue{color: midnightblue;}
/*シアン系 8色*/
.aquq{color: aquq;}
.cyan{color: cyan;}
.lightcyan{color: lightcyan;}
.paleturquoise{color: paleturquoise;}
.aquamarine{color: aquamarine;}
.turquoise{color: turquoise;}
.mediumturquoise{color: mediumturquoise;}
.darkturquoise{color: darkturquoise;}
/*紫系 19色*/
.lavender{color: lavender;}
.thistle{color: thistle;}
.plum{color: plum;}
.orchid{color: orchid;}
.violet{color: violet;}
.fuchsia{color: fuchsia;}
.magenta{color: magenta;}
.mediumorchid{color: mediumorchid;}
.darkorchid{color: darkorchid;}
.darkviolet{color: darkviolet;}
.blueviolet{color: blueviolet;}
.darkmagenta{color: darkmagenta;}
.purple{color: purple;}
.mediumpurple{color: mediumpurple;}
.mediumslateblue{color: mediumslateblue;}
.slateblue{color: slateblue;}
.darkslateblue{color: darkslateblue;}
.indigo{color: indigo;}
/*ピンク系 6色*/
.pink{color: pink;}
.lightpink{color: lightpink;}
.hotpink{color: hotpink;}
.deeppink{color: deeppink;}
.palevioletred{color: palevioletred;}
.mediumvioletred{color: mediumvioletred;}
/*茶系 18色*/
.cornsilk{color: cornsilk;}
.blanchedalmond{color: blanchedalmond;}
.bisque{color: bisque;}
.navajowhite{color: navajowhite;}
.wheat{color: wheat;}
.burlywood{color: burlywood;}
.tan{color: tan;}
.rosybrown{color: rosybrown;}
.sandybrown{color: sandybrown;}
.goldenrod{color: goldenrod;}
.darkgoldenrod{color: darkgoldenrod;}
.peru{color: peru;}
.chocolate{color: chocolate;}
.olive{color: olive;}
.saddlebrown{color: saddlebrown;}
.sienna{color: sienna;}
.brown{color: brown;}
.maroon{color: maroon;}
/*白系 17色*/
.white{color: white;}
.snow{color: snow;}
.honeydew{color: honeydew;}
.mintcream{color: mintcream;}
.azure{color: azure;}
.aliceblue{color: aliceblue;}
.ghostwhite{color: ghostwhite;}
.whitesmoke{color: whitesmoke;}
.seashell{color: seashell;}
.beige{color: beige;}
.oldlace{color: oldlace;}
.floralwhite{color: floralwhite;}
.ivory{color: ivory;}
.antiquewhite{color: antiquewhite;}
.linen{color: linen;}
.lavenderblush{color: lavenderblush;}
.mistyrose{color: mistyrose;}
/*グレー系 10色*/
.gainsboro{color: gainsboro;}
.lightgray{color: lightgray;}
.silver{color: silver;}
.darkgray{color: darkgray;}
.dimgray{color: dimgray;}
.gray{color: gray;}
.lightslategray{color: lightslategray;}
.slategray{color: slategray;}
.darkslategray{color: darkslategray;}
.black{color: black;}

/*
LightSalmon (ライトサーモン) rgb(255, 160, 122)	#ffa07a
Salmon (サーモン) rgb(250, 128, 114)	#fa8072
DarkSalmon (ダークサーモン) rgb(233, 150, 122)	#e9967a
LightCoral (ライトコーラル) rgb(240, 128, 128)	#f08080
IndianRed (インディアンレッド) rgb(205, 92, 92)	#cd5c5c
Crimson (クリムゾン) rgb(220, 20, 60)	#dc143c
Red (レッド) rgb(255, 0, 0)	#ff0000
FireBrick (ファイアブリック) rgb(178, 34, 34)	#b22222
DarkRed (ダークレッド) rgb(139, 0, 0)	#8b0000
橙系 5色
Orange (オレンジ) rgb(255, 165, 0)	#ffa500
DarkOrange (ダークオレンジ) rgb(255, 140, 0)	#ff8c00
Coral (コーラル) rgb(255, 127, 80)	#ff7f50
Tomato (トマト) rgb(255, 99, 71)	#ff6347
OrangeRed (オレンジレッド) rgb(255, 69, 0)	#ff4500
黄系 11色
Gold (ゴールド) rgb(255, 215, 0)	#ffd700
Yellow (イエロー) rgb(255, 255, 0)	#ffff00
LightYellow (ライトイエロー) rgb(255, 255, 224)	#ffffe0
LemonChiffon (レモンシフォン) rgb(255, 250, 205)	#fffacd
LightGoldenRodYellow (ライトゴールデンロッドイエロー) rgb(250, 250, 210)	#fafad2
PapayaWhip (パパヤホィップ) rgb(255, 239, 213)	#ffefd5
Moccasin (モカシン) rgb(255, 228, 181)	#ffe4b5
PeachPuff (ピーチパフ) rgb(255, 218, 185)	#ffdab9
PaleGoldenRod (ペイルゴールデンロッド) rgb(238, 232, 170)	#eee8aa
Khaki (カーキ) rgb(240, 230, 140)	#f0e68c
DarkKhaki (ダークカーキ) rgb(189, 183, 107)	#bdb76b
緑系 22色
GreenYellow (グリーンイエロー) rgb(173, 255, 47)	#adff2f
Chartreuse (シャルトリューズ) rgb(127, 255, 0)	#7fff00
LawnGreen (ローングリーン) rgb(124, 252, 0)	#7cfc00
Lime (ライム) rgb(0, 255, 0)	#00ff00
LimeGreen (ライムグリーン) rgb(50, 205, 50)	#32cd32
PaleGreen (ペイルグリーン) rgb(152,251,152)	#98fb98
LightGreen (ライトグリーン) rgb(144, 238, 144)	#90ee90
MediumSpringGreen (ミディアムスプリンググリーン) rgb(0, 250, 154)	#00fa9a
SpringGreen (スプリンググリーン) rgb(0, 255, 127)	#00ff7f
MediumSeaGreen (ミディアムシーグリーン) rgb(60, 179, 113)	#3cb371
SeaGreen (シーグリーン) rgb(46,139, 87)	#2e8b57
ForestGreen (フォレストグリーン) rgb(34, 139, 34)	#228b22
Green (グリーン) rgb(0, 128, 0)	#008000
DarkGreen (ダークグリーン) rgb(0, 100, 0)	#006400
YellowGreen (イエローグリーン) rgb(154, 205, 50)	#9acd32
OliveDrab (オリーブドラブ) rgb(107, 142, 35)	#6b8e23
DarkOliveGreen (ダークオリーブグリーン) rgb(85, 107, 47)	#556b2f
MediumAquaMarine (ミディアムアクアマリン) rgb(102, 205, 170)	#66cdaa
DarkSeaGreen (ダークシーグリーン) rgb(143, 188, 143)	#8fbc8f
LightSeaGreen (ライトシーグリーン) rgb(32, 178, 170)	#20b2aa
DarkCyan (ダークシアン) rgb(0, 139, 139)	#008b8b
Teal (ティール) rgb(0, 128, 128)	#008080
青系 16色
CadetBlue (カデットブルー) rgb(95, 158, 160)	#5f9ea0
SteelBlue (スティールブルー) rgb(70, 130, 180)	#4682b4
LightSteelBlue (ライトスティールブルー) rgb(176, 196, 222)	#b0c4de
LightBlue (ライトブルー) rgb(173, 216, 230)	#add8e6
PowderBlue (パウダーブルー) rgb(176, 224, 230)	#b0e0e6
LightSkyBlue (ライトスカイブルー) rgb(135, 206, 250)	#87cefa
SkyBlue (スカイブルー) rgb(135, 206, 235)	#87ceeb
CornflowerBlue (コーンフラワーブルー) rgb(100, 149, 237)	#6495ed
DeepSkyBlue (ディープスカイブルー) rgb(0, 191, 255)	#00bfff
DodgerBlue (ドジャーブルー) rgb(30, 144, 255)	#1e90ff
RoyalBlue (ロイヤルブルー) rgb(65, 105, 225)	#4169e1
Blue (ブルー) rgb(0, 0, 255)	#0000ff
MediumBlue (ミディアムブルー) rgb(0, 0, 205)	#0000cd
DarkBlue (ダークブルー) rgb(0, 0, 139)	#00008b
Navy (ネイビー) rgb(0, 0, 128)	#000080
MidnightBlue (ミッドナイトブルー) rgb(25, 25, 112)	#191970
シアン系 8色
Aquq (アクア) *シアンと同色 rgb(0, 255, 255)	#00ffff
Cyan (シアン) *アクアと同色 rgb(0, 255, 255)	#00ffff
LightCyan (ライトシアン) rgb(224, 255, 255)	#e0ffff
PaleTurquoise (ペイルターコイズ) rgb(175, 238, 238)	#afeeee
Aquamarine (アクアマリン) rgb(127, 255, 212)	#7fffd4
Turquoise (ターコイズ) rgb(64, 224, 208)	#40e0d0
MediumTurquoise (ミディアムターコイズ) rgb(72, 209, 204)	#48d1cc
DarkTurquoise (ダークターコイズ) rgb(0, 206, 209)	#00ced1
紫系 19色
Lavender (ラベンダー) rgb(230, 230, 250)	#e6e6fa
Thistle (シスル) rgb(216, 191, 216)	#d8bfd8
Plum (プラム) rgb(221, 160, 221)	#dda0dd
Orchid (オーキッド) rgb(218, 112, 214)	#da70d6
Violet (バイオレット) rgb(238, 130, 238)	#ee82ee
Fuchsia (フューシャ) *マジェンタと同色 rgb(255, 0, 255)	#ff00ff
Magenta (マジェンタ) *フューシャと同色 rgb(255, 0, 255)	#ff00ff
MediumOrchid (ミディアムオーキッド) rgb(186, 85, 211)	#ba55d3
DarkOrchid (ダークオーキッド) rgb(153, 50, 204)	#9932cc
DarkViolet (ダークバイオレット) rgb(148, 0, 211)	#9400d3
BlueViolet (ブルーバイオレット) rgb(138, 43, 226)	#8a2be2
DarkMagenta (ダークマジェンタ) rgb(139, 0, 139)	#8b008b
Purple (パープル) rgb(128, 0, 128)	#800080
MediumPurple (ミディアムパープル) rgb(147, 112, 219)	#9370db
MediumSlateBlue (ミディアムスレートブルー) rgb(123, 104, 238)	#7b68ee
SlateBlue (スレートブルー) rgb(106, 90, 205)	#6a5acd
DarkSlateBlue (ダークスレートブルー) rgb(72, 61, 139)	#483d8b
Indigo (インディゴ) rgb(75, 0, 130)	#4b0082
ピンク系 6色
Pink (ピンク) rgb(255, 192, 203)	#ffc0cb
LightPink (ライトピンク) rgb(255, 182, 193)	#ffb6c1
HotPink (ホットピンク) rgb(255, 105, 180)	#ff69b4
DeepPink (ディープピンク) rgb(255, 20, 147)	#ff1493
PaleVioletRed (ペイルバイオレットレッド) rgb(219, 112, 147)	#db7093
MediumVioletRed (ミディアムバイオレットレッド) rgb(199, 21, 133)	#c71585
茶系 18色
Cornsilk (コーンシルク) rgb(255, 248, 220)	#fff8dc
BlanchedAlmond (ブランチドアーモンド) rgb(255, 235, 205)	#ffebcd
Bisque (ビスク) rgb(255, 228, 196)	#ffe4c4
NavajoWhite (ナバホホワイト) rgb(255, 222, 173)	#ffdead
Wheat (ウィート) rgb(245, 222, 179)	#f5deb3
BurlyWood (バーリーウッド) rgb(222, 184, 135)	#deb887
Tan (タン) rgb(210, 180, 140)	#d2b48c
RosyBrown (ロージーブラウン) rgb(188, 143, 143)	#bc8f8f
SandyBrown (サンディブラウン) rgb(244, 164, 96)	#f4a460
GoldenRod (ゴールデンロッド) rgb(218, 165, 32)	#daa520
DarkGoldenRod (ダークゴールデンロッド) rgb(184, 134, 11)	#b8860b
Peru (ペルー) rgb(205, 133, 63)	#cd853f
Chocolate (チョコレート) rgb(210, 105, 30)	#d2691e
Olive (オリーブ) rgb(128, 128, 0)	#808000
SaddleBrown (サドルブラウン) rgb(139, 69, 19)	#8b4513
Sienna (シエナ) rgb(160, 82, 45)	#a0522d
Brown (ブラウン) rgb(165, 42, 42)	#a52a2a
Maroon (マルーン) rgb(128, 0, 0)	#800000
白系 17色
White (ホワイト) rgb(255, 255, 255)	#ffffff
Snow (スノウ) rgb(255, 250, 250)	#fffafa
HoneyDew (ハニーデュー) rgb(240, 255, 240)	#f0fff0
MintCream (ミントクリーム) rgb(245, 255, 250)	#f5fffa
Azure (アジュール) rgb(240, 255, 255)	#f0ffff
AliceBlue (アリスブルー) rgb(240, 248, 255)	#f0f8ff
GhostWhite (ゴーストホワイト) rgb(248, 248, 255)	#f8f8ff
WhiteSmoke (ホワイトスモーク) rgb(245, 245, 245)	#f5f5f5
SeaShell (シーシェル) rgb(255, 245, 238)	#fff5ee
Beige (ベージュ) rgb(245, 245, 220)	#f5f5dc
OldLace (オールドレース) rgb(253, 245, 230)	#fdf5e6
FloralWhite (フローラルホワイト) rgb(255, 250, 240)	#fffaf0
Ivory (アイボリー) rgb(255, 255, 240)	#fffff0
AntiqueWhite (アンティークホワイト) rgb(250, 235, 215)	#faebd7
Linen (リネン) rgb(250, 240, 230)	#faf0e6
LavenderBlush (ラベンダーブラッシュ) rgb(255, 240, 245)	#fff0f5
MistyRose (ミスティローズ) rgb(255, 228, 225)	#ffe4e1
グレー系 10色
Gainsboro (ゲインズボロ) rgb(220, 220, 220)	#dcdcdc
LightGray (ライトグレー) rgb(211, 211, 211)	#d3d3d3
Silver (シルバー) rgb(192, 192, 192)	#c0c0c0
DarkGray (ダークグレー) rgb(169, 169, 169)	#a9a9a9
DimGray (ディムグレー) rgb(105, 105, 105)	#696969
Gray (グレー) rgb(128, 128, 128)	#808080
LightSlateGray (ライトスレートグレー) rgb(119, 136, 153)	#778899
SlateGray (スレートグレー) rgb(112, 128, 144)	#708090
DarkSlateGray (ダークスレートグレー) rgb(47, 79, 79)	#2f4f4f
Black (ブラック) rgb(0, 0, 0)	#000000