body {
	font-family: "MS UI Gothic", "Osaka";
	font-size: 12px;
	color: #000;
}
.font_big {
	font-size: 15px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	
	color: #000000;
}
.font_mid {
	font-size: 13px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	color: #000000;
}
.font_small {
	font-size: 10px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	
	color: #000000;
}
.font_big_strong {
	font-size: 15px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	
	font-weight: bold;
	color: #000000;
}
.font_mid_strong {
	font-size: 13px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	font-weight: bold;
	color: #000000;
}
.font_def_strong {
	font-size: 12px;
	letter-spacing: 0px;
	font-family: "MS UI Gothic", "Osaka";
	
	font-weight: bold;
	color: #000000;
	
}
.t_col_red {
	color: #CC0000;
}



#slideshow {
   position: relative;
   width:  760px; /* ボックスの横幅 */
   height: 380px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 300px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  760px; /* 画像の横幅 */
   height: 380px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}