/*webフォントを指定*/ @font-face{ font-family:"font1"; src:url('../font/mplus-1m-medium.woff')format('woff') } /*pcで非表示*/ .pc{ display:none !important; } /*ヘッダーの設定*/ /* 上段の縦方向サイズを 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; /*ヘッダーの背景はｈｔｍｌ に記述*/ } /*ヘッダーのフォントを指定*/ #page-top{ font-size:100%; font-family:font1; } /*TOPバナーの選択と大きさ指定*/ img.head{ display: none !important; } .headm{ width:auto; height:30px; padding-left:0px; } div.top{ width:100%; 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-banae{ width:auto; font-family:font1; font-size:16pt; text-align: left; color:#00aa00; position: relative;top:-30px; } p.top-banak{ width:auto; font-family:font1; font-size:16pt; text-align: left; color:#0000ff; position: relative;top:-30px; } img.top-bana{ height: 30px; width: auto; padding-top: 0px; margin-top: 0px; position: relative;top:9px; } /*ヘッダーバナーの設定*/ div.head-bana{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-bana2{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-bana3{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-bana4{ background-color:#ffeaf4; border: solid #cccccc 3px; border-radius: 10px; height: 30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-bana-snap{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:auto; position: relative;top:0px; display: inline-block; } div.head-banas{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-banas2{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-banas3{ background-color:#fffaf0; border: solid #f5deb3 3px; border-radius: 10px; height:30px; width:55px; position: relative;top:0px; display: inline-block; } div.head-banas4{ background-color:#ffeaf4; border: solid #cccccc 3px; border-radius: 10px; height: 30px; width:55px; position: relative;top:0px; display: inline-block; } p.head-bana{ width:60px; font-family:font1; font-size:10pt; text-align: center; color:#000080; position: relative;top:-13px; } p.head-bana2{ width:60px; font-family:font1; font-size:9pt; text-align: center; color:#000080; position: relative;top:-12px; } p.head-bana3{ width:60px; font-family:font1; font-size:10pt; text-align: center; color:#f08080; position: relative;top:-12px; } p.head-bana-snap{ width:auto; font-family:font1; font-size:10pt; text-align: center; color:#000080; position: relative;top:-13px; } p.head-banas{ width:60px; font-family:font1; font-size:10pt; text-align: center; color:#000080; position: relative;top:-13px;left:-3px; } p.head-banas2{ width:60px; font-family:font1; font-size:9pt; text-align: center; color:#000080; position: relative;top:-12px;left:-3px; } p.head-banas3{ width:60px; font-family:font1; font-size:10pt; text-align: center; color:#f08080; position: relative;top:-12px;left:-3px; } /*TOPページの設定*/ body.background{ background-image: none; } div.top-head{ width:95%;line-height:0px;margin-top:0px;padding-top:0px;text-align: left;margin-right: auto;margin-left: auto; } hr.h1-upper{ width: 95%;height:2px;background-color:#0000ff;position: relative;top:60px; } hr.h1-under{ width:100%;height:2px;background-color:#0000ff;position: relative;top:-55px; } p.h1top{ font-size :15pt;position: relative;top:35px;left:10px; } h1.toppage{ color:#000000;width:90%;text-shadow:1px 1px 2px #ff0000;transform:scale(1.2,1);letter-spacing:0.2px;position: relative;left:0px;font-size: 25pt;text-align: center; } h1.toppage-w{ color:#000080;width:90%;text-shadow:1px 1px 2px #a22041;transform:scale(1.2,1);letter-spacing:0.2px;position: relative;left:0px;font-size: 25pt;text-align: center; } hr.upper-top{ height:2px; width:30%;float:left; background-color:#ff0000;margin-bottom:0px;position: relative;top:-10px; } hr.under-top{ height:2px; width:30%;float:left; background-color:#ff0000; margin-top:0px; position: relative;top:-5px; } div.topcoment{ width:100%;position: relative;top:-50px; } h3.aisatsu{ font-size:12pt;position:relative;left:-290px;top:20px; } p.topcoment{ width:95%;font-size:10pt;line-height:20px;letter-spacing: 3px; } hr.h3-upper1{ width:100%;height:2px;background-color:#0000ff;float:left;position: relative;top:-20px; } hr.h3-under1{ width:140px;height:2px;background-color:#0000ff;float:left;position: relative;top:-40px; } h3.title{ font-size:15pt;float:left;color:#cc3333;position: relative;top:-30px; } h3.title2{ font-size:15pt;float:left;color:#005500;position: relative;top:-70px;left: -130px; } table.toppage1{ width:100%;margin-right:auto;margin-left:auto;position: relative;top:-50px; } hr.h3-upper2{ width:100%;height:2px;background-color:#0000ff;float:left;position: relative;top:-60px; } hr.h3-under2{ width:140px;height:2px;background-color:#0000ff;float:left;position: relative;top:-100px; } table.toppage2{ width:100%;margin-right:auto;margin-left:auto;position: relative;top:-100px; } hr.top-footer{ width:100%;height:2px;background-color:#0000ff;float:left;position: relative;top:-100px; } td.top-guide{ font-size:10pt;text-align:left;width:100%;letter-spacing: 1px; } td.top-guide2{ font-size:10pt;text-align:left;width:100%;letter-spacing: 1px; } td.guide{ width:25%; } div.footer-bana{ background-color:#fffbcd;border: solid #cc9933 3px;border-radius: 10px;height:35px;width:150px;position: relative;top:-100px;left:-100px;display: inline-block; } p.footer-bana{ width:200px;font-family:font1;letter-spacing: 1px; font-size:15pt;text-align: center;color:#00aa00;position: relative;top:-18px;left:-25px; } p.guide1{ text-align:center;color:#b22222; } p.guide2{ text-align:center;color:#006400; } li.com{ text-align: left;font-size: 12pt;margin-left: 40px; } /*メインの設定*/ /*snapページの設定*/ h1.snap{ letter-spacing: 0.05em; font-size:20px; font-family:font1; float:left; position: relative;top:0px; margin-top:-15px; margin-bottom: 0px; } /*メインページの設定*/ div#main{ margin-right: auto; margin-left: auto; } /*メインタイトルのラインの設定*/ 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; } hr.head{ width:95%; height:2px; background-color:#1e90ff; } .mappc{ display: none !important; } /*imgの大きさを指定*/ img{ width:100%; height:auto; z-index: 2; } img.sv{ width:100%; height:auto; } img.parts{ width:98%; height:auto; } img.partsv{ width:65%; height:auto; } img.ss{ width: 97%; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.sss{ width: 50%; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.ss1{ width: 200px; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.ssv1{ width: 130px; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.ssv{ width: 70%; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.guide{ width: 100%; height: auto; border: solid; border-width: 1px; border-color: #000000; } img.title2{ display: none !important; } img.titlev{ display: none !important; } /*文章内写真の設定*/ 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; } span.tdm{ display: none !important; } /*メインの書式設定*/ * html div#main{ height: 100%; overflow: auto; } a{ text-decoration: none; } /*見出しのスタイル*/ h1{ width: 95%; margin-left:auto; margin-right:auto; font-size:25pt; font-family:font1; COLOR:#000000; text-align:left; letter-spacing:5px; padding:10px 10px; } h2{ width:95％; font-size: 12pt; text-align: left; margin-left:auto; margin-right:auto; } h2::before{ content: "〇"; } h2.v{ width:95％; height:300px; font-size: 12pt; text-align: left; margin-left:auto; margin-right:auto; } /*一般の書式を指定 pは初期値がleft divはcenter */ p{ text-align:left; width:95%; margin-left:auto; margin-right:auto; margin-bottom:5px; font-family:Arial; line-height:30px; font-size:12pt; color:#000000; font-weight:bold; } p.main-title{ font-size:20px; font-family:font1; letter-spacing: -0.3px; float:left; position: relative;top:0px; margin-top:-10px; } p.main-coment{ width:95%; margin-left:0px; margin-left:auto; margin-right:auto; } p.parts-com{ width: 95%; font-size:10pt; line-height: 16px; padding-top: 0px; margin-top: 0px; position: relative;top: -10px; } p.parts-comw{ width: 190%; font-size:10pt; line-height: 16px; padding-top: 0px; margin-top: 0px; position: relative;top: -10px; } p.formation{ text-align:center; font-size: 16pt; } p.data{ width:95%; font-size:10pt; text-align:right; position: relative;top:-10px; } p.title{ font-size:12pt; padding-left: 0px; margin-left: 0px; margin-bottom: 5px; line-height: 16px; } p.title2{ font-size:15pt; padding-left: 0px; margin-left: 0px; padding-bottom: 0px; margin-bottom: 0px; } .boxw{ width:100%; font-size:12pt; text-align:left; padding:0px; margin:0px; } .boxsnapc{ width:100%; font-size:12pt; text-align:left; padding:0px; margin:0px; } .comw{ display: none !important; } p.title-data{ width:95%; font-size:10pt; text-align:right; padding-right:10px; margin-top:0px; position: relative;left:-10px;top:-10px; } .title-datav{ width:95%; font-size:10pt; text-align:right; padding-right:10px; margin-top:0px; position: relative;left:-10px;top:-10px; } /*main-title*/ .exp{ width:95%; } .top{ line-height:0px; margin-top:0px; padding-top:0px; width:95%; } .center{ text-align:center; } /*divの中で20px幅を縮める.文章用*/ .boxc{ width:95%; font-size:10pt; line-height: 16px; text-align:left; padding-top: 0px; margin-top: 0px; position: relative;top:-15px; } .boxt{ width:100%; font-size:11pt; text-align:left; padding:0px; margin:0px; } /*見出しの設定*/ .title{ width:95%; font-size:12pt; text-align:left; padding:0px; margin:0px; } .titlep{ width:95%; font-size:11pt; text-align:left; line-height:30px; padding-left:0px; padding-top: 0px; margin-left:0px; margin-top: 0px; position: relative;top:-10px; } .title2{ width:95%; height:auto; margin-top:0px;padding-top:0px; } .title3{ width:95%; height:auto; } .title-leftv{ width:95%; font-size:15pt; height:auto; } .title-left{ width:95%; font-size:15pt; height:auto; } span.mobile{ font-size: 11pt; } /*車両番号*/ .vin{ width:95%x; font-size:10pt; text-align: center; padding: 0px; margin: 0px; position: relative;bottom: 10px; } /*撮影データの書式*/ .data{ width:95%; font-size:11pt; text-align:left; padding:0px; margin:0px; } .data-left{ width:95%; font-size:11pt; text-align:left; padding:0px; margin:0px; } .data-right{ width:95%; font-size:11pt; text-align:left; padding:0px; margin:0px; } /*td内の見出しの設定*/ .td{ text-align:left; width:95%; font-size:15pt; margin-bottom:5px; margin-top:0px; } .tdm{ text-align:left; width:95%; font-size:11pt; margin-bottom:5px; margin-top:0px; } td.parts-com{ text-align:left; } div{ text-align:center; width:95%; margin-left:auto; margin-right:auto; font-family:Arial; line-height:30px; font-size:15pt; font-weight:bold; } div.main-title{ width:100%; } div.title2{ margin-right: auto; margin-left: auto; } div.h1{ background-color:#fffbcd; border: solid #f5deb3 3px; border-radius: 10px; height:40px; width:130px; position: relative;top:0px; display: inline-block; } div.contents{ width:100%; text-align:left; font-size: 12pt; margin-left: auto; margin-right: auto; } p.h1{ width:130px; font-family:font1; font-size:18pt; text-align: center; color:#000080; position: relative;top:-17px;left:0px; } .left{ text-align:left; } /*インラインブロックの設定*/ .box { display: inline-block; vertical-align: top; width:95%; font-size:10pt; padding-top:1px; } .box2 { display: inline-block; width:49%; font-size:10pt; position: relative; left: 6px; } .box3 { display: inline-block; width:220px; font-size:10pt; position: relative; left: 6px; } .boxpartsl{ display: inline-block; vertical-align: top; width:49%; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .boxpartsr{ display: inline-block; vertical-align: top; width:49%; height:auto; font-size:10pt; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .box-bana { display: inline-block; width:120px; font-size:10pt; padding-top:1px; } .container{ border:none; width:100%; padding-left:0px; margin-left:0px; padding-right:0px; margin-right:0px; } /*tableの設定*/ table.parts{ width:100%; } td.parts{ width:45%; padding-left: 1px; padding-right: 1px; margin-left: 0px; margin-right: 0px; } td.title{ width:45%; padding-top: 0; padding-left: 1px; padding-right: 1px; padding-bottom: 5px; margin-left: 0px; margin-right: 0px; vertical-align: text-top; position: relative;top:-5px; } /*endラインの設定*/ hr.end{ width:95%; height:1px; background-color:#0000ff; }