|
|
| 行20: |
行20: |
| | line-height: 1.5em; | | line-height: 1.5em; |
| | /* padding: 0 1em 1em 1em;*/ | | /* padding: 0 1em 1em 1em;*/ |
| − | }
| |
| − |
| |
| − |
| |
| − | /* 全体（センタリング及び幅指定） */
| |
| − | div#layout_main {
| |
| − | position: relative;
| |
| − | margin: 0 auto;
| |
| − | width: 800px;
| |
| − | }
| |
| − |
| |
| − | /********** レスポンシブWebスタイルシート **********/
| |
| − |
| |
| − | /* 高解像度画面用スタイルシート */
| |
| − | @media screen and (min-width: 640px){
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /* 低解像度画面用スタイルシート */
| |
| − | @media screen and (max-width: 639px){
| |
| − |
| |
| − | body {
| |
| − | background-color: #faf2ed;
| |
| − | background-image: none !important;
| |
| − | }
| |
| − |
| |
| − | div#layout_main {
| |
| − | position: static !important;
| |
| − | width: auto !important;
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − |
| |
| − | img {
| |
| − | max-width: 95% !important;
| |
| − | height: auto;
| |
| − | /* width: auto;*/
| |
| − | }
| |
| − |
| |
| − | /* images */
| |
| − | div.floatright, table.floatright {
| |
| − | clear: both !important;
| |
| − | width: 95%;
| |
| − | float: none !important;
| |
| − | text-align: center;
| |
| − | }
| |
| − | div.floatleft, table.floatleft {
| |
| − | clear: both !important;
| |
| − | width: 95%;
| |
| − | float: none !important;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | div#layout_footer_left {
| |
| − | float: none !important;
| |
| − | width: 100% !important;
| |
| − | }
| |
| − | div#layout_footer_right {
| |
| − | float: none !important;
| |
| − | width: 100% !important;
| |
| − | text-align: left !important;
| |
| − | }
| |
| − |
| |
| − | H1 {
| |
| − | font-size: 12pt !important;
| |
| − | }
| |
| − | H2 {
| |
| − | font-size: 12pt !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #layout_header_menu li {
| |
| − | width:60px !important;
| |
| − | }
| |
| − | #layout_header_menu a.new_sec, #layout_header_menu a.new {
| |
| − | font-size: 12px !important;
| |
| − | }
| |
| − | #layout_header_menu a {
| |
| − | font-size: 12px !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | div.topic {
| |
| − | margin:0 5px 10px !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | div.topictitle {
| |
| − | margin: 10px 5px 0 !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − |
| |
| − | pre, div.code {
| |
| − | margin:0 5px 10px !important;
| |
| − | overflow-x: auto !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − | div.codetitle {
| |
| − | margin: 10px 5px 0 !important;
| |
| − | width: auto !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部のメニュー（ログオン時） */
| |
| − | div#layout_header_menu {
| |
| − | width: 100%;
| |
| − | height: 21px;
| |
| − | font-size: 10px;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部メニュー(ul, li）用 */
| |
| − | #layout_header_menu ul {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | border:0;
| |
| − | list-style-type:none;
| |
| − | width:auto;
| |
| − | position: relative;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | #layout_header_menu li {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | border:0;
| |
| − | list-style-type:none;
| |
| − | float:left;
| |
| − | width:65px;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部メニュー用 ドロップダウンメニュー */
| |
| − | #layout_header_menu ul ul {
| |
| − | display: none;
| |
| − | position:absolute;
| |
| − | top:100%;
| |
| − | left:0;
| |
| − | }
| |
| − | #layout_header_menu li li {
| |
| − | clear: both;
| |
| − | background-image: url(http://oasis.halfmoon.jp/pics/back.gif);
| |
| − | width:160px !important;
| |
| − | }
| |
| − | #layout_header_menu li:hover {
| |
| − | position:relative;
| |
| − | }
| |
| − | #layout_header_menu li:hover > ul {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部メニュー用リンク書式 */
| |
| − | #layout_header_menu a.new_sec, #layout_header_menu a.new {
| |
| − | display:block;
| |
| − | padding-top:1px;
| |
| − | padding-bottom:2px;
| |
| − | text-align:center;
| |
| − | text-decoration:none;
| |
| − | color:#000000;
| |
| − | font-family: "Arial", sans-serif;
| |
| − | font-size: 14px;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | #layout_header_menu a.new_sec {
| |
| − | border-right:1px solid #cccccc;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部メニュー用 ドロップダウンメニュー */
| |
| − | #layout_header_menu a.new_sub, #layout_header_menu a.new_sub_bottom {
| |
| − | display:block;
| |
| − | padding-top:5px;
| |
| − | padding-bottom:5px;
| |
| − | text-align:left;
| |
| − | text-decoration:none;
| |
| − | color:#555555;
| |
| − | font-family: "Arial", sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-weight: normal;
| |
| − | border-right:1px solid #cccccc;
| |
| − | border-left:1px solid #cccccc;
| |
| − | }
| |
| − | #layout_header_menu a.new_sub_bottom {
| |
| − | border-bottom:1px solid #cccccc;
| |
| − | }
| |
| − |
| |
| − | /* 画面上部のメニュー：リンク書式 */
| |
| − | #layout_header_menu a {
| |
| − | font-family: "Arial", sans-serif;
| |
| − | color: #000000;
| |
| − | font-size: 14px;
| |
| − | text-decoration: none;
| |
| − | font-weight: bold;
| |
| − | /*border: 1px solid transparent;*/ /* IE6未対応 */
| |
| − | border: 1px dotted #fffdf5;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部のメニュー：リンク書式 */
| |
| − | #layout_header_menu a:hover {
| |
| − | color: red;
| |
| − | background-color: #fff0aa;
| |
| − | border: 1px solid #ffa42f;
| |
| − | }
| |
| − |
| |
| − | /* 画面最上部メニューの下の仕切り線 */
| |
| − | div#layout_header_menu_line {
| |
| − | width: 100%;
| |
| − | height: 7px;
| |
| − | background: url("http://oasis.halfmoon.jp/pics/bar_hs_bk.jpg") no-repeat;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* 画面最上部のメニュー：リンク書式 */
| |
| − | #layout_header_menu a:hover {
| |
| − | color: red;
| |
| − | background-color: #fff0aa;
| |
| − | border: 1px solid #ffa42f;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .mw-body {
| |
| − |
| |
| − | font-family:'Times New Roman','HGS明朝B';
| |
| − | font-size:1.0em;
| |
| − | color:#0c2b49;
| |
| − | }
| |
| − |
| |
| − | /*見出し*/
| |
| − | h1 {
| |
| − | font-size: 2.0em;
| |
| − | font-weight: bold;
| |
| − | border-bottom: solid 1px #d8c3b2;
| |
| − | text-indent: 5px;
| |
| − | letter-spacing: 5px;
| |
| − | padding: 5px 5px;
| |
| − | margin: 30px 0px;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | font-family:'Times New Roman','HGS明朝B';
| |
| − | font-size: 1.8em;
| |
| − | font-weight: bold;
| |
| − | color:#e2d8bf;
| |
| − | text-indent: 5px;
| |
| − | letter-spacing: 3px;
| |
| − | border-width: 1px 1px 1px 5px;
| |
| − | padding: 5px 5px;
| |
| − | margin: 10px 0px 5px;
| |
| − | background-color:rgba( 0, 52, 119, 0.50 );
| |
| − | border-style:solid none none none #00366c";
| |
| − |
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | h3 {
| |
| − | font-size: 1.3emt;
| |
| − | font-weight: lighter;
| |
| − | text-indent: 5px;
| |
| − | letter-spacing: 3px;
| |
| − | border-width: 0px 0px 1px 5px;
| |
| − | border-style: solid;
| |
| − | border-bottom-color: #005ea1;
| |
| − | border-left-color: #005ea1;
| |
| − | padding: 2px 5px;
| |
| − | margin: 8px 0px 3px;
| |
| − | color:#003477;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | h4 {
| |
| − | font-size: 1.2em;
| |
| − | font-weight: lighter;
| |
| − | text-indent: 5px;
| |
| − | letter-spacing: 2px;
| |
| − | border-bottom: solid 1px #7aa3bf;
| |
| − | padding: 2px 5px;
| |
| − | margin: 8px 0px 2px;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | h5 {
| |
| − | font-size: 12pt;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | #mw_main {
| |
| − | padding: 0 0 0 0;
| |
| − | margin: 0 0 0 0;
| |
| − | margin-top: 3.5em;
| |
| − | }
| |
| − |
| |
| − | div.mw_clear, div.clear {
| |
| − | margin: 0 0 0 0;
| |
| − | padding: 0 0 0 0;
| |
| − | clear: both;
| |
| | } | | } |
