<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>404 NOT FOUND</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" href="http://weblibrary.s224.xrea.com/bootstrap-assets/css/bootstrap.min.css" type="text/css" />
        <link rel="stylesheet" href="http://weblibrary.s224.xrea.com/bootstrap-assets/css/custom.css" type="text/css" />
        <link rel="stylesheet" href="http://weblibrary.s224.xrea.com/bootstrap-assets/css/prettify.css" type="text/css" />
        <style type="text/css">
            .error-unit {
                padding-top: 40px;
            }
            .error-title {
                color: #333;
                font-size: 280px;
                letter-spacing; -4px;
                text-align: center;
                line-height: 1;
            }
            .error-subtitle {
                color: #333;
                font-size: 60px;
                font-weight: bold;
                letter-spacing: -3px;
                text-align: center;
            }
            .error-subtitle small {
                font-weight: bold;
                color: #2BB5CF;
                font-size: 60px;
            }
            .error-unit hr {
                margin: 20px auto;
                border: 1px solid #CFCFCF;
                width: 60%;
            }
            .error-unit .lead {
                font-weight: bold;
                text-align: center;
            }
            .error-unit .search {
                margin: 20px auto;
                text-align: center;
            }
            .error-unit .cse-branding-bottom .cse-branding-logo,
            .error-unit .cse-branding-bottom .cse-branding-text {
                margin: 0 auto;
                text-align: center;
                float: none;
            }
            .top_btn {
                margin: 20px auto;
                text-align: center;
            }
        </style>
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <link rel="shortcut icon" href="../bootstrap-assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../bootstrap-assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../bootstrap-assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../bootstrap-assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="../bootstrap-assets/ico/apple-touch-icon-57-precomposed.png">
    
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>

    <body>

        <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="http://weblibrary.s224.xrea.com/">cool2ikoulog</a> <div class="nav-collapse collapse"> <ul class="nav navbar-navigation pull-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blogs<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/bootstrap/">bootstrap</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/clip/">CLIP</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/colorsample/">colorsample</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/mtmemo/">MTMEMO</a></li> <li class="active"><a href="http://weblibrary.s224.xrea.com/sample/">sample</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/snippet/">snippet</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/weblog/">WEBデザイン　BLOG</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Watcher</a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/html5css3.html">html5/css3</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/amazon-books.html">Amazon/書籍</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/amazon.html">Amazon/ハード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/post.html">PSD/素材</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/giteditor.html">git/editor</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/web.html">WEBデザイン</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/dbsql.html">DB（SQL）</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/lightweight.html">LL言語</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/javascript.html">javascript</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/tablet.html">ガジェット/タブレット</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/hatenaviewer.html">はてなブックマークViewer</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">500 hateb</a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/html5css500.html">500hateb html5/css3</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/amazon-2.html">500hateb Amazon/書籍</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/amazon-1.html">500hateb Amazon/ハード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/psd500.html">500hateb PSD/素材</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/giteditor500.html">500hateb git/editor</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/web500.html">500hateb  WEBデザイン</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/dbsql500.html">500hateb DB（SQL）</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/ll500.html">500hateb LL言語</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/javascript500.html">500hateb javascript</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gadget500.html">500はてブ　ガジェット/タブレット</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/viewer500.html">500はてブ　Viewer</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">MovableType<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/tagsearch.html">MovableType タグ リファレンス</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/mttagsearch.html">MovableType TemplateTag Search</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">WordPress<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/wp-serach-filters.html">WordPress フィルター Serach Typeahead</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/wpactions-serach-typeahead.html">WordPress アクション Serach Typeahead</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/function-search-typeahead.html">WordPress ファンクションタグ Search Typeahead</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/tmptag-serach-typeahead.html">WordPress テンプレートタグ Serach Typeahead</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/wpfunction2.html">WordPress ファンクション２　リファレンス</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/wpfunction.html">WordPress  ファンクション　リファレンス</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/wptemptagref.html">WP テンプレートタグ  リファレンス</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">CSS<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/css3-box-shadow2.html">CSS3 box-shadow　複数値　適用　サンプル</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/css3-box-shadow.html">CSS3 box-shadow　適用　サンプル</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/css3-border-radius.html">CSS3 border-radius サンプル</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/ie-css-opcity.html">IE 対応 クロスブラウザ　CSS Opacity sample</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">jQuery<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/yahooapi-electoric-chart.html">電力使用状況API、jQuery ajax、Google Chart Toolsを使って各社電力使用状況メーター生成</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/jquery-countdowntimer.html">jQueryを使ったシンプルなカウントダウンタイマープラグイン</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/form/jquery-valiation-form-sample.html">jQuery Valiation Form Sample</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">jQuery plugin<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/news-ticker-tweet-1.html">Slide News Ticker サンプル　tweet</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/news-ticker-tweet.html">News Ticker サンプル　tweet</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/jquery-bxslider.html">jQuery スライダープラグイン bxSlider</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/jquery-slider-slidesjs.html">jQuery スライダープラグイン slidesjs</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/jquery-flexslider.html">jQuery スライダープラグイン FlexSlider</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gmap<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gmap-v3-directions.html">Google Mpas API V3 ２点間の距離とルート表示（ディレクションパネル表示）マーカードラッグ可、再レンダリング</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gmpa-v3-directions.html">Google Mpas API V3 ２点間の距離とルート表示（ディレクションパネル表示）</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/google-mpas-api-v3.html">Google Mpas API V3 ２点間の距離とルート表示</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/google-mpas-api-v3geocoder.html">Google Mpas API V3　Geocoder 住所検索でマーカー、経緯度表示</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/google-mpas-api-v3-markerinfowindow.html">Google Mpas API V3 複数Marker追加＋InfoWindow開いて住所 + 高度表示（逆ジオコーディング + 高度サービス)サンプルコード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gmap-api-v3-markerinfowindow.html">Google Mpas API V3 複数のMarker追加＋InfoWindow開いて住所表示（逆ジオコーディング)サンプルコード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gmap-api-v3-markers.html">Google Mpas API V3 複数のMarker追加ポリラインを表示するサンプルコード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/google-mpas-api-v3-marker.html">Google Mpas API V3 複数のMarkerを追加表示するサンプルコード</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/gmap-v3-infowindow.html">Google Map API v3 InfoWindowを表示させるサンプルデモ</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">etc<b class="carret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/post-1.html">楽天ジャンル別売上ランキングリスト</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/htmltable2json-htmljson.html">HtmlTable2JSON HTML形式テーブルをJSONデータ（配列）に変換</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/excel2htmltable-html.html">Excel2HtmlTable エクセルデータコピーをHTMLテーブルに変換</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/excel2json-json.html">Excel2JSON エクセルデータコピーをJSON形式に変換</a></li> <li class=""><a href="http://weblibrary.s224.xrea.com/sample/demo-click.html">iOS click　クリック　イベントの挙動 テストサンプル</a></li> </ul> </li> </ul> </div><!--/.nav-collapse --> </div> </div> </div>

        <div class="container">
            <div class="row">
                <div class="span12 error-unit">
                    <h1 class="error-title">404</h1>
                    <h2 class="error-subtitle">Page <small>NOT FOUND</small></h2>
                    <hr />
                    <p class="lead">お探しのページは見つかりませんでした。</p>
                    <p class="lead">下記検索フォームよりお探しください。</p>
                    <div class="search">
                        <style type="text/css">
                            @import url(http://www.google.com/cse/api/branding.css);
                        </style>
                        <div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
                            <div class="cse-branding-form">
                                <form action="http://www.google.co.jp" id="cse-search-box" target="_blank">
                                    <div>
                                        <input type="hidden" name="cx" value="partner-pub-6432268974386668:7730466638" />
                                        <input type="hidden" name="ie" value="UTF-8" />
                                        <input type="text" name="q" size="55" />
                                        <input type="submit" name="sa" value="検索" />
                                    </div>
                                </form>
                            </div>
                            <div class="cse-branding-logo">
                                <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
                            </div>
                            <div class="cse-branding-text">
                                カスタム検索
                            </div>
                            <script type="text/javascript" src="http://www.google.com/cse/query_renderer.js"></script>
                            <div id="queries"></div>
                            <script src="http://www.google.com/cse/api/partner-pub-6432268974386668/cse/7730466638/queries/js?oe=UTF-8&amp;callback=(new+PopularQueryRenderer(document.getElementById(%22queries%22))).render"></script>
                        </div>
                    </div> <!-- /.search -->
                    <hr />
                    <p class="top_btn"><a class="btn btn-info btn-large" href="http://weblibrary.s224.xrea.com/">トップへ戻る</a></p>
                </div> <!-- /.span12 -->
            </div> <!-- /.row -->

            <footer>
            <p>&copy; cool2ikou personal 2012</p>
            </footer>

        </div> <!-- /container -->

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://weblibrary.s224.xrea.com/bootstrap-assets/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="http://weblibrary.s224.xrea.com/bootstrap-assets/js/prettify.js"></script>
        <script type="text/javascript" src="http://weblibrary.s224.xrea.com/bootstrap-assets/js/jquery.plugin.min.js"></script>
        <script type="text/javascript" src="http://weblibrary.s224.xrea.com/bootstrap-assets/js/jquery.jqtweet.min.js"></script>


    </body>
</html>
