Search
  1. 角丸ボックスジェネレータ1〔1枚の角丸画像を使いまわすタイプ〕
  2. 角丸ボックスジェネレータ2〔4枚の角丸画像+背景画像〕
  3. 角丸ボックスジェネレータ3〔4枚の角丸画像〕
  4. 角丸ボックス生成スクリプト〔JavaScript+CSSで自由自在な形を生成〕

角丸ボックスジェネレータ1
1枚の角丸画像を使いまわすタイプ

unknown

Spiffy Box - Simple Rounded Corner CSS Boxes made easy.

Spiffy BoxSpiffy Box

角丸背景画像1枚、貼付用タグ(HTML+CSS)が生成されます。
1枚の角丸画像を使いまわすタイプです(ボックスの角にずらしながら配置)。 背景画像の幅を超えない範囲で伸縮自在です。

ページ背景色、角丸画像の背景色、角丸画像の枠線色、角丸画像サイズ(幅/高さ)、角の大きさを指定できます。

使用画像: 500×500(px)の角丸画像1枚

Spiffy Boxサンプルを見る
<style type="text/css">
    /* set the image to use and establish the lower-right position */
    .cssbox1, .cssbox1_body, .cssbox1_head, .cssbox1_head h2 { /* シンプルな背景画像 */
        background:transparent url("/content/img/topic/roundcornerbox/Spiffy/Spiffy1.png") no-repeat bottom right;
    }
    .cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2 { /* 影付き背景画像 */
        background:transparent url("/content/img/topic/roundcornerbox/Spiffy/Spiffy2.png") no-repeat bottom right;
    }
    .cssbox1, .cssbox2 {
    /* intended total box width - padding-right(next) */
        width:235px !important; /* IE Win = width - padding */
        width: 220px; /* the gap on the right edge of the image (not content padding) */
        padding-right:15px; /* use to position the box */
        margin:20px auto;
    }
    /* set the top-right image */
    .cssbox1_head, .cssbox2_head {
        background-position:top right; /* pull the right image over on top of border */
        margin-right:-15px; /* right-image-gap + right-inside padding */
        padding-right:40px;
    }
    /* set the top-left image */
    .cssbox1_head h2, .cssbox2_head h2 {
        background-position:top left; /* reset main site styles*/
        border:0; /* ditto */
        /* padding-left = image gap + interior padding ... no padding-right */
        margin:0; padding:20px 0 5px 40px; height:auto !important; height:1%; /* IE Holly Hack */
    }
    /* set the lower-left corner image */
    .cssbox1_body, .cssbox2_body {
        background-position:bottom left; margin-right:25px; /* interior-padding right */
        padding:5px 0 15px 40px; /* mirror .cssbox1_head right/left */
    }
</style>

<!-- cssbox1 -->
<div class="cssbox1">
    <div class="cssbox1_head"><h2>This is a header</h2></div>
    <div class="cssbox1_body">
        <p>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
        </p>
    </div>
</div>

<!-- cssbox2 -->
<div class="cssbox2">
    <div class="cssbox2_head"><h2>This is a header</h2></div>
    <div class="cssbox2_body">
        <p>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
        </p>
    </div>
</div>

角丸ボックスジェネレータ2
4枚の角丸画像+背景画像

unknown

ボックスの上下左右の角丸画像を使用して角丸テーブルにするタイプ。
生成されたスタイルシートとHTMLタグを貼るだけで設置できます。
ボックスサイズは縦横共に伸縮自在です。

Neurotic - Web Design: CSS Rounded Box Generator (Beta)

CSS Rounded Box Generator (Beta)CSS Rounded Box Generator (Beta)

角丸画像4枚+背景画像1枚、貼付用タグ(HTML+CSS)が生成されます。
背景画像も画像で指定するタイプです。枠線はありません。
ページ背景色、角丸画像の背景色を指定できます。

使用画像:

CSS Rounded Box Generator (Beta)サンプルを見る
<style type="text/css">
    /* set millions of background images */
    .rbroundbox { background: url("/content/img/topic/roundcornerbox/crbg/nt.gif") repeat; }
    .rbtop div { background: url("/content/img/topic/roundcornerbox/crbg/tl.gif") no-repeat top left; }
    .rbtop { background: url("/content/img/topic/roundcornerbox/crbg/tr.gif") no-repeat top right; }
    .rbbot div { background: url("/content/img/topic/roundcornerbox/crbg/bl.gif") no-repeat bottom left; }
    .rbbot { background: url("/content/img/topic/roundcornerbox/crbg/br.gif") no-repeat bottom right; }

    /* height and width stuff, width not really nessisary. */
    .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
    .rbcontent { margin: 0 17px; }
    .rbroundbox { width: 50%; margin: 1em auto; }
