/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: 50px;
    margin-right: 50px;
    min-height: 100%;
    width: 100%;
    float: none;
    clear: none;
    min-width: 0px;
}

#text4 {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 0px;
    clear: both;
    min-height: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    visibility: visible;
}

#text2 {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 20px 0px;
    clear: both;
    min-height: 0px;
    visibility: visible;
}

body {
    background-color: rgb(255, 221, 255);
    background-image:url("HAIKEI2.JPG");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box {
    float: none;
    height: 100%;
    margin: 18px 0px 0px 0px;
    clear: none;
    width: 1024px;
    padding: 0px;
    visibility: visible;
    min-height: 0px;
}

#text {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 40px;
    min-width: 0px;
    visibility: visible;
}

#text5 {
    float: left;
    font-size: 1em;
    color: rgb(0, 0, 255);
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 100px;
    clear: both;
    min-height: 0px;
    padding: 0px;
    visibility: visible;
}

#image {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px auto 20px;
    clear: none;
    color: rgb(0, 0, 0);
    visibility: visible;
}

#image2 {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px auto 20px;
    clear: none;
    color: rgb(0, 0, 0);
    visibility: visible;
}

#textspan {
    float: none;
    font-size: 2em;
    line-height: 1em;
    font-style: normal;
    color: rgb(255, 0, 0);
    visibility: visible;
}

#image1 {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 35.351563%;
    margin-top: -88px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
    visibility: hidden;
}

#text1 {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 0px;
    clear: both;
    min-height: 40px;
    min-width: 0px;
    display: block;
    visibility: visible;
}

#textspan1 {
    font-size: 0.9em;
    line-height: 1.5em;
    text-transform: none;
    visibility: visible;
}

#box1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: 0%;
    line-height: 1.5em;
}

#sn {
	width: 95px;
	height: 25px;
	color: #00f;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 25px;
	text-align:left;
	float: left;
}
#sn2 {
	width: 190px;
	height: 25px;
	color: #00f;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 25px;
	text-align:left;
	float: left;
}

#dm {
	width: 20%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good {
	width: 140px;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#goodx2 {
	width: 280px;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-25 {
	width: 25%;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-33 {
	width: 33%;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-s {
	width: 140px;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-ss {
	width: 140px;
	height: 50px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 15px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-bk {
	width: 140px;
	height: 50px;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-bk100 {
	width: 100%;
	height: 50px;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#clear {
	clear: both;
}

.siro{ color: #fff; } 
.kuro{ color: #000; } 
.gray{ color: #888; } 
.ao{ color: #00f; } 
.pink{ color: #fcf; } 
.mido{ color: #0f0; } 
.maze{ color: #f0f; } 
.top2{ color: #630; font-size: 16px; } 
.chu{ font-size: 20px; } 
.fs18{ font-size: 18px; } 
.fs15{ font-size: 15px; } 
.fs14{ font-size: 14px; } 
.bold{ font-weight : bold; font-size: 22px; }
.bolds{ font-weight : bold; font-size: 20px; }
.norikae{ color: #f00; font-size: 18px; } 

.z-shozai{ color: #FFF; font-size: 22px; }


@media only screen and (max-width: 1024px) {
    .primaryContainer {
        width: 90%;
    }

    body {
        background-image:url("HAIKEI2.JPG");
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
        background-color: rgb(255, 221, 255);
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    #box {
        width: auto;
    }

    #image1 {
        visibility: hidden;
    }

    #text4 {
        text-align: center;
    }

    #text5 {
    margin: 0px 0px 50px;
        text-align: center;
    }

}

@media only screen and (max-width: 680px) {
    #text5 {
    margin: 0px 0px 50px;
        clear: both;
    }

    #image1 {
        visibility: hidden;
        margin-top: -88px;
        margin-left: 35.350286%;
        clear: none;
    }

    #text {
        width: 100%;
    }

    #text1 {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
    }

    #text2 {
        margin-top: 20px;
        margin-left: 0px;
        clear: both;
    }

    #text4 {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
    }

    #box {
        height: auto;
    }

#dm {
	width: 0px;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-25 {
	width: 140px;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-33 {
	width: 140px;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-bk {
	width: 100%;
	height: 35px;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	float: left;
}
}

@media only screen and (max-width: 480px) {
    #text5 {
    margin: 0px 0px 50px;
        clear: left;
        visibility: visible;
    }

    #textspan {
        line-height: 1.4em;
        visibility: visible;
    }

    #image {
        margin-top: 0px;
        clear: none;
        visibility: hidden;
    }

    #image1 {
        visibility: visible;
        margin: -60px auto 20px;
        clear: none;
        float: none;
        padding-top: 0px;
    }

    #textspan1 {
        float: none;
        font-size: 0.9em;
        line-height: 1.4em;
        visibility: visible;
    }

    #text1 {
        clear: both;
        width: 100%;
        text-align: center;
        visibility: visible;
        margin-top: 0px;
        margin-left: 0px;
    }

    #text {
        width: 100%;
        text-align: center;
        visibility: visible;
    }

    #box {
        visibility: visible;
    }

    #image2 {
        visibility: visible;
    }

    #text2 {
        visibility: visible;
        margin-top: 20px;
        margin-left: 0px;
        clear: both;
    }

    #text4 {
        visibility: visible;
        margin-top: 24px;
        margin-left: 0px;
        clear: right;
    }

#sn {
	width: 100%;
	height: 25px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	font-size: 16px;
	line-height: 25px;
	text-align:left;
	float: left;
}
#sn2 {
	width: 100%;
	height: 25px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	font-size: 16px;
	line-height: 25px;
	text-align:left;
	float: left;
}
#good {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#goodx2 {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-25 {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-33 {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-s {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-ss {
	width: 100%;
	height: 35px;
	color: #00f;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-bk {
	width: 100%;
	height: 45px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	float: left;
}

#good-bk100 {
	width: 100%;
	height: auto;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	float: left;
}
}

@media only screen and (max-width: 320px) {
    #image1 {
        margin-top: -50px;
    }

    #textspan1 {
    font-size: 0.9em;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
        max-width: none;
        width: 0px;
    }

    #text1 {
        width: 100%;
    }

}