@charset "UTF-8";

@-ms-viewport {width: device-width;}


body{
font-size:11px;
color:#ffffff;
text-align:left;
font-family:Verdana,Osaka,Chicago,sans-serif;
margin:0px;
}

html{
scrollbar-3dlight-color:#FF9933;
scrollbar-arrow-color:#336699;
scrollbar-base-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FF9933;
}

a:{text-decoration:underline;}
a:link{color:#ffcc00;}
a:active {color:#ffcc00;}
a:visited {color:#ffcc00;}
a:hover {color:#ffcc66;}

hr.style1{
border-top: 1px solid #ffffff;
}

hr.style2{
border-top: 2px dotted #ffffff;
}

#wrapper {
width:800px;
text-align:left;
margin:0px auto;
padding:0px;
border-right:1px solid #666666;
border-left:1px solid #666666;
background:url(img/back2.png) ;
background-size:cover;
}


#summery {
line-height:normal;
text-align:right;
padding:10px;
font-size:10px;
color:#ffffff;
}

#header {
padding:0px;
margin:0px;
}


#main {
margin:17px;
}

#right{
padding:2px 5px 2px 5px;
width:227px;
float:right;

}

#right img{
float:left;
max-width:97%;
height:auto;
margin-right:20px;
margin-bottom:20px;
vertical-align:bottom;
border:3px solid #ffffff;
}

#left{
width:512px;
float:left;

}

#left p{
line-height:150%;
padding:5px;
}

.shadow{
    color: #ffffff;
    font-size: 11px;
    margin:0px;
    padding-left:5px;
    text-shadow: 0 -1px 1px #ff00bf, 2px 2px 2px #ff00bf;
}


#under{
clear:both;
margin:10px;
}

#under p{
line-height:150%;
padding:0px 10px;
}


#footer {
text-align:center;
font-size:10px;
padding:10px 0px 10px 0px;
border-top:dotted 2px #aabbcc;
border-bottom:dotted 2px #aabbcc;
}


#header h1 {
font-size:20px;
color:#ffffff;
padding:0px 0px 0px 15px;
margin:0px;
}

#under h2{
color:#FA58D0;
margin:4px;
padding-left:5px;
font-size:13px;
margin: 10px 0 0;
text-shadow: 0 -1px 1px #000000, 2px 2px 2px #000000;
}

#main h3{
color:#;
margin:0px;
padding-left:2px;
padding-bottom:5px;
font-size:13px;
}

#main p {
font-size:100%;
line-height:150%;
margin:2px 4px 10px 4px;
padding:0px;
}


.box{
border:2px solid #FA58D0;
color:#ffffff;
border-radius:3px;
margin:11px;
padding:2px 12px;
}

.table_item{
background-color:#666666;
text-align:center;
font-size:11px;
}

.table_item2{
background-color:#666666;
text-align:left;
font-size:10px;
}

.table_text{
background-color:#666666;
text-align:left;
font-size:11px;
}

.waku{
background-color:#aabbcc;
margin:5px 9px;
}

#pc{
display:block;
}

#sp{
display:none;
}


/* Small devices */
@media all and (max-width: 640px) {
#wrapper,#summery,#header,#under,#main,#right,#left,#footer{
float:none;
margin-top:10px;
width:auto;
}

#header img {
font-size:18px;
padding:0px;
margin:0px;
width:90%;
}

#pc{
	display:none;
}
#sp{
	display:block;
}

}