/* custom 文字*/
.netz-p
{
	background-color: transparent;
        line-height: 1;
        font-size: 20px;
        text-align: left;
        color: #333;
        font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
        font-weight: bold;
        position: relative;
}

.netz-t1
{
	background-color: transparent;
        line-height: 1;
        font-size: 10px;
        text-align: left;
        color: #d3d3d3;
        font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
        font-weight: bold;
        position: relative;
}

.netz-t2
{
	background-color: transparent;
        line-height: 1;
        font-size: 11px;
        text-align: left;
        color: #333;
        font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
        font-weight: bold;
        position: relative;
}

/* custom 画像マウスオーバー*/
a:hover img {
        opacity: 0.5;
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=50);	/* IE lt 8 */
        -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 

/* custom 画像光沢*/
.reflection-img{
        width       :150px;
        height      :125px;
        position    :relative;
        overflow    :hidden;
}

.reflection {
       height      :100%;
       width       :30px;
       position    :absolute;
       top         :-180px;
       left        :0;
       background-color: #fff;
       opacity     :0;
       transform: rotate(45deg);
       animation: reflection 2s ease-in-out infinite;
       -webkit-transform: rotate(45deg);
       -webkit-animation: reflection 2s ease-in-out infinite;
       -moz-transform: rotate(45deg);
       -moz-animation: reflection 2s ease-in-out infinite;
       -ms-transform: rotate(45deg);
       -ms-animation: reflection 2s ease-in-out infinite;
       -o-transform: rotate(45deg);
       -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
       0% { transform: scale(0) rotate(45deg); opacity: 0; }
       80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
       81% { transform: scale(4) rotate(45deg); opacity: 1; }
       100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
       0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
       80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
       81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
       100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
       0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
       80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
       81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
       100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
       0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
       80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
       81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
       100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
       0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
       80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
       81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
       100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000000;
	text-decoration: none;
	color: #E56E69;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
            border: medium solid #E56E69;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
           
}
#page-top a:hover {
	text-decoration: none;
        color: #ffffff;
	background: #333333;