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

#main{
	width:960px;
	height: 967px;
	background-image: url(img/1.jpg);	
}

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

#image0 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image3 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image4 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image5 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image6 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#image7 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#graph {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-bottom: : 30px;
    clear: both;
    color: rgb(0, 0, 0);
}
/*追加 1024*/
	#wallpaper_dl{
		float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        margin-bottom: 10px;
        clear: both;
        color: rgb(0, 0, 0);
	}
	
@media only screen and (max-width: 640px) {
   #image {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 2px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #image1 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image2 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image3 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image4 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image5 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image6 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image7 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }
   
   #graph {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    clear: both;
    color: rgb(0, 0, 0);
}
/*追加 1024*/
	#wallpaper_dl{
		float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        margin-bottom: 10px;
        clear: both;
        color: rgb(0, 0, 0);
	}

}

.sub1 {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	padding:0px 1px 0px 0px;
    display: none;
}

.sub2 {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	padding:0px 1px 0px 0px;
        display: none;
}

.sub3 {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	padding:0px 1px 0px 0px;
    display: none;
}

.sub4 {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	padding:0px 1px 0px 0px;
    display: none;
}

/*追加 1024*/
.sub5 {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	padding:0px 1px 0px 0px;
    display: none;
}

.sub_text {
	width: auto;
	margin: 0px 15px 20px 15px;
}

.sub_text .title_ol {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1.5px #EE7C0A;
	-webkit-border-radius: 12px;
}

.sub_text .title_ol p {
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #EE7C0A;
	text-align: center;
	line-height: 1.3em;
	
}

.sub_text h3{
	font-size: 0.9em;	
	margin: 10px 0 10px 0;
	line-height: 1.5em;
}

.sub_text p {
	font-size: 0.8em;
	line-height: 1.8em;
}

.sub_text .headline{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	margin: 10px 0px 10px 0px;
		
}

.sub_text .ol_box{
	width: 100%;
	height: auto;
	background:  #EE7C0A;
	-webkit-border-radius: 40px;
}

.sub_text .ol_box p{
	padding: 25px 10px 25px 10px;
	font-size: 0.8em;
	line-height: 1.8em;
	color: white;
}

/*追加 1025*/

#sns{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    clear: none;
}

#sns #facebook{
	width: 50%;
	float: left;
}

#sns #facebook img{
	width: 100%;
}

#sns #twitter{
    width: 50%;
    float: right;
}

#sns #twitter img{
	width: 100%;
}