/* ########## COMMON ########## */

.curve-01 p , .curve-02 p , .curve-03 p , .curve-04 p , .curve-05 p , .curve-06 p , .curve-07-body p , .curve-08-body p  , .curve-09-body p  , .curve-10-body p , .curve-11-body p , .curve-12-head p {
margin:0;
padding:5px 10px;
}

/* ############ 01 ############ */

.curve-01{
background:#E0E9FA; /* ここの色を変えたら色んな角丸ができる */
margin:5px 0;
}

.curve-01 div.curve-head{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-head.gif) top left no-repeat;
}

.curve-01 div.curve-head div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-head.gif) top right no-repeat;
}

.curve-01 div.curve-bottom{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-01 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

/* ############ 02 ############ */

.curve-02{
background:#E0E9FA; /* ここの色を変えたら色んな角丸ができる */
margin:5px 0;
}

.curve-02 div.curve-head{
font-size:1px;
height:15px;
background:url(img/curve/02-curve-left-head.gif) top left no-repeat;
}

.curve-02 div.curve-head div{
font-size:1px;
height:15px;
background:url(img/curve/02-curve-right-head.gif) top right no-repeat;
}

.curve-02 div.curve-bottom{
font-size:1px;
height:15px;
background:url(img/curve/02-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-02 div.curve-bottom div{
font-size:1px;
height:15px;
background:url(img/curve/02-curve-right-bottom.gif) bottom right no-repeat;
}

/* ############ 03 ############ */

.curve-03{
background:url(img/curve/03-background.gif); /* 背景画像の指定を変えたら色んなのができる */
margin:5px 0;
}

.curve-03 div.curve-head{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-head.gif) top left no-repeat;
}

.curve-03 div.curve-head div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-head.gif) top right no-repeat;
}

.curve-03 div.curve-bottom{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-03 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

/* ############ 04 ############ */

.curve-04{
background:url(img/curve/04-background.gif); /* 背景画像の指定を変えたら色んなのができる */
margin:5px 0;
}

.curve-04 div.curve-head{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-head.gif) top left no-repeat;
}

.curve-04 div.curve-head div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-head.gif) top right no-repeat;
}

.curve-04 div.curve-bottom{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-04 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

/* ############ 05 ############ */

.curve-05{
background:url(img/curve/05-background.gif); /* 背景画像の指定を変えたら色んなのができる */
margin:5px 0;
}

.curve-05 div.curve-head{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-head.gif) top left no-repeat;
}

.curve-05 div.curve-head div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-head.gif) top right no-repeat;
}

.curve-05 div.curve-bottom{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-05 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

.curve-05 p{
color:#FFF;
}

/* ############ 06 ############ */

.curve-06{
background:#E0E9FA url(img/curve/06-background.gif) right top no-repeat; /* 背景画像の指定を変えたら色んなのができる */
margin:5px 0;
}

.curve-06 div.curve-head{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-head.gif) top left no-repeat;
}

.curve-06 div.curve-head div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-head.gif) top right no-repeat;
}

.curve-06 div.curve-bottom{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}

.curve-06 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

.curve-06 p{
margin:15px 5px;
}

/* ############ 07 ############ */

.curve-07-head{
font-size:1px;
height:7px;
background:url(img/curve/07-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-07-head div{
font-size:1px;
height:7px;
background:url(img/curve/07-curve-left-head.gif) top left no-repeat;
}

.curve-07-body{
background:url(img/curve/07-curve-left-middle.gif) top left repeat-y;
}

.curve-07-body div{
background:url(img/curve/07-curve-right-middle.gif) top right repeat-y;
}

.curve-07-bottom{
font-size:1px;
height:7px;
background:url(img/curve/07-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-07-bottom div{
font-size:1px;
height:7px;
background:url(img/curve/07-curve-left-bottom.gif) bottom left no-repeat;
}

/* ############ 08 ############ */

.curve-08-head{
font-size:1px;
height:7px;
background:url(img/curve/08-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-08-head div{
font-size:1px;
height:7px;
background:url(img/curve/08-curve-left-head.gif) top left no-repeat;
}

.curve-08-body{
background:url(img/curve/08-curve-left-middle.gif) top left repeat-y;
}

.curve-08-body div{
background:url(img/curve/08-curve-right-middle.gif) top right repeat-y;
}

.curve-08-bottom{
font-size:1px;
height:7px;
background:url(img/curve/08-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-08-bottom div{
font-size:1px;
height:7px;
background:url(img/curve/08-curve-left-bottom.gif) bottom left no-repeat;
}

/* ############ 09 ############ */

.curve-09-head{
font-size:1px;
height:7px;
background:url(img/curve/09-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-09-head div{
font-size:1px;
height:7px;
background:url(img/curve/09-curve-left-head.gif) top left no-repeat;
}

.curve-09-body{
background:url(img/curve/09-curve-left-middle.gif) top left repeat-y;
}

.curve-09-body div{
background:url(img/curve/09-curve-right-middle.gif) top right repeat-y;
}

.curve-09-bottom{
font-size:1px;
height:7px;
background:url(img/curve/09-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-09-bottom div{
font-size:1px;
height:7px;
background:url(img/curve/09-curve-left-bottom.gif) bottom left no-repeat;
}

/* ############ 10 ############ */

.curve-10-head{
font-size:1px;
height:10px;
background:url(img/curve/10-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-10-head div{
font-size:1px;
height:10px;
background:url(img/curve/10-curve-left-head.gif) top left no-repeat;
}

.curve-10-body{
background:url(img/curve/10-curve-left-middle.gif) top left repeat-y;
}

.curve-10-body div{
background:url(img/curve/10-curve-right-middle.gif) top right repeat-y;
}

.curve-10-bottom{
font-size:1px;
height:10px;
background:url(img/curve/10-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-10-bottom div{
font-size:1px;
height:10px;
background:url(img/curve/10-curve-left-bottom.gif) bottom left no-repeat;
}

/* ############ 11 ############ */

.curve-11-head{
font-size:1px;
height:16px;
background:url(img/curve/11-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-11-head div{
font-size:1px;
height:16px;
background:url(img/curve/11-curve-left-head.gif) top left no-repeat;
}

.curve-11-body{
background:url(img/curve/11-curve-left-middle.gif) top left repeat-y;
}

.curve-11-body div{
background:url(img/curve/11-curve-right-middle.gif) top right repeat-y;
}

.curve-11-bottom{
font-size:1px;
height:16px;
background:url(img/curve/11-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-11-bottom div{
font-size:1px;
height:16px;
background:url(img/curve/11-curve-left-bottom.gif) bottom left no-repeat;
}

/* ############ 12 ############ */

.curve-12-head{
background:#000 url(img/curve/12-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

.curve-12-head div{
background:url(img/curve/12-curve-left-head.gif) top left no-repeat;
}

.curve-12-head p{
color:#FFF;
padding:15px 10px 10px 10px;
}

.curve-12-bottom{
font-size:1px;
height:10px;
background:#000 url(img/curve/12-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-12-bottom div{
font-size:1px;
height:10px;
background:url(img/curve/12-curve-left-bottom.gif) bottom left no-repeat;
}