\u3000\u524d\u9805\u3067\u3001\u5168\u753b\u9762\u306e\u30da\u30fc\u30b8\u304c\u7e26\u306b\u79fb\u52d5\u3057\u3066\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u30b5\u30a4\u30c8\u4f5c\u308a\u3092\u7d39\u4ecb\u3057\u305f\u304c\u3001\u3053\u306e\u9805\u3067\u306f\u3001\u5168\u753b\u9762\u306e\u30da\u30fc\u30b8\u304c\u6a2a\u306b\u79fb\u52d5\u3057\u3066\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u30b5\u30a4\u30c8\u4f5c\u308a\u3067\u3042\u308b\u3002
\n\u3000\u7e26\u79fb\u52d5\u578b\u3068\u3001\u307b\u307c\u540c\u3058\u4f5c\u308a\u3067\u3001\u6c34\u5e73\u306b\u4e26\u3079\u305f\u30da\u30fc\u30b8\u3092\u3001transition \u3092\u4f7f\u3063\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u79fb\u52d5\u3055\u305b\u3066\u3044\u308b\u3002\u6a2a\u79fb\u52d5\u578b\u3067\u306f\u3001\u30da\u30fc\u30b8\u306e\u9ad8\u3055\u304c\u5fc5\u305a\u3057\u3082\u753b\u9762\u5185\u306b\u53ce\u307e\u3089\u306a\u304f\u3066\u3082\u3044\u3044\u306e\u3067\u3001\u9ad8\u3055\u6307\u5b9a\u306f\u5916\u3057\u3066\u3044\u308b\u3002\u305f\u3060\u3057\u3001\u80cc\u666f\u5199\u771f\u306e\u9ad8\u3055\u306f\u753b\u9762\u306b\u53ce\u307e\u308b\u9ad8\u3055\u306b\u306a\u308b\u306e\u3067\u3001\u306f\u307f\u51fa\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u5199\u771f\u306e\u4e0b\u306b\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u306b\u306a\u308b\u3002\u30c7\u30b6\u30a4\u30f3\u7684\u306b\u306f\u3001\u8003\u616e\u304c\u5fc5\u8981\u306b\u306a\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002
\n\u3000\u672c\u7a3f\u3067\u306f\u3001\u753b\u9762\u306e\u5e45\u304c800px\u3088\u308a\u3082\u5c0f\u3055\u3044\u5834\u5408\u306b\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u8868\u793a\u67a0\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5e45\u5e83\u306b\u8abf\u7bc0\u3057\u3066\u3001\u5c0f\u3055\u3044\u30c7\u30d0\u30a4\u30b9\u3067\u898b\u3084\u3059\u3044\u3088\u3046\u306b\u8abf\u7bc0\u3057\u305f\u3002<\/p>\n
\u3000\u5225\u30da\u30fc\u30b8\u306b\u793a\u3057\u305f\u3002<\/u><\/b><\/a><\/p>\n \u3000\u524d\u9805\u3067\u3001\u5168\u753b\u9762\u306e\u30da\u30fc\u30b8\u304c\u7e26\u306b\u79fb\u52d5\u3057\u3066\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u30b5\u30a4\u30c8\u4f5c\u308a\u3092\u7d39\u4ecb\u3057\u305f\u304c\u3001\u3053\u306e\u9805\u3067\u306f\u3001\u5168\u753b\u9762\u306e\u30da\u30fc\u30b8\u304c\u6a2a\u306b\u79fb\u52d5\u3057\u3066\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u30b5\u30a4\u30c8\u4f5c\u308a\u3067\u3042\u308b\u3002 \u3000\u7e26\u79fb\u52d5\u578b\u3068\u3001\u307b\u307c\u540c\u3058\u4f5c\u308a\u3067\u3001\u6c34\u5e73\u306b\u4e26\u3079\u305f\u30da\u30fc\u30b8\u3092\u3001transitio … \u7d9a\u304d\u3092\u8aad\u3080 \u672c\u30b5\u30f3\u30d7\u30eb\u8868\u793a\u7528HTML<\/h4>\n
\r\n<body>\r\n<input type="radio" name="btn" id="r1">\r\n<input type="radio" name="btn" id="r2">\r\n<input type="radio" name="btn" id="r3">\r\n<input type="radio" name="btn" id="r4">\r\n<input type="radio" name="btn" id="r5">\r\n<input type="radio" name="btn" id="r6">\r\n<div id="container">\r\n <div id="navi">\r\n <label for="r1">\r\n <li class="menu"> HOME <\/li>\r\n <\/label>\r\n <label for="r2">\r\n <li class="menu"> PROFILE <\/li>\r\n <\/label>\r\n <label for="r3">\r\n <li class="menu"> TOPICKS <\/li>\r\n <\/label>\r\n <label for="r4">\r\n <li class="menu"> MEMOS <\/li>\r\n <\/label>\r\n <label for="r5">\r\n <li class="menu"> GALLERY <\/li>\r\n <\/label>\r\n <label for="r6">\r\n <li class="menu"> CONTACT <\/li>\r\n <\/label>\r\n <\/div>\r\n <div id="d1" class="page"><img src="img\/segodon.png"><span>Takamori<br>\r\n Saigo<\/span><\/div>\r\n <div id="d2" class="page">\r\n <div class="contents">\r\n <div class="textbox">\r\n \t<p><span style="font-weight:bold; font-size:30px !important; margin:3px 0 3px 0;"> PROFILE<\/span><\/p><br \/>\r\n <p>\u3000\u85a9\u6469\u56fd\u85a9\u6469\u85e9\u306e\u4e0b\u7d1a\u85e9\u58eb\u30fb\u897f\u90f7\u5409\u5175\u885b\u9686\u76db\u306e\u9577\u7537\u3002\u8af1\u306f\u5143\u670d\u6642\u306b<strong>\u9686\u6c38<\/strong>\uff08\u305f\u304b\u306a\u304c\uff09\u306e\u3061\u306b\u6b66\u96c4\u30fb<strong>\u9686\u76db<\/strong>\uff08\u305f\u304b\u3082\u308a\uff09\u3068\u5909\u66f4\u3002\u5e7c\u540d\u306f\u5c0f\u5409\u3001\u901a\u79f0\u306f\u5409\u4e4b\u4ecb\u3001\u5584\u5175\u885b\u3001\u5409\u5175\u885b\u3001\u5409\u4e4b\u52a9\u3068\u9806\u6b21\u5909\u66f4\u3002\u53f7\u306f\u5357\u6d32\uff08\u306a\u3093\u3057\u3085\u3046\uff09\u3002\u9686\u76db\u306f\u7236\u3068\u540c\u540d\u3067\u3042\u308b\u304c\u3001\u3053\u308c\u306f\u738b\u653f\u5fa9\u53e4\u306e\u7ae0\u5178\u3067\u4f4d\u968e\u3092\u6388\u3051\u3089\u308c\u308b\u969b\u306b\u89aa\u53cb\u306e\u5409\u4e95\u53cb\u5b9f\u304c\u8aa4\u3063\u3066\u7236\u30fb\u5409\u5175\u885b\u306e\u540d\u3092\u5c4a\u3051\u305f\u305f\u3081\u3001\u305d\u308c\u4ee5\u5f8c\u306f\u7236\u306e\u540d\u3092\u540d\u4e57\u3063\u305f\u305f\u3081\u3067\u3042\u308b\u3002\u4e00\u6642\u3001\u897f\u90f7\u4e09\u52a9\u30fb\u83ca\u6c60\u6e90\u543e\u30fb\u5927\u5cf6\u4e09\u53f3\u885b\u9580\u3001\u5927\u5cf6\u5409\u4e4b\u52a9\u306a\u3069\u306e\u5909\u540d\u3082\u540d\u4e57\u3063\u305f\u3002<\/p>\r\n <p>\u897f\u90f7\u5bb6\u306e\u521d\u4ee3\u306f\u718a\u672c\u304b\u3089\u9e7f\u5150\u5cf6\u306b\u79fb\u308a\u3001\u9e7f\u5150\u5cf6\u3078\u6765\u3066\u304b\u3089\u306e7\u4ee3\u76ee\u304c\u7236\u30fb\u5409\u5175\u885b\u9686\u76db\u30018\u4ee3\u76ee\u304c\u5409\u4e4b\u52a9\u9686\u76db\u3067\u3042\u308b\u3002\u6b21\u5f1f\u306f\u620a\u8fb0\u6226\u4e89\uff08\u5317\u8d8a\u6226\u4e89\u30fb\u65b0\u6f5f\u770c\u9577\u5ca1\u5e02\uff09\u3067\u6226\u6b7b\u3057\u305f\u897f\u90f7\u5409\u4e8c\u90ce\uff08\u9686\u5ee3\uff09\u3001\u4e09\u5f1f\u306f\u660e\u6cbb\u653f\u5e9c\u306e\u91cd\u93ae\u897f\u90f7\u5f93\u9053\uff08\u901a\u79f0\u306f\u4fe1\u543e\u3001\u53f7\u306f\u7adc\u5eb5\uff09\u3001\u56db\u5f1f\u306f\u897f\u5357\u6226\u4e89\u3067\u6226\u6b7b\u3057\u305f\u897f\u90f7\u5c0f\u5175\u885b\uff08\u9686\u96c4\u3001\u9686\u6b66\uff09\u3002\u5927\u5c71\u5dcc\uff08\u5f25\u52a9\uff09\u306f\u5f93\u5f1f\u3001\u5ddd\u6751\u7d14\u7fa9\uff08\u4e0e\u5341\u90ce\uff09\u3082\u89aa\u621a\u3067\u3042\u308b\u3002<\/p>\r\n <p>\uff08\u30a6\u30a3\u30ad\u30da\u30c7\u30a3\u30a2\u3088\u308a\uff09<\/p>\r\n <\/div><\/div>\r\n <\/div>\r\n <div id="d3" class="page">\r\n <div class="contents">\r\n <div class="textbox">\r\n <p><span style="font-weight:bold; font-size:24px !important; margin:3px 0 3px 0;"> TOPICKS<\/span><\/p>\r\n <H3><SPAN id=".E5.AF.BA.E7.94.B0.E5.B1.8B.E9.A8.92.E5.8B.95.E5.89.8D.E5.BE.8C"><\/SPAN><SPAN id="\u5bfa\u7530\u5c4b\u9a12\u52d5\u524d\u5f8c">\u5bfa\u7530\u5c4b\u9a12\u52d5\u524d\u5f8c<\/SPAN><\/H3>\r\n <p>\u6587\u4e45\u5143\u5e74\uff081861\u5e74\uff0910\u6708\u3001\u4e45\u5149\u306f\u516c\u6b66\u5468\u65cb\u306b\u4e57\u308a\u51fa\u3059\u6c7a\u610f\u3092\u3057\u3066\u8981\u8def\u91cd\u81e3\u306e\u66f4\u8fed\u3092\u884c\u3063\u305f\u304c\u3001\u4eac\u90fd\u3067\u306e\u624b\u3065\u308b\u304c\u306a\u304f\u3001\u5c0f\u7d0d\u6238\u5f79\u306e\u5927\u4e45\u4fdd\u30fb\u5800\u6b21\u90ce\u3089\u306e\u9032\u8a00\u3067\u897f\u90f7\u306b\u53ec\u9084\u72b6\u3092\u51fa\u3057\u305f\u3002\u897f\u90f7\u306f11\u670821\u65e5\u306b\u53ec\u9084\u72b6\u3092\u53d7\u3051\u53d6\u308b\u3068\u3001\u4e16\u8a71\u306b\u306a\u3063\u305f\u4eba\u3005\u3078\u306e\u6328\u62f6\u3092\u6e08\u307e\u305b\u3001\u611b\u52a0\u90a3\u306e\u751f\u6d3b\u304c\u7acb\u3064\u3088\u3046\u306b\u3057\u305f\u306e\u3061\u3001\u6587\u4e452\u5e74\uff081862\u5e74\uff091\u670814\u65e5\u306b\u963f\u4e39\u5d0e\u3092\u51fa\u5e06\u3057\u3001\u53e3\u6c38\u826f\u90e8\u5cf6\u30fb\u6795\u5d0e\u3092\u7d4c\u30662\u670812\u65e5\u306b\u9e7f\u5150\u5cf6\u3078\u7740\u3044\u305f\u30022\u670815\u65e5\u3001\u751f\u304d\u3066\u3044\u308b\u3053\u3068\u304c\u5e55\u5e9c\u306b\u767a\u899a\u3057\u306a\u3044\u3088\u3046\u306b\u897f\u90f7\u4e09\u52a9\u304b\u3089\u5927\u5cf6\u4e09\u53f3\u885b\u9580[\u6ce8\u91c8 3]\u3068\u6539\u540d\u3057\u305f\u3002\u540c\u65e5\u3001\u4e45\u5149\u306b\u53ec\u3055\u308c\u305f\u304c\u3001\u4e45\u5149\u304c\u7121\u5b98\u3067\u3001\u6589\u5f6c\u307b\u3069\u306e\u4eba\u671b\u304c\u7121\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u4e0a\u4eac\u3059\u3079\u304d\u3067\u306a\u3044\u3068\u4e3b\u5f35\u3057\u3001\u307e\u305f\u3001\u300c\u5fa1\u524d\u30cb\u30cf\u6050\u30ec\u30ca\u30ac\u30e9\u5730\u30b4\u30ed\uff08\u5730\u30b4\u30ed\u306f\u7530\u820e\u8005\u3068\u3044\u3046\u610f\u5473\uff09\u300d\u306a\u306e\u3067\u5468\u65cb\u306f\u7121\u7406\u3060\u3068\u8a00\u3063\u305f\u306e\u3067\u3001\u4e45\u5149\u306e\u4e0d\u8208\u3092\u8cb7\u3063\u305f\u3002\u4e00\u65e6\u306f\u540c\u884c\u3092\u65ad\u3063\u305f\u304c\u3001\u5927\u4e45\u4fdd\u306e\u8aac\u5f97\u3067\u4e0a\u4eac\u3092\u627f\u8afe\u3057\u3001\u65e7\u5f79\u306b\u5fa9\u3057\u305f\u30023\u670813\u65e5\u3001\u4e0b\u95a2\u3067\u5f85\u6a5f\u3059\u308b\u547d\u3092\u53d7\u3051\u3066\u3001\u6751\u7530\u65b0\u516b\u3092\u4f34\u3063\u3066\u5148\u767a\u3057\u305f\u3002<\/p>\r\n <p> <\/p>\r\n <p>\uff08\u30a6\u30a3\u30ad\u30da\u30c7\u30a3\u30a2\u3088\u308a\uff09<br \/><\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id="d4" class="page">\r\n <div class="contents">\r\n <div class="textbox">\r\n <p><span class="OTES">NOTES<\/span><br \/>\r\n <\/p>\r\n <p>\u306a\u304a\u3001\u660e\u6cbb4\u5e74\uff081871\u5e74\uff0911\u6708\u306e\u5ca9\u5009\u4f7f\u7bc0\u56e3\u51fa\u767a\u304b\u3089\u660e\u6cbb6\u5e74\uff081873\u5e74\uff099\u6708\u306e\u5ca9\u5009\u5e30\u56fd\u307e\u3067\u306e\u9593\u306b\u897f\u90f7\u4e3b\u5c0e\u7559\u5b88\u5185\u95a3\u304c\u65bd\u884c\u3057\u305f\u4e3b\u306a\u653f\u7b56\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3042\u308b\u3002<\/p>\r\n <UL>\r\n <LI>\u5e9c\u770c\u306e\u7d71\u5ec3\u5408\uff083\u5e9c72\u770c\uff09<\/LI>\r\n <LI>\u9678\u8ecd\u7701\u30fb\u6d77\u8ecd\u7701\u306e\u8a2d\u7f6e<\/LI>\r\n <LI>\u5b66\u5236\u306e\u5236\u5b9a<\/LI>\r\n <LI>\u56fd\u7acb\u9280\u884c\u6761\u4f8b\u516c\u5e03<\/LI>\r\n <LI>\u592a\u967d\u66a6\u306e\u63a1\u7528<\/LI>\r\n <LI>\u5fb4\u5175\u4ee4\u306e\u5e03\u544a<\/LI>\r\n <LI>\u30ad\u30ea\u30b9\u30c8\u6559\u7981\u5236\u306e\u9ad8\u672d\u306e\u64a4\u5ec3<\/LI>\r\n <LI>\u5730\u79df\u6539\u6b63\u6761\u4f8b\u306e\u5e03\u544a<\/LI>\r\n <\/UL>\r\n <p>\u660e\u6cbb\u516d\u5e74\u653f\u5909<\/p>\r\n <p> \u3000 \u5bfe\u671d\u9bae\uff08\u5f53\u6642\u306f\u674e\u6c0f\u671d\u9bae\uff09\u554f\u984c\u306f\u3001\u660e\u6cbb\u5143\u5e74\uff081868\u5e74\uff09\u306b\u674e\u671d\u304c\u7dad\u65b0\u653f\u5e9c\u306e\u56fd\u66f8\u306e\u53d7\u3051\u53d6\u308a\u3092\u62d2\u7d76\u3057\u305f\u3053\u3068\u304c\u767a\u7aef\u3060\u304c\u3001\u3053\u306e\u56fd\u66f8\u53d7\u3051\u53d6\u308a\u3068\u671d\u9bae\u3068\u306e\u4fee\u597d\u6761\u7d04\u7de0\u7d50\u554f\u984c\u306f\u7559\u5b88\u5185\u95a3\u6642\u306b\u3082\u4e00\u5411\u306b\u9032\u5c55\u3057\u3066\u3044\u306a\u304b\u3063\u305f\u3002\u305d\u3053\u3067\u3001\u9032\u5c55\u3057\u306a\u3044\u539f\u56e0\u3068\u305d\u306e\u5bfe\u7b56\u3092\u77e5\u308b\u5fc5\u8981\u304c\u3042\u3063\u3066\u3001\u897f\u90f7\u3068\u677f\u57a3\u9000\u52a9\u30fb\u526f\u5cf6\u7a2e\u81e3\u3089\u306f\u3001\u8abf\u67fb\u306e\u305f\u3081\u306b\u3001\u660e\u6cbb5\u5e74\uff081872\u5e74\uff098\u670815\u65e5\u306b\u6c60\u4e0a\u56db\u90ce\u30fb\u6b66\u5e02\u6b63\u5e79\u30fb\u5f6d\u57ce\u4e2d\u5e73\u3092\u6e05\u56fd\u30fb\u30ed\u30b7\u30a2\u30fb\u671d\u9bae\u63a2\u5075\u3068\u3057\u3066\u6e80\u6d32\u306b\u6d3e\u9063\u3057[9]\u300127\u65e5\u306b\u5317\u6751\u91cd\u983c\u30fb\u6cb3\u6751\u6d0b\u4e0e\u30fb\u5225\u5e9c\u664b\u4ecb\uff08\u666f\u9577\uff09\u3092\u82b1\u623f\u5916\u52d9\u5927\u4e1e\u968f\u54e1\uff08\u5b9f\u969b\u306f\u5909\u88c5\u3057\u3066\u306e\u63a2\u5075\uff09\u3068\u3057\u3066\u91dc\u5c71\u306b\u6d3e\u9063\u3057\u305f[10]\u3002<\/p>\r\n <p>\u3000 \u660e\u6cbb6\u5e74\uff081873\u5e74\uff09\u306e\u5bfe\u671d\u9bae\u554f\u984c\u3092\u3081\u3050\u308b\u653f\u5e9c\u9996\u8133\u306e\u8ecb\u8f62\u306f\u30016\u6708\u306b\u5916\u52d9\u5c11\u8a18\u30fb\u68ee\u5c71\u8302\u304c\u91dc\u5c71\u304b\u3089\u5e30\u56fd\u5f8c\u3001\u674e\u671d\u653f\u5e9c\u304c\u65e5\u672c\u306e\u56fd\u66f8\u3092\u62d2\u7d76\u3057\u305f\u3046\u3048\u3001\u4f7f\u7bc0\u3092\u4fae\u8fb1\u3057\u3001\u5c45\u7559\u6c11\u306e\u5b89\u5168\u304c\u8105\u304b\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u671d\u9bae\u304b\u3089\u64a4\u9000\u3059\u308b\u304b\u3001\u6b66\u529b\u3067\u4fee\u597d\u6761\u7d04\u3092\u7de0\u7d50\u3055\u305b\u308b\u304b\u306e\u88c1\u6c7a\u304c\u5fc5\u8981\u3067\u3042\u308b\u3068\u5831\u544a\u3057\u3001\u305d\u308c\u3092\u5916\u52d9\u5c11\u8f14\u30fb\u4e0a\u91ce\u666f\u7bc4\u304c\u5185\u95a3\u306b\u8b70\u6848\u3068\u3057\u3066\u63d0\u51fa\u3057\u305f\u3053\u3068\u306b\u59cb\u307e\u308b\u3002\u3053\u306e\u8b70\u6848\u306f6\u670812\u65e5\u304b\u30897\u53c2\u8b70\u306b\u3088\u308a\u5be9\u8b70\u3055\u308c\u305f\u3002\r\n \r\n \u8b70\u6848\u306f\u5f53\u521d\u3001\u677f\u57a3\u304c\u6b66\u529b\u306b\u3088\u308b\u4fee\u597d\u6761\u7d04\u7de0\u7d50\uff08\u5f81\u97d3\u8ad6\uff09\u3092\u4e3b\u5f35\u3057\u305f\u306e\u306b\u5bfe\u3057\u3001\u897f\u90f7\u306f\u6b66\u529b\u3092\u4e0d\u53ef\u3068\u3057\u3066\u3001\u81ea\u5206\u304c\u65e7\u4f8b\u306e\u670d\u88c5\u3067\u5168\u6a29\u5927\u4f7f\u306b\u306a\u308b\uff08\u9063\u97d3\u5927\u4f7f\u8ad6\uff09\u3068\u4e3b\u5f35\u3057\u3066\u5bfe\u7acb\u3057\u305f\u3002\u3057\u304b\u3057\u3001\u6570\u5ea6\u306b\u53ca\u3076\u8aac\u5f97\u3067\u3001\u65b9\u6cd5\u30fb\u4eba\u9078\u3067\u53cd\u5bfe\u3057\u3066\u3044\u305f\u677f\u57a3\u3068\u5916\u52d9\u537f\u306e\u526f\u5cf6\u304c8\u6708\u521d\u3081\u306b\u897f\u90f7\u6848\u306b\u540c\u610f\u3057\u305f\u3002\u897f\u90f7\u6d3e\u9063\u306b\u3064\u3044\u3066\u306f\u300116\u65e5\u306b\u4e09\u6761\u5b9f\u7f8e\u306e\u540c\u610f\u3092\u5f97\u3066\u300117\u65e5\u306e\u95a3\u8b70\u3067\u6c7a\u5b9a\u3055\u308c\u305f\u3002\u3057\u304b\u3057\u3001\u4e09\u6761\u304c\u5929\u7687\u306b\u5831\u544a\u3057\u305f\u3068\u304d\u3001\u300c\u5ca9\u5009\u5177\u8996\u306e\u5e30\u671d\u3092\u5f85\u3063\u3066\u3001\u5ca9\u5009\u3068\u719f\u8b70\u3057\u3066\u594f\u4e0a\u305b\u3088\u300d\u3068\u306e\u52c5\u65e8\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u767a\u8868\u306f\u5ca9\u5009\u5e30\u56fd\u307e\u3067\u5f85\u3064\u3053\u3068\u306b\u306a\u3063\u305f\u3002<\/p>\r\n <p>\u3000 \u4ee5\u4e0a\u306e\u6642\u70b9\u307e\u3067\u306f\u3001\u897f\u90f7\u30fb\u677f\u57a3\u30fb\u526f\u5cf6\u3089\u306f\u5927\u4f7f\u6d3e\u9063\u306e\u65b9\u5411\u3067\u4e8b\u614b\u306f\u9032\u884c\u3059\u308b\u3082\u306e\u3068\u8003\u3048\u3066\u3044\u305f\u3002\u3068\u3053\u308d\u304c\u30019\u6708\u3001\u5ca9\u5009\u304c\u5e30\u56fd\u3059\u308b\u3068\u3001\u5148\u306b\u5916\u904a\u304b\u3089\u5e30\u56fd\u3057\u3066\u3044\u305f\u6728\u6238\u5b5d\u5141\u30fb\u5927\u4e45\u4fdd\u5229\u901a\u3089\u306e\u5185\u6cbb\u512a\u5148\u8ad6\u304c\u8868\u9762\u5316\u3057\u3066\u304d\u305f\u3002\u5927\u4e45\u4fdd\u3089\u304c\u53c2\u8b70\u306b\u52a0\u308f\u3063\u305f9\u670814\u65e5\u306e\u95a3\u8b70\u3067\u306f\u5927\u4f7f\u6d3e\u9063\u554f\u984c\u306f\u8b70\u6c7a\u3067\u304d\u305a\u300115\u65e5\u306e\u518d\u8b70\u3067\u897f\u90f7\u6d3e\u9063\u306b\u6c7a\u5b9a\u3057\u305f\u3002\u3057\u304b\u3057\u3001\u3053\u308c\u306b\u53cd\u5bfe\u3059\u308b\u6728\u6238\u5b5d\u5141\u30fb\u5927\u4e45\u4fdd\u5229\u901a\u30fb\u5927\u9688\u91cd\u4fe1\u30fb\u5927\u6728\u55ac\u4efb\u3089\u306e\u53c2\u8b70\u304c\u8f9e\u8868\u3092\u63d0\u51fa\u3057\u3001\u53f3\u5927\u81e3\u30fb\u5ca9\u5009\u3082\u8f9e\u610f\u3092\u8868\u660e\u3059\u308b\u4e8b\u614b\u306b\u81f3\u3063\u305f\u3002\u3053\u308c\u3092\u6182\u616e\u3057\u305f\u4e09\u6761\u306f18\u65e5\u591c\u3001\u6025\u75c5\u306b\u306a\u308a\u3001\u5ca9\u5009\u304c\u592a\u653f\u5927\u81e3\u4ee3\u884c\u306b\u306a\u3063\u305f\u3002\u305d\u3053\u3067\u3001\u897f\u90f7\u3068\u677f\u57a3\u9000\u52a9\u30fb\u526f\u5cf6\u7a2e\u81e3\u30fb\u6c5f\u85e4\u65b0\u5e73\u3089\u306f\u5ca9\u5009\u90b8\u3092\u8a2a\u306d\u3066\u3001\u95a3\u8b70\u6c7a\u5b9a\u306e\u4e0a\u594f\u88c1\u53ef\u3092\u6c42\u3081\u305f\u304c\u3001\u5ca9\u5009\u306f\u4e86\u627f\u3057\u306a\u304b\u3063\u305f\u3002\r\n \r\n 9\u670823\u65e5\u3001\u897f\u90f7\u304c\u9678\u8ecd\u5927\u5c06\u517c\u53c2\u8b70\u30fb\u8fd1\u885b\u90fd\u7763\u3092\u8f9e\u3057\u3001\u4f4d\u968e\u3082\u8fd4\u4e0a\u3059\u308b\u3068\u4e0a\u8868\u3057\u305f\u306e\u306b\u5bfe\u3057\u3001\u3059\u3067\u306b\u5bae\u4e2d\u5de5\u4f5c\u3092\u7d42\u3048\u3066\u3044\u305f\u5ca9\u5009\u306f\u3001\u95a3\u8b70\u306e\u6c7a\u5b9a\u3068\u306f\u5225\u306b\u897f\u90f7\u6d3e\u9063\u5ef6\u671f\u306e\u610f\u898b\u66f8\u3092\u5929\u7687\u306b\u63d0\u51fa\u3057\u305f\u3002\u7fcc24\u65e5\u306b\u5929\u7687\u304c\u5ca9\u5009\u306e\u610f\u898b\u3092\u5165\u308c\u3001\u897f\u90f7\u6d3e\u9063\u3092\u7121\u671f\u5ef6\u671f\u3059\u308b\u3068\u306e\u88c1\u53ef\u3092\u51fa\u3057\u305f\u306e\u3067\u3001\u897f\u90f7\u306f\u8f9e\u8077\u3057\u305f\u3002\u3053\u306e\u3068\u304d\u3001\u897f\u90f7\u306e\u53c2\u8b70\u30fb\u8fd1\u885b\u90fd\u7763\u8f9e\u8077\u306f\u8a31\u53ef\u3055\u308c\u305f\u304c\u3001\u9678\u8ecd\u5927\u5c06\u8f9e\u8077\u3068\u4f4d\u968e\u306e\u8fd4\u4e0a\u306f\u8a31\u3055\u308c\u306a\u304b\u3063\u305f\u3002\r\n \r\n \u7fcc25\u65e5\u306b\u306a\u308b\u3068\u3001\u677f\u57a3\u30fb\u526f\u5cf6\u30fb\u5f8c\u85e4\u30fb\u6c5f\u85e4\u3089\u306e\u53c2\u8b70\u3082\u8f9e\u8077\u3057\u305f\u3002\u3053\u306e\u4e00\u9023\u306e\u8f9e\u8077\u306b\u540c\u8abf\u3057\u3066\u3001\u5f81\u97d3\u8ad6\u30fb\u9063\u97d3\u5927\u4f7f\u6d3e\u306e\u6797\u6709\u9020\u30fb\u6850\u91ce\u5229\u79cb\u30fb\u7be0\u539f\u56fd\u5e79\u30fb\u6df5\u8fba\u7fa4\u5e73\u30fb\u5225\u5e9c\u664b\u4ecb\u30fb\u6cb3\u91ce\u4e3b\u4e00\u90ce\u30fb\u8fba\u898b\u5341\u90ce\u592a\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u653f\u6cbb\u5bb6\u30fb\u8ecd\u4eba\u30fb\u5b98\u50da600\u540d\u4f59\u304c\u6b21\u3005\u306b\u5927\u91cf\u306b\u8f9e\u4efb\u3057\u305f\u3002\u3053\u306e\u5f8c\u3082\u8f9e\u8077\u304c\u7d9a\u304d\u3001\u9045\u308c\u3066\u5e30\u56fd\u3057\u305f\u6751\u7530\u65b0\u516b\u30fb\u6c60\u4e0a\u56db\u90ce\u3089\u3082\u307e\u305f\u8f9e\u4efb\u3057\u305f\uff08\u660e\u6cbb\u516d\u5e74\u653f\u5909\uff09\u3002\r\n \r\n \u3053\u306e\u3068\u304d\u3001\u897f\u90f7\u306e\u63a8\u6319\u3067\u5175\u90e8\u5927\u8f14\u30fb\u5927\u6751\u76ca\u6b21\u90ce\u306e\u5f8c\u4efb\u306b\u88dc\u3055\u308c\u306a\u304c\u3089\u3001\u80fd\u529b\u4e0d\u8db3\u3068\u81ea\u899a\u3057\u3066\u3001\u5148\u306b\u4e0b\u91ce\u3057\u3066\u3044\u305f\u524d\u539f\u4e00\u8aa0\u306f\u300c\u5b9c\u30b7\u30af\u897f\u90f7\u30ce\u8077\u30f2\u5fa9\u30b7\u30c6\u85a9\u9577\u8abf\u548c\u30ce\u5b9f\u30f2\u8a08\u30eb\u30d9\u30b7\u3001\u7136\u30e9\u30b6\u30ec\u30d0\u3001\u8ce2\u30f2\u5931\u30d5\u30ce\u8b70\u8d77\u30b3\u30e9\u30f3\u30c8\u300d[11]\u3068\u3044\u3046\u5185\u5bb9\u306e\u66f8\u7c21\u3092\u592a\u653f\u5927\u81e3\u30fb\u4e09\u6761\u5b9f\u7f8e\u306b\u9001\u308a\u3001\u660e\u6cbb\u653f\u5e9c\u306e\u524d\u9014\u3092\u6182\u3048\u305f\u3002 <\/p>\r\n \uff08\u30a6\u30a3\u30ad\u30da\u30c7\u30a3\u30a2\u3088\u308a\uff09<\/div>\r\n <\/div>\r\n <\/div>\r\n <div id="d5" class="page">\r\n \t<iframe src="..\/portfolio\/gallery.html" allowtransparency="true"><\/iframe>\r\n <\/div>\r\n <div id="d6" class="page">\r\n \t<div class="textbox_s">Email Address: saigo@hoge.ne.jp<\/div>\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/pre>\n
\u672c\u30b5\u30f3\u30d7\u30eb\u8868\u793a\u7528CSS<\/h4>\n
\r\n\r\nhtml,body { \r\n\theight:100%;\r\n\tbackground:#555;\r\n\toverflow-x: hidden;\r\n}\r\n\/* \u30e1\u30cb\u30e5\u30fc\u9805\u76ee *\/\r\n#navi {\r\n\ttop:6%;left:8%;\r\n\twidth:100%;\r\n\tlist-style:none;\t\r\n\tfont-size:18px;\r\n\tcolor:#fff;\r\n\tposition:fixed;\r\n\tz-index:100;\r\n}\r\n#navi li {\r\n\tmargin-left:1%;\r\n\tfloat:left;\r\n\tbackground-color:rgba(0,0,0,0.3);\r\n}\r\n#navi li:hover {\r\n\tcolor:#DD8586;\r\n\tcursor:pointer;\r\n}\r\n\/* \u5168\u30da\u30fc\u30b8\u5305\u542b\u30b3\u30f3\u30c6\u30ca\u30fc *\/\r\n#container { \r\n\tposition:absolute;\r\n\twidth:100%;\r\n\theight:100%;\r\n\ttop:0;\r\n\tleft:0;\r\n\ttransition:left 1s ease;\r\n }\r\n \/* \u5404\u30da\u30fc\u30b8\u5171\u901a *\/\r\n.page { \r\n\tposition:absolute;\r\n\ttop:0;\r\n\twidth:100%;height:100%;\r\n\tbackground-size:100% 100%;\r\n}\r\n\r\n\/* \u5404\u30da\u30fc\u30b8\u306e\u80cc\u666f\u3001\u8868\u9762\u30da\u30fc\u30b8 *\/\r\n#d1 { left:0; background-image:url(img\/background.jpg); }\r\n#d1 span { font-size:78px;color:#fff;position:absolute;bottom:10%;left:15%;animation:slideup 2s ease;animation-fill-mode: forwards; }\r\n#d1 img { width:350px;height:80%;position:absolute;bottom:0;right:15%; }\r\n#d2 { left:100%; background-image:url(img\/background2.jpg); }\r\n#d3 { left:200%; background-image:url(img\/background3.jpg); }\r\n#d4 { left:300%; background-image:url(img\/background4.jpg); }\r\n#d5 { left:400%; background-image:url(img\/background5.jpg); }\r\n#d6 { left:500%; background-image:url(img\/background6.jpg); }\r\n\/* \u30da\u30fc\u30b8\u5185\u30b3\u30f3\u30c6\u30f3\u30c4\u30fb\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9 *\/\r\n.contents {\r\n\tposition:absolute;\r\n\tmargin:auto;top:20%;\r\n\tbottom:0;left:0;right:0;\r\n\twidth: 60%;\r\n\tmin-width:400px;\r\n}\r\n@media screen and (max-width:800px) {\r\n .contents {\r\n\twidth:90%;\r\n\tmin-width:320px;\r\n\tpadding:5px;\r\n\tmargin-top:1%;\r\n\tmargin:0 auto;\r\n\tfont-size:14px;\r\n }\r\n}\r\n.textbox {\r\n\toverflow: auto;\r\n\tfont-size: 14px;\r\n\tcolor: #000000;\r\n\tbackground-color: rgba( 0, 0, 0, 0.6 );\r\n\tcolor:#fff;\r\n\tborder:#fff 10px solid;\r\n\tpadding: 0 10px 0 10px;;\r\n}\r\n.textbox a {\r\n\tcolor:#fff;\r\n}\r\n.textbox a:hover {\r\n\tcolor:orange;\r\n}\r\n\/* \u30ae\u30e3\u30e9\u30ea\u30fc\u8aad\u307f\u8fbc\u307f\u7528iframe *\/\r\n#d5 iframe {\r\n\tposition:absolute;\r\n\tmargin:auto;\r\n\ttop:0;bottom:0;left:0;right:0;\r\n\tbackground-color:rgba(255,255,255,0.67);\r\n\tborder:0px;\r\n\twidth:65%; height:80%;\r\n}\r\n@media screen and (max-width:800px) {\r\n\t#d5 iframe {\r\n\t\twidth:90%;\r\n\t}\r\n}\r\n\/* Email\u7528\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9 *\/\r\n.textbox_s {\r\n\twidth:20%;\r\n\theight:10%;\r\n\tposition:absolute;\r\n\tmargin:auto;\r\n\ttop:75%;right:0;bottom:0;left:0;\r\n\tcolor:#fff;\r\n\tfont-size:20px;\r\n}\r\n\/*\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u975e\u8868\u793a*\/\r\n#r1,#r2,#r3,#r4,#r5 { display:none; }\r\n\/* \u30e1\u30cb\u30e5\u30fc\u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u6642\u306etransition *\/\r\n#r1:checked ~ #container { left:0%; }\r\n#r2:checked ~ #container { left:-100%; }\r\n#r3:checked ~ #container { left:-200%; }\r\n#r4:checked ~ #container { left:-300%; }\r\n#r5:checked ~ #container { left:-400%; }\r\n#r6:checked ~ #container { left:-500%; }\r\n\r\n@keyframes slideup {\r\n\t0% { botom:10%;opacity:0; }\r\n\t100% { bottom:20%;opacity:1; }\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"