a:link { color: #9d8e87; }
a:visited { color: #6f4b3e; }
a:active { color: #000000; }
a:hover.link { /*ƒ‚ƒoƒCƒ‹ about “–ƒTƒCƒgƒŠƒ“ƒN*/
   color: #6f4b3e; 
   position: relative;
   top: 0;
   left: 0; }
a:hover { 
   color: #e95464;
   position: relative;
   top: 1px;
   left: 1px; }
a{text-decoration:none; }

@font-face {
   font-family: "MeiryoArial";
   src        : local("Meiryo"); }
@font-face {
   font-family: "MeiryoArial";
   src        : local("Arial"); }
@font-face {
   font-family  : "MeiryoArial";
   src          : local("Meiryo");
   unicode-range: U+2026; }

html,body{
   height: 100%;
   margin: 0;
   padding: 0;}

#container {    /*‘ε˜g*/
   width: 100%;
   min-height: 100%;   /* c‚Μ•\Ž¦—Μˆζ‚π100% */ 
   height: auto !important;
   height: 100%;
   background-color: #fffffc;
   position: relative;  }

/*₯₯ƒwƒbƒ_[₯₯*/
#header {
   width: 100%;
   height: 50px;
   margin: 0;
   padding: 0;}

#name {
   height: 50px;
   margin: 0;
   text-align: right;
   padding: 20px 20px 0 0;
   font-size: 100%;
   font-family: "MeiryoArial", sans-serif;   /*ƒtƒHƒ“ƒgŽν—ή*/
   color:#6f4b3e;  /*•ΆŽšF*/
   letter-spacing: 0.2em;   /*•ΆŽšŠΤŠu*/
   border-top: solid 5px #f3f3f3; }
/*££ƒwƒbƒ_[££*/

/*₯₯ƒRƒ“ƒeƒ“ƒc₯₯*/
#contents{ 
   margin: 0 auto;    /*γ‰E‰ΊΆ*/
   height: auto;
   letter-spacing: 0.1em;   /*•ΆŽšŠΤŠu*/
   line-height: 160%;   /*sŠΤ*/
   padding: 2% 2% 10px 2%;   /*contents“ΰ—]”’*/
   width: 96%;    /*contents‰‘•*/
   color:#6f4b3e;  /*•ΆŽšF*/
   font-family: "MeiryoArial", sans-serif;   /*ƒtƒHƒ“ƒgŽν—ή*/
   font-size: 95%;   /*ƒtƒHƒ“ƒgƒTƒCƒY*/ }

p {
   margin: 0;   
   letter-spacing: 0.1em;   /*•ΆŽšŠΤŠu*/
   line-height: 26px;
   padding-left: 10px; 
   font-size: 95%; }

p.note {
   background-image: url("http://xxitms.net/image/note.png");
   line-height: 26px;
   letter-spacing: 0.3em;   /*•ΆŽšŠΤŠu*/
   margin: 0; 
   padding-left: 15px; }

h1 {
   margin: 5px 0 5px 0;
   padding: 0;
   font-size: 12px; }

h1#mtop {
   border: 1px solid #bcc7d7;
   border-left: 5px solid #bcc7d7;
   padding-left:15px;
   font-size:13px; }

div.mtop {
   margin: 0 auto;
   width: 96%;
   border: none;
   font-size: 90%; }

div.mmokuji {
   margin: 0 auto;
   width: 96%;
   border: none;
   font-size: 95%; }

.q {
   letter-spacing: 0.1em;   /*•ΆŽšŠΤŠu*/
   line-height: 160%;   /*sŠΤ*/
   color:#6f4b3e;  /*•ΆŽšF*/
   font-family: "MeiryoArial", sans-serif;   /*ƒtƒHƒ“ƒgŽν—ή*/
   margin: 0 auto;
   width: 96%;
   border: none;
   font-size: 85%; }

div#midasi {
   border: 1px solid #bcc7d7;
   border-left: 5px solid #bcc7d7;
   padding-left:15px;
   font-size:12px; }

ul {
   width: 90%;
   border: none;
   margin: 0 auto; 
   padding: 10px; }

li {
   list-style-type: none; 
   background-image: url("../../image/note.png");
   line-height: 26px;
   padding-left: 10px;
   font-size: 90%; }

textarea.mtop {
   border: 1px solid #f5f5f5;
   margin: 0 auto;
   width: 97%;
   padding: 3px;
   line-height: 150%;
   letter-spacing: 0.2em;   /*•ΆŽšŠΤŠu*/
   resize: vertical;
   font-size: 90%;
   color:#6f4b3e;  /*•ΆŽšF*/
   font-family: "MeiryoArial", sans-serif;   /*ƒtƒHƒ“ƒgŽν—ή*/}

/*££ƒRƒ“ƒeƒ“ƒc££*/

/*₯₯ƒtƒbƒ^[₯₯*/
#footer {
   width:100%;
   height:10px;
   position:absolute;
   bottom: 0;
   border-bottom:5px solid #f3f3f3; }
/*££ƒtƒbƒ^[££*/