a.noline { text-decoration: none; }
div.noline_photo { text-decoration: none; 
         color: #800000; font-size: 90%; text-align:center;}

.bky    { background:yellow } 
.bkb    { background:#9ECCFE } 
.bkr    { background:#FF8080 } 

div.whole{ position:relative; left:20pt;border:none; padding:20px; }

div.box1 { position:relative; left:20pt; text-align:left; width:90%;
         border:none; padding:20px; background-color:#C2FED0;
         color:#000000; line-height:120%; }

div.box3{ position:relative; left:20pt; text-align:left; width:90%;
        border:1px; solid #000; padding:10px; background-color:#C2FED0;
        font-size:90%; color:#000000; line-height:110%; }

div.box91 { position:relative; left:20pt; text-align:left; width:90%;
         border:none; padding:20px; background-color:#A8D6FB;
         color:#000000; line-height:120%; }

div.box93{ position:relative; left:20pt; text-align:left; width:90%;
        border:1px; solid #000; padding:10px; background-color:#A8D6FB;
        font-size:90%; color:#000000; line-height:110%; }

div.greenbox{ position:relative; left:20pt; text-align:left; width:92%;
        border:medium double #080; padding:010px; background-color:#C1E7BE;
        font-size:95%; color:#000000; line-height:110%; }

div.greenbx2{ width: 70%; margin: 5px; 
        border:medium double #080; padding:10px; background-color:#C1E7BE;
        font-size:95%; color:#000000; line-height:110%; }

div.grnbx3{ width: 96%; margin-left: auto; margin-right: auto;
        border:medium double #999999; padding:10px; background-color:#E0FFFF;
        font-size:83%; color:#000000; line-height:112%; }

div.pbox{ float:left; border:1px solid #AD86FF; margin-bottom:5; 
        padding:10px; background-color:#F3E8FF;
        font-weight:normal; font-size:110%; color:#000000; line-height:50%; }

div.bbox{ float:left; border:1px solid #7777FF; margin-bottom:5; 
        padding:10px; background-color:#8692FF;
        font-weight:bolder; font-size:110%; color:#ffffff; line-height:50%; }

div.redbox{ border:1px solid #ffffff; width:90%;
        padding:7px; background-color:#FF6F6F; color:#F0F0FF;
        font-weight:bold; font-size:85%; color:#ffffff; line-height:50%; }

div.bluebox{ border:1px solid #ffffff; width:90%;
        padding:7px; background-color:#4A8EFF; color:#F0F0FF;
        font-weight:bold; font-size:85%; color:#ffffff; line-height:50%; }

div.greendot{ position:relative; left:20pt; text-align:left; width:90%;
        border:medium dotted #080; padding:15px; background-color:#C7FCF0;
        font-size:92%; color:#000000; line-height:120%; }

.greenw {left:0pt; text-align:left; 
        padding:10px; background-color:#E3EAEC;
        font-size:95%; color:#000000; line-height:130%; }

.tdgrnw {font-size:80%; color:#000000; line-height:130%; }

.tdgrnwtop {font-size:80%; color:#000000; line-height:130%; vertical-align:top; padding-left:8px;}

.tdgrnwtopr {font-size:80%; color:#000000; line-height:130%; vertical-align:top; text-align:right; 
         padding-left:8px; white-space:nowrap;}

div.add {left:0pt; text-align:left;
        padding:10px; background-color:#FDFBD9;
        font-size:95%; color:#000000; line-height:120%; }

.gr2   {left:0pt; text-align:left;
        padding:10px; background-color:#E9FCA5;
        font-size:95%; color:#000000; line-height:120%; }

.gr3 {position:relative; left:0pt; 
        padding: 10px ; background-color:#F0E2E1;
        font-size:95%; color:#000000; line-height:120%; }

div.kushimei {position:relative; left:0pt; text-align:left;
        padding:3px 12px 2px; background-color:#F4E782; border:1px solid #A3925C;
        font-size:115%; color:#000000; line-height:110%; }

.kushimeix {position:relative; left:0pt; text-align:left; 
        padding:3px 12px 2px; background-color:#C0FFC0; border:1px solid #A3925C;
        font-size:115%; color:#000000; line-height:110%; }

.theme {position:relative; left:0pt; text-align:left; 
        margin: 2% 0%; padding:2px 14px 1px; 
        background-color:#FF95D5; border:1px solid #A3925C;
        font-size:90%; color:#000000; line-height:110%; }

.area {position:relative; left:0pt; text-align:left; 
        margin: 2% 0%; padding:2px 14px 1px; 
        background-color:A4C0FD; border:1px solid #A3925C;
        font-size:90%; color:#000000; line-height:110%; }


div.koshin {left:0pt; text-align:left; 
        border-style:solid; border-width:4px 0px; border-color:#62629D;
        padding:8px 14px 6px; font-size:165%; color:#000000; line-height:100%; }

.photosetu { color: #800000; font-size: 90%; text-align:center;}
.photosetl { color: #800000; font-size: 90%; text-align:left;}
.referb    { color: #800000; font-size: 80%; text-align:right; margin-right:60px;}
.refer     { color: #800000; font-size: 80%; text-align:right;}
.referr    { color: #0000C0; font-size: 80%; 
             margin-left: 60px; margin-right: 40px }
.indent    { color: #808080; margin-left: 40px;  margin-right: 20px;
             margin-top: 10px; margin-bottom: 10px;}

h5      {  position:relative; top:3px; bottom:4px;
        /* 文字  */ font-size: medium; font-weight: bold; font-style: normal;
        /* 背景 */ background:#FCBBAD; border:#FFCC66;
        margin-right:75px; /*背景BOXを右端まで表示*/}

hr.sepa{ color:#008000; width:90%; height:1px; }

hr.orange{ color:#FF8040; height:1px; }

/* 注釈 位置はhtmlで指定 */
table.note{  position:relative; right:10pt; text-align:left;
        background-color:#D9E1E1;
        font-size:90%; color:#000000; line-height:110%; }

/* 「発祥」本文中に表を入れる。文字ｻｲｽﾞ指定 */
.tabx       {font-size: 14px;}

/* 日記風TABLE */
table.nikki {   position:relative; left:40pt; text-align:left; width:85%;
        padding:2px,13px; }

td.title    {   border-color:#6F75AA; border-style:solid; padding:5;
                background-color:#B1CBDA; color:#25214B; border-width:1px 1px 0px 1px;}

td.main     {   border-color:#6F75AA; border-style: solid; padding:14;
                border-width:0px 1px 1px 1px; border-color:#6F75AA}

/* 日記風TABLE */
table.dia {   position:relative; left:40pt; text-align:left; width:85%;
            padding:2px,13px;
            border-color:#6F75AA; border-style:solid; border-width:1px;}

td.top      {   border-color:#6F75AA; border-style:solid; padding:5;
                background-color:#B1CBDA; color:#25214B; border-width:0px;}



/* (local ) */
div.uta{ float:right; font-size:80%; color:#000000; fload:clear; }
div.quate{ position:relative; left:35pt; text-align:left; width:70%;
        border:medium double #080; padding:15px; background-color:#C1E7BE;
        font-size:90%; color:#000000; line-height:120%; }
div.quatf{ position:relative; left:35pt; text-align:left; width:82%;
        border:medium double #080; padding:15px; background-color:#C1E7BE;
        font-size:90%; color:#000000; line-height:120%; }
div.notes{ position:relative; left:20%; text-align:left; width:75%;
        border:thin solid #804000; padding:25px; background-color:#EEB988;
        font-size:90%; color:#000000; }
         font-size:110%; }
div.box11 { position:relative; left:20pt; text-align:left; width:90%;
         border:none; padding:20px; background-color:#DCD8FE;
         color:#000000; line-height:120%; }
div.box2 { position:relative; left:20pt; text-align:left; font-size:110%; }
div.box{ position:relative; left:20pt; text-align:left; width:90%;
        border:1px solid #000; padding:10px; background-color:#F9FADE;
        font-size:90%; color:#000000; line-height:110%; }


hr + p {text-align: center; font-size: 200%; background:-webkit-linear-gradient(rgba(248, 248, 191, 0.81)0%,rgba(253, 233, 167, .1)100%); margin:0; padding:1em 0}