/* カスタム CSS をここに入力してください */
/* Enter Your Custom CSS Here */
.red{color:#cc0000}
.green{color:#70bb2a; font-size:large; font-weight: bold}
.colorboxred{border:solid 3px #edcdd2; border-radius:5px; padding:10px; margin-bottom:10px}
.colorboxgreen{border:solid 3px #70bb2a; border-radius:5px; padding:10px; margin-bottom:10px;}
.colorboxblue{border:solid 3px #547ba8; border-radius:5px; padding:10px; margin-bottom:10px;}
.small{font-size: x-small; line-height: 1.2}
.large{font-size: large; font-weight: bold}
.red-large{color:#cc0000; font-size: large; font-weight: bold}
.x-large{color:#cc0000; font-size: x-large; font-weight:900}
.xx-large{color:#cc0000; font-size: x-large; font-weight:900; line-height: 110%;}
.box{width: 270px; float: left; padding:10px; margin-bottom:10px}
.frame{width: 270px; float: left; padding:10px;}
.box1{width: 180px; float: left; margin:10px; border: 5px solid #ccc;}
.box2{width: 180px;height:270px;background-color: #999; color:white; float: left; margin:10px; border: 5px solid #999; font-size: small; line-height: 1.2}
.casket{width: 180px; float: left; padding:10px; margin-bottom:20px}
.table{width: 300px; float: left}
hr.dot{height: 1px; border: none; border-top: 1px #ccc dotted;}
td.head{width: 40px; background-color: #f5f5f5; text-align:center}
td.gray{background-color: #f5f5f5; text-align:center}
.clear {clear:both;}
tr.center{padding:0;text-align:center}
tr.length1{text-align:center; color: deeppink}
tr.length2{text-align:center; color: dodgerblue}
tr.length3{text-align:center; color: forestgreen}
tr.length4{text-align:center; color: darkorange}
th.head{width: 120px;}

.bg-grey{border-radius:10px; background:#efefef; padding:20px;}