/*カラーバリエーション*/
.c1{
background-color:#FBFCFD;
}
.c2{
background-color:#EEC6CF;
}

.c3{
background-color:#E32388;
}

.c4{
background-color:#B2C7E5;
}

.c5{
background-color:#1e2d57;
}

.c6{
background-color:#C8B7E3;
}

.c7{
background-color:#D2AB89;
}

.c8{
background-color:#0D1316;
}


/* ここから固定 */

body{
text-align:center;
font-size:12px;
line-height:18px;
color:#333333;
background-color:#ffffff;
margin:0;
padding:0;
}
.clear{
clear:both;
}

a:link {
color: #333333;
text-decoration:none;
}
a:visited {
color: #333333;
text-decoration:none;
  
}
a:hover {
color: #0066CC;
text-decoration:underline;
}
a:active {
color: #0066CC;
text-decoration:underline;
}

li a:link {
width:34px;
height:34px;
float:left;
margin:0px 5px 0px 0px;
border:1px solid #cccccc;
margin:0;
padding:0;
}
li a:visited {
width:34px;
height:34px;
float:left;
margin:0px 5px 0px 0px; 
border:1px solid #cccccc;
margin:0;
padding:0;
}
li a:hover {
width:34px;
height:34px;
float:left;
margin:0px 5px 0px 0px;
border:1px solid #666666;
margin:0;
padding:0;
}
li a:active {
width:34px;
height:34px;
float:left;
margin:0px 5px 0px 0px;
border:1px solid #666666;
margin:0;
padding:0;
}
#zoom_title{
border-bottom:1px solid #999999;
margin:0px auto 5px auto;
padding:10px 10px 5px 10px;
text-align:left;
background-color:#FFFFFF;
color:#333333;
height:45px;
}
.title{
margin:0px 0px 5px 0px;
}
.color{
text-align:left;
font-size:10px;
line-height:10px;
float:left;
margin:0px 5px 0px 0px;
padding:3px 5px 5px 5px;
background-color:#333333;
color:#FFFFFF;
}
ul{
margin:0;
padding:0;
}
li{
padding:0;
margin:0px 5px 0px 0px;
list-style:none;
width:16px;
height:16px;
float:left;
border:1px solid #cccccc;
}
.hide{
display:none;
}
object{
margin:0 auto;
padding:0;
}
.flash{
clear:both;
}