@charset "shift_jis";

#contents #main div[class^="txt-"]{
    padding:0;
}
@media screen and (min-width:768px){
.txt-decbox1,.txt-decbox2,.txt-border,.txt-line,.txt-grayback,.txt-colorback,.txt-frame,.txt-colorframe,.txt-rndbox{
margin:10px 0 30px !important;
}
}

.txt-border {
background-image: url(../img/dott.gif);
background-repeat: repeat;
background-position: left top;
font-size: 13px;
line-height: 30px;
margin: 10px;
padding: 0 !important;
border:none !important;
box-shadow: none !important;
}
.txt-border p {
font-size: 13px;
line-height: 30px;
}
.txt-line  {
border: 2px solid #CCCCCC;
}
.txt-yellowback {
background-color: #FFF9DF;
border: 2px solid #CC0000;
}
.txt-grayback {
background-color: #e6e6e6;
border: 3px solid #f6f6f6;
}
.txt-grayback .body {
background-color: #fbfbfb;
}
.txt-colorback {
background-color: #ffe591;
border: 3px solid #fff8e1;
}
.txt-colorback .body {
background-color: #fffcf2;
}
.txt-frame {
background-color: #EEEEEE;
}
.txt-frame .top {
background-image:none;
height: 1px;
overflow: hidden;
}
.txt-frame .top_inner {
background-image:none;
height: 1px;
}
.txt-frame .body {
padding: 20px 25px;
margin: 5px 6px;
box-shadow: 0 0 0px 1px rgba(50,50,50,.1);
background-color: #FFF;
}
.txt-frame .bottom {
height: 1px;
overflow: hidden;
}
.txt-frame .bottom span{
background-image: none;
display: block;
height: 1px;
}
.txt-colorframe {
background-color: #F6BFAB;
}
.txt-colorframe .top {
background-image:none;
height: 1px;
overflow: hidden;
}
.txt-colorframe .top_inner {
background-image:none;
height: 1px;
}
.txt-colorframe .body {
padding: 20px 25px;
margin: 5px 6px;
box-shadow: 0 0 0px 1px rgba(50,50,50,.1);
background-color: #FFF;
}
.txt-colorframe .bottom {
height: 1px;
overflow: hidden;
}
.txt-colorframe .bottom span{
background-image: none;
display: block;
height: 1px;
}
.txt-rndbox {
border: solid 1px #E1E1E1 !important;
border-radius: 14px;
box-shadow: 0 0 4px 1px rgba(50,50,50,0.1) inset !important;
}
.txt-rndbox .top {
height: 15px;
overflow: hidden;
}
.txt-rndbox .top_inner {
height: 15px;
}
.txt-rndbox .body {
padding: 10px 25px;
}
.txt-rndbox .bottom {
height: 15px;
overflow: hidden;
}
.txt-rndbox .bottom span{
display: block;
height: 15px;
}
#main div[class^="txt-decbox"] div[class^="top_box"] h2,
#main div[class^="txt-decbox"] div[class^="top_box"] h3,
#main div[class^="txt-decbox"] div[class^="top_box"] h2 > span,
#main div[class^="txt-decbox"] div[class^="top_box"] h3 > span{
margin:0 !important;
background-image: none;
padding:0;
border:none;
background-color:transparent;
text-align:center;
font-size:20px;
line-height:1.3;
box-shadow:none !important;
}
#main div[class^="txt-decbox"] div[class^="top_box"] > h2,
#main div[class^="txt-decbox"] div[class^="top_box"] > h3{
padding: 40px 20px 10px !important;
}
@media screen and (min-width:768px){
#main div[class^="txt-decbox"] div[class^="top_box"] h2 > span,
#main div[class^="txt-decbox"] div[class^="top_box"] h3 > span{
font-size:24px;
}
}

#main div[class^="txt-decbox"] div[class^="top_box"] h2:before,
#main div[class^="txt-decbox"] div[class^="top_box"] h3:before,
#main div[class^="txt-decbox"] div[class^="top_box"] h2:after,
#main div[class^="txt-decbox"] div[class^="top_box"] h3:after,
#main div[class^="txt-decbox"] div[class^="top_box"] h2 > span:before,
#main div[class^="txt-decbox"] div[class^="top_box"] h3 > span:before,
#main div[class^="txt-decbox"] div[class^="top_box"] h2 > span:after,
#main div[class^="txt-decbox"] div[class^="top_box"] h3 > span:after{
background:none;
border:none;
bottom: 0;
left: 0;
right: 0;
top: 0;
content:"";
position: static !important;
z-index: -1;
line-height:0;
display:none;
background-color: #fffbee;
}
#text1.txt-decbox1, #text2.txt-decbox1, #text3.txt-decbox1, #text4.txt-decbox1, #text5.txt-decbox1, #text6.txt-decbox1, #text7.txt-decbox1, #text8.txt-decbox1, #text9.txt-decbox1, #text10.txt-decbox1 {
background-color: #fffbee;
}

