              /*  p.sample5 {background-color: #f8dce0; margin: 10px 20px 30px 40px;}  p.sample {height:50px; background-color:#dda0dd; font-weight: none; position:relative;margin: 1ex 10ex 1ex; 1ex } /*p class="sample"に対応文字と背景4～１*/
span.sample4 {color:#808000; position:fixed; top:50px; left:70% }　　　　　　　/*span class="sample4"に対応、赤文字色と定位置、相対数値で決める*/
span.sample3 {color:#ffffff; position:absolute; top:10px; left:10px }
span.sample2 {color:#ff0000; position:relative; top:0px; left: 25% }
span.sample1 {color:#808000; position:static; top:10px; left:10px; }　/*white*/  */
p.sample1{color:#808000;}


div {position: center;}
.bottom-em6{padding-bottom: 6em}  /*6行余白の指令*/
#contener {
        width: 1060px;
        margin:0 auto 0;
        background-color:olive;/*おかしくないですか*/
        text-align: center;

}    
#contents {
        width:1000px;
        margin:6;
   padding : 20px ;
        background-color:khaki;
        text-align: left;
}


}
div#Drandy{ 
		width: 300px; 
		float: right;  /*回り込み、以下は押し上げる*/
		
	}
.btn_test {
    display:  block;            			/* ブロック要素にする */
    color:  #fff;               			/* 文字の色指定 */
    background-color: #777;     			/* 背景色指定 */
    padding:  20px;             			/* 余白指定 */
    text-align:  center;        			/* 文字を中央揃えに */
    text-decoration:  none;     			/* 文字の装飾を無くす */
    border-radius:  5px;        			/* 角丸指定 */
    width:  250px;              			/* 幅指定 */
    box-shadow: 0px 2px 3px 0px #9E9E9E;	/* 影をつける */
}


#tomorrow{background-color:#778899;margin: 1ex 10ex 1ex; 1ex}
body {margin-left: 6%;
	color: #000000;<!--字の色　黒--!>　　　　　　　/*2015年５月１７日作成*/
 　 background-image: url(https://masumo10.web.fc2.com/tile-g.gif);
	background-repeat: repeat-x;
	background-position: right;
    background-attachment: scroll;/*背景画固定はfixed*/
    background-color: lightblue;　/*淡い青　背景色*/
  ｝

  .patting-20151015{patting: 100px 15px 10px 15px;}
.cap-i {
	font-style: oblique;　/*文字を斜体にし、周囲に余白２０と１５と１０と１５*/

 }


.margin-2em{margin: 2em;}  　　 /*1行余白の指令*/
  
.over-t{text-decoration: over-line;}   /*文字の上によこ線の指令htmlはspan class=over-tと/spanで～囲む*/
.under-t{text-decoration: under-line;}   /*文字の下によこ線の指令htmlはspan class=under-tと/spanで～囲む*/
.position{ font-size: 20px;}  
 
  
  
p.sample4 {text-decoration: line-through;}　　　　/*打消し線、HTMLソース<p class="sample4">打ち消し線が付きます。</p>*/





