デザイン black & black、覚書!!


/**  **/

#side-amazon-6        { background:#000000;text-align:center;margin:1px 0px 2px 0px;padding:1px;border:1px solid #555555;}

#side-amazon-6 table td

                      { background:transparent; }  

#side-amazon-6 #hatena-searchform

                      { padding:1px 5px 1px 5px;margin-top:3px; }

#side-amazon-6 .hatena-searchform-input { height:20px;margin-bottom:3px; }

/** hatena-recentcomment **/

div.hatena-modulebody ul.hatena-recentcomment

                      {list-style-type:none;padding:0 0 0 0;margin:0 0 0 0;}

div.hatena-modulebody ul.hatena-recentcomment li

                      {list-style-type:none;padding:0 0 0 0;margin:0 0 0 0;}

/** adesense **/

#prof-adsense         {background-color:#2E2B4C;border:1px solid #555555;

                          text-align:center;margin:1px 0px 2px 0px;padding:5px;}

/** p tab **/

table.short1          {width:100%;font-size:12px;margn-left:10px;padding-left:10px;}

/** font **/

#font2                {font-size:12px;padding-left:5px;line-height:100%;} 

/**  **/

object                {padding-left:2px;margin-top:5px;}

/** サイド-モジュール **/

div.hatena-moduletitle{

 margin : 0px 0px 0px  0px;

 padding: 5px 0px 5px 10px;

 font-size: 12px;

 font-family:arial black, "Verdana", sans-serif;

    background:#161616;text-align:left;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

div.hatena-module    {}

div.hatena-modulebody{

 margin : 0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 font-size: 12px;

 font-family:arial black, "Verdana", sans-serif;

    background:#252525;text-align:left;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

div.hatena-modulebody ul{

 margin : 0px 0px 0px 0px;border:1px solid #333333;

 padding: 1px 1px 1px 1px;}

ul             i   {list-style-type:none;}

ul                 {list-style-type:none;}

ul.hatena-rss li   {list-style-type:none;}

ul.hatena-rss li a {

display:block;margin:0 0 1px 0px;

padding: 2px 0px 2px 9px;

text-decoration: none;

color: #666666;

width:;height:15px;font-size:11px;

background-color: #222222;

border-bottom: 1px solid #333333;

border-left:7px solid #000000;

}

ul.hatena-rss li a:hover {

background-color: #333333;border-left:1px solid  #FF0000;margin-left:7px;

}

ul.hatena-section li   {padding:0 0 0 0px;margin:0 0px 0 0px;list-style-type:none;}

ul.hatena-section li a {

display: block;margin:0 0 1px 0px;

height:15px;font-size:11px;

padding: 2px 0px 4px 9px;

text-decoration: none;

color: #666666;

background-color: #222222;

border-bottom: 1px solid #333333;

border-left:7px solid #000000;

}

ul.hatena-section li a:hover {

display: block;background-color: #333333;border-left:1px solid  #FF0000;margin-left:7px;

}

/** コメント **/

textarea                  {background:#EEEEEE;margin-bottom:10px;margin-top:5px;border:groove 3px #DDDDDD;

}

/** 検索ボックス **/

#hatena-searchform        {color:#EEEEEE;background:#000000;font-size:12px;}

.hatena-searchform-input  {font-weight:bold;width:200px;}

.hatena-modulebody table  {font-size:12px;}

/** hatena-rss **/  

/** secction **/

/* highlight */

span.highlight            {

 background-color:transparent;

 color: #4CE22E;font-weight:bold;font-family:georgia;

}

/** Rimo & youtube**/

                           

div.hatena-asin-detail-image-2  {padding:10px;}

div.hatena-rimo                 {padding:10px 0px 10px 0px;text-align:center;margin:5px 0px 5px 0px;background:#000000;}

/** アマゾン **/

#side-amazon           {font-size:11px;padding:10px 0px 10px 0px;background-color:#000000;text-align:center;margin:0px 0px 0px 0px;width:;}

/** プロフィール-ページ **/

.section ul            {margin-bottom:0px;padding-bottom:10px;padding-left:10px;margin-left:10px;}

#hatena-about          {padding:0 0 0 0;margin:0 0 0 0;}

.prof-ad               {

height:;padding:5px 0px 5px 0px;

background-color:#000000;

border:1px solid #222222;

margin:0px 0px 0px 0px;

font-size:12px;

}

div.hatena-profile-id  {text-align:center;background:#444444;margin:1px 0px 0px 0px ;padding:3px;}

div.body               {padding:0 0 0 0;margin:0 0 0 0;}

img                    {border:none;margin:3px;}

#ainouta-profle        {font-size:12px;width:;margin:0px 0px 0px 0px;padding:0 0 0 0;background:transparent;border-width:0px;line-height:120%;}

#ainouta-profle-7      {font-size:12px;width:;margin:0px 0px 0px 0px;padding:0 0 0 0;background:transparent;border-width:0px;line-height:120%;}

#ainouta-profle p      {font-size:12px;margin:0px 0px 0px 0px;padding:0 0 0 0;line-height:100%}

#ainouta-profle-2      {font-size:12px;padding: 0px;width: 40%;background:transparent;text-align:left;margin:0px;}

#ainouta-profle-2 ul li{margin-left:0px;}

#ainouta-profle-3      {font-size:12px;padding: 0px;width: 30%;background:transparent;text-align:left;margin:0px;}

#ainouta-profle-3 ul li{margin-left:0px;}

#ainouta-profle-3 ul.hatena-recentcomment

                       {padding:5px 5px 5px 5px;}

#ainouta-profle-4      {font-size:12px;padding: 0px;width: 30%;background:transparent;text-align:left;margin:0px;}

#ainouta-profle-4 ul li{margin-left:0px;}

#ainouta-profle-5      {font-size:12px;padding: 0px;width: 50%;background:transparent;margin:0px 0px 0px 0px;line-height:100%;}

#ainouta-profle-5 ul li{margin-left:0px;}

#ainouta-profle-5      {}

#ainouta-profle-6      {font-size:12px;padding: 0px;width: 50%;background:transparent;margin:0px 0px 0px 0px;line-height:100%;}

#ainouta-profle-6 ul li{margin-left:0px;}

#ainouta-profle-6      {}

.side-ad            {

height:;padding:10px 0px 10px 0px;

background-color:#000000;

border:1px solid #222222;

margin:5px 0px 5px 0px;

font-size:12px;

}

.side-amazon          {padding:10px 0px 10px 0px;background-color:#000000;text-align:center;margin:5px 0px 5px 0px;width:100%;}

#side-amazon-2        {padding:10px 0px 10px 5px;background-color:#000000;text-align:center;margin:5px 1px 5px 1px;width:;}

#side-amazon-5        {padding:10px 5px 10px 5px;background-color:#000000;text-align:center;margin:2px 0px 0px 0px;width:;

                       border:1px solid #444444;font-size:11px;}

#side-amazon-4        {padding:10px 5px 10px 5px;background-color:#000000;text-align:center;margin:0px 0px 0px 0px;width:;}

#side-amazon-3        {padding:10px 5px 10px 5px;background-color:#000000;text-align:center;margin:0px 0px 0px 0px;width:;}

#side-amazon-3 p      {padding:0 0 0 0;margin:0 0 0 0;}

/** Ad **/

div.ad                {padding:15px 5px 15px 5px;text-align:center;}

/** blockqoute **/

blockquote {

    background-color:#161616;text-align:left;padding:5px;margin:5px 5px 5px 5px;font-size:12px;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

blockquote p {

 margin: 0.5em;

}

blockquote ul {

 margin: 1em 0.5em 1em 2em;

}

blockquote ol {

 margin: 1em 0.5em 1em 3em;

}

blockquote cite {

 margin: 1em 0px 0px 0px;

 padding: 0.2em 0.4em;

 display: block;

 font-style: normal;

 text-align: right;

 border-top: dashed 1px #444444;

 background-color: #161616;

 color:;

}

blockquote * cite {

 display: inline;

 margin: 0px;

 padding: 0px;

 background-color: transparent;

 font-style: italic;

}

q {

 background-color: #ffffff;

}

blockquote q cite {

 margin: 0px;

 padding: 0px;

 display: inline;

 border: none;

 color: #333333;

}

/**blockquote p {

 margin: 0.5em;

}

blockquote ul {

 margin: 1em 0.5em 1em 2em;

}

blockquote ol {

 margin: 1em 0.5em 1em 3em;

}

blockquote * cite {

 display: inline;

 margin: 0px;

 padding: 0px;

 background-color: transparent;

 font-style: italic;

}

q {

 background-color: #EEEEEE;

}

blockquote q cite {

 margin: 0px;

 padding: 0px;

 display: inline;

 border: none;

 color: #333333;

}

div.section blockquote     {

        background-color:#161616;text-align:left;padding:5px;margin:5px;font-size:12px;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

blockquote cite    {

 margin: 1em 0px 0px 0px;

 padding: 0.2em 0.4em;

 display: block; font-style: normal;

 text-align: right;border-top: solid 0px #667799;

        background-color: transparent;color: #333333;clear:both;

}**/

/*========================================================================================*/

#table-font            {font-size:10px;}

.table-scroll          {font-size:10px;overflow-y:scroll;height:100px;width:99%;}

/*======================================*/

.navigation            {font-size:10px;color:#999999; text-decoration:none;font-weight:normal;margin:0px 0px 0px 0px;padding:5px;}

.navigation a          {font-size:10px;color:#999999; text-decoration:none;font-weight:bold  ;}

.navigation a:link     {font-size:10px;color:#999999; text-decoration:none;font-weight:bold  ;}

.navigation a:visited  {font-size:10px;color:#999999; text-decoration:none;font-weight:bold  ;}

.navigation a:active   {font-size:10px;color:#999999; text-decoration:none;font-weight:bold  ;}

.navigation a:hover    {font-size:10px;color:#DD5555; text-decoration:none;font-weight:bold  ;padding-left:1px;}

/*======================================*/

{head+body div.comment}

{head+body div.refererlist}

                       { width: auto;margin:0 0 0 0;padding:0 0 0 0;}

#comment-form          { margin:0 0 0 0;}

div.caption            { margin:0 0 0 0;}

div.comment            { margin:0 0 0 0;padding:10px;background:#232323;}

div.comment textarea   { width:100%;height:90px;}

div.refererlist        { margin:0 0 0 0;padding:10px;background:#232323;}

div.refererlist  ul    { margin:0 0 0 0;padding:3px;list-style-type:none;}

/*======================================*/

p.hatena-profile-id { text-align:center;background:#444444;margin:1px 0px 0px 0px ;padding:3px;}

/*======================================*/

ul.keywordcloud {

 padding: 0.5em;

 line-height: 1.5;

}

ul.keywordcloud li    {

 margin: 0;

 padding: 0;

 border: none;

 display: inline;

 background: none;

 vertical-align: middle;

}

ul.keywordcloud li a:link,

ul.keywordcloud li a:visited {

 margin: 0;

 padding: 0;

 border: none;

 display: inline;

 background: none;

 border-bottom: 1px solid #dddddd;

 text-decoration: none;

 vertical-align: middle;

}

ul.keywordcloud li a:hover  {

 background: none;

}

ul.keywordcloud a.keywordcloud0 {

 color: #cccccc;

 font-size: 100%;

}

ul.keywordcloud a.keywordcloud1 {

 color: #bbbbbb;

 font-size: 110%;

}

ul.keywordcloud a.keywordcloud2 {

 color: #aaaaaa;

 font-size: 120%;

}

ul.keywordcloud a.keywordcloud3 {

 color: #aaaaaa;

 font-size: 130%;

}

ul.keywordcloud a.keywordcloud4 {

 color: #aaaaaa;

 font-size: 140%;

}

ul.keywordcloud a.keywordcloud5 {

 color: #aaaaaa;

 font-size: 150%;

}

ul.keywordcloud a.keywordcloud6 {

 color: #aaaaaa;

 font-size: 160%;

}

ul.keywordcloud a.keywordcloud7 {

 color: #aaaaaa;

 font-size: 170%;

}

ul.keywordcloud a.keywordcloud8 {

 color: #aaaaaa;

 font-size: 170%;

}

ul.keywordcloud a.keywordcloud9 {

 color: #aaaaaa;

 font-size: 170%;

}

ul.keywordcloud a.keywordcloud10 {

 color: #aaaaaa;

 font-size: 170%;

}

ul.keywordcloud a.keywordcloud0:hover,

ul.keywordcloud a.keywordcloud1:hover,

ul.keywordcloud a.keywordcloud2:hover,

ul.keywordcloud a.keywordcloud3:hover,

ul.keywordcloud a.keywordcloud4:hover,

ul.keywordcloud a.keywordcloud5:hover,

ul.keywordcloud a.keywordcloud6:hover,

ul.keywordcloud a.keywordcloud7:hover,

ul.keywordcloud a.keywordcloud8:hover,

ul.keywordcloud a.keywordcloud9:hover,

ul.keywordcloud a.keywordcloud10:hover {

 border-bottom-color: #ff9900;

}

/*========================================================================================*/

/* Keywords */

a.keyword:link,

a.okeyword:link {

 text-decoration: none;

 color: #999999;

 border-bottom: dotted 1px #555555;

}

a.keyword:visited,

a.okeyword:visited {

 text-decoration: none;

 color: #999999;

 border-bottom: solid 1px #dddddd;

}

a.keyword:hover,

a.okeyword:hover {

 border-bottom-color: #FF9900;

}

/*========================================================================================*/

#ad                    {

        background:#272727;text-align:center;padding:5px;

 border-top    : solid 1px #444444;font-size:12px;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

#side-amazon           {

        background:#000000;text-align:center;padding:5px;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

/*========================================================================================*/

/* ASIN Detail-aアマゾン */

p                      {}

div.hatena-asin-detail {

 background-color: #222222;margin:5px 5px 1px 5px;

 border-right: solid 1px #000000;border-bottom: solid 1px #000000;

 border-top  : solid 1px #444444;border-left  : solid 1px #444444;

 clear: left;font-weight:normal;

}

img.hatena-asin-detail-image {

 margin: 5px 0.5em 5px 5px;

 border-style: solid;

 border-width: 2px 2px 2px 2px;

 border-color: #333333 #222222 #222222 #333333;

 float: left;

 clear: left;

}

div.hatena-asin-detail-info {

 margin: 5px 0px 0px 0px;

 padding: 0px;

 float: left;font-weight:normal;

}

p.hatena-asin-detail-title {

 margin: 5px 0px 0px 0px;

 padding: 1em 0.5em 0.7em 0em;

 text-indent: 0em;

 line-height: 1;

 font-weight:bold;

}

p.hatena-asin-detail-title a:link,

p.hatena-asin-detail-title a:visited {

 color: #999999;font-weight:normal;

 text-decoration: none;font-weight:bold;

}

p.hatena-asin-detail-title a:hover {

 color: #FF9900;font-weight:normal;

 text-decoration: underline;font-weight:bold;

}

.hatena-asin-detail-info ul {

 margin: 0px;font-weight:normal;

 padding: 0em 0px 1em 0em;

 list-style-type: none;

 font-size: 90%;

}

.hatena-asin-detail-info li {

 margin: 0.2em 0em 0.2em 1em;

}

span.hatena-asin-detail-label {

 font-weight:normal;

}

div.hatena-asin-detail-foot {

 clear: left;font-weight:normal;

}

/** カレンダー **/

div.calendar       {

        background:#161616;text-align:left;padding:5px;height:;margin:0px;font-size:12px;text-align:right;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

/** 写真 **/

div.body img.photo {

 margin: 10px 10px 10px 10px;

 float: right;

 border: solid 1px #cccccc;

}

ul.hatena-photo {

 margin: -1px 0px 0px -1px;

 padding: 2px 0px 2px 0px;

 background-color: #222222;

 border: solid 1px #222222;

 text-align: center !important;

 line-height: 62px;

 font-size: 10px;

 word-spacing: -0.1em;

}

ul.hatena-photo li {

 display: inline;

 margin: 0px;

 padding: 0px 0px 0px 0px;

 background: transparent;

 border: none;

}

ul.hatena-photo li a:link,

ul.hatena-photo li a:visited {

 display: inline;

 margin: 0px;

 padding: 0px;

 background: transparent;

 border: none;

 position: static;

}

ul.hatena-photo li a:link img,

ul.hatena-photo li a:visited img {

 margin: 0px 0px 1px 0px;

 padding: 0px;

 vertical-align: bottom;

 border: solid 1px #cccccc;

}

ul.hatena-photo li a:hover img {

 border-color: #666666;

}

body h1{

 padding: 0.2em 0.0em 0.2em 0.2em;margin:0 0 0 0;background:#161616;

}

a , a:link , a:visited , a:active              {color:#999999;}

a:hover                                        {color:#EEEEEE;}

h1 a , h1 a:link , h1 a:visited , h1 a:active  {color:#EEEEEE;}

h1 a:hover                                     {color:#999999;}

h1 {

 margin: 1px 0px 1px 0px;

 padding: 0.4em 0.4em 0.4em 0.5em;

 font-size: 160%;height:30px;font-size:20px;

 font-family:arial black, "Verdana", sans-serif;

         background:#161616;text-align:left;

         border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 1px #444444;

}

/*========================================================================================*/

/* カレンダー */

table.calendar {

 margin: 0px;

 background-color: #444444;

 border: solid 0px #444444;

 text-align: center;

 table-layout: fixed;

 font-size: 12px;

 border-collapse: collapse;

}

head+body table.calendar {

 width:100%;

 background-color: #444444;

 border: solid 0px #444444;

}

.calendar td {

 padding: 0px;

 background-color: #393939;

 border: solid 1px #444444;

 line-height: 1.5;

}

td.calendar-prev-month,

td.calendar-current-month,

td.calendar-next-month {

 font-weight: bold;

 line-height: 1;

}

td.calendar-sunday,

td.calendar-saturday,

td.calendar-weekday {

 color: #DDDDDD;

}

td.calendar-day {

 height: 20px;

 color: #BBBBBB;

 font-size: 10px;

 line-height: 1;

}

.calendar td a:link,

.calendar td a:visited {

 display: block;

 margin: 0px;

 padding: 3px 0px;

 _width: 100%;

 height: 12px;

 _height: 19px;

 color: #EEEEEE;

 border: solid 1px;

 background-color: #333333;

 border-color: #777777 #000000 #000000 #777777;

 text-decoration: none;

 line-height: 13px;

 _line-height: 1;

}

td.calendar-day a:link img,

td.calendar-day a:visited img {

 border: solid 1px #666666;

 width: 8px;

 height: 8px;

 vertical-align: baseline;

}

.calendar td a:hover {

 background-color: #222222;

 color: #EEEEEE;

 border-color: #444444 #000000 #000000 #444444;

}

td.calendar-day a:hover img {

 border-color: #333333;

}

td.day-today a:link,

td.day-today a:visited {

 background-color: #f9f9f9;

 border-color: #ffffff #dddddd #dddddd #ffffff;

 font-weight: 900;color:#161616;

}

td.day-today a:hover {

 background-color: #eeeeee;color:#161616;

 border-color: #ffffff #cccccc #cccccc #ffffff;

}

td.day-selected a:link,

td.day-selected a:visited {

 background-color: #161616;

 border-color: #666666 #000000 #000000 #666666;

 font-weight: 900;color:#EEEEEE;

}

td.day-selected a:hover {

 background-color: #dddddd;

 border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;

}

td.calendar-prev-month a:link,

td.calendar-prev-month a:visited,

td.calendar-current-month a:link,

td.calendar-current-month a:visited,

td.calendar-next-month a:link,

td.calendar-next-month a:visited {

 padding: 6px 0em;

 height: auto;

 color: #CCCCCC;

 line-height: 1;

 font-size: 11px;

}

td.calendar-prev-month a:hover,

td.calendar-current-month a:hover,

td.calendar-next-month a:hover {

 color: #EEEEEE;

}

/*========================================================================================*/

#navigation            {color:#FFFFFF;font-size:10px;font-family:verdana;font-weight:noarmal;height:;}

#navigation a          {color:#FFFFFF;font-size:10px;font-family:verdana;font-weight:bold   ;height:;} 

#navigation a:link     {color:#FFFFFF;font-size:10px;font-family:verdana;font-weight:bold   ;height:;}

#navigation a:active   {color:#FFFFFF;font-size:10px;font-family:verdana;font-weight:bold   ;height:;} 

#navigation a:visited  {color:#FFFFFF;font-size:10px;font-family:verdana;font-weight:bold   ;height:;}

#navigation a:hover    {color:#DD5555;font-size:10px;font-family:verdana;font-weight:bold   ;height:;padding-left:1px;}

div.hatena-body {padding:0px 0px  0px  0px;margin: 0px 0px  0px 0px;}

div.day                {

         margin:0px 0px 0px 0px;padding:0 0 0 0;background:#232323;text-align:left;font-size:12px;border-left:1px solid #444444;;border-right:1px solid #000000;

}

div.day p              {margin:0 0 0 0;padding:2px 5px 2px 5px;}

p.sectionfooter        {margin:0 0 0 0;padding:0 0 0 0;text-align:right;font-size:11px;}

div.day h2             {

         font-size:12px;font-weight:normal;color:#999999;margin:0px 0px 0px 0px;padding:3px 3px 3px 3px;

         background:#161616;text-align:left;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 0px #444444;

}

div.section h3 span.sanchor

                {}

div.section h3  {margin:0 0 0 0;}

div.section h3  {

        font-size:12px;font-weight:normal;color:#999999;padding:8px 3px 0px 40px;height:30px;

        background:#161616 url(http://f.hatena.ne.jp/images/fotolife/a/ainouta_eternal/20070603/20070603151646_m.jpg) no-repeat 5px 0px;text-align:left;

 border-top    : solid 1px #444444;

 border-right  : solid 1px #000000;

 border-bottom : solid 1px #000000;

 border-left   : solid 0px #444444;

}

/** レイアウト **/

body            {padding:0px  5px  0px 5px;margin: 0px 0px 0px 0px;background:#333333;

                 text-align:center;color:#999999;font-family:verdana,"Georgia","MS明朝",serif;

}

/**

html{            scrollbar-face-color      :#161616;

                 scrollbar-arrow-color     :#666666;

                 scrollbar-highlight-color :#EEEEEE;

                 scrollbar-3dlight-color   :#EEEEEE;

                 scrollbar-shadow-color    :#EEEEEE;

                 scrollbar-darkshadow-color:#EEEEEE

                 scrollbar-track-color     :#F8F8F8; padding:0 0 0 0;margin:0 0 0 0;color:#999999;

}**/

div.hatena-body { padding:0 0 0 0;margin:0 0 0 0;}

div.main {

 margin: 0px 220px 0px 220px; 

 positin:relative;padding:;

}

div.main-3 {

 margin: 0px 0px 0px 440px; 

 positin:relative;padding:;

}

div.sidebar {

 position:absolute;width:220px;

        padding:0px 0px 0p x0px;top:77px;left:5px;

        text-align:left;fonts-ze:11px;

}

div.sidebar2 {

 margin:0 0 0 0;width:220px;

        position:absolute;top:77px;right:5px;

        text-align:left;

}

div.sidebar3 {

 margin:0 0 0 0;float:right;width:220px;

        position:absolute;top:77px;left:225px;

        text-align:left;

}