/* ########## 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;
font-size:90%;
}

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

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

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

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

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

.curve-01 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(/style/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(/style/02-curve-left-head.gif) top left no-repeat;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.curve-06 div.curve-bottom div{
font-size:1px;
height:5px;
background:url(/style/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(/style/07-curve-right-head.gif) top right no-repeat;
margin-top:5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.curve-12-head div{
background:url(/style/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(/style/12-curve-right-bottom.gif) bottom right no-repeat;
margin-bottom:5px;
}

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