</style>

<div class="rbroundbox">
    <div class="rbtop"><div></div></div>
        <div class="rbcontent">
            <p>Lorem ipsum dolor sit amet, 
            consectetuer adipiscing elit. Duis 
            ornare ultricies libero. Donec 
            fringilla, eros at dapibus fermentum,
            tellus tellus auctor erat, vitae porta 
            magna libero sed libero. Mauris sed leo. 
            Aliquam aliquam. Maecenas vestibulum.</p>
        </div><!-- /rbcontent -->
    <div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

角丸ボックスジェネレータ3
4枚の角丸画像

unknown

Cornershop - Rounded Graphics for CSS Box Corners

CornershopCornershop

4枚の角丸画像+貼付用タグ(HTML+CSS)が生成されます。
ページ背景色、角丸背景色、透過方法(None:透過しない or Background:背景透過 or Foreground:枠のみ)、角の大きさが指定できます。

使用画像:

Cornershopサンプルを見る
<style type="text/css">
    div.cornershop, div.cornershop * {
        margin:0; padding:0;
    }
    div.cornershop { 
      background: #696969; 
      color:#fff;
      width:50%;
      margin:10px auto; padding:0;
    }
    div.cornershop div.boxtop { 
      background: url("/content/img/topic/roundcornerbox/Cornershop/ne.gif") no-repeat top right; 
    }
    div.cornershop div.boxtop div { 
      height: 10px; 
      background: url("/content/img/topic/roundcornerbox/Cornershop/nw.gif") no-repeat top left; 
    }
    div.cornershop div.boxbottom { 
      background: url("/content/img/topic/roundcornerbox/Cornershop/se.gif") no-repeat bottom right; 
    }
    div.cornershop div.boxbottom div { 
      height: 10px; 
      background: url("/content/img/topic/roundcornerbox/Cornershop/sw.gif") no-repeat bottom left; 
    }
    div.cornershop div.boxcontent {
      margin: 0 10px;
    }
</style>

<div class='cornershop'>
    <div class='boxtop'><div></div></div>
        <div class='boxcontent'>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.<br>
            This is for your content.
        </div>
    <div class='boxbottom'><div></div></div>
</div>

角丸ボックス生成スクリプト
JavaScript+CSSで自由自在な形を生成

unknown

Transcorners — Cornerus Pride is there *scared*

TranscornersTranscorners

JavaScriptとCSSで自由自在な形状のボックスを生成するタイプ。
複雑な形状のボックスも数行のスクリプトで生成できてしまう高度な技にただただ圧巻。 「opt.js」と「Transcorners.js」を外部JSとして読み込み、ページを読み込んだ時にJSでボックスを生成し、CSSで色などの調整をしているようです。

