﻿body {
	background-color:#000000;
}
#koushin {
	width:100%; 
        height:100px;
	margin:0 auto;
        text-align:left;
        vertical-align:top;
        background-color:#eeffff;
	overflow-y:scroll;  
	scrollbar-base-color:#99ff66 ; 
	scrollbar-arrow-color:#ff0000;
	font-size: 0.8em;
	font-family: "fantasy",sans-serif;
         }
#topic {
	width:100%; 
        height:100px;
	margin:0 auto;
        text-align:left;
        vertical-align:top;
        background-color:#eeeeee;
	overflow-y:scroll;  
	scrollbar-base-color:#99ff66 ; 
	scrollbar-arrow-color:#ff0000;
	font-size: 1.0em;
	font-family: "fantasy",sans-serif;
         }
.t01{
        text-align:center;
        vertical-align:top;
        background-color:#000000;
}
.t02{
        text-align:left;
        vertical-align:top;
        background-color:#eeeeee;
	font-size: 1.0em;
	font-family: "fantasy",sans-serif;
}


@media screen and (min-width:1281px){
/* PC用のスタイル記述 */
#wrapper {
	width:90%; 
        height:auto;
	margin:0 auto;
        text-align:center;
        vertical-align:middle;
        background-color:#ffffff;
         }
