@charset "shift_jis";


* { margin: 0; padding: 0; }

html  { background: url("atwell_files/logo1.gif") center 10px no-repeat, url("atwell_files/001bg.gif") 0 0 repeat; padding-top: 85px; }

body  { width: 1050px; margin: 0 auto; background: #FFF2E3; }

h1   { color: #FFFFFF; font-size: 1.5em; margin: 0;   text-align: center; background: #674E36; padding: 0.5em; border-radius: 16px 16px 0 0; }
h2   { color: #008000; font-size: 1.2em; margin: 1em; text-align: center; }
h3   { color: #0000FF; font-size: 1.1em; margin: 0.5em; text-align: center; }
h4   { color: #008000; font-size: 1.1em; text-align: center; }

section { float: left; width: 750px; background: #FFF2E3; border: solid #674E36; border-width: 0 1px; }

aside   { margin: 0 0 0 752px; width: 297px; padding-top: 175px;
          background: url("atwell_files/marks_t.gif") center 10px no-repeat;
          font-size:0.8em; line-height: 2em;
          border: solid #674E36; border-width: 0 1px 0 0; }

aside li { list-style-type: none;
           border: solid 1px #674E36;
           border-radius: 15px;
           box-shadow: 1px 3px 5px #674E36;
           background: #fff;
           margin: 0 3px 10px 3px;
           padding-left: 10px;}

aside li a { text-decoration: none; display : block;
             line-height: 140%; padding: 5px 0; }


aside     { border-bottom: solid 1px #674E36; }

aside p   { line-height: 150%; padding: 0 16px; }

aside p:last-child   { margin-top: 14px; padding: 12px 0 0; text-align: center; border-top:solid 1px #000; }

aside li a span      { color: #f00; }





.box0 { color: #000;
        border-style:none; margin: 1em;
        padding: 0.5em; line-height: 1.5em; }


.box1 { color: #000; background: #FFF2E3; 
        margin: 2em 0;
        border-color: #EC0076; border-style: solid;
        border-width: 1px 0;
        padding: 1em; line-height: 1.4em; }

article,
.box2 { color: #000; background: #fff; 
        padding: /*1em*/20px; margin: 20px 0;
        border-style: solid; border-width: 2px 0;
        border-radius: 12px; border-color: #008000;
        line-height: 1.6em; }

.box3 { color: blue; font-size: 20pt;
        margin: 10px;
        background: #ffffff; padding: 1em;
        border-color: #0000FF; border-style: solid;
        border-width: 1px; }


article div  { background: #fff;
               border: solid 1px #008000; border-radius: 12px;
               margin: 20px; padding: 20px; }
article.noncolor { background: transparent; }
div.post    { background: transparent; border: none; margin: 0; padding: 0; }
figure      { text-align: center; margin-top: 12px; }


.caution  { color: red; font-size: 1.2em; font-weight: bold;}
.caution2 { color: #674E36; font-size: 1.1em; font-weight: bold; margin-left: 3em;}

hr { height:1px; color: #C04000; margin: 20px 0;}

p { text-indent: 1em; margin: 10px 0;}
li{ margin-left: 3em;}

.marginL { margin-left: 3em;}

.center { text-align: center; }
.center1 { text-align: center; 
           border-style: none; 
           padding: 0.5em; line-height: 1.4em; }
.right {text-align: right; padding-right: 1em;}
.left1 {text-align: left; padding-left: 1em;}

img.left { margin : 0 1em 0 0 ;
           padding: 0;
           float : left ; 
           border: none; } 

address { color: #fff; 
          font-size: 0.8em; background: #674E36;
          font-style: normal; 
          text-align: right; 
          margin-top: 2em; padding-right: 1em; }

dl   { margin-left: 30px; }
dt   { color: green; font-weight: bold; margin-top: 0.5em; }
dd   { margin-left: 2em; }

mark { background: linear-gradient( to bottom, #fff,#AFE772);
       padding: 0 5px; border-radius: 5px; }

div#go { display: inline; position: fixed;
         top: 10px; left: 10px; 
         background: #FFF068; padding: 3px 5px 0;
         border: solid 1px #674E36;
         border-radius: 26px; box-shadow: 1px 2px 2px #674E36;
            /* border: solid 1px #ccc; border-radius: 12px; box-shadow: 1px 2px 2px #486123 ; */
         }
#go a  { text-decoration: none; color: #000 !important; }