body {
background-image: -webkit-gradient( linear,	right bottom, left bottom,	color-stop(0, #4CEB46),	color-stop(1, #03170F));
background-image: -o-linear-gradient(left, #4CEB46 0%, #03170F 100%);
background-image: -moz-linear-gradient(left, #4CEB46 0%, #03170F 100%);
background-image: -webkit-linear-gradient(left, #4CEB46 0%, #03170F 100%);
background-image: -ms-linear-gradient(left, #4CEB46 0%, #03170F 100%);
background-image: linear-gradient(to left, #4CEB46 0%, #03170F 100%);
color:#fff;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:15px;
}
/*リンク*/
a { color:#fff;	text-decoration: none ; letter-spacing: 1px; }
a:link    {color:#fff;}/*見ていないリンク色*/
a:visited {color:#fff;}/*即に見たリンク色*/
a:hover   {color:#fff; font-weight:bold;}/*マウスが上に来た時の文字色*/


.waku { width:90%; margin-left: auto; margin-right: auto;}
.h50  { width:90%; height:50px; }
.h20  { width:90%; height:20px; }
.h10  { width:90%; height:10px; }

#title{ position:relative; top: 20px;}

#blog { position:relative; top: 20px; left:  0px; width:135px;  z-index: 10;}
#about{ position:relative; top: 20px; left:  0px; width:100px;}
#video{ position:relative; top:-10px; left: 60px; width:100px;}
#trip { position:relative; top: 45px; left: 30px; width:100px;}
#web  { position:relative; top:-30px; left: 20px; width:120px;}
#end  { position:relative; top:-10px; width:100%; height:50px; text-align:center ;}

h1 { font-size:30px; color:#FF6600; }
span.black { font-size:18px; color:#000; }

table.all 		 { width:93%; padding:5px ;border-collapse: collapse; font-size:14px;}
table.all td, th { border: 1px #fff solid; padding: 5px;}

hr { width: 100%;
 border-width: 1px 0px 0px 0px;
 border-style: dashed;
 border-color: #fff;
 height: 1px;
 }

/* スマホ専用メ−ル用iframe */
.mail	{ width:100%; height:200px; }