/********************* 基本 *********************/


body{ 
 font-family: "メイリオ", "ヒラギノ角ゴシック", Arial, sans-serif;
 font-size: 16px;
 letter-spacing: 0;
 line-height: 130%;
 margin: 0;
 padding: 0;
}
	
h1, h2, h3, h4, h5, h6{
 font-size:medium;
 font-weight:bold;
 padding: 8px 16px 4px;
 margin: 8px 0px;
}

h1.xh1a{
 font-size:x-large;
 padding: 16px 20px 8px;
}

blockquote{
 line-height:130%;
 margin:10px 0px;
 padding:5px 10px;
 overflow-wrap: break-word; 
}

pre {
 font-family: "メイリオ", monospace;
 line-height:130%;
 margin:10px 0px;
 padding:10px;
 white-space: pre-wrap;
 word-break:break-all;
}

pre:has(code){
 padding:0;
}

dl{
 margin-top    : 5px;
 margin-bottom : 5px;
}

dt{
 font-size:small;
 font-weight:bold;
 margin-left:0px;
 line-height:120%;
}

dd{
 font-size:small;
 margin-left:10px;
 line-height:120%;
}

ul{
  line-height   : 120%;
  margin-top    : 5px;
  margin-bottom : 5px;
  margin-left:20px;
  padding-left:0px;
}

ol{
  line-height   : 120%;
  margin-top    : 5px;
  margin-bottom : 5px;
  margin-left:30px;
  padding-left:0px;
}

ul ul,ol ul{
  margin-top    : 0px;
  margin-bottom : 0px;
  margin-left:10px;
  padding-left:0px;
  list-style-type: circle;
}

ol ol,ul ol{
  margin-top    : 0px;
  margin-bottom : 0px;
  margin-left:20px;
  padding-left:0px;
}

li{
  margin-left:0px;
}

table {
 text-align:left;
 margin:10px 0px;
 border-collapse: collapse;
}

th, td {
 padding: 6px;
}

th {
  padding-top: 8px;
  padding-bottom: 8px;
}

sup,sub {
 text-decoration: none;
 font-size: small;
}

body{ 
 background-color: #eee;
}

h1{
 background-color: #7AF4CF;
 color: #000;
}

h1.xh1b{
 background-color: #ddd;
}

h2{
 background-color: #F47ACF;
 color: #000;
}

h3{
 background-color: #7ACFF4;
 color: #000;
}

h4{
 background-color: #7AF470;
 color: #000;
}

h5{
 background-color: #F4CF7A;
 color: #000;
}

h6{
 background-color: #CFD0F4;
 color: #000;
}

h6.xh7{
 background-color: #CFF47A;
 color: #000;
}

blockquote{
 background-color:#fff;
 border: #aaa 1px solid;
}

pre {
 background-color:#fff;
 border: #aaa 1px solid;
}

table {
 background-color: #fff;
 color: black;
}

td, th {
 border: 1px solid #aaa;
}

th {
 background-color: #04AA6D;
 color: white;
}

tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}

a,a:link{ color:blue; text-decoration:none; }
a:visited{ color:red; }
a:active, a:hover{ background-color:#dee; }
a:hover span{ text-decoration:underline; }

p{
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

img{
 max-width: 75%;
 height: auto;
 border-style: none;
 border-width: 0;
 margin: 0px 10px 5px 5px;
 padding: 0px;
}

img.thumbnail{
 max-width: 100%;
 height: auto;
 border: 1px solid #777;
 border-radius: 10px;
 box-shadow: 5px 5px #ddd ;
}

/*************** 標準フレーム ****************/

.enclosure{
 background-color:white;
 color:black;
 border:#bbb 4px solid;
 margin:20px;
 padding:15px 20px;
 border-radius:15px;
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -pre-wrap;     /* Opera 4-6 */
 white-space: -o-pre-wrap;   /* Opera 7 */
 word-wrap: break-word;      /* IE 5.5+ */
}

.article{
 border:#8ff 4px solid;
}

.snapshot{
 border:#8f8 4px solid;
}

.history{
 border:#f88 4px solid;
}

.hatena{
 border:#88f 4px solid;
}

.podcast{
 border:#f8f 4px solid;
}

.container {
 overflow: hidden;
}

.leftc {
 float: left;
 margin-right: 10px;
}

.rightc {
 overflow: hidden;
}

.player{
 margin-bottom:10px;
}

.date{
 margin-top:10px;
 padding-top:5px;
 border-top:#08f 1px solid;
 text-align:right;
 font-size:small;
}


/*************** CNN.co.jp 補完 ****************/

.clearfix ul{
 list-style-type:none;
}

.clearfix img{
 margin:0px;
}
