@charset "utf-8";
/* CSS Document */

#main{
/*    position:absolute;*/
top:0px;
text-align:center;
width:100%;
}
#contents{
margin-left:auto;
margin-right:auto;
background:#fff;
padding:1em	1em;
text-align:left;
width:640px;
margin:0px auto;
}

body{
font-size: 13px;
font-style: normal;
line-height: 1.3;
color:#666666;
font-family:Geneva, Arial, Helvetica, sans-serif,osaka;
background-color:#FFFFFF;
}

a{ text-decoration:none} 
a:active { color: #666666}
a:link {  color: #666666}
a:visited {  color: #666666}
a:hover { color:#99ccff}

img { border:0px; -ms-interpolation-mode: bicubic;  }
a img:hover {
text-decoration:none;
background-color: #ffffff;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)"; 
opacity:0.5;
-moz-opacity:0.5;
}

h1	{  font-size: 24px; line-height: 1;}
h2	{  font-size: 18px; line-height: 1; margin:10px 20px;}
h3	{  font-size: 18px; line-height: 1;}
h4	{  font-size: 16px; line-height: 1.3;}
h5  {  font-size: 14px;}

.red{  color:#FF0000}

.title {font-size: 14px; font-weight: normal; background:#CCCCCC; border:#666666 solid 1px; text-align:left; padding:3px 3px 3px 10px; margin:30px 0 0 0; }

/*galgal*/
.galgal {
margin-left:auto;
margin-right:auto;
background:#fff;
padding:0 0 1em;
text-align:left;
margin:0px auto;
width:80%;
max-width:960px;
height:90%;
/*min-width:600px;
min-height: 400px;
border:#999999 solid 1px;*/
}
.galgal h3	{border-bottom:#999999 solid 1px; padding:3px;}
.galgal h4 { padding:0 1em;}
.galgal p{padding:0 30px; font-size:14px;}
/*galgal*/

/*thumnail*/
ul.thumbnail { list-style-type: none; border:none; }
ul.thumbnail li {
float: left;
margin: 0 1px 1px 0;
width: 100px;
height:100px;
overflow:hidden;
vertical-align:middle;
}
ul.thumbnail li img {
border: 1px solid #fff;
width: 100%;
/*height:150px;*/
}
ul.thumbnail li img.color {
border: 1px solid #fff;
width:250px;
height:auto;
}
ul.thumbnail li a { display: block; }

.clearfix:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE*/
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*thumnail*/

/*migiyose link*/
.link_R			{margin:0 3px 3px 30px; border-bottom:1px solid #FFFFFF; text-align:right;}
.link_R a		{padding:1px 5px 1px 10px; display:block; color:#333333; font-weight:normal; text-decoration:none; background:#cccccc;}
.link_R a:hover	{color:#003366 ; font-weight:normal ; text-decoration:none ; background:#99ccff;}



#fix_menuu{
/*    border: 1px solid;*/
position: fixed;
bottom: 60px;
right: 0px;
z-index: 9999;
/*    background-color:#FFFFFF*/
}
#fix_menuu ul{
list-style:none;
}
#fix_menuu li{
padding:3px 0 0;
font-size:12px;
margin:3px 0;
vertical-align:middle;
text-align:center;
width:5em;
height:2em;
}
#fix_menuu a{
display:block;
color:#333333;
background:gray;
text-decoration:none;
}
#fix_menuu a:hover{
background:silver;
}

#fix_menuu{
/*    border: 1px solid;*/
position: fixed;
bottom: 60px;
right: 0px;
z-index: 9999;
/*    background-color:#FFFFFF*/
}
#fix_menuu ul{
list-style:none;
}
#fix_menuu li{
padding:3px 0 0;
font-size:12px;
margin:3px 0;
vertical-align:middle;
text-align:center;
width:5em;
height:2em;
}
#fix_menuu a{
display:block;
color:#333333;
background:gray;
text-decoration:none;
}
#fix_menuu a:hover{
background:silver;
}