Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

section.css 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932
  1. @charset "utf-8";
  2. /* ***********************************************
  3. * コンテンツ定義 css
  4. *
  5. * コンテンツ一覧
  6. * ページ操作コンテンツ
  7. * 住所
  8. * 背景色変更
  9. * 文字サイズ変更
  10. * 翻訳
  11. * サイトマップ
  12. * お問い合わせ
  13. *
  14. * コンテンツブロック
  15. * スライド画像
  16. * 情報一覧
  17. * 記事一覧
  18. * 新着情報
  19. * イベント情報
  20. * 町からのお知らせ
  21. * 町の出来事
  22. * 北方町紹介
  23. * ライフイベント
  24. * 町長の部屋
  25. * 緊急・災害情報
  26. * カレンダー
  27. * アクセスランキング
  28. * 広報1
  29. * 広報2
  30. * 広報3
  31. * 広報4
  32. * facebook
  33. * きたがたまなびすと
  34. *
  35. ********************************************** */
  36. /*
  37. * 2014/02/26
  38. * section タグ定義
  39. * article タグ定義
  40. *
  41. * 2014/02/27
  42. * article_list 記事一覧 タグ定義
  43. *
  44. * 2014/03/03
  45. * コメントアウト編集
  46. * コンテンツブロックに仕分け
  47. *
  48. */
  49. /* 一番上 ページ操作コンテンツ */
  50. section#operation {
  51. position: relative;
  52. display: block;
  53. top: 0px;
  54. left: 0px;
  55. width: 920px;
  56. height: 60px;
  57. margin: 0px 10px 10px 0px;
  58. }
  59. a.i_link {
  60. color: #000000;
  61. }
  62. /* 住所 ここから */
  63. address#operation_add{
  64. position: relative;
  65. display: block;
  66. margin: 0px 0px 0px 0px;
  67. padding: 3px 0px 0px 0px;
  68. text-align: right;
  69. font-size: 12px;
  70. }
  71. /* 住所 ここまで */
  72. /* ボタンリスト ここから */
  73. div#controle_panel{
  74. position: relative;
  75. display: block;
  76. left: 130px;
  77. top: 5px;
  78. }
  79. /* 背景色変更 ここから */
  80. article#bgcolor{
  81. position: relative;
  82. display: block;
  83. margin: 0px 10px 0px 10px;
  84. float:left;
  85. }
  86. div#bgcolor_img{
  87. position: relative;
  88. display: block;
  89. left:83px;
  90. top:-33px;
  91. height: 29px;
  92. }
  93. input#button1{
  94. position: absolute;
  95. display: block;
  96. width: 29px;
  97. height: 28px;
  98. }
  99. input#button2{
  100. position: absolute;
  101. display: block;
  102. left: 34px;
  103. width: 29px;
  104. height: 28px;
  105. }
  106. input#button3{
  107. position: absolute;
  108. display: block;
  109. left: 68px;
  110. width: 29px;
  111. height: 28px;
  112. }
  113. /* 背景色変更 ここまで */
  114. /* 文字サイズ変更 ここから */
  115. article#charsize{
  116. position: relative;
  117. display: block;
  118. margin: 0px 10px 0px 10px;
  119. float:left;
  120. }
  121. div#charsize_img{
  122. position: relative;
  123. display: block;
  124. left:83px;
  125. top:-32px;
  126. }
  127. /* 文字サイズ変更 ここまで */
  128. /* 翻訳 ここから */
  129. article#translation{
  130. position: relative;
  131. display: block;
  132. margin: 0px 10px 0px 10px;
  133. float:left;
  134. }
  135. /* 翻訳 ここまで */
  136. /* サイトマップ ここから */
  137. article#sitemap{
  138. position: relative;
  139. display: block;
  140. margin: 0px 10px 0px 10px;
  141. float:left;
  142. }
  143. /* サイトマップ ここまで */
  144. /* お問い合わせ ここから */
  145. article#contact{
  146. position: relative;
  147. display: block;
  148. float:left;
  149. }
  150. /* お問い合わせ ここまで */
  151. div#claer {
  152. clear : both;
  153. }
  154. /* ボタンリスト ここまで */
  155. /* 一番上 ページ操作コンテンツ */
  156. /* 各コンテンツブロック配置 */
  157. /* 全体大きさ定義 */
  158. div#blocks {
  159. position: relative;
  160. display: block;
  161. top: 0px;
  162. left: 0px;
  163. margin: 10px 0px 10px 0px;
  164. }
  165. /* スライド画像 ここから */
  166. section#imgae {
  167. position: absolute;
  168. display: block;
  169. top: -620px;
  170. left: 210px;
  171. width: 710px;
  172. height: 250px;
  173. margin: 10px 10px 10px 0px;
  174. /*background-color: #ffffff;*/
  175. background-image: url(img/info_background710250.png);
  176. }
  177. /* スライド画像 ここまで */
  178. /* 情報一覧 ここから */
  179. section#infolist {
  180. position: absolute;
  181. display: block;
  182. top: -360px;
  183. left: 210px;
  184. width: 710px;
  185. height: 40px;
  186. margin: 10px 10px 10px 0px;
  187. background-color: #ffffff;
  188. /*background-image: url(img/kitagata_background.png);*/
  189. }
  190. /* 情報一覧表示位置設定 */
  191. article#infolist{
  192. position: relative;
  193. display: block;
  194. margin: 5px 30px 5px 30px;
  195. padding : 5px 40px;
  196. }
  197. div#infolist{
  198. position: relative;
  199. display: block;
  200. }
  201. span#infolist{
  202. position: absolute;
  203. display: block;
  204. top: 1px;
  205. left: 120px;
  206. }
  207. /* 情報一覧 ここまで */
  208. /* 記事一覧 ここから */
  209. section#articlelist {
  210. position: absolute;
  211. display: block;
  212. top: -310px;
  213. left: 210px;
  214. width: 710px;
  215. height: 370px;
  216. margin: 10px 10px 10px 0px;
  217. background-color: #ffffff;
  218. /*background-image: url(img/kitagata_background.png);*/
  219. }
  220. /* 記事内切り替え用タグ定義 */
  221. /* タブボタン定義 */
  222. div#article_new_tab{
  223. position: relative;
  224. display: block;
  225. top: 25px;
  226. left: 30px;
  227. width: 100px;
  228. height: 28px;
  229. text-align:center;
  230. }
  231. div#article_info_tab{
  232. position: absolute;
  233. display: block;
  234. top: 26px;
  235. left: 150px;
  236. width: 100px;
  237. height: 28px;
  238. text-align:center;
  239. }
  240. div#article_news_tab{
  241. position: absolute;
  242. display: block;
  243. top: 26px;
  244. left: 275px;
  245. width: 130px;
  246. height: 28px;
  247. text-align:center;
  248. }
  249. div#article_events_tab{
  250. position: absolute;
  251. display: block;
  252. top: 25px;
  253. left: 430px;
  254. width: 110px;
  255. height: 28px;
  256. text-align:center;
  257. }
  258. div#article_list{
  259. position: absolute;
  260. display: block;
  261. top: 15px;
  262. left: 605px;
  263. width: 80px;
  264. height: 21px;
  265. text-align:center;
  266. }
  267. /* 記事表示ブロック */
  268. div#article_new{
  269. position: relative;
  270. display: block;
  271. top: 24px;
  272. margin: 0px 30px 0px 30px;
  273. border-style: solid hidden hidden hidden;
  274. border-width: 1px;
  275. }
  276. div#article_info{
  277. position: relative;
  278. display: none;
  279. top: 24px;
  280. margin: 0px 30px 0px 30px;
  281. border-style: solid hidden hidden hidden;
  282. border-width: 1px;
  283. }
  284. div#article_news{
  285. position: relative;
  286. display: none;
  287. top: 24px;
  288. margin: 0px 30px 0px 30px;
  289. border-style: solid hidden hidden hidden;
  290. border-width: 1px;
  291. }
  292. div#article_events{
  293. position: relative;
  294. display: none;
  295. top: 24px;
  296. margin: 0px 30px 0px 30px;
  297. border-style: solid hidden hidden hidden;
  298. border-width: 1px;
  299. }
  300. /* 記事文章定義 */
  301. span.block_line{
  302. position: relative;
  303. display: block;
  304. height:20px;
  305. padding : 7px 0px;
  306. border-bottom : 1px dotted;
  307. font-size: 14px;
  308. }
  309. span.block_line_tab{
  310. position: absolute;
  311. display: block;
  312. top: 7px;
  313. left: 55px;
  314. }
  315. span.block_line_date{
  316. position: absolute;
  317. display: block;
  318. top: 7px;
  319. left: 80px;
  320. }
  321. span.block_line_char{
  322. position: absolute;
  323. display: block;
  324. top: 7px;
  325. left: 170px;
  326. }
  327. span.block_line_date2{
  328. position: absolute;
  329. display: block;
  330. top: 7px;
  331. left: 0px;
  332. }
  333. span.block_line_char2{
  334. position: absolute;
  335. display: block;
  336. top: 7px;
  337. left: 90px;
  338. }
  339. span.block_line_char3{
  340. position: absolute;
  341. display: block;
  342. top: 0px;
  343. left: 90px;
  344. height: 40px
  345. }
  346. /* 記事一覧 ここまで */
  347. /* 北方町紹介 ここから */
  348. section#intro {
  349. position: relative;
  350. display: block;
  351. top: 0px;
  352. left: 0px;
  353. width: 200px;
  354. height: 560px;
  355. margin: 0px 10px 10px 0px;
  356. background-color: #ffffff;
  357. /*background-image: url(img/kitagata_background.png);*/
  358. }
  359. article#intro{
  360. position: relative;
  361. display: block;
  362. width: 180px;
  363. height: 530px;
  364. margin: 0px 0px 0px 0px;
  365. padding: 10px 10px 10px 10px;
  366. }
  367. div#intro_title{
  368. position: relative;
  369. display: block;
  370. width: 180px;
  371. height: 32px;
  372. margin: 0px 0px 0px 0px;
  373. background-image: url(img/shortbar_emblem.png);
  374. }
  375. div#intro_title_block{
  376. position: relative;
  377. display: block;
  378. width: 160px;
  379. margin: 0px 0px 0px 10px;
  380. }
  381. span#intro_title{
  382. display: table-cell;
  383. width: 160px;
  384. height: 32px;
  385. font-size: 18px;
  386. color: #ffffff;
  387. vertical-align: middle;
  388. }
  389. div#intro_text{
  390. position: relative;
  391. display: block;
  392. margin: 13px 0px 7px 0px;
  393. }
  394. span.intro_text_l{
  395. position: relative;
  396. display: block;
  397. text-decoration: underline;
  398. }
  399. span#kawasemi_text{
  400. position: absolute;
  401. display: block;
  402. top: 384px;
  403. left: 20px;
  404. color: #888888;
  405. font-size: 12px;
  406. z-index: 0;
  407. }
  408. img#kawasemi_img{
  409. position: relative;
  410. display: block;
  411. top: 0px;
  412. left: 70px;
  413. }
  414. div.intro_population_img{
  415. position: relative;
  416. display: block;
  417. width: 160px;
  418. margin: 5px 10px 0px 10px;
  419. text-align: center;
  420. }
  421. /* 北方町紹介 ここまで */
  422. /* ライフイベント ここから */
  423. section#event {
  424. position: absolute;
  425. display: block;
  426. top: 70px;
  427. left: 210px;
  428. width: 500px;
  429. height: 480px;
  430. margin: 10px 10px 10px 0px;
  431. /*background-color: #ffffff;*/
  432. background-image: url(img/lifeevent_background.png);
  433. }
  434. article#event{
  435. position: relative;
  436. display: block;
  437. width: 480px;
  438. height: 460px;
  439. margin: 0px 0px 0px 0px;
  440. padding: 10px 10px 10px 10px;
  441. }
  442. div#event_title{
  443. position: relative;
  444. display: block;
  445. width: 480px;
  446. height: 32px;
  447. margin: 0px 0px 0px 0px;
  448. background-image: url(img/longbar.png);
  449. }
  450. div#event_title_block{
  451. position: relative;
  452. display: block;
  453. width: 480px;
  454. margin: 0px 0px 0px 10px;
  455. }
  456. span#event_title{
  457. display: table-cell;
  458. width: 480px;
  459. height: 32px;
  460. font-size: 18px;
  461. color: #ffffff;
  462. vertical-align: middle;
  463. }
  464. div#event_list{
  465. margin:10px 0px 0px 0px;
  466. }
  467. div#event_list.clearfix:after {
  468. display:block;
  469. clear:both;
  470. height:0px;
  471. visibility:hidden;
  472. content:".";
  473. }
  474. div#event_list.clearfix{
  475. min-height:1px;
  476. }
  477. div#event_list_right{
  478. float:right;
  479. }
  480. div#event_list_left{
  481. }
  482. div.event_button{
  483. margin:0px 0px 0px 0px;
  484. padding: 15px 0px 15px 10px;
  485. width: 235px;
  486. height: 70px;
  487. }
  488. div.event_button a{
  489. display:block;
  490. }
  491. span.event_button_name{
  492. position: relative;
  493. display: block;
  494. top: -45px;
  495. left: 65px;
  496. width: 140px;
  497. margin: 0px 0px 0px 15px;
  498. font-size: 18px;
  499. }
  500. /* ライフイベント ここまで */
  501. /* 町長の部屋 ここから */
  502. section#mayor {
  503. position: absolute;
  504. display: block;
  505. top: 70px;
  506. left: 720px;
  507. width: 200px;
  508. height: 125px;
  509. margin: 10px 10px 10px 0px;
  510. background-color: #ffffff;
  511. /*background-image: url(img/banner_background200170.png);*/
  512. }
  513. div#mayor_img{
  514. position: relative;
  515. display: block;
  516. width: 180px;
  517. height: 89px;
  518. margin: 10px 0px 0px 10px;
  519. background-image: url(img/Room_of_the_mayor.png);
  520. }
  521. /* 文章定義 */
  522. span#mayor_title{
  523. position: relative;
  524. display: block;
  525. top: 40%;
  526. width: 180px;
  527. height: 45px;
  528. text-align: center;
  529. }
  530. span#mayor_1{
  531. position: relative;
  532. display: block;
  533. padding : 5px 10px;
  534. color: #222222;
  535. }
  536. span#mayor_2{
  537. position: relative;
  538. display: block;
  539. padding : 0px 10px;
  540. color: #222222;
  541. text-decoration: underline;
  542. }
  543. /* 町長の部屋 ここまで */
  544. /* 議会 ここから */
  545. section#parliament {
  546. position: absolute;
  547. display: block;
  548. top: 200px;
  549. left: 720px;
  550. width: 200px;
  551. height: 100px;
  552. margin: 10px 10px 10px 0px;
  553. background-color: #ffffff;
  554. }
  555. div#parliament_img{
  556. position: relative;
  557. display: block;
  558. width: 180px;
  559. height: 80px;
  560. margin: 10px 0px 0px 10px;
  561. /*background-color: #fd6263;*/
  562. /*background-image: url(img/banner_img200170red.png);*/
  563. }
  564. /* 文章定義 */
  565. span#parliament_title{
  566. position: relative;
  567. display: block;
  568. top: 40%;
  569. width: 180px;
  570. height: 25px;
  571. text-align: center;
  572. color: #000000;
  573. font-size: 16px;
  574. font-weight: bold;
  575. }
  576. /* 議会 ここまで */
  577. /* きたがたまなびすと ここから */
  578. section#manabisuto {
  579. position: absolute;
  580. display: block;
  581. top: 410px;
  582. left: 720px;
  583. width: 200px;
  584. height: 125px;
  585. margin: 10px 10px 10px 0px;
  586. background-color: #ffffff;
  587. /*background-image: url(img/kitagata_background.png);*/
  588. }
  589. /* きたがたまなびすと ここまで */
  590. /* きたがたまなびすと2 ここから */
  591. section#manabisuto2 {
  592. position: absolute;
  593. display: block;
  594. top: 305px;
  595. left: 720px;
  596. width: 200px;
  597. height: 125px;
  598. margin: 10px 10px 10px 0px;
  599. background-color: #ffffff;
  600. /*background-image: url(img/kitagata_background.png);*/
  601. }
  602. /* きたがたまなびすと ここまで */
  603. /* 緊急・災害情報 ここから */
  604. section#edinfo {
  605. position: absolute;
  606. display: block;
  607. top: 540px;
  608. left: 720px;
  609. width: 200px;
  610. height: 100px;
  611. margin: 10px 10px 10px 0px;
  612. background-color: #ffffff;
  613. /*background-image: url(img/banner_background200170.png);*/
  614. }
  615. div#edinfo_img{
  616. position: relative;
  617. display: block;
  618. width: 180px;
  619. height: 80px;
  620. margin: 10px 0px 0px 10px;
  621. /*background-color: #fd6263;*/
  622. /*background-image: url(img/banner_img200170red.png);*/
  623. }
  624. /* 緊急・災害情報2 ここから */
  625. section#edinfo2 {
  626. position: absolute;
  627. display: block;
  628. top: 540px;
  629. left: 720px;
  630. width: 200px;
  631. height: 100px;
  632. margin: 10px 10px 10px 0px;
  633. background-color: #ffffff;
  634. /*background-image: url(img/banner_background200170.png);*/
  635. }
  636. /* 文章定義 */
  637. span#edinfo_title{
  638. position: relative;
  639. display: block;
  640. top: 40%;
  641. width: 180px;
  642. height: 45px;
  643. text-align: center;
  644. color: #ffffff;
  645. font-size: 18px;
  646. font-weight: bold;
  647. }
  648. /* 緊急・災害情報 ここまで */
  649. /* カレンダー ここから */
  650. section#calendar {
  651. position: absolute;
  652. display: block;
  653. top: 645px;
  654. left: 720px;
  655. width: 200px;
  656. height: 100px;
  657. margin: 10px 10px 10px 0px;
  658. background-color: #ffffff;
  659. }
  660. div#calendar_img{
  661. position: relative;
  662. display: block;
  663. width: 180px;
  664. height: 80px;
  665. margin: 10px 0px 0px 10px;
  666. background-color: #01a9de;
  667. /*background-image: url(img/banner_img200170red.png);*/
  668. }
  669. /* カレンダー2 ここから */
  670. section#calendar2 {
  671. position: absolute;
  672. display: block;
  673. top: 645px;
  674. left: 720px;
  675. width: 200px;
  676. height: 100px;
  677. margin: 10px 10px 10px 0px;
  678. background-color: #ffffff;
  679. }
  680. /* 文章定義 */
  681. span#calendar_title{
  682. position: relative;
  683. display: block;
  684. top: 40%;
  685. width: 180px;
  686. height: 45px;
  687. text-align: center;
  688. color: #ffffff;
  689. font-size: 18px;
  690. font-weight: bold;
  691. }
  692. /* カレンダー ここまで */
  693. /* アクセスランキング ここから */
  694. section#access {
  695. position: relative;
  696. display: block;
  697. top: 0px;
  698. left: 0px;
  699. width: 200px;
  700. height: 290px;
  701. margin: 10px 10px 10px 0px;
  702. background-color: #ffffff;
  703. /*background-image: url(img/kitagata_background.png);*/
  704. }
  705. article#access{
  706. position: relative;
  707. display: block;
  708. width: 180px;
  709. height: 280px;
  710. margin: 0px 0px 0px 0px;
  711. padding: 10px 10px 10px 10px;
  712. }
  713. div#access_title{
  714. position: relative;
  715. display: block;
  716. width: 180px;
  717. height: 32px;
  718. margin: 0px 0px 0px 0px;
  719. background-image: url(img/shortbar.png);
  720. }
  721. div#access_title_block{
  722. position: relative;
  723. display: block;
  724. width: 180px;
  725. margin: 0px 0px 0px 10px;
  726. }
  727. span#access_title{
  728. display: table-cell;
  729. width: 180px;
  730. height: 32px;
  731. font-size: 18px;
  732. color: #ffffff;
  733. vertical-align: middle;
  734. }
  735. /* アクセスランキング ここまで */
  736. /* 広報 ここから */
  737. /* 広報1 */
  738. section#public1 {
  739. position: absolute;
  740. display: block;
  741. top: 560px;
  742. left: 210px;
  743. width: 245px;
  744. height: 140px;
  745. margin: 10px 10px 10px 0px;
  746. background-color: #ffffff;
  747. /*background-image: url(img/kitagata_background.png);*/
  748. }
  749. /* 広報2 */
  750. section#public2 {
  751. position: absolute;
  752. display: block;
  753. top: 560px;
  754. left: 465px;
  755. width: 245px;
  756. height: 140px;
  757. margin: 10px 10px 10px 0px;
  758. background-color: #ffffff;
  759. /*background-image: url(img/kitagata_background.png);*/
  760. }
  761. /* 広報3 */
  762. section#public3 {
  763. position: absolute;
  764. display: block;
  765. top: 710px;
  766. left: 210px;
  767. width: 245px;
  768. height: 140px;
  769. margin: 10px 10px 10px 0px;
  770. background-color: #ffffff;
  771. /*background-image: url(img/kitagata_background.png);*/
  772. }
  773. /* 広報4 */
  774. section#public4 {
  775. position: absolute;
  776. display: block;
  777. top: 710px;
  778. left: 465px;
  779. width: 245px;
  780. height: 140px;
  781. margin: 10px 10px 10px 0px;
  782. background-color: #ffffff;
  783. /*background-image: url(img/kitagata_background.png);*/
  784. }
  785. /* 広報 ここまで */
  786. /* facebook ここから */
  787. section#facebook {
  788. position: relative;
  789. display: block;
  790. top: 0px;
  791. left: 0px;
  792. width: 200px;
  793. height: 100px;
  794. margin: 10px 10px 10px 0px;
  795. background-color: #ffffff;
  796. /*background-image: url(img/kitagata_background.png);*/
  797. }
  798. article#facebook{
  799. position: relative;
  800. display: block;
  801. width: 180px;
  802. height: 80px;
  803. margin: 5px 10px 10px 0px;
  804. }
  805. /* facebook ここまで */
  806. /* education ここから */
  807. section#education {
  808. position: absolute;
  809. display: block;
  810. top: 750px;
  811. left: 720px;
  812. width: 200px;
  813. height: 100px;
  814. margin: 10px 10px 10px 0px;
  815. background-color: #ffffff;
  816. /*background-image: url(img/kitagata_background.png);*/
  817. }
  818. article#education{
  819. position: relative;
  820. display: block;
  821. width: 180px;
  822. height: 80px;
  823. margin: 10px 10px 10px 10px;
  824. }
  825. /* education ここまで */
  826. /* education2 ここから */
  827. section#education2 {
  828. position: absolute;
  829. display: block;
  830. top: 750px;
  831. left: 720px;
  832. width: 200px;
  833. height: 100px;
  834. margin: 10px 10px 10px 0px;
  835. background-color: #ffffff;
  836. /*background-image: url(img/kitagata_background.png);*/
  837. }
  838. article#education{
  839. position: relative;
  840. display: block;
  841. width: 180px;
  842. height: 80px;
  843. margin: 10px 10px 10px 10px;
  844. }
  845. /* education ここまで */
  846. /* 北方新庁舎 ここから開始 */
  847. section#newgov {
  848. position: absolute;
  849. display:block;
  850. top: 305px;
  851. left: 720px;
  852. width: 200px;
  853. height: 100px;
  854. margin: 10px 10px 10px 0px;
  855. background-color :#FFFFFF;
  856. }
  857. div#newgov_img{
  858. position: relative;
  859. display: block;
  860. width: 180px;
  861. height: 80px;
  862. margin: 10px 0px 0px 10px;
  863. background-color: #01a9de;
  864. /*background-image: url(img/banner_img200170red.png);*/
  865. }
  866. /* 北方新庁舎 ここまで*/
  867. /* kitagatakids ここから */
  868. section#kitagatakids2 {
  869. position: absolute;
  870. display: block;
  871. top: 435px;
  872. left: 720px;
  873. width: 200px;
  874. height: 100px;
  875. margin: 10px 10px 10px 0px;
  876. background-color: #ffffff;
  877. /*background-image: url(img/kitagata_background.png);*/
  878. }
  879. article#kitagatakids{
  880. position: relative;
  881. display: block;
  882. width: 180px;
  883. height: 80px;
  884. margin: 10px 10px 10px 10px;
  885. }
  886. /* kitagatakids ここまで */
  887. /* 各コンテンツブロック配置 */