<style type="text/css">
            div{width:100pt; height:100pt}
     
            .position1{
                            z-index:1;
                            position: static; top: 5pt; left: 100pt;
margin : 0 auto;
left:50%; width:1000; margin-left:-500px;
                            background-color:gray}
     
           
            .position2{
                            z-index:4;
                            position: relative; top: 5pt; left: 100pt;
margin : 0 auto;
left:50%; width:1000; margin-left:-500px;
                            background-color:green}
     
           
            .position3{
                            z-index:2;
                            position: absolute; top: 14pt; left: 100pt;

left:50%; width:700; margin-left:-200px;
                            background-color:}
           
            .position4{
                            z-index:3;
                            position: absolute; top: 10pt; left: 100pt;

left:50%; width:1000; margin-left:-500px;
                            background-color:red}
        </style>

<script type="text/javascript" src="http://wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "1076ad4716771dc";
wcs_do();
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-74048638-1', 'auto');
  ga('send', 'pageview');

</script>