@charset "shift_jis";
/*----sokuhou --------------------------*/

body{
     padding: 0px;
     font-size: 100%;
     background-color: black;
     background-image: url(../image/bg01.gif);
     text-align: center;
     border-spacing: 10px;
}
.wrapper{
     width: 870px;
     margin: 20px auto;
     max-width: 100%;
}
.container{
     color : rgb(231, 231, 231);
     border : 1px solid black;
     padding: 1% 2% 1% 5%;
}
.container table,.container .intro{
     margin-left: auto;
     margin-right: auto;
     text-align: left;
}
/* responsive image */

img{
     max-width: 100%;
     height: auto;
}
@media \0screen {
     img{
     width: auto;
/* for ie 8 */	
}
}
/*************************
RESPONSIVE VIDEO
**************************/

.video{
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
.video iframe, .video object, .video embed{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
a{
     color: aqua;
     text-decoration: none;
}
a:hover{
     color: #ff5353;
     font-weight: normal;
     text-decoration: underline;
}
h1{
     font-family: "ＭＳ Ｐ明朝",Verdana;
     color: red;
     text-align: center;
     font-size: 150%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 20px;
}
h2{
     font-size: 100%;
     font-weight: normal;
     text-align: left;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #d7e102;
     margin-left: 10px;
     margin-right: 10px;
     padding-left: 10px;
     margin-top: 0px;
     color: #e6e6e6;
     padding-bottom: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
}
h3{
     font-size : 130%;
     font-weight: normal;
     text-align: left;
     border-bottom-width : 0px;
     border-bottom-style: solid;
     border-bottom-color : #d7e102;
     margin-left: 10px;
     margin-right: 10px;
     padding-left: 10px;
     margin-top: 0px;
     color : #d9f2e0;
     padding-bottom: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     border-left-width : 0px;
     border-left-style : none;
     border-left-color : #ddd9bb;
}
.tiku{
     font-size: 110%;
     padding-left: 7px;
     padding-right: 10px;
     color: #d7e102;
}
.sairei{
     font-size: 130%;
     color: #d7e102;
}
.intro{
     width:600px;
     max-width: 90%;
     font-size: 105%;
     line-height: 150%;
     color: yellow;
     text-align: left;
     border: 1px solid #575757;
     margin-top: 15px;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 8px;
     padding-bottom: 8px;
     margin-left: auto;
     margin-right: auto;
}
.clear{
     clear: both;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}
p{
     margin-top : 10px;
     margin-left : 20px;
     margin-right : 10px;
     margin-bottom : 10px;
}
.area{
     font-size : 140%;
     font-weight: normal;
     text-align: left;
     border-bottom-width: 1px;
     border-bottom-style : dashed;
     border-bottom-color : #959595;
     margin-left: 10px;
     margin-right: 10px;
     padding-left : 20px;
     margin-top: 0px;
     color : red;
     padding-bottom: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
}
.container img{
     /*	padding-top: 3px;
     これがあるとNG
	padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     border-width: 1px 1px 1px 1px;
     border-style: solid solid solid solid;
     border-color: #484848 #666666 #666666 #666666;
     */
	margin-top: 20px;
     margin-left: 3px;
     margin-right: 3px;
     margin-bottom: 2px;
}
.teikyou{
     position: relative;
     top: -55px;
     margin-left: 480px;
     margin-bottom: -60px;
}
.teikyou2{
     position: relative;
     top: -55px;
     margin-left: 270px;
     margin-bottom: -60px;
}
.youtube{
     position: relative;
     top: 30px;
     text-align : right;
}
.youtube img{
     border-width: 0px;
     margin-bottom: 0px;
}
.navi{
     width: 360px;
     max-width: 100%;
     font-size: 90%;
     color: silver;
     margin-left: auto;
     margin-right: auto;
     line-height: 300%;
     margin-bottom: 5px;
     margin-top: 10px;
}
.navi img{
     border-width: 0px;
}
.navi a{
     color: silver;
}
.navi a:hover{
     text-decoration: none;
     color: red;
}
.rev3{
     display: block;
     background-image: url(../image/rev01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     float: left;
     background-position: center top;
}
.rev3 a{
     display: block;
     background-image: url(../image/rev01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     background-position: center top;
}
.rev3 a:hover{
     background-image: url(../image/rev01-c.png);
     background-repeat: no-repeat;
}
.fwd3{
     display: block;
     background-image: url(../image/fwd01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     float: right;
     background-position: center top;
}
.fwd3 a{
     display: block;
     background-image: url(../image/fwd01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     background-position: center top;
}
.fwd3 a:hover{
     background-image: url(../image/fwd01-c.png);
     background-repeat: no-repeat;
}
.mnu3{
     display: block;
     background-image: url(../image/mnu01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     background-position: center top;
     float: right;
}
.mnu3 a{
     display: block;
     background-image: url(../image/mnu01-m.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 60px;
     background-position: center top;
}
.mnu3 a:hover{
     background-image: url(../image/mnu01-c.png);
     background-repeat: no-repeat;
}
.imagebox-r{
     float: right;
     text-align: center;
     padding: 10px 10px 10px 10px;
     font-weight: normal;
     line-height: 120%;
     display: block;
}
.imagebox{
     text-align: center;
     padding: 10px 10px 10px 10px;
     font-weight: normal;
     font-size: 80%;
     line-height: 120%;
     margin-left: auto;
     margin-right: auto;
     display: block;
}
.imagebox-l{
     float: left;
     line-height: 120%;
     text-align: center;
     padding: 5px;
     display: inline;
}
.narabi{
     margin-left: 5px;
     margin-right: 5px;
     display: inline-block;
     *display: inline;
     *zoom: 1;
}
.migiyose{
     color: #ff9393;
     float: right;
     text-align: left;
     padding: 3px 3px 3px 3px;
     font-weight: normal;
     line-height: 120%;
     width: 360px;
     border-width: 1px;
     border-style: solid;
     border-color: #666666;
     margin-bottom: 15px;
     margin-right: 20px;
     margin-top: 10px;
     font-size: 95%;
}
.migiyose2{
     color: #ff9393;
     float: right;
     text-align:right;
     padding: 3px 3px 3px 3px;
     font-weight: normal;
     line-height: 120%;
     width: 360px;
     margin-bottom: 15px;
     margin-right: 20px;
     margin-top: 10px;
     font-size: 95%;
}
.small75-y{
     color : yellow;
     font-size: 75%;
}