a:link           { color: #ab062b; font-size: 13px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }
a:visited        { color: #ab062b; font-size: 13px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }
a:active         { color: #ab062b; font-size: 13px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }
a:hover          { color: #ffb000; font-size: 13px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }
td               { color: #4e4e4e; font-size: 13px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none }
body             { background-image: url("932ch_ver02_background.gif"); background-repeat: repeat-x; background-position: 50% 0 }

span.sample1     { color: #ffffff; font-size: 13px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none }
span.sample2     { color: #4e4e4e; font-size: 11px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }
span.sample3     { color: #4e4e4e; font-size: 13px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none; font-weight: bold}
span.sample4     { color: #C10C15; font-size: 12px; font-family: 'rounded-3'; line-height: 18px; text-decoration: none }
span.sample5     { color: yellow; font-size: 12px; font-family: 'rounded-3'; line-height: 18px; text-decoration: none }
span.sample6     { color: #4e4e4e; font-size: 17px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none; font-weight: bold}
span.sample7     { color: #285b99; font-size: 17px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none; font-weight: bold}
span.sample8     { color: #285b99; font-size: 13px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none; font-weight: bold}
span.sample9     { color: #C10C15; font-size: 13px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none }
span.sample10    { color: #285b99; font-size: 15px; font-family: 'rounded-3'; line-height: 20px; text-decoration: none; font-weight: bold}
span.sample11    { color: yellow; font-size: 15px; font-family: 'rounded-3'; line-height: 18px; text-decoration: none; font-weight: bold}
span.sample12    { color: #ffffff; font-size: 11px; font-family: 'rounded-3'; line-height: 17px; text-decoration: none }

span.sample20     { color: #4e4e4e; font-size: 30px; font-family: 'rounded-3'; line-height: 50px }
span.sample21     { color: #808080; font-size: 13px; font-family: 'rounded-3' }
span.sample22     { color: #4e4e4e; font-size: 11px; font-family: 'rounded-3' }
span.sample23     { color: #ffffff; font-size: 25px; font-family: 'rounded-3'; line-height: 50px }

span.sample30     { color: #ffffff; font-size: 50px; font-family: 'texgyreadventor-regular'; line-height: 40px }
span.sample31     { color: #ffffff; font-size: 25px; font-family: 'texgyreadventor-regular'; line-height: 40px }
span.sample32     { color: #ffffff; font-size: 15px; font-family: 'texgyreadventor-regular'; line-height: 40px }

@font-face {
  font-family: 'rounded-3';
  src: url(font/rounded-3.eot);
  src: local('rounded-3'), local('rounded-3'),
         url(font/rounded-3.ttf) format('truetype');
		 url(font/rounded-3.woff) ;
}
@font-face {
  font-family: 'texgyreadventor-regular';
  src: url(http://www.thespanic.jp/css/font/texgyreadventor-regular.eot);
  src: local('texgyreadventor-regular'), local('texgyreadventor-regular'),
         url(http://www.thespanic.jp/css/font/texgyreadventor-regular.ttf) format('truetype');
		 url(http://www.thespanic.jp/css/font/texgyreadventor-regular.woff) ;
}



/* some presentation styles */

.drop-shadow {
    position:relative;
    float:left;
    width:250px;    
    padding:1em; 
    margin:1em 1em 10px 1em; 
    background:#ffffff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-200;
}

/* Lifted corners */

.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}





#mainBox {
    width: 100%;
    margin: 0 auto;
}