*{margin:0;padding:0}

/*改行しない不具合の対策*/
body {word-wrap:break-word}


/*画面幅による構成*/



#main
{
max-width:782px;
margin:5px 5px 5px 290px;
background-color: #ffffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
/*img {max-width:100%;height:auto;margin:0}*/
}

#side
{
/*max-width:210px;*/
width:280px;
position:absolute;
top:5px; left:5px;
background-color: #ffffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
}

/*画面幅の狭い場合の対応*/
@media screen and (max-width: 900px) {
#main {max-width:900px;margin:0px}
#side {width:auto;max-width:900px;position:relative;top:0px; left:0px;margin:0px}
img {max-width:100%;height:auto;margin:0}
}



/*div cardの設定*/
div.card
{
background-color: #ffffff;
margin: 4px;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
}

/*div adの設定*/
div.ad
{
display: inline-block;
vertical-align: middle;
}

/*---------------- body -----------------------*/
/*背景を規定*/
body{ background-color: #fff2f2; }


/*---------------- card -----------------------*/

/*カード内段落の書式*/
.card p{
font-size:0.9em;
line-height: 1.5em;
margin: 5px;
/*画像回り込み解除(imgと連携)*/
clear:left;
}


/*カード内の画像*/
.card img{
/*左に置き文章を回り込ませる*/
float: left;
margin: 5px;
/*20150708モバイル対策で以下追記*/
max-width:100%;
height:auto;
margin:0
}


/*date属性*/
.card p.date
{
font-size:0.7em;
line-height: 1.0em;
margin-left: 10px;
/*画像回り込み解除(imgと連携)*/
clear:left;
}

/*Javaなどのソースを表示するためのもの2017/2/24*/
.card p.java
{
font-size:0.9em;
letter-spacing:0.1em;
line-height: 1.5em;
margin-left: 15px;
margin-right: 50px;
margin-top: 5px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
/*画像回り込み解除(imgと連携)*/
clear:left;
background-color: #ffecf0
}


/*tbl属性・表作成のためのもの2010/8/10*/
.card table.tbl
{
font-size:0.8em;
line-height: 1.2em;
margin-left: 10px;
border: 1px #6f6f6f solid;
border-collapse: collapse;
word-break:break-all;/*2015/7/8追記モバイル対策*/
}

/*カード見出しの設定*/
.card h1{
color:#404040;
font-size:1.3em;
margin: 5px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color: #e0ffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
}

/*カードh2見出しの設定20110106*/
.card h2{
color:#505050;
font-size:1.2em;
margin: 5px;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
background-color: #e9ffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
}
/*カードh3見出しの設定20110518*/
.card h3{
color:#505050;
font-size:1.1em;
margin: 5px;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
background-color: #e9ffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
}

/*見出しとして使うもの*/
div.midasi{
color:#505050;
font-size:0.9em;
margin: 1px;
padding-top:2px;
padding-bottom:2px;
padding-left:20px;
background-color: #f5ffff;
border-style: solid;
border-color: #dddddd;
border-width: 1px;
clear:left;
}