@charset 'utf-8';

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video,button,input[type=submit],input[type=button]{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html{
	font-size: 62.5%;
	height: 100%;
	overflow: auto;
	background-color: #e0f0e0;
	/*background-color: #cc8888;*/
}

body{
	margin: 0 3%;
	min-height: 100%;
	line-height: 1.4;
	background-color: inherit;
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.4rem;
	height: 100%;
	-webkit-text-size-adjust: none;
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}
a:visited{}

/* Container, Chararea */
/* PC */
img{
	display: block;
	margin: 0 auto;
	width: 70%;
	height: auto;
}

div.container{
	width: 60%;
	margin: 0 auto;
	padding: 0;
	background-color: rgb(246,250,240);
	border: 0px solid #ff0000;
}

/* Mobile */
@media (max-width: 767px){
	div.container{
		width: 100%;
		max-idth: 100%;
	}
}

div.container img{
	width: 100%;
}

div.chararea{
	/*border: #ff0000 solid 2px;*/
	margin: 15px;
	color: #003300;
}
@media (max-width: 767px){
	div.chararea{
		margin: 5px;
	}
}

div.mainArea{
	/*border: #0000ff solid 2px;*/
	margin: 25px 0;
}


/* KgName, Logo, PhaseTitle */
div.divWrapperKgNameLogo{
	/*border: #ff0000 solid 2px;*/
	width: 100%;
	margin: 10px auto 10px auto;
}
span.spanCCG{
	/*border: #ff0000 solid 2px;*/
	font-weight: bold;
	font-size: 0.7em;
	color: #006400;
}
div.divKgName{
	/*border: #ff0000 solid 2px;*/
	width: 7.5em;
	float: left;
	margin-right: auto;
	text-align: left;
	font-weight: bold;
	font-size: 1.0em;
	color: #006400;
}
button.buttonLogout{
	width: 6em;
	float: right;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	/*background-color: #fa8072;*/
	background-color: #aaaaaa;
}

div.divLogo{
	/*border: #ff0000 solid 2px;*/
	width: 20em;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #006400;
}

div.divPhaseTitle{
	/*border: #00ff00 solid 2px;*/
	margin: 10px auto 25px auto;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	color: #006400;
}


/* Form Items */
div.formitem{
	margin: 35px 0;
}


/* input */
input[type=text], input[type=password], input[type=email], input[type=tel]{
	size: 32;
	width: 50%;
	height: 28px;
	font-size: 1em;
	color: #222255;
}
@media(max-width:768px){
	input[type=text], input[type=password], input[type=email], input[type=tel]{
		width: 75%;
	}
}

select{
	width: 50%;
	height: 28px;
	font-size: 1em;
	color: #222255;
	background-color: #ffffff;
}

@media (max-width: 768px){
	select{
		width: 80%;
	}
}

textarea.tarea{
	font-size: 1em;
	margin: 0;
	max-width: 100%;
	width: 30em;
	height: 6em !important;
	line-height: 1.5em;
	color: #222255;
}


div.clearboth{
	clear: both;
}


/* font-size, font-weight, color */
.bold08{
	font-weight: bold;
	font-size: 0.9em;
}

.bold09{
	font-weight: bold;
	font-size: 0.9em;
}

.bold10{
	font-weight: bold;
	font-size: 1.0em;
}

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

.bold12{
	font-weight: bold;
	font-size: 1.2em;
}

.lighter09{
	font-weight: lighter;
	font-size: 0.9em;
	color: #666666;
}

.lighter08{
	font-weight: lighter;
	font-size: 0.8em;
	color: #666666;
}

.lighter07{
	font-weight: lighter;
	font-size: 0.7em;
	color: #993333;
}

.red{color: #ff0000;}
.pink{color: #ffc0cb;}
.palevioletred{color: #db7093;}



/* hr */
hr.hrAccEvents{
	margin: 0;
	height: 10px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
}

hr.hrUserInfo{
	margin: 0;
	height: 4px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
	background-color: #ee9999;
	color: #ffb6c1;
}

hr.hrChildInfo{
	margin: 0;
	height: 4px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
	background-color: #40e0d0;
	color: #ffb6c1;
}

hr.hrReservation{
	margin: 0;
	height: 5px;
	border: 1px;
}

/*
hr.hrBeginUserInfo{
	height: 6px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
	background-color: #006400;
	color: #ffb6c1;
}
*/

div.divTitleUserInfo{
	margin: 20px auto 0 auto;
	font-weight: bold;
	font-size: 0.9em;
}
div.divUserInfo{
	/*border: #990000 solid 2px;*/
	margin-right: auto;
	width: 100%;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

div.divWrapperbuttonsUserInfo{
	/*border: #009900 solid 2px;*/
	width: 100%;
	margin: 10px auto;
}
button.buttonChangePw{
	width: 8em;
	hight: 2.5em;
	margin-right: auto;
	float: left;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #ffb6c1;
}
button.buttonModifyUserInfo{
	width: 6em;
	hight: 2.5em;
	margin-left: auto;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #dda0dd;
}


div.divTitleChildrenReservationsInfo{
	/*border: #000099 solid 1px;*/
	margin: 20px 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
}
div.divWrapperDivChildInfo{
	width: 100%;
	margin: 10px auto;
}
div.divChildInfo{
	margin-right: auto;
	float: left;
	width: 80%;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}
button.buttonModifyChildInfo{
	width: 5em;
	hight: 2.8em;
	margin-left: auto;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #dda0dd;
}


div.divWrapperDivReservationInfo{
	width: 100%;
	margin: 10px auto;
}
div.divReservationInfo{
	/*border: #00ff00 solid 2px;*/
	width: 90%;
	margin-right: auto;
	float: left;
	text-align: left;
	font-weight: bold;
	font-size: 1.0em;
	/*color: #666666;*/
}
div.divReservationInfo.hw{color: #ff69b4;}
div.divReservationInfo.il{color: #4169e1;}
div.divReservationInfo.prog2{color: #ff8c00;}
div.divReservationInfo.prog3{color: #3cb371;}
button.buttonConfirmDeleteReservation{
	width: 1.3em;
	hight: 2em;
	margin-left: auto;
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #db7093;
}

div.divWrapperButtonReserve{
	width: 100%;
	margin: auto;
}
button.buttonReserve{
	margin: 7px;
	float: left;
	width: 90px;
	height: 40px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}
button.buttonReserve.hw{background-color: #ff69b4;}
button.buttonReserve.il{background-color: #4169e1;}
button.buttonReserve.prog2{	background-color: #ff8c00;}
button.buttonReserve.prog3{background-color: #3cb371;}

div.divWrapperButtonAddChildInfo{
	/*border: #00ff00 solid 2px;*/
	width: 100%;
	margin: 10px auto;
}
button.buttonAddChildinfo{
	/*border: #0000ff solid 2px;*/
	width: 10em;
	hight: 3.4em;
	/*margin-left: auto;
	margin-right: 0;*/
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #339966;
}


.boldwhite08{
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
}


div.divMsgReservationInfo{
	font-weight: bold;
	font-size: 0.9em;
	color: #888888;
}


/* Button */
button.buttonFull{
	width: 100%;
	height: 1.8em;
	font-size: 1.2em;
	color: #ffffff;
}
button.buttonFull.submitQuery{background-color: #339966;}
button.buttonFull.grayOut{
	background-color: #eeeeee;
}

button.buttonFull.login{background-color: #339966;}
button.buttonFull.regEmail{background-color: #339966;}
button.buttonFull.setSampleValues{background-color: #9999ee;}
button.buttonFull.etc{background-color: #c37644;}

div.divWrapperButtonSendUrlToResetPw{
	width: 100%;
	margin: auto;
}
button.buttonConfirmSendUrlToRestPw{
	width: 13em;
	hight: 1.2em;
	margin-left: auto;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #fd92b5;
}


div.divWrapperButtonBack{
	width: 100%;
	margin: 30px 0 15px 0;
}
div.divUserName{
	margin-right: auto;
	float: left;
	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	color: #006400;
}
div.divButtonBack{
	margin-left: auto;
	float: right;
}
button.buttonBack{
	width: 3em;
	height: 1.3em;
	text-align: center;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #fa8072;
}

div.divWrapperButtonDeleteChildInfo{
	width: 100%;
	margin: 0;
}
button.buttonConfirmDeleteChild{
	width: 10em;
	height: 1.5em;
	margin-left: auto;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #dda0dd;
}

/* Available Events */
div.divWrapperDivAvailableEventsTitle{
	width: 100%;
	margin: 10px auto;
}
div.divAvailableEventsTitle{
	/*border: #990000 solid 2px;*/
	margin-right: auto;
	float: left;
	width: 85%;
	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	color: #339966;
}
button.buttonRefreshAvailableEvents{
	/*width: 6em;*/
	/*hight: 2.5em;*/
	margin-left: auto;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	background-color: transparent;
}

/* Cat */
div.divCatName{
	font-weight: bold;
	font-size: 1.1em;
}
div.divCatName.hw{color: #ff69b4;}
div.divCatName.il{color: #4169e1;}
div.divCatName.prog2{color: #ff8c00;}
div.divCatName.prog3{color: #3cb371;}

/* Available or Not */
div.divAvailableEvents{
	font-weight: bold;
	font-size: 0.9em;
}
div.divAvailableEvents.hw{color: #ff69b4;}
div.divAvailableEvents.il{color: #4169e1;}
div.divAvailableEvents.prog2{color: #ff8c00;}
div.divAvailableEvents.prog3{color: #3cb371;}

div.divSoldOut{
	font-weight: lighter;
	font-size: 0.9em;
	color: #bbbbbb;
}

/* Areas */
div.divNewsArea{
	/*border: #990000 solid 2px;*/
}
div.divReportArea{
	/*border: #990000 solid 2px;*/
	margin: 10px auto;
	font-weight: bold;
	font-size: 0.9em;
	color: 9999ee;
}
div.divHeaderArea{
	/*border: #990000 solid 2px;*/
	font-weight: bold;
	font-size: 0.9em;
	color: ee9999;
}
div.divMainArea{
	/*border: #009900 solid 2px;*/
}
div.divButtonArea{
	/*border: #000099 solid 2px;*/
}
div.divFooterArea{
	margin: 15px ato
	/*border: #990000 solid 2px;*/
}




/* Privacy Policy */
div.ppTopTitle{
	/*border: #ff0000 solid 2px;*/
  margin: 10px auto;
  font-weight: bold;
  font-size: 1.2em;
}
div.ppSubTitle{
	/*border: #0000ff solid 2px;*/
  margin: 20px 5px 2px 5px;
  font-weight: bold;
  font-size: 1.1em;
}
div.ppStatement{
  margin: 0 5px;
  font-weight: normal;
  font-size: 1.0em;
}

ul.ppUl01{
	margin: 0 20px;
}

span.ppNote01{
	font-size: 50%;
	color: red;
	vertical-align: top;
	position: relative;
	top: 0.1em;
}

table.ppTable01{
	margin: 40px auto;
	width: 92%;
}

td.ppTd01{
	white-space: nowrap;
	width: 25px;
	text-align: right;
}

hr.ppHr01{
	margin: 0;
	height: 10px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
}



/* 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