/* ----com_01_en.cssー---------------------------------------------------------------------------------------- */ * { color:#000000 ; font-size:1em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif ; line-height:1.6em ; } body { padding:0px 20px 20px 20px ; margin:1px ; border: 1px solid #c0c0c0 ; text-align:center ; background-image:url("../../img/img_bg01.gif") ;} div#contents { margin:20px 20px 20px 20px ; width: 754px ; background-image:url("../../img/img_bg02.gif") ; border: 1px solid #c0c0c0 ; margin:0 auto ; padding:0px ; } /* -ヘッダー---------------------------------------------------------------------------------------------------------------------- */ div#header { padding:2px ;margin:2px ; border: 1px solid #c0c0c0 ;height:64px ; padding:1px 0px 1px 2px ; } div#en_top { position:relative ; top: 1px ; left: 0px ; width:125px ; height:60px ; border: 1px solid #c0c0c0 ; } div#eng_title { position:relative ; top:-61px ; left: 130px ; width:612px ; height:32px ; text-align:center ; font-size:1.2em ; color:#006600 ; font-weight:bold ; border: 1px solid #c0c0c0 ; } div#eng_top { position:relative ; top:-78px ; left: 640px ; width: 0px ; height:23px ; background-image:url("../../img/eng.gif") ; } div#link_box { position:relative ; top:-58px ; left: 65px ; font-size:0.6em ; text-align:center ;vertical-align:middle ; } div#link_let { position:relative ; display: inline-block ; width:117px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_let.gif"); } div#link_Tricks { position:relative ; display: inline-block ; width:117px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_suu.gif"); } div#link_Relativity { position:relative ; display: inline-block ; width:117px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_sou.gif"); } div#link_Commentary { position:relative ; display: inline-block ; width:119px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_ken.gif"); } div#link_Experiments { position:relative ; display: inline-block ; width:119px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_gij.gif"); } div#link_Notes { position:relative ; display: inline-block ; width:117px ;height:25px ; font-size:1.2em ; font-weight:bold ; border: 1px solid #c0c0c0 ; display: table-cell ; vertical-align: middle ; background-image:url("../../common/img/bg_zak.gif"); } div#link_let:hover { background-image:url("../../common/img/bg_osu.gif") ; } div#link_Tricks:hover { background-image:url("../../common/img/bg_osu.gif") ; } div#link_Relativity:hover { background-image:url("../../common/img/bg_osu.gif") ; } div#link_Commentary:hover { background-image:url("../../common/img/bg_osu.gif") ; } div#link_Experiments:hover { background-image:url("../../common/img/bg_osu.gif") ; } div#link_Notes:hover:hover { background-image:url("../../common/img/bg_osu.gif") ; } /* -/ヘッダー----------------------------------------------------------------------------------------------------------------------------------- */ /* ボーダー ----h2の区切り -- bodyのIDで色分け (tri sou gij ken zak yah ein) --------------------------------------------------- */ hr { background-repeat:repeat-x ; height:13px ; margin:30px 3px 20px 3px; border-width:0px 0px 1px 0px ;} hr.tophr { background-repeat:repeat-x ; height:13px ; margin:0px 2px 0px 2px; }/* ページトップ */ hr.endhr { background-repeat:repeat-x ; height:13px ; margin:0px 2px 0px 2px; }/* ページend */ #let hr { background-image:url("../../common/img/bg_let.gif") ; } /* let */ #Tricks hr { background-image:url("../../common/img/bg_suu.gif") ; } /* Tricks */ #Relativity hr { background-image:url("../../common/img/bg_sou.gif") ; } /* Relativity */ #Commentary hr { background-image:url("../../common/img/bg_ken.gif") ; } #Experiments hr { background-image:url("../../common/img/bg_gij.gif") ; } #Notes hr { background-image:url("../../common/img/bg_zak.gif") ; } 0#eng hr { background-image:url("../../common/img/hr_l.gif") ; } /* ボーダー ------ h3の区切り ----------------------------------------------------------------------------------------------- */ hr.hr03 { height:5px ; margin:30px 10px 20px 10px ; } #let hr.hr03 { background-image:url("../../common/img/bg_let_x.gif") ; } #Tricks hr.hr03 { background-image:url("../../common/img/bg_suu_x.gif") ; } #Relativity hr.hr03 { background-image:url("../../common/img/bg_sou_x.gif") ; } #Commentary hr.hr03 { background-image:url("../../common/img/bg_ken_x.gif") ; } #Experiments hr.hr03 { background-image:url("../../common/img/bg_gij_x.gif") ; } #Notes hr.hr03 { background-image:url("../../common/img/bg_zak_x.gif") ; } 0#eng hr.hr03 { background-image:url("../../common/img/hr_l.gif") ; } /* ボーダー ------ h4の区切り ----------------------------------------------------------------------------------------------- */ hr.ball { height:5px ; margin:10px 30px ; } #Tricks hr.ball { background-image:url("../../common/img/00_ball_s.gif") ; } #Relativity hr.ball { background-image:url("../../common/img/01_ball_s.gif") ; } #Commentary hr.ball { background-image:url("../../common/img/02_ball_s.gif") ; } #Experiments hr.ball { background-image:url("../../common/img/04_ball_s.gif") ; } #Notes hr.ball { background-image:url("../../common/img/03_ball_s.gif") ; } # hr.ball { background-image:url("../../common/img/05_ball_s.gif") ; } # hr.ball { background-image:url("../../common/img/hr_l.gif") ; } /* /ボーダー------------------------------------------------------------------------------------------------------------------------------------- */ div#main { margin:2px ; border: 1px solid #c0c0c0 ; } div#footer { margin:2px ; border: 1px solid #c0c0c0 ; text-align:center ;} /* -------- ヘッダー ： サイドバー： 本文 ：
〜
フッター ： -------------------------------------------------------------------------------------------------------------------------------------- */ #navi { text-align:left ; padding:3px 5px 2px 5px ; font-size:0.8em ;font-weight:bold ; margin:2px ; border: 1px solid #c0c0c0 ; } .link { text-align:left ; padding:3px 5px 2px 50px ; font-size:0.8em ;font-weight:bold ; margin:2px ; border: 1px solid #c0c0c0 ; } a { color:#1e90ee ; } a:hover { color:#0000ff ; background-color:#eeeeee ; } /* ---------------------------------------------------------------------------------------------------------------------------------------------- */ /* トップボックス *//* ----------------------------------------------------------------------------------- */ .top_box { margin: 15px 40px 25px 60px ; padding:15px ; text-align:center ; font-size:1.00em ; border: 1px solid #99cc00 ; background-color:#fffffa ; } .top_box p { margin: 5px 10px 5px 30px ; padding:0 ; text-indent:0em ; line-height:1.4em ; letter-spacing:0 ; text-align:left ; } .top_box p div { margin: 0 0 0 0 ; text-align:center ; line-height:1.2em ; } /* トップボックス 色----------------------------------------------------------------------------------------------- */ #Tricks div.top_box { border-color:#00aa00 ; } #Relativity div.top_box { border-color:#ffcc00 ; } #Commentary div.top_box { border-color:#008000 ; } #Experiments:hover div.top_box { border-color:#ff6600 ; } #Notes:hover div.top_box { border-color:#800080 ; } /* /トップボックス 色------------------------------------------------------------------------------------------------------------------------------------- */ /* このページのＴＯＰへ *//* ----------------------------------------------------------------------------------- */ .top_link { margin:25px 10px 15px 10px ; text-align:right ; font-weight:bold ; font-size:0.9em ; } /* 本文 *//* ----------------------------------------------------------------------------------- */ p { margin:25px auto 8px auto ; ;} /* 図 */ img.center { margin: 0 auto ; display:block ; text-align:center ; } /* -------------------------------------------------------------------------------------------------------------------------------------------------- */ /* h1 h2 h3 ---------------------------------------------------------------------------------------------------*/ /* h1共通------------------------------------------------------------------------------------------------------------- */ h1 { margin:1em 1em 20px 1.0em ; padding:10px 5px 10px 2.9em ; font-size:1.1em ; text-align:left ; color:#000000 ; letter-spacing:0.3em ; 0width:14em ; border-style:solid ; 0border-color:#00aa00 ; border-width:0px 0px 0px 0px ; text-decoration:underline ; background-repeat:no-repeat; background-position:0px -3px ; background-image:url("../../common/img/max_s_01.gif") ; } /* h2 変更禁止 */ h2 { margin: -20px auto 25px 10px; padding: 5px 15px 5px 45px ; text-align:left ; 0text-indent:0em ; font-size:1.2em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; line-height:1.5em ; letter-spacing:0.2em ; border-style:solid ; border-color:#99cc00 ; border-width:1px ; background-color:#ffFFf0 ; z-index:1 ; } .h2div { margin: 60px 20px 0px 30px ; text-align:left ; z-index:0 } .h2maximg { margin: -30px auto -38px 0px ; text-align:left ; width:100% ; position: relative ; 0top:20px ; 0left:10px ; z-index:2 ; } .h2div p { margin: 5px 20px 10px 30px ; text-align:left ; } /* h3共通------------------------------------------------------------------------------------------------------------- */ h3 { margin:1.5em 1em 10px 2.5em ; padding:0px 15px 0px 1.9em ; font-size:1.0em ; text-align:left ; color:#000000 ; letter-spacing:0.3em ; width:14em ; border-style:solid ; 0border-color:#00aa00 ; border-width:0px 0px 2px 5px ; background-repeat:no-repeat; background-position:10px 7px ; } /* h4共通------------------------------------------------------------------------------------------------------------- */ h4 { margin:1em 1em 20px 50px ; padding:0px 0px 0px 1.9em ; font-size:1.0em ; text-align:left ; text-indent:0em ; color:#000000 ; letter-spacing:0.3em ; 0width:14em ; border-style:solid ; 0border-color:#00aa00 ; border-width:0px 0px 1px 0px ; background-repeat:no-repeat; background-position:0px 8px ; } /* let #c0c0c0 *//* ----------------------------------------------------------------------------------- */ #let h1 { color:#000000 ; border-color:#c0c0c0 ; background-position:5px 5px ; background-image:url("../../common/img/00_ball.gif") ; } #let h3 { color:#000000 ; border-color:#c0c0c0 ; background-position:10px 10px ; background-image:url("../../common/img/00_ball_s.gif") ; } #let h4 { color:#000000 ; border-color:#c0c0c0 ; background-image:url("../../common/img/00_ball_s.gif") ; } /* 数学トリック紹介 #008000 *//* -------------------------------------------要アドレスチェック---------------------------------------- */ #Tricks h1 { color:#008000 ; border-color:#00aa00 ; } #Tricks h3 { color:#008000 ; border-color:#00aa00 ; background-position:5px 5px ; background-image:url("../../common/img/01_ball.gif") ; } #Tricks h4 { color:#008000 ; border-color:#00aa00 ; background-image:url("../../common/img/01_ball_s.gif") ; } /* 相対性理論とは #663300*//* ---Relativity-------------------------------------------------------------------------------- */ #Relativity h1 { color:#663300 ; border-color:#ffcc00 ; } #Relativity h3 { color:#663300 ; border-color:#ffcc00 ; background-position:5px 5px ; background-image:url("../../common/img/02_ball.gif") ; } #Relativity h4 { color:#663300 ; border-color:#ffcc00 ; background-image:url("../../common/img/02_ball_s.gif") ; } /* 検証実験などの再検証 #008000 /* ----------------------------------------------------------------------------------- */ #Commentary h1 { color:#008000 ; border-color:#008000 ; } #Commentary h3 { color:#008000 ; border-color:#008000 ; background-position:5px 5px ; background-image:url("../../common/img/04_ball.gif") ; } #Commentary h4 { color:#008000 ; border-color:#008000 ; background-image:url("../../common/img/04_ball_s.gif") ; } /* 疑似科学書解説 #660000*//* ----------------------------------------------------------------------------------- */ #Experiments h1 { color:#660000 ; border-color:#ff6600 ; } #Experiments h3 { color:#660000 ; border-color:#ff6600 ; background-position:5px 5px ; background-image:url("../../common/img/03_ball.gif") ; } #Experiments h4 { color:#660000 ; border-color:#ff6600 ; background-image:url("../../common/img/03_ball_s.gif") ; } /* 雑記帳 #660066*//* ----------------------------------------------------------------------------------- */ #Notes h1 { color:#660066 ; border-color:#800080 ; } #Notes h3 { color:#660066 ; border-color:#800080 ; background-position:5px 5px ; background-image:url("../../common/img/05_ball.gif") ; } #Notes h4 { color:#660066 ; border-color:#800080 ; background-image:url("../../common/img/05_ball_s.gif") ; } /* おすすめ関連サイトリンク *//* ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------- */ /* 作業中、工事中、翻訳中 */ div.const { margin:25px 10px 30px 10px ; font-weight:bold ; font-size:0.9em ; color:#666666 ; } /* ----------------------------------------------------------------------------------- */ /* マックス *//* ----------------------------------------------------------------------------------- */ div.box_max { margin: 8px auto 8px auto ; padding: 5px 10px 3px 20px ; text-align:center ; background-color:#ffffff ; border-radius:5px ; border-style:solid ; border-width:1px ; border-color:#99cc00 ; text-indent:1em ; background-repeat:no-repeat ; background-position:5px 5px ; background-image:url("../../common/img/li_max01.gif") ; border-radius:8px ; } div.box_max p{ margin: 0px auto 0px 5px ; text-indent:0em ; font-size:1em ; text-align:left ; } div.max { background-image:url("../../common/li_max01.gif") ; background-repeat:no-repeat ; background-position:5px 3px ; } /* ----------------------------------------------------------------------------------- */ /* ガリレイ *//* ----------------------------------------------------------------------------------- */ div.box_ga { margin: 8px auto 8px auto ; padding: 5px 10px 3px 20px ; text-align:center ; background-color:#ffffff ; border-radius:5px ; border-style:solid ; border-width:1px ; border-color:#99cc00 ; text-indent:1em ; background-repeat:no-repeat ; background-position:5px 3px ; background-image:url("../../common/img/li_ga01.gif") ; border-radius:8px ; } div.box_ga p{ margin: 0px auto 0px 5px ; text-indent:0em ; font-size:1em ; text-align:left ; } div.ga { background-image:url("../../common/img/li_ga01.gif") ; background-repeat:no-repeat ; background-position:5px 3px ; } /* ----------------------------------------------------------------------------------- */ /* アインシュタイン*//* ----------------------------------------------------------------------------------- */ div.box_ein { margin: 8px auto 8px auto ; padding: 5px 10px 3px 20px ; text-align:center ; background-color:#ffffff ; border-radius:3px ; border-style:solid ; border-width:1px ; border-color:#ffcc99 ; 0text-indent:1em ; background-repeat:no-repeat ; background-position:5px 5px ; background-image:url("../../common/img/li_ein01.gif") ; } div.box_ein p{ margin: 0px auto 0px 5px ; text-indent:0em ; font-size:1em ; text-align:left ; } .ein { background-image:url("../../common/img/li_ein01.gif") ; background-repeat:no-repeat ; background-position:5px 3px ; } /* ----------------------------------------------------------------------------------- */ /* キョージュ*//* ----------------------------------------------------------------------------------- */ div.box_kyo { margin: 8px auto 8px auto ; padding: 5px 10px 3px 20px ; text-align:center ; background-color:#ffffff ; border-radius:2px ; border-style:solid ; border-width:1px ; border-color:#cc9933 ; text-indent:1em ; background-repeat:no-repeat ; background-position:5px 5px ; background-image:url("../../common/img/li_kyo01.gif") ; } div.box_kyo p{ margin: 0px auto 0px 5px ; text-indent:0em ; font-size:1em ; 0text-align:left ; } .kyo { background-image:url("../../common/img/li_kyo01.gif") ; background-repeat:no-repeat ; background-position:5px 3px ; } /* ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------- */ .box_gar { margin:2em 50px 1em 25px ; padding:0.5em 1em 0.5em 5.8em ; text-align:left ; line-height:1.6em ; width:575px ; background-color:#fcfcfc ; border-style:solid ; border-color:#00aa00 ; border-width:1px ; text-indent:-1em ; } /* ----------------------------------------------------------------------------------- */ /* ポイント 着眼点 ヒント *//* ----------------------------------------------------------------------------------- */ p.point,div.point { margin:20px auto 15px auto ; padding:0px 0px 0px ; border-radius:5px ; background-color:#ffFFf0 ; text-align:center ; border-style:solid ; border-color:#cccc00 ; border-width:1px 2px 2px 1px ; display: inline-block ; } div.point p { margin:5px 10px 5px 30px ; background-color:#ffFFf0 ; text-indent:0em ; font-size:1.1em ; color:#31B404 ; font-weight:bold ; } /* たとえば 解説 *//* ----------------------------------------------------------------------------------- */ div.tatoeba { margin:15px 10px 10px 25px ; padding:5px 8px 5px 12px ; background-color:#ffFFf0 ; text-align:left ; border-style:dashed ; border-color:#aaaaaa ; border-width:1px ; } div.tatoeba p{ margin:0px 0px 0px 0px ; text-indent:0em ; font-size:1em ; color:000080 ; } /* 図 *//* ----------------------------------------------------------------------------------- */ img.center { margin-bottom:1em ; margin-top:1em ; display:block ; } .txts { font-weight:normal ; line-height:1.3em ; font-size:0.8em ; } /* 式 *//* ----------------------------------------------------------------------------------- */ div.shiki { margin:1em 50px 1em 50px ; text-align:center ; background-color:#fdfdfd ; border-style:solid ; border-color: #cccccc ; border-radius:30px ; border-width:1px 2px 2px 1px ;} div.shiki p { margin:1em 20px 1em 20px ; text-align:center ; font-size:1.1em ; font-weight:bold ; line-height:1.6em ; color:#000000 ; } /* そもそも *//* -----------------疑問--------------------------------------------------------------------------- */ div.somosomo { margin:20px 50px 15px 50px ; padding: 0px 10px 5px 20px ; background-color:#ffFFf0 ; border-style:solid ; border-color:#cccc00 ; border-width:2px 2px 1px 2px ; border-radius:20px 30px 0px 0px / 20px 30px 0px 0px ; } div.somosomo p{ margin:0px 0px 0px 0px ; } /* これをふまえて *//* -----------展開--------------------------------------------------------------------------------- */ div.koreo { margin:10px 50px 15px 50px ; padding:0px 10px 5px 20px ; background-color:#ffF0ff ; border-style:solid ; border-color:#cccc00 ; border-width:1px 2px 1px 2px ; } div.koreo p { margin:0px 0px 0px 0px ; } /* ということは・・・ *//* -------結論---------------------------------------------------------------------------- */ div.toiukoto { margin:10px 50px 15px 50px ; padding:0px 10px 5px 20px ; background-color:#ddffff ; border-style:solid ; border-color:#cccc00 ; border-width:1px 2px 2px 2px ; border-radius:10px ; border-radius:0px 0px 20px 30px / 0px 0px 20px 30px ; } div.toiukoto p{ margin:0px 0px 0px 0px ; } /* 注意 *//* ----------------------------------------------------------------------------------- */ div.tyuui { margin:0px 70px 10px 70px ; padding:0px 10px 3px 20px ; background-color:#ffFFf0 ; border-style:dashed ; text-align:left ; border-color:#ff0000 ; border-width:1px ; } div.tyuui p { margin:0px 0px 0px 0px ; text-indent:0em ; font-size:0.9em ; color:#ff0000 ; font-weight:bold ; } /* q 問題 質問 *//* ----------------------------------------------------------------------------------- */ div.q { margin: 0 auto ;position: relative ; padding:5px 10px 10px 15px ; background-color:#ffFFf0 ; width:450px ; border-style:solid ; border-color:#cccc00 ; border-width:1px 1px 1px 1px ; border-radius:10px ; } div.q p { margin: 0 auto ;position: relative ; padding:0px 0px 0px 0px ; } /* /q 問題 質問 *//* ----------------------------------------------------------------------------------- */ /* OFF *//* ------OFF-----2行用------―解答消去用-------------------------------------------------------------- */ div.OFF { margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; position: relative ; top:-20px ; left:308px ; background-color:#dddddd ; width:140px ;height:30px ; text-align:center ; box-shadow:5px 5px 3px #aaa ; font-size:0.9em ; border-style:solid ; border-color:#666666 ; border-width:1px 1px 2px 1px ; border-radius:5px ; cursor:pointer ; z-index:102 ; } /* /OFF *//* ------はい-----2行用--------------------------------------------------------------------- */ div.OFF label { width:110px ; display: inline-block ; position: relative ; top: 2px ; left:-3px ; font-weight:bold ; } div.sentaku { width:140px ; height:25px ; display: inline-block ; line-height:120% ; font-size:1.00em ; display :none ; position:absolute ; top:10px ; left:-20px ; text-align:center ; font-weight:bold ; background-color:#ffffff ; border:1px solid #cccc00 ; border-radius:5px ; padding:10px 5px 0px ; border-width:1px 1px 2px 1px; text-align: justify ; top: -2px ; left:-8px ; z-index:110 ; } /* yes *//* ------はい-----2行用--------------------------------------------------------------------- */ div.yes { display: inline-block ; position:relative ; margin:10px 0px 10px 10px ; padding:0px 10px 5px 20px ; background-color:#f0fff0 ; width:240px;0height:40px ; text-align:left ; box-shadow:5px 5px 10px #aaa; border-style:solid ; border-color:#cccc00 ; border-width:1px 1px 2px 1px ; border-radius:10px ; cursor:pointer ; } div.yes div{ display : none ; position:absolute ; top:100px ; left:-1px ; font-size:0.95em ; line-height:120% ; background-color:#f0fff0 ; border:1px solid #cccc00 ; border-radius:5px ; width :514px ; padding:0.7em 0.5em ; border-width:1px 1px 2px 1px; 0text-align: justify ; z-index:101 ; } /* /yes *//* ------はい-----2行用--------------------------------------------------------------------- */ /* No *//* -------いいえ----2行用------------------------------------------------------------------------ */ div.no { display: inline-block ; position:relative ; margin:0px 0px 5px 35px ; padding:0px 10px 5px 20px ; background-color:#ffefff ; width:240px ; text-align:left ; box-shadow:5px 5px 10px #aaa; border-style:solid ; border-color:#e0b0e0 ; border-width:1px 1px 2px 1px ; border-radius:10px ; cursor:pointer ; } div.no div { display : none ; position:absolute ; top:100px ; left:-259px ; font-size:0.95em ; line-height:120% ; background-color:#ffefff ; border:1px solid ; border-color:#e0b0e0 ; border-radius:5px ; width:514px ; padding:0.7em 0.5em ; text-align: justify ; border-width:1px 1px 2px 1px ; z-index:101 ; opacity: 1.0 ; transition: all 1.0s ease ; } /* /No *//* -------いいえ----2行用------------------------------------------------------------------------ */ /* ラジオボタン型popup *//* ----------------------------------------------------------------------------------- */ input[type=radio] { display : none ; } input[type=radio]:checked ~ div.popup { display : block ; } input[type=radio]:checked ~ div.sentaku { display : block ; } label { display : block ; width:240px ; border:0px solid #ffefff ; border-radius:5px ; padding: 5px ; cursor:pointer; } div.popup { display :none ; position:absolute ; top:-5px ; left:-1px ; font-size:0.95em ; line-height:120% ; background-color:#f0fff0 ; border:1px solid #cccc00 ; border-radius:5px ; padding:5px 10px ; border-width:1px 1px 2px 1px; text-align: justify ; z-index:105 ; } /* /ラジオボタン型popup *//* -------------------------------------------------------------------------------------- */ /*radioボックス *//* ------並列用--------------------------------------------------------------------- */ div.radio_box { display: inline-block ; position:relative ; margin:20px 0px 10px 10px ; padding:0px 10px 5px 20px ; box-shadow:5px 5px 10px #aaa ; background-color:#eeffff ; width: 50px;0height:40px ; text-align:left ; border-style:solid ; border-color:#999999 ; border-width:1px 1px 2px 1px ; border-radius:10px ; cursor:pointer ; } div.radio_box div { display : none ; position:absolute ; top:95px ; left:-20px ; font-size:0.9em ; line-height:130% ; background-color:#f0fff0 ; border:1px solid #cccc00 ; border-radius:110px 260px 5px 10px /100px 100px 10px 10px ; width :150px ; padding:0px 0px ; border-width:1px 1px 2px 1px; 0text-align: justify ; z-index:103 ; } div.radio_box div p { margin:30px 10px 10px 15px ; } /*radioボックス *//* ------並列用--------------------------------- ----------------------------------- */ /* チェックボックス型popup *//* ----------------------------------------------------------------------------------- */ input[type=checkbox] { display :none ; } input[type=checkbox]:checked ~ div.popup { display : block ; } 0input[type=checkbox]:checked ~ div { box-shadow:0px 0px 0px #aaa ; } label { display : block ; width:240px ; border:0px solid #ffefff ; border-radius:5px ; padding: 5px ; cursor:pointer ; } div.popup { display :none ; position:absolute ; top:-5px ; left:-1px ; font-size:0.9em ; line-height:130% ; background-color:#f0fff0 ; border:1px solid #cccc00 ; border-radius:5px ; padding:5px 10px ; border-width:1px 1px 2px 1px; text-align: justify ; z-index:105 ; box-shadow:5px 5px 10px #aaa ; } /* /チェックボックス型popup *//* ----------------------------------------------------------------------------------- */ /*チェックボックス *//* ------並列用--------------------------------------------------------------------- */ div.ck_box { display: inline-block ; position:relative ; margin:20px 0px 10px 10px ; padding:0px 10px 5px 20px ; background-color:#eeffff ; width: 50px;0height:40px ; text-align:left ; box-shadow:5px 5px 10px #aaa ; border-style:solid ; border-color:#999999 ; border-width:1px 1px 2px 1px ; border-radius:10px ; cursor:pointer ; } div.ck_box div { display : none ; position:absolute ; top:95px ; left:-20px ; font-size:0.9em ; line-height:130% ; background-color:#f0fff0 ; border:1px solid #cccc00 ; border-radius:80px 260px 5px 10px /80px 100px 10px 10px ; width :150px ; padding:0px 0px ; border-width:1px 1px 2px 1px; 0text-align: justify ; z-index:103 ; } div.radio_box div p { margin:30px 10px 10px 15px ; } /*チェックボックス *//* ------並列用--------------------------------- ----------------------------------- */ /* ○ 正しい *//* ----チェックボックス-radioボックス-用背景----------------------------------------------------------------------------- */ div div.maru { background-image:url("../../common/img/maru.png") ; background-repeat:no-repeat ; background-position:15px 15px ; background-color:#f0fff0 ; border-color:#99cc00 ; } /* × 間違い *//* ----------------------------------------------------------------------------------- */ div div.batsu { background-image:url("../../common/img/batsu.png") ; background-repeat:no-repeat ; background-position:30px 20px ; background-color:#ffefff ; border-color:#e0b0e0 ; } /* /チェックボックス型popup *//* ----------------------------------------------------------------------------------- */ /* 引用 *//* ----------------------------------------------------------------------------------- */ blockquote { margin:15px 3px 15px 3px ; text-align:left ; background-color:#ffffff ; border-style:solid ; border-color:#cc9933 ; border-width:1px 2px 3px 1px; border-radius:60px 5px/20px 5px ; transform: rotateZ( 2deg ); box-shadow:5px 5px 10px #aaa ; z-index:1 ；} blockquote p { margin:10px 20px 0.5em 30px ; font-size:0.95em ; line-height:1.0em ; } /* 引用 ein論文*//* ------アインシュタインの論文用----------------------------------------------------------------------------- */ blockquote.ein { background-image:url("../../common/img/li_ein001.gif") ; background-repeat:no-repeat ; background-position:5px 3px ; margin:15px 5px 15px 5px ; text-align:left ; background-color:#ffffff ; border-style:solid ; border-color:#cc9933 ; border-width:1px 2px 3px 1px; border-radius:60px 5px/20px 5px ; transform: rotateZ( 0deg ) ; box-shadow:5px 5px 20px #aaa ; z-index:1 ；} blockquote.ein h1 { margin:1em 1em 20px 1.0em ; padding:10px 5px 10px 2.9em ; font-size:1.5em ; text-align:center ; color:#000000 ; letter-spacing:0em ; 0width:14em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; border-style:none ; border-color:#ffffff ; border-width:0px 0px 0px 0px ; text-decoration:none ; background-repeat:no-repeat; background-position:20px -3px ; background-image:url("../img/ein_s_01.gif") ; } blockquote.ein h2 { margin: 0px auto 0px 0px ; padding: 0px 0px 0px 0px ; text-align:center ; text-indent:0em ; font-size:1.5em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; line-height:1.5em ; letter-spacing:0em ; border-style:none ; border-color:#ffffff ; border-width:0px ; background-color:#ffffff ; z-index:1 ; background-image:url("../../common/img/02_ball.gif") ;background-repeat:no-repeat; } blockquote.ein h3 { margin:1.5em auto 1.5em auto; padding: 0px 0px 0px 0px ; text-align:center ; text-indent:0em ; font-size:1.2em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; line-height:1.2em ; letter-spacing:0em ; border-style:none ; background-color:#ffffff ; background-image:url("../../common/img/02_ball.gif") ; background-repeat:no-repeat ; background-position:-70px 3px ; } /* 引用 ein論文 本文---*//* ---------------------------------------------------------------------------------- */ blockquote.ein p { margin:10px 20px 0.5em 20px ; font-size:1.05em ; line-height:2.0em ; } blockquote.ein2 { margin:10px 20px 0.5em 20px ; font-size:0.90em ; line-height:1.5em ; } /* 引用 ein論文 注釈-----*//* ----------------------------------------------------------------------------------- */ blockquote .tyuusyaku { 0margin:0px 20px 1.5em 70px ; 0padding:0px 0px 0px 0px; 0text-align:left ; border-color:#ff0000 ; line-height:1.05em ; 0text-indent:-1.7em ; font-size:0.8em ; color:#800000 ; } blockquote p.tyuusyaku { margin:0px 20px 1.5em 70px ; 0padding:0px 0px 0px 0px; text-align:left ; border-color:#ff0000 ; line-height:1.05em ; text-indent:-1.7em ; font-size:0.8em ; color:#800000 ; } /* 引用 ein論文 式 *//* ------------------------------------------------------------------------------- */ blockquote.ein div.shiki { margin: 0px 20px 20px 0px ; text-align:right ; background-color:#ffffff ; color:#dd6060 ; border-style:none ; display: block ; line-height:1.0em ; } /* 引用 ein論文 式の画像 *//* ------------------------------------------------------------------------------- */ blockquote.ein div.shiki img { margin:auto ; text-align:center ; background-color:#ffffff ; border-style:none ; display: block ; } /* 引用 ein論文 式の番号 *//* -------------------------------------------------------------------------------- */ blockquote.ein div.shiki div { margin:auto ; text-align:right ; font-size:0.95em ; color:#dd6060 ; font-weight:bold ; } /* 引用 ein論文*//* ------アインシュタインの論文用ここまで----------------------------------------------------------------------------- */ /* 引用 例*//* --------------------------------------------------------------------------------- */ blockquote.rei h5 { margin:1.0em auto 1.5em auto; padding: 0px 0px 0px 0px ; text-align:center ; text-indent:0em ; font-size:1.2em ; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; line-height:1.2em ; letter-spacing:0em ; border-style:none ; background-color:#ffffff ; background-image:url("../../common/img/02_ball.gif") ; background-repeat:no-repeat ; background-position:-70px 3px ; } /* 引用 例 式 *//* ------------------------------------------------------------------------------- */ blockquote.rei div.shiki { margin: 0px 20px 20px 0px ; text-align:right ; background-color:#0ffffff ; color:#0dd6060 ; border-style:none ; display: block ; line-height:1.0em ; } /* 引用 例 式の画像 *//* ------------------------------------------------------------------------------- */ blockquote.rei div.shiki img { margin:auto ; text-align:center ; background-color:#ffffff ; border-style:none ; display: block ; } /* 引用 例 本文---*//* ---------------------------------------------------------------------------------- */ blockquote.rei p { margin:10px 20px 0.5em 20px ; font-size:1.05em ; line-height:1.5em ; } blockquote.rei2 { margin:10px 20px 0.5em 20px ; font-size:0.90em ; line-height:1.5em ; } /* 引用 例*//* ここまで- */ /* 思考ろじっく *//* ----------------------------------------------------------------------------------- */ div.shikou { margin: 0 auto;position: relative; padding:0px 10px 5px 10px ; background-color:#ffffff ; width:580px ; border-style:solid ; border-color:#660099 ; border-width:1px 3px 3px 1px ; border-radius:5px ; } /* 移動div *//* -----思考ろじっく用------------------------------------------------------------------------------ */ div.idou { margin: 10px 10px 10px 10px ; padding:0px 10px 5px 20px ; font-size:0.95em ; background-color:#ffFFf0 ; position: relative ; display: inline-block ; border-style:solid ; border-color:#cccc00 ; border-width:1px 1px 1px 1px ; border-radius:8px ; } /* 説明BOX *//* -----思考ろじっく用------------------------------------------------------------------------------ */ div.setsumei_box { margin: 10px 10px 10px 10px ; padding:0px 10px 5px 20px ; font-size:0.95em ; background-color:#ffffff ; position: relative ; display: inline-block ; border-style:solid ; border-color:#cccc00 ; border-width:1px 1px 1px 1px ; border-radius:3px ; } /* --ニュートン力学-box- *//* -----思考ろじっく用------------------------------------------------------------------------------ */ div.n_box_u { font-size:7px ; position: relative ; display: inline-block ; 0text-shadow: 2px 2px 1px #999999 ; color:#00aa00 ; transform:rotateZ(00deg) ; } div.n_box_r { font-size:7px ; top:95px ; left:320px ; position: relative ; display: inline-block ; text-shadow: 2px 2px 1px #999999 ; color:#00aa00 ; transform:rotateZ(90deg) ; } div.n_box_b { font-size:7px ; position: relative ; display: inline-block ; text-shadow: 2px 2px 1px #999999 ; color:#00aa00 ; transform:rotateZ(180deg) ; } div.n_box_l { font-size:7px ; top:95px ; left:-300px ; position: relative ; display: inline-block ; text-shadow: 2px 2px 1px #999999 ; color:#00aa00 ; transform:rotateZ(270deg) ; } /* ニュートン力学背景 *//* -------------未作成------------------------------------------------------------------------ */ { background-image:url("../../common/img/bg_ne.png") ; background-position: 0px 0px ; background-repeat:no-repeat ; } /* ガリレイ変換背景 *//* ---------------未作成---------------------------------------------------------------------- */ { background-image:url("../../common/img/bg_ga.png") ; background-position: 0px 0px ; background-repeat:no-repeat ; } /* 2D背景 *//* -------------------------未作成--------------------------------------------------------- */ { background-image:url("../../common/img/bg_2d.png") ; background-position: 0px 0px ; background-repeat:no-repeat ; } /* 3D背景 *//* ----------------------------------------------------------------------------------- */ .bg_3d { background-image:url("../../common/img/bg_3d.png") ; background-position: 0px 0px ; background-repeat:no-repeat ; } /* 3D背景相対論 *//* ------------------------------------------------------------------------------------- */ .bg_3d_sou { background-image:url("../../common/img/bg_3d_sou.png") ; background-position: 0px 0px ; background-repeat:no-repeat ; } /* 解析用---------ここまで--------------------------------------------------------------- */ /* 斜めの背景 *//* ---古典物理学--デカルト座標系--div-p-span-------------------------------------------------------------------------- */ .rotate { transform: rotate( --20deg ); } /* 2D回転 */ .rotatex { transform: rotateX( -20deg ); } /* X軸回転 */ .rotatey { transform: rotateY( -20deg ); } /* Y軸回転 */ .rotatez { transform: rotateZ( -20deg ); } /* Z軸回転 */ /* リスト *//* ----------------------------------------------------------------------------------- */ /* リスト 共通 *//* ----------------------------------------------------------------------------------- */ ul.list01 { margin:20px 30px 25px 35px ; line-height:1.6em ; list-style: none ; text-align: left ; } ul.none { list-style: none ;} li { padding: 3px 8px 5px 15px ; line-height:1.6em ; text-indent:1.0em ; background-repeat:no-repeat ; } ul.list01 li { margin:5px 5px 5px 5px ; background-color:#ffFFf0 ; border-style:solid ; border-width:1 2px 3px 1 ; } ul.list01 li p { margin:3px 0 0 0em ; text-indent:0em ; font-size:0.95em ; line-height:1.2em ; } li u { font-weight:bold ; } /* リスト li全部*//* ----------------------------------------------------------------------------------- */ ul.li_hatena li { list-style: none ; background-image:url("../../common/img/li_hatena.gif") ; background-position: 0px 0px ; border-color:#cccc00 ; } ul.li_ga li { list-style: none ; background-image:url("../../common/img/li_ga01.gif") ; background-position: 3px 3px ; border-color:#99cc00 ; } ul.li_max li { list-style: none ; background-image:url("../../common/img/li_max01.gif") ; background-position: 3px 3px ; border-color:#99cc00 ; } ul.li_ein li { list-style: none ; background-image:url("../../common/img/li_ein01.gif") ; background-position: 2px 2px ; border-color:#ffcc99 ; } ul.li_kyo li { list-style: none ; background-image:url("../../common/img/li_kyo01.gif") ; background-position: 2px 2px ; border-color:#cc9933 ; } ul.li_00 li { list-style: none ; background-image:url("../../common/img/li_00.gif") ; background-position:10px 13px ; border-color:#000000 ; } ul.li_01 li { list-style: none ; background-image:url("../../common/img/li_01.gif") ; background-position:10px 15px ; border-color:#00aa00 ; } ul.li_02 li { list-style: none ; background-image:url("../../common/img/li_02.gif") ; background-position:10px 15px ; border-color:#ffcc00 ; } ul.li_03 li { list-style: none ; background-image:url("../../common/img/li_04.gif") ; background-position:10px 15px ; border-color:#008000 ; } ul.li_04 li { list-style: none ; background-image:url("../../common/img/li_03.gif") ; background-position:10px 15px ; border-color:#ff6600 ; } ul.li_05 li { list-style: none ; background-image:url("../../common/img/li_05.gif") ; background-position:10px 15px ; border-color:#800080 ; } /* /li 単独 *//* ----------------------------------------------------------------------------------- */ li.bc_hatena { list-style: none ; background-image:url("../../common/img/li_hatena.gif") ; background-position: 0px 0px ; border-color:#cccc00 ; } li.bc_ga { list-style: none ; background-image:url("../../common/img/li_ga01.gif") ; background-position: 0px 0px ; border-color:#99cc00 ; } li.bc_max { list-style: none ; background-image:url("../../common/img/li_max01.gif") ; background-position: 0px 0px ; border-color:#99cc00 ; } li.bc_ein { list-style: none ; background-image:url("../../common/img/li_ein01.gif") ; background-position: 0px 0px ; border-color:#ffcc99 ; } li.bc_kyo { list-style: none ; background-image:url("../../common/img/li_kyo01.gif") ; background-position: 0px 0px ; border-color:#cc9933 ; } li.bc_00 { list-style: none ; background-image:url("../../common/img/li_00.gif") ; background-position:10px 15px ; border-color:#000000 ; } li.bc_01 { list-style: none ; background-image:url("../../common/img/li_01.gif") ; background-position:10px 15px ; border-color:#00aa00 ; } li.bc_02 { list-style: none ; background-image:url("../../common/img/li_02.gif") ; background-position:10px 15px ; border-color:#ffcc00 ; } li.bc_03 { list-style: none ; background-image:url("../../common/img/li_04.gif") ; background-position:10px 15px ; border-color:#008000 ; } li.bc_04 { list-style: none ; background-image:url("../../common/img/li_03.gif") ; background-position:10px 15px ; border-color:#ff6600 ; } li.bc_05 { list-style: none ; background-image:url("../../common/img/li_05.gif") ; background-position:10px 15px ; border-color:#800080 ; } /* /リスト *//* -------------------------------------------------------------------------------- */ /* font ---------------------------------------------------------------------------------- */ /* 文字 マージン */ .m01 { margin-left:1em ; } .m02 { margin-left:2em ; } .m03 { margin-left:3em ; } .m04 { margin-left:4em ; } /* 文字 indent *//* text-indent */ .ti-7 { text-indent:-7em ; } .ti-6 { text-indent:-6em ; } .ti-5 { text-indent:-5em ; } .ti-4 { text-indent:-4em ; } .ti-3 { text-indent:-3em ; } .ti-2 { text-indent:-2em ; } .ti-1 { text-indent:-1em ; } .ti00 { text-indent: 0em ; } .ti01 { text-indent: 1em ; } .ti02 { text-indent: 2em ; } .ti03 { text-indent: 3em ; } .ti04 { text-indent: 4em ; } .ti05 { text-indent: 5em ; } .ti06 { text-indent: 6em ; } .ti07 { text-indent: 7em ; } /* text-align */ .tal { text-align:left ; } .tac { text-align:center ; } .tar { text-align:right ; } /* text-align*/ .fl { float:left ; } .fr { float:right ; } .cb { clear:both ; } .b { font-weight:bold ; } /* bold */ .v { color:#006600 ; font-weight:bold ; } /* 古典物理学 緑 太字 */ .c { color:#ff6600 ; font-weight:bold ; } /* 相対論 オレンジ 太字 */ .f { color:#ff0000 ; font-weight:bold ; } /* 未知関数 赤 太字 */ .memo { margin-bottom:0em ; font-size:0.8em ; text-align:right ; color:#000033 ; font-weight:normal ; } .kaiketsu { color:#800080 ; font-weight:bold ; } /* 解決策 パープル 太字 */ /* Box *//* --種別分類用Box--------------------------------------------------------------------------------- */ .Box_v { margin: 1px 1px 1px 1px ; padding: 1px 1px 1px 1px ; border-radius:5px ; font-size:0.9em ; border-style:solid ; border-width:5px 5px 1px 1px ; border-color:#00aa00 ; } .Box_c { margin: 1px 1px 1px 1px ; padding: 1px 1px 1px 1px ; border-radius:5px ; font-size:0.9em ; border-style:solid ; border-width:1px 2px 3px 1px ; border-color:#ffcc00 ; } .Box_f { margin: 2px 2px 2px 2px ; padding: 2px 2px 2px 2px ; border-radius:5px ; border-style:solid ; border-width:1px 2px 3px 1px ; border-color:#ff0000 ; } .Box_c { 0margin: 2px 2px 2px 2px ; padding: 2px 2px 2px 2px ; border-radius:5px ; border-style:solid ; border-width:1px 2px 3px 1px ; border-color:#ff6600 ; } .Box_01 { 0margin: 2px 2px 2px 2px ; padding: 2px 2px 2px 2px ; border-radius:5px ; border-style:solid ; border-width:1px 2px 3px 1px ; border-color:#008000 ; } .Box_02 { 0margin: 2px 2px 2px 2px ; padding: 2px 2px 2px 2px ; border-radius:5px ; border-style:solid ; border-width:1px 2px 3px 1px ; border-color:#800080 ; } /* コメント "Inter", "Helvetica Neue", Arial, sans-serif; */ em { font-famil:"Inter", "Helvetica Neue", Arial, sans-serif; } em01 { font-size:1.5em ; font-weight:bold ; color:#000000 ; background-color:#ffffff ;font-family:"Inter", "Helvetica Neue", Arial, sans-serif; } padding:0em 0em 0em 0em ; text-align:center ; border-style:double ; border-color:#FFC7C7 ; border-width:3px ; } .fs09 { font-size:0.9em ; } .fs11 { font-size:1.1em ; } .fs13 { font-size:1.3em ; } .red { color:#ff0000 ; } /* 赤 */ .green { color:#008000 ; } /* 緑 */ .orange { color:#ffA500 ; } /* オレンジ */ /* margin-top */ .mt-3 { margin-top:-2em ; } .mt-2 { margin-top:-2em ; } .mt-1 { margin-top:-1em ; } .mt-05 { margin-top:-.5em ; } /* margin-left */ .ml-2 { margin-left:-2em ; } .ml-1 { margin-left:-1em ; } .ml-05 { margin-left:-.5em ; } .ml0 { margin-left:0em ; } .ml1 { margin-left:1em ; } .ml2 { margin-left:2em ; } .ml3 { margin-left:3em ; } .ml4 { margin-left:4em ; } .ml5 { margin-left:5em ; } .ml6 { margin-left:6em ; } .ml7 { margin-left:7em ; } .ml8 { margin-left:8em ; } .ml9 { margin-left:9em ; } .ml10 { margin-left:10em ; } /* padding-left */ .p1 { padding:1em ; } .p2 { padding:2em ; } .p3 { padding:3em ; } /* margin-bottom */ .mb-3 { margin-bottom:-3em ; } .mb-2 { margin-bottom:-2em ; } .mb-1 { margin-bottom:-1em ; } .mb2 { margin-bottom:2px ; } /* line-height */ .lh05 { line-height:0.5em ; } .lh08 { line-height:0.8em ; } .lh10 { line-height:1.0em ; } .lh12 { line-height:1.2em ; } /* color */ .white { color:#ffffff ; } /* ホワイト */ .silver { color:#c0c0c0 ; } /* 銀 */ .olive { color:#808000 ; } /* 黄緑 */ .gray { color:#808080 ; } /* 灰 */ .purple { color:#800080 ; } /* むらさき */ .maroon { color:#800000 ; } /* くり色,えび茶色 */ .yellow { color:#ffff00 ; } /* 黄 */ .orange { color:#ffA500 ; } /* オレンジ */ .fuchsia { color:#ff00ff ; } /* 赤紫 */ .red { color:#ff0000 ; } /* 赤 */ .aqua { color:#00ffff ; } /* 水色 */ .lime { color:#00ff00 ; } /* 黄緑 */ .teal { color:#008080 ; } /* 青緑 */ .green { color:#008000 ; } /* 緑 */ .blue { color:#0000ff ; } /* 青 */ .navy { color:#000080 ; } /* ネイビーブルー */ .black { color:#000000 ; } /* 黒 */ /*bg_color */ .bg_white { background-color:#ffffff ; } /* ホワイト */ .bg_silver { background-color:#c0c0c0 ; } /* 銀 */ .bg_olive { background-color:#808000 ; } /* 黄緑 */ .bg_gray { background-color:#808080 ; } /* 灰 */ .bg_purple { background-color:#800080 ; } /* むらさき */ .bg_maroon { background-color:#800000 ; } /* くり色,えび茶色 */ .bg_yellow { background-color:#ffff00 ; } /* 黄 */ .bg_orange { background-color:#ffA500 ; } /* オレンジ */ .bg_fuchsia { background-color:#ff00ff ; } /* 赤紫 */ .bg_red { background-color:#ff0000 ; } /* 赤 */ .bg_aqua { background-color:#00ffff ; } /* 水色 */ .bg_lime { background-color:#00ff00 ; } /* 黄緑 */ .bg_teal { background-color:#008080 ; } /* 青緑 */ .bg_green { background-color:#008000 ; } /* 緑 */ .bg_blue { background-color:#0000ff ; } /* 青 */ .bg_navy { background-color:#000080 ; } /* ネイビーブルー */ .bg_black { background-color:#000000 ; } /* 黒 */ /* font-size */ .fs05 { font-size:0.5em ; } .fs06 { font-size:0.6em ; } .fs07 { font-size:0.7em ; } .fs08 { font-size:0.8em ; } .fs09 { font-size:0.9em ; } .fs1 { font-size:1em ; } .fs11 { font-size:1.1em ; } .fs12 { font-size:1.2em ; } .fs13 { font-size:1.3em ; } .fs14 { font-size:1.4em ; } .fs15 { font-size:1.5em ; } .fs16 { font-size:1.6em ; } .fs17 { font-size:1.7em ; } .fs18 { font-size:1.8em ; } .fs19 { font-size:1.9em ; } .fs2 { font-size:2em ; } .fs22 { font-size:2.2em ; } /* class */ .b { font-weight:bold ; } .u { text-decoration:underline ; } .i { font-style:italic ; } .v { font-weight:bold ; color:#006600 ; } /* 古典物理学 緑 太字 */ .c { font-weight:bold ; color:#ff6600 ; } /* 相対論 オレンジ 太字 */ .f { font-weight:bold ; color:#ff0000 ; } /* 未知関数 赤 太字 */ .memo { font-size:0.8em ; text-align:right ; font-weight:normal ; color:#000033 ; }/* コメント 濃い青 太字 右寄せ */ .sup { vertical-align: super ; } .sub { vertical-align: sub ; } /* 解析用------------------------------------------------------------------------ */ /* 添字----------------------------------------------------------------------- */ .sup_r { vertical-align: super ; font-size:0.75em ; color:#ff00ff ; font-weight:normal ; }/* 上付き 赤 */ .sup_g { vertical-align: super ; font-size:0.75em ; color:#006600 ; font-weight:normal ; }/* 上付き 緑 */ .sup_o { vertical-align: super ; font-size:0.75em ; color:#ff6600 ; font-weight:normal ; }/* 上付き オレンジ */ .sup_m { vertical-align: super ; font-size:0.75em ; color:#800600 ; font-weight:normal ; }/* 上付き くり色,えび茶色 */ .sup_b { vertical-align: super ; font-size:0.75em ; color:#0000ff ; font-weight:normal ; }/* 上付き 青 */ .sub_r { vertical-align: sub ; font-size:0.75em ; color:#ff00ff ; font-weight:normal ; }/* 下付き 赤 */ .sub_g { vertical-align: sub ; font-size:0.75em ; color:#006600 ; font-weight:normal ; }/* 下付き 緑 */ .sub_o { vertical-align: sub ; font-size:0.75em ; color:#ff6600 ; font-weight:normal ; }/* 下付き オレンジ */ .sub_m { vertical-align: sub ; font-size:0.75em ; color:#800600 ; font-weight:normal ; }/* 下付き くり色,えび茶色 */ .sub_b { vertical-align: sub ; font-size:0.75em ; color:#0000ff ; font-weight:normal ; }/* 下付き 青 */ /* /添え字----------------------------------------------------------------------- */ o .bgfff { background-color:#ffffff ; } em { font-weight:bold ; font-style:normal ; } div.dp_in { display: inline-block ; position:relative ; 0margin:20px 0px 10px 10px ; 0padding:0px 10px 5px 20px ; background-color:#ffffff ; 0width: 50px;0height:40px ; text-align:left ; 0box-shadow:5px 5px 10px #aaa ; } .tdn { text-decoration:none ; ] .disp-inline { display: inline-block ; ] /* font ---------------------------------------------------------------------------------- */ /* 点滅 *//* ---------------------------------------------------------------------------------- */ .flash01 { animation: Flash 1s infinite alternate ; } @keyframes Flash01{ 50%{ opacity: 0; } } /* /点滅 *//* ---------------------------------------------------------------------------------- */