@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
html {
	overflow-y: scroll;
	height: 100%;
	font-size: 62.5%;
}
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
table {
	empty-cells: show;
	font-size: 100%;
}
caption, th {
	text-align: left;
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin: 0em;
}
img {
	border: none;
	vertical-align: bottom;
}
li {
	list-style: none;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
input {
	padding: 1px;
}
textarea {
	width: 98%;
	vertical-align: top;
	padding: 2px;
	overflow: auto;
	font-size: 100%;
}
option {
	padding-right: 10px;
}
*+html option {
	padding-right: 0; /* for IE7&Opera */
}
* html option {
	padding-right: 0; /* for IE6 */
}
acronym, abbr {
	cursor: help;
}
span {
	display: inline-block;
}
div{
}
/* Body setting
----------------------------------------------------------- */
body {
	color: #333;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.0rem;
	border: 3px none #E4007F;
	height: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
}
body > #container {
	height: auto;
}

/* Link setting
----------------------------------------------------------- */
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #12689d;
	opacity:0.7;
}
a:active {
}

/* clearfix
----------------------------------------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }
 
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
 
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
#contents #main .page-catch {
}