a{
color:#333333;
text-decoration: none;
} 
a:hover{
color:#333333;
position:relative;
top:2px;
left:2px;
} 

body,td{
color:#000000;
font-size:12px;
font-family:Arial,'メイリオ',ＭＳ Ｐゴシック,Osaka,verdana;
text-align:center;
line-height:180%;
}

body{
margin:0;
padding:0;
}

.base{
margin:0px;
padding:0px;
background-color:#ffffff;
width:700px;
}

.data{
margin:0px;
padding:10px;
display: table-cell;
text-align:center;
height:100%;
}

.color_l1{
color:#ffffff;
margin:15px;
padding:0px;
display: inline-block;
_display: inline;
transform: rotate(-15deg);
}
.color_l2{
color:#ffffff;
padding:3px;
transform: rotate(15deg);
}

.color_r1{
color:#ffffff;
margin:15px;
padding:0px;
display: inline-block;
_display: inline;
transform: rotate(15deg);
}
.color_r2{
color:#ffffff;
padding:3px;
transform: rotate(-15deg);
}

h2{
font-size:24px;
line-height:120%;
text-align:center;
}

.memo{
margin:10px;
padding:10px;
font-size:12px;
line-height:180%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
text-align:left;
}

.main{
color:#ffffff;
margin:0px;
padding:0px;
display: table-cell;
width:300px;
min-height:100%;
vertical-align:top;
text-align:left;
}

.name{
margin:5px 20px 5px;
padding:0px;
border-left:3px solid #ffffff;
}

h1{
margin:5px;
padding:5px;
font-size:48px;
line-height:100%;
letter-spacing:10px;
}

.cmnt{
margin:0px 5px;
padding:0px 5px;
color:rgba(255,255,255,0.6);
font-size:18px;
}

.td{
margin:5px;
padding:0px;
text-align:left;
}

.title{
color:#ffffff;
margin:5px 10px;
padding:5px;
width:100px;
background-color:rgba(255,255,255,0.2);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
text-align:center;
display: inline-block;
_display: inline;
}