/*-------------サイト全体-----------*/
html,body,header,footer,div,p,h1,h2,h3,h4,ul,li,{
 margin: 0;
 padding: 0;
}

/*--------------ボディ全体指定------------*/
body{
 background-color: #a8dfff;
 font-family: メイリオ;
}

/*--------------h1～pまで個別指定---------*/
h1{
 margin: 0;
 line-height: 50px;
 background-color: #fffcc2;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fffcc2), to(#fffcc2));
 font-size: 18px;
 color: #ffffff;
 text-align: center;
 text-shadow: 1px 15px 10px rgba(255, 51, 255,0.5),3px 5px 1px rgba(255, 51, 255, 0.6),-3px -1px 1px rgba(255, 51, 255, 0.5);
}

h2{
 font-weight: bold;
 font-size: 16px;
 text-align: center;
 color: #ff8000 ;
 text-shadow:15px 1px 15px rgba(255, 51, 204,1),1px 1px 1px rgba(255, 255, 0,1),-1px -1px 1px rgba(255, 255, 255, 0.5);
}

h3{
 font-size: 14px;
 background-color: #fffcc2;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fffcc2), to(#fffcc2));
 color: #ffffff;
 text-align: center;
 text-shadow: 1px 15px 10px rgba(255, 51, 255,0.5),3px 5px 1px rgba(255, 51, 255, 0.6),-3px -1px 1px rgba(255, 51, 255, 0.5);
}

.text-box{
 margin: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #5fe061;
 background-image : url(../p2b.gif);
 font-size: 14px;
 font-weight: bold;
 color: #ff3eff;
 text-align: left;
 border-radius:20px;
 -webkit-border-radius:20pxx;
 -moz-border-radius: 20px;
}

div{
 text-align: center;
}

p{
 margin: 5px;
 text-align: center;
 color: #505050;
 font-size: 14px;
}

/*------------------footerの指定-----------------*/
footer{
 line-height: 35px;
 font-size: 12px;
 color: #ffffff;
 text-align: center;
 background-color: #ffe1d2;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb9ff), to(#fa8005));
 text-shadow: 1px 15px 10px rgba(255, 51, 255,0.5),3px 5px 1px rgba(255, 51, 255, 0.6),-3px -1px 1px rgba(255, 51, 255, 0.5);
}

/*------------------ＥＮＤ-----------------*/



<img src="img/arrowyellow.gif" width="16" height="16">