@charset "utf-8";


/* body部 */
.body {
	background-color: #FFFFCC;
	font-family: "メイリオ", sans-serif;
	font-size: x-large;
}

/* footer部 */
.footer {
	background-color: #FFFFCC;
}


/* ---------------------------------------------------------------------------------------------- */
/* div
/* ---------------------------------------------------------------------------------------------- */

/* body部の一番外側のボックス */
.div-body {
	width: 1200px;
	height: 1870px;
	margin: 0 auto;
}

/* body部のタイトルのボックス */
.div-Title {
	height: 180px;
	margin: 0 auto;
	text-align: center;
}

/* 「サイズ」のボックス */
.div-Size {
	float: left;
	width: 40%;
	height: 300px;
}

/* サイズ内タイトルのボックス */
.div-SizeTitle {
	height: 60px;
}

/* サイズ内A4縦ラジオボタンのボックス */
.div-SizeA4Rdo {
	float: left;
	width: 38%;
	height: 30px;
	padding-left: 2%;
}

/* サイズ内A3横ラジオボタンのボックス */
.div-SizeA3Rdo {
	float: right;
	width: 58%;
	height: 30px;
	padding-left: 2%;
}

/* サイズ内A4縦イメージのボックス */
.div-SizeA4Img {
	float: left;
	width: 38%;
	height: 210px;
	padding-left: 2%;
	line-height: 0;
}

/* サイズ内A3横イメージのボックス */
.div-SizeA3Img {
	float: right;
	width: 58%;
	height: 210px;
	padding-left: 2%;
	line-height: 0;
}
	
/* 「プレビューエリア」のボックス */
.div-Preview {
	float: right;
	width: 60%;
	height: 600px;
}

/* 「通信のタイトル」のボックス */
.div-Comm {
	float: left;
	width: 40%;
	height: 300px;
}

/* 通信のタイトル内タイトルのボックス */
.div-CommTitle {
	height: 40px;
}

/* 通信のタイトル内ACS通信ラジオボタンのボックス */
.div-CommACSRdo {
	float: left;
	width: 30%;
	height: 30px;
	padding-left: 2%;
}

/* 通信のタイトル内入力するラジオボタンのボックス */
.div-CommInputRdo {
	float: right;
	width: 66%;
	height: 30px;
	padding-left: 2%;
}

/* 通信のタイトル内ブランク */
.div-CommInputTxtBlank {
	float: left;
	width: 32%;
	height: 50px;
}

/* 通信のタイトル内テキストボックス */
.div-CommInputTxt {
	float: right;
	width: 66%;
	height: 50px;
	padding-left: 2%;
}

/* 通信のタイトル内学校名タイトルのボックス */
.div-CommGakkoTitle {
	float: left;
	width: 22%;
	height: 42px;
	padding-top: 8px;
}

/* 通信のタイトル内学校名テキストのボックス */
.div-CommGakkoTxt {
	float: right;
	width: 76%;
	height: 50px;
	padding-left: 2%;
}

/* 通信のタイトル内学級名タイトルのボックス */
.div-CommGakkyuTitle {
	float: left;
	width: 22%;
	height: 42px;
	padding-top: 8px;
}

/* 通信のタイトル内学級名テキストのボックス */
.div-CommGakkyuTxt {
	float: right;
	width: 76%;
	height: 50px;
	padding-left: 2%;
}

/* 通信のタイトル内発行日タイトルのボックス */
.div-CommHakkobiTitle {
	float: left;
	width: 22%;
	height: 42px;
	padding-top: 8px;
}

/* 通信のタイトル内発行日テキストのボックス */
.div-CommHakkobiTxt {
	float: left;
	width: 11%;
	height: 50px;
	padding-left: 2%;
}

/* 通信のタイトル内発行日タイトルのボックス */
.div-CommHakkobiLabel {
	float: left;
	width: 11%;
	height: 42px;
	padding-top: 8px;
	padding-left: 2%;
}

/* サムネイル */
.div-Thumb {
	clear: both;
	width: 100%;
	height: 320px;
	border-width: 1px;
	border-color: #a9a9a9;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-bottom: 20px;
}