Transcornersサンプルを見る
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Transcorners | 角丸ボックス作成ツール | PHP & JavaScript Room</title>
        <meta http-equiv="Content-Language" content="ja" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="imagetoolbar" content="no" />
        <script type="text/javascript" src="/module/include/topic/roundcornerbox/opt.js"></script>
        <script type="text/javascript" src="/module/include/topic/roundcornerbox/Transcorners.js"></script>
        <script type="text/javascript">
            window.onload=function(){
                $('example2').makeRounded();
                $('example3').makeRounded('top left', {borderColor: '#777', radius: 20});
                $('example4').makeRounded('top');
                $('example5').makeRounded('top, bottom right', {transition: fx.linear});
                $('content').makeRounded('top right', {radius: 10, transition: fx.linear, borderColor: "#555"});
                $('content').makeRounded('bottom left', {radius: 100});
                $('error').makeRounded({radius: 20});
                $('howto').makeRounded('top left', {radius: 10, transition: fx.linear, borderColor: "#555"}); 
                $('howto').makeRounded('bottom right', {radius: 100});
                var z = function() {
                    new fx.Height($('stretch'), {duration: 300}).custom(80, 230);
                    new fx.Height($('stretch2'), {duration: 300}).custom(80, 230);
                }.delay(500);
                
                var z = function() {
                    new fx.Opacity($('stretch'), {duration: 500}).custom(0, 1);
                    new fx.Opacity($('stretch2'), {duration: 500}).custom(0, 1);
                }.delay(700);

            }.delay(10);
        </script>
        <style type="text/css">
            .inner {
                z-index:30;
                position:relative;
                color:#fff;
            }
            #example2,#example3,#example4,#example5{
                width:50%; /* 幅 */
            }
            #example2{ padding:5px 20px; margin:0 0 30px 0;  background:#333; display:block; text-align:left;}
            #example2 .inner div{color:#888;  font-weight:bold;}

            #example3{ padding:20px; margin:0 0 30px 0;  background:#444; display:block; text-align:left;}
            #example3 .inner div{color:#AAA;  font-weight:bold;}

            #example4{ padding:10px 20px; margin:0 0 30px 0;  background:#555; display:block; text-align:left;}
            #example4 .inner div{color:#CCC;  font-weight:bold;}

            #example5{ padding:20px; margin:0 0 30px 0;  background:#666; display:block; text-align:left;}
            #example5 .inner div{color:#FFF;  font-weight:bold;}
        </style>
    </head>
    <body>
        <p>【参照】<a href="http://inviz.ru/moo/transcorners/">Transcorners &#8212; Cornerus Pride is there *scared*</a></p>
        <div style="background-color:#000; padding:1em;">
            <div id="example2">
                <div class="inner">
                    <div>//round all corners with 10</div>
                    $('example2').makeRounded();
                </div>
            </div>

            <div id="example3">
                <div class="inner">
                    <div>//round top left corner with grey border and 20 pixel radius</div>

                    $('example3').makeRounded('top left', {borderColor: '#777', radius: 20});
                </div>
            </div>

            <div id="example4">
                <div class="inner">
                    <div>//round all top corners with 10</div>
                    $('example4').makeRounded('top');
                </div>
            </div>

            <div id="example5">

                <div class="inner">
                    <div>//round all top and bottom right cornerslinear transition</div>
                    $('example5').makeRounded('top, bottom right', {transition: fx.linear});
                </div>
            </div>
        </div>

        <div style="width:50%; border-style: none solid; border-color: -moz-use-text-color rgb(84, 98, 83); border-width: 0pt 1px; margin: 10px; padding: 0pt 20px; background-color: rgb(256, 255, 155);"><b style="margin: 0pt -21px 0px; display: block; background-color: rgb(255,255,255); z-index: 1; position: relative;"><b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(84, 98, 83) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 14px; margin-right: 14px;"></b>
        <b style="border-left: 3px solid rgb(84, 98, 83); border-right: 3px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 11px; margin-right: 11px;"></b>
        <b style="border-left: 2px solid rgb(84, 98, 83); border-right: 2px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 9px; margin-right: 9px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 8px; margin-right: 8px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 7px; margin-right: 7px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 6px; margin-right: 6px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 5px; margin-right: 5px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 4px; margin-right: 4px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 3px; margin-right: 3px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 3px; margin-right: 3px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 2px; margin-right: 2px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 2px; margin-right: 2px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        </b>
        So we can set sides as a comma separated string. We can not have different corners on the same side: 10 pixel bottom left and 20px bottom right &#8212; that's impossible.<b style="margin: 0px -21px 0pt; display: block; background-color: rgb(255,255,255); z-index: 1; position: relative;"><b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 0px; margin-right: 0px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 1px; margin-right: 1px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 2px; margin-right: 2px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 2px; margin-right: 2px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 3px; margin-right: 3px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 3px; margin-right: 3px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 4px; margin-right: 4px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 5px; margin-right: 5px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 6px; margin-right: 6px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 7px; margin-right: 7px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 8px; margin-right: 8px;"></b>
        <b style="border-left: 2px solid rgb(84, 98, 83); border-right: 2px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 9px; margin-right: 9px;"></b>
        <b style="border-left: 3px solid rgb(84, 98, 83); border-right: 3px solid rgb(84, 98, 83); background: rgb(256, 255, 155) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 11px; margin-right: 11px;"></b>
        <b style="border-left: 1px solid rgb(84, 98, 83); border-right: 1px solid rgb(84, 98, 83); background: rgb(84, 98, 83) none repeat scroll 0%; overflow: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: block; height: 1px; margin-left: 14px; margin-right: 14px;"></b>
        </b>
    </body>
</div>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop

polarized women