#main-wk
    {
        width:100%;
        height:auto;
        text-align:center;
        background-color:#ffffff;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .main-title
    {
        background-color:#ffffff;
	width:100%;
        height:auto;
/*	background: url('../images/no001.jpg');*/
    }
    .main-smpmenu
    {
        display:none;
    }
    .title-pic
    {
        width:100%;
        height:auto%;
    }
    .hd00-3
    {
        text-align:center;
        vertical-align:top;
        width:500px;
        height:auto;
        background-color:#ffffff;
    }
    .hd00
    {
        text-align:center;
        vertical-align:top;
        width:300px;
        height:auto;
        background-color:#ffffff;
    }
    .hd01
    {
        display:none;
    }
    .hd02
    {
        width:100%;
        height:auto;
    }
    .hd02-2
    {
        display:none;
    }
    .hd03
    {
        display:none;
    }
    .hd03-2
    {
        display:none;
    }
    .hd03-2-1
    {
        display:none;
    }
    .hd03-2-2
    {
        display:none;
    }
    .hd03-3
    {
        display:none;
    }
    .hd04
    {
        width:100%;
        height:700px;
        text-align:center;
        vertical-align:top;
    }
    .hd05
    {
        width:100%;
        height:700px;
    }
    .hd06
    {
        display:none;
    }
    .hd06-2
    {
        width:100%;
        height:100%;
        background-color:#ffffff;
        vertical-align:top;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-1
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-2
    {
        width:100%;
        height:100%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-3
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-3
    {
        display:none;
    }
#lsk01{
        width:100%;
        height:100%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .ko01
    {
        width:100%;
        height:100%;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .ko02
    {
        width:100%;
        height:auto;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .jyo01
    {
        width:100%;
        height:100%;
        text-align:left;
        border: 2px #000000 solid;
    }
#main-menu00
    {
        display:none;
    }
#main-menu01
    {
        width:100%;
        height:auto;
        background-color:#000000;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .menu01
    {
        width:100%;
        height:auto;
    }
    .menu02
    {
        width:100%;
        height:auto;
    }
    .menu03
    {
        width:100%;
        height:auto;
    }
    .menu04
    {
        width:100%;
        height:auto;
    }
    .menu05
    {
        width:100%;
        height:auto;
    }
    .menu06
    {
        width:100%;
        height:auto;
    }
    .menu07
    {
        width:100%;
        height:auto;
    }
}

@media screen and (min-width:1000px) and (max-width:1280px){
/* PC用のスタイル記述2 */
#wrapper {
	width:100%; 
        height:auto;
	margin:0 auto;
        text-align:center;
        vertical-align:middle;
        background-color:#ffffff;
         }
#main-wk
    {
        width:100%;
        height:auto;
        text-align:center;
        background-color:#ffffff;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
.main-title
    {
        background-color:#ffffff;
	width:100%;
        height:auto;
/*	background: url('../images/no001.jpg');*/
    }
    .main-smpmenu
    {
        display:none;
    }
    .title-pic
    {
        width:100%;
        height:auto%;
        background-color:#ff0000;
    }
    .hd00-3
    {
        text-align:center;
        vertical-align:top;
        width:500px;
        height:auto;
        background-color:#ff0000;
    }
    .hd00
    {
        text-align:center;
        vertical-align:top;
        width:300px;
        height:auto;
        background-color:#ffffff;
    }
    .hd01
    {
        display:none;
    }
    .hd02
    {
        display:none;
    }
    .hd02-2
    {
        width:100%;
        height:auto;
        background-color:#ffffff;
    }
    .hd03
    {
        display:none;
    }
    .hd03-2
    {
        display:none;
    }
    .hd03-2-1
    {
        display:none;
    }
    .hd03-2-2
    {
        display:none;
    }
    .hd03-3
    {
        display:none;
    }
    .hd04
    {
        width:100%;
        height:700px;
        text-align:center;
        vertical-align:top;
    }
    .hd05
    {
        width:100%;
        height:700px;
    }
    .hd06
    {
        display:none;
    }
     .hd06-2
    {
        width:100%;
        height:100%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-1
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-2
    {
        width:100%;
        height:80%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-3
    {
        display:none;
    }
#lsk01{
        width:100%;
        height:100%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .ko01
    {
        width:100%;
        height:100%;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .ko02
    {
        width:100%;
        height:auto;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .jyo01
    {
        width:100%;
        height:100%;
        text-align:left;
        border: 2px #000000 solid;
    }
#main-menu00
    {
        display:none;
    }
#main-menu01
    {
        width:100%;
        height:auto;
        background-color:#000000;
        border: 0px #000000 solid;
        border-collapse:collapse;
        background-color:#000000;
    }
    .menu01
    {
        width:100%;
        height:auto;
    }
    .menu02
    {
        width:100%;
        height:auto;
    }
    .menu03
    {
        width:100%;
        height:auto;
    }
    .menu04
    {
        width:100%;
        height:auto;
    }
    .menu05
    {
        width:100%;
        height:auto;
    }
    .menu06
    {
        width:100%;
        height:auto;
    }
    .menu07
    {
        width:100%;
        height:auto;
    }
}

@media screen and (min-width:750px) and (max-width:1000px){
    /* タブレット用のスタイル記述 */
    #wrapper
    {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
    }
#main-wk
    {
        width:100%;
        height:100%;
        text-align:center;
        background-color:#ffffff;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
.main-title
    {
        background-color:#ffffff;
	width:100%;
        height:auto;
/*	background: url('../images/no001.jpg');*/
    }
    .main-smpmenu
    {
        display:none;
    }
    .title-pic
    {
        width:100%;
        height:auto;
    }
    .hd00-3
    {
        display:none;
    }
    .hd00
    {
        display:none;
    }
    .hd01
    {
        display:none;
    }
    .hd02
    {
        display:none;
    }
    .hd02-2
    {
        width:100%;
        height:auto;
    }
    .hd03
    {
        display:none;
    }
    .hd03-2
    {
        display:none;
    }
    .hd03-2-1
    {
        display:none;
    }
    .hd03-2-2
    {
        width:100%;
        height:auto;
    }
    .hd03-3
    {
        display:none;
    }
    .hd04
    {
        display:none;
    }
    .hd05
    {
        width:100%;
        height:700px;
    }
    .hd06
    {
        width:100%;
        height:700px;
    }
    .hd06-2
    {
        width:100%;
        height:100%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-1
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-2
    {
        width:100%;
        height:80%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-3
    {
        display:none;
    }
#lsk01{
        width:100%;
        height:100%;
        background-color:#00ffff;
        text-align:center;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .ko01
    {
        width:100%;
        height:auto;
        text-align:center;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .ko02
    {
        display:none;
    }

#main-menu00
    {
        display:none;
    }
#main-menu01
    {
        width:100%;
        height:auto;
        background-color:#000000;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .menu01
    {
        width:100%;
        height:auto;
    }
    .menu02
    {
        width:100%;
        height:auto;
    }
    .menu03
    {
        width:100%;
        height:auto;
    }
    .menu04
    {
        width:100%;
        height:auto;
    }
    .menu05
    {
        width:100%;
        height:auto;
    }
    .menu06
    {
        width:100%;
        height:auto;
    }
    .menu07
    {
        width:100%;
        height:auto;
    }
}
/* **************************************************************************** */

@media screen and  (max-width: 750px) {
/* スマホ用のスタイル記述 */
#wrapper {
	width:100%;
	margin:0 auto;
    }
#main-wk
    {
        width:100%;
        height:100%;
        text-align:center;
        background-color:#ffffff;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
.main-title
    {
        background-color:#ffffff;
	width:100%;
        height:auto;
/*	background: url('../images/no001.jpg');*/
    }
    .main-smpmenu
    {
        width:100%;
        height:auto;
    }
    .title-pic
    {
        width:100%;
        height:auto;
    }
    .hd00-3
    {
        display:none;
    }
    .hd00
    {
        display:none;
    }
    .hd01
    {
        width:100%;
        height:auto;
    }
    .hd02
    {
        display:none;
    }
    .hd02-2
    {
        display:none;
    }
    .hd03
    {
        width:100%;
        height:auto;
    }
    .hd03-2
    {
        width:100%;
        height:auto;
    }
    .hd03-2-1
    {
        width:100%;
        height:auto;
    }
    .hd03-2-2
    {
        display:none;
    }
    .hd03-3
    {
        width:100%;
        height:auto;
    }
    .hd04
    {
        display:none;
    }
    .hd05
    {
        width:100%;
        height:700px;
    }
    .hd06
    {
        display:none;
    }
    .hd06-2
    {
        width:100%;
        height:100%;
        background-color:#ffffff;
        vertical-align:top;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-1
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-2
    {
        width:100%;
        height:80%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-2-3
    {
        width:100%;
        height:10%;
        background-color:#ffffff;
        text-align:center;
        border: 1px #000000 solid;
        border-collapse:collapse;
    }
    .hd06-3
    {
        width:100%;
        height:auto;
    }
#lsk01{
        width:80%;
        height:100%;
        background-color:#00ffff;
        text-align:center;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .ko01
    {
        width:80%;
        height:100%;
        text-align:center;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .ko02
    {
        display:none;
    }
    .jyo01
    {
        display:none;
    }
#main-menu00
    {
        width:100%;
        height:auto;
        background-color:#000000;
        border: 0px #000000 solid;
        border-collapse:collapse;
    }
    .menu02-1
    {
        width:100%;
        height:auto;
    }
    .menu03-1
    {
        width:100%;
        height:auto;
    }
    .menu04-1
    {
        width:100%;
        height:auto;
    }
    .menu05-1
    {
        width:100%;
        height:auto;
    }
    .menu06-1
    {
        width:100%;
        height:auto;
    }

#main-menu01
    {
        display:none;
    }

}
