@charset "utf-8";


body {
 background-color: #FCFCFC;
 margin: 0px;
 padding: 0px;
 text-align:center;
 font-family: sans-serif ;
 -webkit-text-size-adjust: 100%;
}

.tjp {
 font-family:"メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size: 40px;
 color: blue;
}

.tch{
 font-family: SimHei,SimSun;
 font-size: 40px;
 color: green;
}

.jpn {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:20px;
 color:blue;
 text-align:center;
 line-height:2px;
}

.jpn_m {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:20px;
 color:blue;
 text-align:right;
 line-height:2px;
}

.chn {
 font-family: SimHei,SimSun;
 font-size:20px;
 color:green;
 text-align: center;
 line-height:2px;
}

.jpn_s {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:28px;
 color: blue;
 text-align:left;
 margin-left: 100px;
}

.chn_s {
 font-family: SimHei,SimSun;
 font-size:28px;
 color: green;
 text-align:left;
 margin-left: 100px;
}

.jpn_r {
 font-family:"メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size: 24px;
 color: red;
 line-height: 24px;
 margin-bottom: 10px;
}

.jpn_note {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:18px;
 color:black;
 line-height: 20px;
 margin: 0px;
}

#container {
 width: 1100px;
 margin-top: 0px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: 0px;
}

/* ウエルカム メッセージ */
#boxa {
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 5%;
 text-align: left;
 line-height: 5px;
}

/* サブドメイン リンク */
#boxb {
 width:750px;
 display: flex;
 justify-content: space-between;
 /*　align-items: center;　*/
 margin-top: 0px;
 margin-left: 10%;
 margin-right: 10%;
 margin-bottom: 0px;
 padding-top: 20px;
 padding-bottom: 0px;
 padding-left: 5%;
 padding-right:5%;
 text-align: left;
 background: #F5F5F5;
}

/* ホームページ全体情報・更新情報　*/

main{
 width: 850px;
 margin-top: 0px;
 margin-left: 15%;
 margin-right: 15%;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 7%;
 text-align: left;
}

h1{
 font-family:"メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:16px;
 color:green;
 line-height: 18px;
}

 input {
 border: solid 1px #333;
}

button {
 margin: 10px 0;
}

dl{
	margin-top: 0px;
	margin-bottom: 0px
}

dt{
 font-family:"メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size:16px;
 color:black;
 line-height: 18px;
 margin-left: 20px;
}

/*　更新履歴テーブル　*/

table {
 border: none;
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size: 16px;
 margin-top: 10px;
}

th,td {
 padding-top: 0px
 padding-bottom: 0px;
 font-weight: normal;
 line-height: 16px;
}

th {
 width: 140px;
 text-align: left;
 padding-left: 10px;
}

td {
 width: 700px;
 text-align: left;
 padding-left: 5px;
}

caption {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-weight: bold;
 text-decoration: underline;
 font-size: 30px;
 text-align: left;
 color: blue;
}

select {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 14px;
	color: blue;
}


/*　動画ショートカット　*/

.pdm {							　/*　ショートカット透明テキスト　*/
	position: relative;
	cursor: pointer;
	padding: 0px;				/*　透明テキストの上下左右のpadding　0px　*/
	margin: 0px;
	font-size: 50px;
	line-height: 1em;
}

.pdm_value {
	width: 20em;					/*　バルーン幅　*/
	position: absolute;
	top: 100%;						/*　100%停止　*/
	left: -40px;					/*　バルーン横位置　pdmテキストの左からのpxで指定　*/
	margin-top: -10px;				/*　透明テキストbox上端とpdmとの縦の距離　*/
	font-size: 14px;				/*　プルダウンメニューの透明背景　*/
	line-height: 1em;				/*　プルダウンメニューのラインハイト　*/
	text-align: left;				/*　プルダウンメニュー寄せ方向　*/
	visibility: hidden;				/*　プルダウンメニューをhoverまで非表示　*/
	opacity: 0;						/*　プルダウンメニュー自体を　0で完全に透明化　*/
	z-index: 1;						/*　プルダウンメニューがpdmの上に重なる　*/
	transition: 0.5s all;			/*　　hover時0.5sかけてアニメーションする　*/
}
.tooltip:hover .pdm_value {			/*　マウスオーバー時の動作指定　*/
	top: 100%;						/*　マウスオーバー時の縦方向の位置　　*/
	visibility: visible;			/*　マウスオーバー時にpdmプルダウンメニューを表示させる　*/
	opacity: 1;						/*　マウスオーバー時透明ゼロ　*/
}
#onclickarea:hover .pdm_value {
	top: 100%;
	visibility: visible;
	opacity: 1;
}