body{ /* 画像ファイルの指定 */ background-image: url(images/bg.jpg); /* 画像を常に天地左右の中央に配置 */ background-position: center center; /* 画像をタイル状に繰り返し表示しない */ background-repeat: no-repeat; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */ background-size: cover; /* 背景画像が読み込まれる前に表示される背景のカラー */ background-color: #000; color:#1d1d1d; font-family: “Hiragino Maru Gothic Pro” ,”HG丸ゴシックM-PRO” ,verdana ,arial ,sans-serif; font-size: 87%; line-height:150%; } div#footer_fixed{position: fixed !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background-color: #000000; } body#site{text-align:center; } a{text-decoration: none;} a:hover{text-decoration: underline;} p{color:#333;} div.content{width:950px; text-align:left; margin:0 auto; } div#body2{ width:100%; } div#body2 div.content{background: url(images/left_bg.png) repeat-y left top;} #main{width:650px; float:right;} /* -- 下層ページ -- */ body#subpage{ /* 画像ファイルの指定 */ background-image: url(images/sub/bg.jpg); /* 画像を常に天地左右の中央に配置 */ background-position: center center; /* 画像をタイル状に繰り返し表示しない */ background-repeat: no-repeat; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */ background-size: cover; /* 背景画像が読み込まれる前に表示される背景のカラー */ background-color: #000; padding:0 0 150px 0;} body#subpage div#body2 div.content{background: none;} body#subpage p.logo{padding: 15px 0 13px 0; background: url(images/sub/border.png) repeat-x left bottom; margin: 0 0 22px 0;} .right_header{background: url(images/sub/border.png) repeat-x left bottom; height:118px; overflow: hidden; margin: 0 0 0 20px;} .right_header h1{font-size: 120%; line-height:28px; height:28px; margin:0; padding: 0; } p.rh_ct{text-align: right; margin:0; padding:28px 0 0 0; height: 29px; overflow: hidden;} .right_main{padding:0 0 20px 20px;} .right_main h2{ margin: 0; padding-top: 22px; padding-right: 0; padding-bottom: 0px; padding-left: 0; font-size: 16px; } .right_main h3{margin:0; padding:0 0 12px 0; line-height: 38px;} .right_main{} .right_main ul{margin:12px 0 20px 20px;} .right_main ol{margin:12px 0 20px 20px;} .right_main ol li{margin:0 0 6px 0;} /* -- 金融取引業 -- */ dl.tg_list{margin:0 0 20px 0; padding:0; width: 305px; float:left;} dl.tg_list dt{margin:0; padding:0 0 18px 0;} dl.tg_list dd{margin:0; padding:0; } dl.tg_list dd ul{margin:0; padding: 0;} dl.tg_list dd ul li{margin: 0 0 0 12px; padding:0;} dl.mr20{margin:0 20px 0 0; } dl.tg_frow{margin:0 0 20px 0; padding:0;} dl.tg_frow dd{background: url(images/kt/dt2_bg.png) no-repeat left bottom; padding:0 0 0 49px;} dl.tg_frow dd.d4p{height:110px;} dl.tg_frow dd p{padding:14px 0;} ul.check,.check ul{list-style: none;} ul.check li,.check ul li{background: url(images/check.gif) no-repeat left 2px; padding:0 0 0 24px; margin:0 0 6px 0;} /* -- PARTNERS -- */ h2.partner_title{border-bottom: 1px solid #ccc; color:#333; font-size: 120%; padding:6px 0; margin:30px 0 20px 0; font-weight: normal;} h2.partner_title a{color:#333 !important;} .news_body{color:#444;} /* -- NEWS -- */ .news_header2{border-bottom: 1px solid #ccc; margin-bottom: 30px;} .right_main .news_header2 h2{color:#333; font-size: 120%; padding:0; margin:30px 0 16px 0;} .news_header2 p{margin:0; padding:0 0 4px 0;} .right_main .news_header2 h2 a{color:#333 !important;} .news_body{color:#888; border-bottom: 1px dotted #ccc;} .news{padding:367px 0 19px 255px;} ul#tab{width:395px; height:46px; background: url(images/news/hd_bg.png) no-repeat left top; list-style: none;} ul#tab li{width:128px; float: left; padding:0 ; margin:10px 0 0 0;} ul#tab a.npp{display: block; padding-left: 14px; } ul#tab a.hbp{display: block; padding-left: 10px;} ul#tab li.selected img{width:114px;height:1px; position:relative; top:-9999px;} .nb{width:395px; height:140px; overflow: hidden;} .nb ul{background: url(images/news/bg.png) repeat-y left top; list-style: none; padding:14px 14px 0 14px; } .nb ul a{color:#251c1c !important;} .nbfooter{width:395px; height:12px; background: url(images/news/ft.png) no-repeat left top;} /* -- link -- */ dl.link_list{} dl.link_list dt{color:#f26593; font-weight: bold; font-size: 130%; padding:6px 0; margin:10px 0 10px 0;} dl.link_list dd.l_left{width:140px; float:left;} .line{clear: both; padding:6px 0 10px 0;} ul.arrow{list-style: none;} ul.arrow li{background: url(images/arrow.gif) no-repeat left 2px; padding:0 0 0 24px; margin:0 0 6px 0;} #side{width:300px; float: left; } h1.logo{margin:15px 0 35px 0;} h1{margin:20px 0 10px 0;} dl.side_menu{padding:0 0 20px 0;} dl.side_menu dt{margin:0; padding:0;} dl.side_menu dd{margin:0; padding:0;} dl.side_menu ul,dl.side_menu ul li{margin:0; padding:0; list-style: none; } div#footer{background:url(images/navi/bg.gif) repeat-x left top; clear:both; width:100%; } div#footer div.content{height:53px;text-align: center;} div#footer div.content ul{list-style: none; margin:0 auto; padding:0 0 0 90px;} div#footer div.content ul li{display: inline;} div#footer div.content ul li a{color:#fff !important;} div#footer div.content ul li img{float:left;} div#copyright{background:#fff; clear:both; width:100%;} div#copyright div.content a{color:#251c1c !important;} p.copyright{width:500px; float:left; padding-top:5px; } p.syubetu{text-align: right; width:450px; float: right; padding-top:5px; } .gl_box{border:2px solid #ccc; padding: 12px; background: #fff; color:#666; margin:20px 0 18px 20px;} .gl_box p{color:#666;} .gl_box h4{border-bottom: 1px dotted #666; margin-bottom: 20px;}