@charset "Shift-js";


a:link { color: #3498db;} 

body{
font-family:"���C���I";
margin:0px;
color:#3498db;
}


#hako1{
width:100%;
background-color:#3498db;
}


#hako2{
width:100%;
}


#hako3{
width:100%;
}


#hako4{
width:100%;
}



#hako5{
width:100%;
}

#hako7{
width:100%;
}



li{
list-style-type: decimal
}

@media screen and (min-width:601px){

body{
background-color:#ffffff;
}

#hako1 h1{
margin:0px;
}

#hako1 .box1{
margin:0px auto;
}



.box1{
max-width:1024px;
width:95%;
margin:50px auto 50px auto;

}


h1{
font-size:80px;
margin:80px auto;
color:white;
}

h2{
font-size:50px;
}

#hako3 h2,#hako7 h2,#hako4 h2,#hako5 h2{
margin-top:10px;
}



#hako1{
padding-top:50px;
text-align:center;
}


ul{
margin:20px auto 20px 10px;
font-size:30px;
}

#hako2{
font-size:30px;
}


body{
font-size:30px;
}


#hako3,#hako7,#hako4{
font-size:40px;
}

#hako5{
text-align:center;
}

#hako5 h1{
margin:0px auto;
color:#3498db;
}


#hako5 .box1{
margin:50px auto 50px auto;
}

#hako2 .box1,#hako4 .box1,#hako5 .box1{
padding-bottom:50px;
}



#hako6{
margin:0px;
color:white;
font-size:18px;
text-align:center;
padding:10px 0px;
background-color:#3498db;
}


#header {
         
        height: auto;
        background-color: white;
        overflow:hidden;
        margin: -8px 0px 0px -8px;

}


#header-box {
                   width: 100%;
                   max-width: 1024px;
                   margin: 0px auto;
                   overflow: hidden;




}




#logo {
       width: 150px;
       padding: 10px 20px 0px 0px;
       float: left;
       margin: 10px auto;

}




img {
     width: 100%;
     vertical-align: bottom;
	border:none;

}





}




@media screen and (max-width:600px){

body{
background-color:white;
}

.box1{
width:95%;
margin:0px auto;
}

#hako2,#hako3,#hako4,#hako5,#hako7{
border-bottom:solid 3px #3498db;
margin-top:20px;
}

#hako1{
color:white;
padding:10px 0px;
}



#hako1, #hako5{
text-align:center;
}


ul{
padding:0px 0px 0px 30px;
}

#hako6{
text-align:center;
background-color:#3498db;
padding:10px 0px;
}

.box2{
width:95%;
margin:0px auto;
color:white;
}



#hako5 h1{
font-size:25px;
}

#hako5,#hako2{
padding-bottom:20px;
}


h1{
font-size:45px;
}


li:nth-child(2){
margin-top:5px;
}

#hako2, #hako3,#hako7,#hako4{
font-size:18px;
}

#hako2 h2{
line-height: 40px;
}

h2{
font-size:25px;
}


ul,#hako2{
font-size:16px;
}







#header {
         
        height: auto;
        background-color: white;
        overflow:hidden;
        margin: -8px 0px 0px -8px;

}


#header-box {
                   width: 100%;
                   max-width: 1024px;
                   margin: 0px auto;
                   overflow: hidden;




}




#logo {
       width: 110px;
       padding: 10px 20px 0px 10px;
       float: left;
       margin: 5px auto;

}




img {
     width: 100%;
     vertical-align: bottom;
	border:none;

}





}