/*webフォントを指定*/ @font-face{ font-family:"font1"; src:url('../font/mplus-1m-medium.woff')format('woff') } /*pcで非表示*/ .mobile{ display: none !important; } /*リンクのアンダーラインを消去*/ a{ text-decoration: none; } /*ヘッダーの設定*/ /* 上段の縦方向サイズを 40 ピクセル */ body{ margin:0px;padding:40px 0px 0px 0px; /*壁紙を固定*/ background-attachment:fixed; } *html body{ overflow: auto ; } div#head{ position:fixed !important; position:absolute; padding-bottom:10px; top: 0; left: 0; width:100%; text-align:left; z-index: 1; /* BODY で設定した40ピクセルの値をセット　*/ height:40px; /*ヘッダーの背景はhtmlに記述*/ } /*topバナーの設定*/ .top{ line-height:0px; margin-top:0px; padding-top:0px; width:1100px; } div.top{ width:1080px; line-height:0px; margin-top:0px; padding-top:0px; text-align: left; margin-right: auto; margin-left: auto; } div.top-bana{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 5px; text-align: left; height:36px; width:auto; display: inline-block; } p.top-bana{ width:auto; font-family:font1; font-size:16pt; text-align: left; color:#000080; position: relative;top:-30px; } p.top-bana-e{ width:auto; font-family:font1; font-size:16pt; text-align: left; color:#00aa00; position: relative;top:-30px; } p.top-bana-k{ width:auto; font-family:font1; font-size:16pt; text-align: left; color:#0000ff; position: relative;top:-30px; } img.top-bana{ height: 36px; width: auto; padding-top: 0px; margin-top: 0px; position: relative;top:9px; } /*文章内写真の設定*/ img.coml{ height:100px; width:auto; float:left; padding: 0px 5px 0px 0px; } img.comr{ height:100px; width:auto; float:right; padding: 0px 5px 0px 0px; } img.bana{ height: 60px; width:auto; } /*ヘッダーのフォントを指定*/ #page-top{ font-size:200%; font-family:font1; } /*ヘッダーバナーの設定*/ img.head{ width:auto; height:40px; padding-left:0px; margin-left:0px; } img.headm{ display: none !important; } div.head-bana{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 10px; height:40px; width:100px; position: relative;top:-55px; display: inline-block; } div.head-bana2{ background-color:#fef4f4; border: solid #c0c0c0 3px; border-radius: 10px; height:40px; width:100px; position: relative;top:-55px; display: inline-block; } /*ヘッダーバナーの設定 2段*/ div.head-banas{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 10px; height:20px; width:50px; position: relative;top: -70px; display: inline-block; } div.head-banas2{ background-color:#fef4f4; border: solid #c0c0c0 3px; border-radius: 10px; height:20px; width:50px; position: relative;top:-70px; display: inline-block; } /*ヘッダーバナーの設定 2段の下*/ div.head-banasu{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 10px; height:20px; width:50px; position: relative;top: -89px; display: inline-block; padding-top: 0px; margin-top: 0px; } div.head-banasu2{ background-color:#fef4f4; border: solid #c0c0c0 3px; border-radius: 10px; height:20px; width:50px; position: relative;top:-89px; display: inline-block; } p.head-bana{ width:100px; font-family:font1; font-size:16pt; text-align: center; color:#000080; position: relative;top:-18px; } p.head-bana2{ width:100px; font-family:font1; font-size:16pt; text-align: center; color:#0066ff; position: relative;top:-18px; } p.head-bana3{ width:100px; font-family:font1; font-size:16pt; text-align: center; color:#ff0000; position: relative;top:-18px; } p.head-banas{ width:50px; font-family:font1; font-size:9pt; text-align: center; color:#000080; position: relative;top: -15px; } p.head-banas2{ width:50px; font-family:font1; font-size:9pt; text-align: center; color:#0066ff; position: relative;top:-15px; } p.head-banas3{ width:50px; font-family:font1; font-size:9pt; text-align: center; color:#ff0000; position: relative;top:-17px; } /*TOPページの設定*/ body.background{ background-image: url(images/kabe.jpg);background-repeat:no-repeat;background-attachment:fixed; } div.top-head{ width:800px;line-height:0px;margin-top:0px;padding-top:0px;text-align: left;margin-right: auto;margin-left: auto; } hr.h1-upper{ width:800px;height:2px;background-color:#0000ff;position: relative;top:70px; } hr.h1-under{ width:800px;height:2px;background-color:#0000ff;position: relative;top:-60px; } p.h1top{ width:600px;font-size:15pt;position: relative;top:50px; } h1.toppage{ color:#000000;width:380px;text-shadow:1px 1px 2px #ff0000;transform:scale(1.2,1);letter-spacing:0.2px;position: relative;left:10px; } h1.toppage-w{ color:#1e90ff;width:380px;text-shadow:1px 1px 2px #a22041;transform:scale(1.2,1);letter-spacing:0.2px;position: relative;left: 70px; } hr.upper-top{ height:2px; width:260px;float:left; background-color:#ff0000;margin-bottom:0px;position: relative;top:-10px; } hr.under-top{ height:2px; width:260px;float:left; background-color:#ff0000; margin-top:0px; position: relative;top:-5px; } div.topcoment{ width:800px;text-align: left;position: relative;top:-100px; } h3{ font-size:15pt;text-align: left;padding-left: 80px; } img.h3{ position: relative;top:-25px; } p.topcoment{ width:800px;font-size:10pt;line-height:20px; } hr.h3-upper1{ width:800px;height:2px;background-color:#0000ff;float:left;position: relative;top:-40px; } hr.h3-under1{ width:130px;height:2px;background-color:#0000ff;float:left;position: relative;top:-30px;left:-375px; } table.toppage1{ width:700px;margin-right:auto;margin-left:auto;position: relative;top:-55px; } hr.h3-upper2{ width:800px;height:2px;background-color:#0000ff;float:left;position: relative;top:-70px; } hr.h3-under2{ width:130px;height:2px;background-color:#0000ff;float:left;position: relative;top:-90px;left:0px; } h3.title{ font-size:15pt;float:left;color:#cc3333;position: relative;top:-70px;left:-10px; } h3.title2{ font-size:15pt;float:left;color:#005500;position: relative;top:-80px; } table.toppage2{ width:700px;margin-right:auto;margin-left:auto;position: relative;top:-90px; } hr.top-footer{ width:800px;height:2px;background-color:#0000ff;float:left;position: relative;top:-80px; } td.top-guide{ font-size:10pt;text-align:left;letter-spacing: 2px;position: relative;top:10px; } td.top-guide2{ font-size:10pt;text-align:left;letter-spacing: 2px;position: relative;top:-5px; } td.guide{ width:200px;margin-right: 0%;margin-left: 0%;padding-right: 0%;padding-left: 0%; } p.guide1{ width:200px;text-align:center;color:#b22222;position: relative;left:-10px; } p.guide2{ width:200px;text-align:center;color:#006400; } img.guide{ width:200px;height:200px;margin-right: 0%;margin-left: 0%;padding-right: 0%;padding-left: 0%; } div.footer-bana{ background-color:#fffbcd;border: solid #cc9933 3px;border-radius: 10px;height:40px;width:200px;position: relative;top: -80px;left:0px;display: inline-block; } p.footer-bana{ width:200px;font-family:font1;font-size:20pt;text-align: center;color:#00aa00;position: relative;top:-21px; } div.containertop{ border:none;width:820px;padding-left:0px;margin-left:0px;padding-right:0px;margin-right:0px;padding-bottom: 0px;margin-bottom: 0px;float: left;position: relative;top:-60px;left:0px; } div.box-guide{ display: inline-block;width:200px;height:auto;font-size:10pt;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;position: relative;top:-20px; } p.guide{ width:800px;font-size: 10pt; } div.top-banaguide{ background-color:#fffbcd;border: solid #f5deb3 3px;border-radius: 5px;text-align: left;height:25px;width:auto;display: inline-block;position: relative;top:20px; } div.top-banaguide-415{ background-color:#ffeaf4;border: solid #cccccc 3px;border-radius: 5px;text-align: left;height:25px;width:auto;display: inline-block;position: relative;top:20px; } p.top-banaguide-475{ width:auto;font-family:font1;font-size:16pt;text-align: left;color:#f08080;position: relative;top:-25px; } p.top-banaguide{ width:auto;font-family:font1;font-size:16pt;text-align: left;color:#1e90ff;position: relative;top:-25px; } li.com{ font-size: 12pt;text-align: left;margin-left: 100px;width: 950px; } /*メインページの設定*/ *html div#main{ height: 100%; overflow: auto; margin-right: auto; margin-left: auto; } hr.head{ width:950px; height:2px; background-color:#1e90ff; } h1{ width:950px; margin-left:auto; margin-right:auto; font-size:30pt; font-family:font1; COLOR:#000000; text-align:left; letter-spacing:2px; padding:10px 10px; } /*見出しの先頭に〇を表示*/ h2{ width:950px; font-size: 12pt; text-align: left; margin-left:auto; margin-right:auto; } h2::before{ content: "〇"; } h2.v{ width:950px; height: 300px; font-size: 12pt; text-align: left; margin-left:auto; margin-right:auto; } /*一般の書式を指定 pは初期値がleft divはcenter */ p{ text-align:left; width:1030px; margin-left:auto; margin-right:auto; margin-bottom:5px; font-family:Arial; line-height:30px; font-size:12pt; color:#000000; font-weight:bold; } p.datam{ display: none !important; } p.main-title{ font-size:20px; font-family:font1; float:left; position: relative;top:0px; margin-top:-10px; } p.main-coment{ width:950px; text-align:left; margin-top: 0px; } p.formation{ text-align: center; font-size: 20pt; font-family:font1; } p.parts-com{ font-size:10pt; width: 95%; line-height: 15px; padding-top: 0px; margin-top: 0px; position: relative;top: -10px; } p.parts-com2{ font-size:10pt; width: 140px; height: 40px; line-height: 15px; padding-top: 0px; margin-top: 0px; position: relative;top: -10px; } p.parts-comw{ font-size:10pt; width: 280px; line-height: 15px; padding-top: 0px; margin-top: 0px; position: relative;top: -10px; } p.titlep{ font-size:12pt; width: 100%; padding-left: 10px; position: relative;bottom: 10px; } p.titlepl{ font-size:12pt; width: 100%; padding-left: 0px; margin-top: 0px; position: relative;bottom: 10px; } p.titles{ font-size:10pt; position: relative;top: -20px; } p.titletd{ font-size:10pt; width: 180px; padding-left: 5px; line-height:16px; } p.titletd2{ font-size:10pt; width: 360px; padding-left: 5px; line-height:16px; } .center{ text-align:center; } .boxt{ width:800px; line-height: 20px; padding-top:10px; margin:0px; position: relative;top:-8px; } /*divの中で20px幅を縮める.文章用*/ .boxc{ width:95%; font-size:10pt; line-height: 15px; text-align:left; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px; position: relative;top: -5px; } .boxw{ width:1100px; font-size:12pt; text-align:left; padding:0px; margin:0px; } .boxsnapc{ width:530px; font-size:12pt; text-align:left; padding:0px; margin:0px; } /*見出しの設定*/ .title{ width:365px; font-size:12pt; text-align:left; padding-left:10px; } .titlep{ width:365px; font-size:12pt; text-align:left; padding:0px; margin:0px; } .titlem{ display: none !important; } .title2{ width:800px; font-size:18pt; font-family:font1; text-align:left; padding:0px; margin:0px; margin-left: auto; margin-right: auto; } .titlev{ width:531px; font-size:18pt; font-family:font1; text-align:center; padding:0px; margin:0px; margin-left: 150px; margin-right: auto; } .title3{ width:230px; font-size:12pt; text-align:left; padding:0px; margin:0px; } .comw{ width:520px; font-size:12pt; text-align:left; padding:0px; margin:0px; } /*系列TOPページの車両番号*/ .vin{ width:250px; font-size:12pt; text-align: center; padding: 0px; margin: 0px; position: relative;bottom: 10px; } .tdm{ font-size:12pt; } /*snapページの設定*/ h1.snap{ font-size:20px; font-family:font1; float:left; position: relative;top:0px; margin-top:-15px; margin-bottom: 0px; padding-left: 0px; } img.snap{ width: 550px; height: 365px; } img.snapv{ width: 365px; height: auto; } img.mobilev{ display: none !important; } /*メインタイトルのラインの設定*/ hr.upper{ height:2px; width:230px; float:left; background-color:#ff0000; margin-bottom:0px; position: relative;top:-10px; } hr.under{ height:2px; width:230px; float:left; background-color:#ff0000; margin-top:0px; position: relative;top:-5px; } /*imgの大きさを指定*/ img.title2{ width:800px; height: auto; } img.sv{ width:98%; height:auto; padding:0px 0px 0px 0px; } img.v{ width:240px; height:auto; } img.ss{ width:250px; height:auto; border: solid; border-width: 1px; border-color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } img.ssv{ width:170px; height:auto; border: solid; border-width: 1px; border-color: #000000; } img.ssv1{ width:170px; height:auto; border: solid; border-width: 1px; border-color: #000000; } img.ss1{ width:250px; height:auto; border: solid; border-width: 1px; border-color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } img.parts{ width: 100%; height:auto; border: solid; border-width: 1px; border-color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } img.partsv{ width:80px; height:auto; border: solid; border-width: 1px; border-color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } * /*撮影データの書式*/ .data{ width:300px; font-size:10pt; text-align:left; padding-top:0px; margin-top:0px; } p.data{ width:365px; font-size:10pt; text-align:right; line-height: 16px; position: relative;top:-10px;left:-10px; padding-bottom: 0px; margin-bottom: 0px; } p.title-data{ width:800px; font-size:10pt; text-align:right; padding-right:10px; margin-top:0px; position: relative;top:-10px;left:-10px; } p.title-datav{ width:531px; font-size:10pt; text-align:right; padding-right:10px; margin-top:0px; position: relative;top:-10px;left:-10px; } div{ text-align:center; width:1100px; margin-left:auto; margin-right:auto; font-family:Arial; line-height:30px; font-size:15pt; font-weight:bold; } div.main-title{ width:1080px; } div.h1{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 10px; height:50px; width:auto; position: relative;top:0px; display: inline-block; } div.h2{ background-color:#fef4f4; border: solid #c0c0c0 3px; border-radius: 10px; height:50px; width:auto; position: relative;top:0px; display: inline-block; } div.contents{ width:950px; text-align:left; font-size: 12pt; } p.h1{ width:auto; font-family:font1; font-size:22pt; text-align: center; color:#000080; padding-right: 5px; padding-left: 5px; position: relative;top:-20px; } p.h2{ width:auto; font-family:font1; font-size:22pt; text-align: center; color:#0066ff; padding-right: 5px; padding-left: 5px; position: relative;top:-20px; } .left{ text-align:left; } /*インラインブロックの設定*/ .box { display: inline-block; width:24%; vertical-align: top; height:auto; font-size:10pt; padding-top:1px; border: solid #1e90ff 1px; } .boxsnap { display: inline-block; width:550px; height:auto; font-size:10pt; padding-top:1px; } .box2{ display: inline-block; width:180px; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .box3{ display: inline-block; width:250px; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .boxpartsl{ display: inline-block; vertical-align: top; width:45%; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .boxpartsr{ display: inline-block; vertical-align: top; width:45%; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } div.container{ border:none; width: 100%; padding-left:0px; margin-left:auto; padding-right:0px; margin-right:auto; padding-bottom: 0px; margin-bottom: 0px; position: relative;left:0px; } /*縦方向のスペースの設定*/ p.space10{ margin-bottom: 10px; } p.space15{ margin-bottom: 15px; } p.space20{ margin-bottom: 20px; } p.space25{ margin-bottom: 25px; } p.space30{ margin-bottom: 30px; } p.space35{ margin-bottom: 35px; } p.space40{ margin-bottom: 40px; } p.space45{ margin-bottom: 45px; } p.space50{ margin-bottom: 50px; } p.space55{ margin-bottom: 55px; } p.space60{ margin-bottom: 60px; } /*pcで縦方向に車両写真1枚分のスペース*/ p.space267{ margin-bottom: 267px; } p.space275{ margin-bottom: 275px; } p.space280{ margin-bottom: 280px; } p.space285{ margin-bottom: 285px; } p.space290{ margin-bottom: 290px; } p.space295{ margin-bottom: 295px; } p.space300{ margin-bottom: 300px; } /*tableの設定*/ table.parts{ width: 1080px; margin-left: auto; margin-right: auto; position: relative;left:-20px; } td.parts{ width:180px; padding-left: 1px; padding-right: 1px; margin-left: 0px; margin-right: 0px; } td.title{ width:180px; padding-left: 1px; padding-right: 1px; margin-top: 0; margin-left: 0px; margin-right: 0px; vertical-align: text-top; position: relative;top: -20px; } td.parts-com{ text-align:left; position: relative;left:-45px;top:-40px; } /*endラインの設定*/ hr.end{ border:none;border-top:double 5px #0000ff;width:950px; }