/* サムネイル内説明のボックス */
.div-ThumbInfo {
	height: 20px;
}

/* 「掲載記事」のボックス */
.div-News {
	float: left;
	width: 30%;
	height: 130px;	/* 要素の高さ合計+20px(下余白) */
}

/* 掲載記事内タイトルのボックス */
.div-NewsTitle {
	height: 42px;
	padding-top: 8px;
}

/* 掲載記事内左側ラジオボタンのボックス */
.div-NewsLeftRdo {
	float: left;
	width: 30%;
	height: 30px;
	padding-left: 2%;
}

/* 掲載記事内右側ラジオボタンのボックス */
.div-NewsRightRdo {
	float: right;
	width: 66%;
	height: 30px;
	padding-left: 2%;
}

/* 「カレンダー」のボックス */
.div-Calendar {
	float: right;
	width: 66%;
	height: 130px;	/* 要素の高さ合計+20px(下余白) */
}

/* カレンダー内タイトルのボックス */
.div-CalendarTitle {
	height: 42px;
	padding-top: 8px;
}

/* カレンダー内左側 */
.div-CalenderLeft {
	float: left;
	width: 34%;
	height: 125px;
	padding-left: 2%;
}
/* カレンダー内テキストのボックス */
.div-CalendarTxt {
	float: left;
	width: 50px;
	height: 50px;
	padding-left: 2%;
}

/* カレンダー内ラベルのボックス */
.div-CalendarLabel {
	float: left;
	width: 30px;
	height: 46px;
/*	padding-top: 4px;*/
	padding-left: 2%;
}

/* カレンダー内右側 */
.div-CalenderRight {
	float: right;
	width: 61%;
	padding-top: 2%;
	padding-left: 2%;
	height: 110px;
}


/* 「運動遊び」のボックス */
.div-Sports {
	float: right;
	width: 60%;
	height: 370px;	/* 要素の高さ合計+20px(下余白) */
}

/* 運動遊び内タイトルのボックス */
.div-SportsTitle {
	height: 42px;
	padding-top: 8px;
}

/* 運動遊び内左側チェックボックスのボックス */
.div-SportsLeftChk {
	float: left;
	width: 51%;
	height: 30px;
	padding-left: 2%;
}

/* 運動遊び内右側チェックボックスのボックス */
.div-SportsRightChk {
	float: right;
	width: 45%;
	height: 30px;
	padding-left: 2%;
}

/* 「解説・コラムのカテゴリー」のボックス */
.div-Category {
	float: left;
	width: 40%;
	height: 190px;	/* 要素の高さ合計+20px(下余白) */
}

/* 解説・コラムのカテゴリー内タイトルのボックス */
.div-CategoryTitle {
	height: 42px;
	padding-top: 8px;
}

/* 解説・コラムのカテゴリー内左側チェックボックスのボックス */
.div-CategoryLeftChk {
	float: left;
	width: 30%;
	height: 30px;
	padding-left: 2%;
}

/* 解説・コラムのカテゴリー内右側チェックボックスのボックス */
.div-CategoryRightChk {
	float: right;
	width: 66%;
	height: 30px;
	padding-left: 2%;
}

/* 「解説・コラムのキーワード」のボックス */
.div-Keyword {
	float: left;
	width: 40%;
	height: 430px;	/* 要素の高さ合計+20px(下余白) */
}

/* 解説・コラムのキーワード内タイトルのボックス */
.div-KeywordTitle {
	height: 42px;
	padding-top: 8px;
}

/* 解説・コラムのキーワード内左側チェックボックスのボックス */
.div-KeywordLeftChk {
	float: left;
	width: 43%;
	height: 30px;
	padding-left: 2%;
}

/* 解説・コラムのキーワード内右側チェックボックスのボックス */
.div-KeywordRightChk {
	float: right;
	width: 53%;
	height: 30px;
	padding-left: 2%;
}

/* 「解説・コラムのフリーワード検索」のボックス */
.div-Search {
	float: right;
	width: 60%;
	height: 160px;
}