.txt-decbox1 {
background-color: #fffbee;
background-image: url(../img/decbox_l.gif);
background-repeat: repeat-y;
background-position: left top;
}
.txt-decbox1 .top {
background-image: url(../img/decbox_t.gif);
background-repeat: no-repeat;
background-position: left top;
height:auto;
padding:0;
}
.txt-decbox1 .top_inner {
background-image: url(../img/decbox_r.gif);
background-repeat: repeat-y;
background-position: right top;
}
.txt-decbox1 .top_inner .top_box {
background-image: url(../img/decbox_tr.gif);
background-repeat: no-repeat;
background-position: right top;
text-align: center;
margin:0;
min-height:36px;
}

.txt-decbox1 .body{
background-image: url(../img/decbox_r.gif);
background-repeat: repeat-y;
background-position: right top;
padding: 10px 30px 0;
width:auto;
*zoom: 1;
}
.txt-decbox1 .bottom {
background-image: url(../img/decbox_b.gif);
background-repeat: no-repeat;
background-position: left top;
height: 50px;
padding:0;
}
.txt-decbox1 .bottom span{
background-image: url(../img/decbox_br.gif);
background-repeat: no-repeat;
background-position: right top;
display: block;
height: 50px;
margin:0;
}
.txt-decbox2 {
background-image: url(../img/decbox2_r.gif);
background-position: right bottom;
background-repeat: repeat-y;
}
.txt-decbox2 .top {
background-image: url(../img/decbox2_tr.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 16px 16px 0 0;
height:auto;
}
.txt-decbox2 .top_inner {
background-image: url(../img/decbox2_l.gif);
background-position: left top;
background-repeat: repeat-y;
}
.txt-decbox2 .top_inner .top_box {
background-image: url(../img/decbox2_t.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 16px;
position: relative;
top: -16px;
}
.txt-decbox2 .top_inner .top_box2 {
background-image: url(../img/decbox2_t2.gif);
background-position: center top;
background-repeat: no-repeat;
display: block;
text-align: center;
min-height:30px;
}
#main .txt-decbox2 .top_box h2 > span,
#main .txt-decbox2 .top_box h3 > span
{
padding: 50px 14px 0;
}
.txt-decbox2 .body{
background-image: url(../img/decbox2_l.gif);
background-position: left bottom;
background-repeat: repeat-y;
margin-bottom: -20px;
margin-right: 16px;
overflow: hidden;
padding: 0 14px 0 30px;
position: relative;
*zoom: 1;
}
.txt-decbox2 .bottom {
background-image: url(../img/decbox2_br.gif);
background-position: right top;
background-repeat: no-repeat;
height: 60px;
}
.txt-decbox2 .bottom span{
background-image: url(../img/decbox2_b.gif);
background-position: left top;
background-repeat: no-repeat;
display: block;
height: 60px;
}
#main .txt-grayback, #main .txt-colorback, #main .txt-line, #main .txt-frame,#main .txt-colorframe ,#main .txt-rndbox {
margin-top: 10px;
margin-bottom: 10px;
}
#main .txt-grayback, #main .txt-colorback {
padding: 1px;
}
#main .txt-grayback .body, #main .txt-colorback .body{
padding: 20px;
*zoom: 1;
}
#main .txt-frame, #main .txt-colorframe {
padding: 0;
}
#main .txt-rndbox, #main .txt-decbox1, #main .txt-decbox2{
padding: 0;
}

.txt-decbox1 .body:after, .txt-decbox2 .body:after{height:0; visibility: hidden; content: ".";   display: block; clear: both;}

#main .txt-decbox1 .top h2 > span,
#main .txt-decbox1 .top h3 > span {
color: #00a8ab;
}
#main .txt-decbox2 .top h2 > span,
#main .txt-decbox2 .top h3 > span {
color: #00a8ab;
}
.hd{
color: #333;
text-decoration:none;
}