/* Mobile版と PC版で共通の base.css の class を、ここにまとめる。 */
@charset "utf-8";/* 文字化け防止 */
/*■■■■■■■■基本■■■■■■■■*/
html {
	height			: 100%;
	margin			: 0;
	padding			: 0;
}
body{
	margin			: 0;
	padding			: 0;
	background-color	: #ffffff;	/* body 背景色 E5E4C1*/
	color			: #50443C;
	vertical-align		: top;
	text-align		: left;
}
img{
	border			: 0;		/* img 境界なし */
	vertical-align		: middle;	/* 初期値がベースライン（vertical-align: baseline;）に設定されているため、こうしないと img 下部に余白ができ、諸々バグる。top; でも border-radius がバグる */
}
a{
	text-decoration		: none;
}
/*■■■■■■■■frame 作成■■■■■■■■*/
body, .frame_boxCal{
	box-sizing		: border-box;/* 要素の全体の幅と高さをどのように計算するのか。border-box は CSS 標準で規定されている初期値および既定値 */
	-moz-box-sizing		: border-box;/* -moz- はプレフィックス。 */
	height			: 100%;
	overflow		: auto;/* 要素のオーバーフロー時の動作。つまり、要素の内容が多すぎてブロック整形コンテキストに収まらない場合の望ましい動作 */
}
#frame_Menu{/*メニュー・フレーム*/
	float			: left;/* 包含ブロックの左右どちらかの側に沿うか。 */
	width			: 224px;
}
#frame_Contents{/*メニュー・コンテンツ*/
	background-color	: #fffdf9;				/* body 背景色 262670 */
	/*
	background-image	: url(../image/Base/0_bg_PC.png);	/* body 背景画像 */
	/*background-repeat	: repeat-y;				/* body 背景画像をリピート */
	*/
	min-height		: 100%;
}
/*■■■■■■■■ページ説明　※PC, Mobile で共通。■■■■■■■■*/
/*table.explainPage_topPage{/*トップページ*/
/*	border-color		: #8888aa;
	background-color	: #ddddff;
	color			: #000099;
}
table.explainPage_normal{/*通常*/
/*	border-color		: #88aa88;
	background-color	: #ddffdd;
	color			: #009900;
}
table.explainPage_hSystem{/*Ｈシステム*/
/*	border-color		: #aa8888;
	background-color	: #ffdddd;
	color			: #990000;
}
/*■■■■■■■■common_itemName：項目名■■■■■■■■*/
/*table.itemNameBar{
	border-spacing		: 0;
}
/*■■■■■■■■テーブル表現（pattern1）■■■■■■■■*/
/*tbody.table_pat1 > tr:nth-of-type(even) {
	background-color	: rgb(237 238 242);
}
thead.table_pat1,
tfoot.table_pat1{
	background-color	: rgb(228 240 245);
}
/*■■■■■■■■テーブル表現（pattern2）■■■■■■■■*/
/*th.table_pat2_colorGrey{
	background-color	: rgb(230 230 230);
}
th.table_pat2_colorProhibited{
	color			: #ffffff;
	background-color	: #ff0033;
}
th.table_pat2_colorYellow{
	color			: #847F3B;
	background-color	: #F9F06F;
}
th.table_pat2_colorGreen{
	color			: #536B51;
	background-color	: #A2D29E;
}
td.table_pat2{
	background-color	: #ffffff;
}
td.table_pat2_hidden{
	background-color	: #000000;
	color			: #000000;
}
/*■■■■■■■■リスト表現（pattern1）■■■■■■■■*/
/*ul.list_pat1 > li:nth-of-type(odd){
	color			: blue;/*khaki*/
/*}
ul.list_pat1 > li:nth-of-type(even){
	color			: skyblue;
}
/*■■■■■■■■キャラクター紹介■■■■■■■■*/
/*div.introduceCharacter_complexBox{
	display			: flex;/* 中身をflexboxとして配置する */
/*	align-items		: center;/* display:flex での縦中央寄せ */
/*}
div.introduceCharacter_complexBox:nth-child(2n+1) { flex-direction: row; }         /* 奇数番目は左から右へ並べる */
/*div.introduceCharacter_complexBox:nth-child(2n  ) { flex-direction: row-reverse; } /* 偶数番目は右から左へ並べる */
/*div.introduceCharacter_text_colorFifth{
	background-color	: #f7d7f7;
	color			: #111111;/*親から色を継承する*/
/*}
div.introduceCharacter_text_colorWhite{
	background-color	: #e8e8e8;
	color			: #111111;/*親から色を継承する*/
/*}
div.introduceCharacter_text_colorGreen{
	background-color	: #c9f7c8;
	color			: #111111;/*親から色を継承する*/
/*}
div.introduceCharacter_text_colorYellow{
	background-color	: #fce392;
	color			: #111111;/*親から色を継承する*/
/*}
div.introduceCharacter_text_colorBlue{
	background-color	: #c9d5ff;
	color			: #111111;/*親から色を継承する*/
/*}
div.introduceCharacter_text_colorRed{
	background-color	: #ffc1aa;
	color			: #111111;/*親から色を継承する*/
/*}
img.introduceCharacter_img{
	border-radius		: 50%;
}
/*■■■■■■■■マーカー表現■■■■■■■■*/
/*span.highlighter_yellow{
	background		:linear-gradient(transparent 60%, #FFEE00 60%);
}
span.highlighter_blue{
	background		:linear-gradient(transparent 60%, #6cf 60%);
}
span.highlighter_green{
	background		:linear-gradient(transparent 60%, #6f6 60%);
}
span.highlighter_red{
	background		:linear-gradient(transparent 60%, #f8c 60%);
}
span.highlighter_orange{
	background		:linear-gradient(transparent 60%, #ff9933 60%);
}






/*■■■■■■■■link：リンク文章■■■■■■■■*/
/*font.link0{/*通常リンク*/
/*	text-decoration		: underline;
	font-weight		: normal;
	color			: #4748ff;
}
/*■■■■■■■■bold：文字列の強調■■■■■■■■*/
/*strong.pinkNormal{
	font-weight		: normal;
	color			: #FF5273;
}
strong.redNormal{
	font-weight		: normal;
	color			: #ee0000;
}
strong.greenNormal{
	font-weight		: normal;
	color			: #00aa00;
}
strong.orangeNormal{
	font-weight		: normal;
	color			: #dd7700;
}
strong.yellowNormal{
	font-weight		: normal;
	color			: #cca600;
}
strong.blueNormal{
	font-weight		: normal;
	color			: #0077FF;
}
strong.greyNormal{
	font-weight		: normal;
	color			: #A7A7A7;
}

/*■■■■■■■■small：文字列の縮小■■■■■■■■*/
/*font.small_pat1{
	font-size		: 80%;
}
*/