/* 解説・コラムのフリーワード検索内タイトルのボックス */
.div-SearchTitle {
	height: 42px;
	padding-top: 8px;
}

/* 解説・コラムのフリーワード検索内タイトルのボックス */
.div-SearchTxt {
	height: 50px;
}

/* 「ボタン」のボックス */
.div-Button {
	float: right;
	width: 60%;
	height: 150px;
}

/* ボタン内プレビューのボックス */
.div-ButtonPreview {
	float: left;
	width: 50%;
	height: 150px;
}

/* ボタン内PDFのボックス */
.div-ButtonPdf {
	float: right;
	width: 50%;
	height: 150px;
}

/* Footer部の一番外側のボックス */
.div-Footer {
/*	width: 90%;*/
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

/* Footer部内左側のボックス */
.div-FooterLeft {
	float: left;
	width: 50%;
	height: 50px;
	padding-top: 50px;
	text-align: left;
}

/* Footer部内右側のボックス */
.div-FooterRight {
	float: right;
	width: 50%;
	height: 50px;
	padding-top: 50px;
	text-align: right;
}

/* Footer部内３分割左側のボックス */
.div-Footer3DivLeft {
	float: left;
	width: 40%;
	height: 50px;
	padding-top: 50px;
	text-align: left;
}

/* Footer部内３分割中央のボックス */
.div-Footer3DivCenter {
	float: left;
	width: 35%;
	height: 50px;
	padding-top: 50px;
	text-align: left;
}

/* Footer部内３分割右側のボックス */
.div-Footer3DivRight {
	float: right;
	width: 25%;
	height: 50px;
	padding-top: 50px;
	text-align: right;
}

/* 「予定入力ページ」のボックス */
.div-Schejule {
	float: left;
	width: 80%;
	height: 600px;
}

/* 「日付予定入力」のボックス */
.div-inputDaySchejule {
	float: right;
	width: 20%;
	height: 600px;
}

/* 「ボタン」のボックス */
.div-ButtonSchejule {
	float: left;
	width: 80%;
}

/* ボタン内Saveのボックス */
.div-ButtonSave {
	width: 25%;
}

/* ボタン内Saveのボックス */
.div-ButtonDownload {
	width: 25%;
}

/* ボタン内Saveのボックス */
.div-ButtonUpload {
	width: 25%;
}

/* ボタン内relativeのボックス */
.div-ButtonRelative {
	position: relative;
}

/* ---------------------------------------------------------------------------------------------- */
/* タイトル
/* ---------------------------------------------------------------------------------------------- */

/* 各見出しのフォント */
.fnt-Title {
	font-size: x-large;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #ea5550;
}

/* 各説明文のフォント */
.fnt-Info {
	font-size: large;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #1e50a2;
}

/* 各説明文のフォント */
.fnt-InfoSmall {
	font-size: small;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #1e50a2;
}

/* 各説明文のフォント */
.fnt-InfoRed {
	font-size: large;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #ea5550;
}

/* 各説明文のフォント */
.fnt-InfoSchejuleInput {
	font-size: medium;
/*
	font-weight: bold;
	font-family: "meiryo ui", "メイリオ", sans-serif;
*/
	/*color: #f18b92;*/
	color: #000000;
}

/* 各説明文のフォント */
.fnt-InfoSchejuleInputArea {
	font-size: small;
}

/* 各説明文のフォント */
.fnt-InfoSchejuleComment {
	line-height: 0.2em;
	font-size: small;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #1e50a2;
}

/* 各説明文のフォント */
.fnt-InfoUploadDownloadButton {
	line-height: 0.2em;
	font-size: small;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", sans-serif;
	/*color: #f18b92;*/
	color: #1e50a2;
}

/* ---------------------------------------------------------------------------------------------- */
/* img
/* ---------------------------------------------------------------------------------------------- */

/* タイトルの画像 */
.img-Title {
	width: 277px;
	height: 160px;
}

/* サイズの画像 */
.img-Size {
	cursor : pointer;
}

/* サムネイルの画像 元の画像の縮小13% */
.img-Thumb {
	width: 346px;
	height: 224px;
	cursor : pointer;
}

/* フッターACPの画像 */
.img-Acp {
	width: 404px;
	height: 34px;
}

/* フッタースポーツ庁の画像 */
.img-Sportscho {
	width: 300px;
	height: 48px;
}


/* ---------------------------------------------------------------------------------------------- */
/* text
/* ---------------------------------------------------------------------------------------------- */

/* テキストボックスのスタイル */
.txt {
	width: 95%;
	border: 0;
	padding: 2px;
	/*font-size: x-large;*/
	font-family: "メイリオ", sans-serif;
	/*color: #aaa;*/
	color: #000000;
	border: solid 1px #ccc;
	/*margin: 0 0 20px;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
.txt-date {
	width: 90%;
}


/* ---------------------------------------------------------------------------------------------- */
/* radio
/* ---------------------------------------------------------------------------------------------- */

/* カスタムラジオボタン */
.rdo {
	display: none;
}
.rdo + label {
	position: relative;		/* ボックスの位置を指定する */
	padding-left: 30px;
}
.rdo + label::before { 
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
}
.rdo:checked + label { 
	color: #009a9a;
}
.rdo:checked + label::after { 
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #009a9a;
	border-radius: 50%;
}


/* ---------------------------------------------------------------------------------------------- */
/* checkbox
/* ---------------------------------------------------------------------------------------------- */

/* カスタムチェックボックス */
.chk {
	display: none;
}
.chk-parts {
	position: relative;
	padding-left: 27px;
	margin-right: 20px;
}
.chk-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.chk:checked + .chk-parts {
	color: #009a9a;
}
.chk:checked + .chk-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #009a9a;
	border-right: 3px solid #009a9a;
}

/* ---------------------------------------------------------------------------------------------- */
/* imageButton
/* ---------------------------------------------------------------------------------------------- */

/* ボタン */
.imgBtn {
	width: 280px;
	height: 122px;
}

/* ボタン x0.8 */
.imgBtn80 {
	width: 224px;
	height: 98px;
}

/* ボタン x0.5 */
.imgBtn50 {
	width: 140px;
	height: 61px;
}

/* ボタン */
.imgBtnEditFont {
	margin-top: 10px;
	width: 40px;
	height: 25px;
}

/* ボタン */
.imgBtnEditSave {
	width: 144px;
	height: 25px;
}

/* ボタン */
.imgBtnSaveReturn {
	width: 140px;
	height: 50px;
}

/* ボタン */
.imgBtnRelative {
	position: relative;
}

/* ボタン */
.imgBtnSaveOpenBack {
	width: 310px;
	height: 100px;
}

/* ボタン */
.imgBtnSaveOpenSave {
	position: absolute;
	left: 10px;
	top: 60px;
	width: 140px;
	height: 32px;
}

/* ボタン */
.imgBtnSaveOpenOpen {
	position: absolute;
	left: 160px;
	top: 60px;
	width: 140px;
	height: 32px;
}

/* ---------------------------------------------------------------------------------------------- */
/* HtmlBox
/* ---------------------------------------------------------------------------------------------- */
.htmlbox {
	white-space:nowrap;
	line-height:1.6;
/*	overflow:auto;*/
/*	overflow-x:scroll;*/
margin-top: 6px;
height:144px;
width:144px;
border-style:groove;
background-color:white;
spellcheck='false';
color:#000000;
font-size:medium;
}

/* 直接編集用（IE対策） */
.htmlbox p { margin:0; padding:0; }

/* ---------------------------------------------------------------------------------------------- */
/* 印刷プレビュー
/* ---------------------------------------------------------------------------------------------- */
/* 「印刷プレビューエリア」のボックス */
/*.div-Print {
	width: 100%;
	height: 100%;
}*/

/* A4縦のイメージサイズ */
/*.img-PrintA4 {
	width: 868px;
	height: 1228px;
}*/

/* A3横のイメージサイズ */
/*.img-PrintA3 {*/
/*//	width: 420mm;*/
/*	height: 290mm;	/* 7mmマージンを見る（297mmだと2ページにまたがってしまう為） */
/*}*/