@charset "UTF-8";

/*--Heading------------------------------------------------------------*/


.lbor{/*全体枠*/
border-left: solid 4px #747474;/*枠色*/
border-bottom: solid 1px #747474;
margin-right : 5%;
overflow: hidden;
}

.ybox{
font-weight:bold;
padding:0.2em;
border-width:1px;
border-style:solid;
border-color:#1E70FD;
}

/*--0 to 768px------------------------------------------------------------*/

#header header {
margin: 0 auto;
}

#header header,
#contents,
#footer footer {
width: 100%;
}

#main {
overflow: hidden;
}

#menu {
overflow: hidden;
}

#footer {
overflow: hidden;
border-top: 2px solid #330060;
}

/*--Over 769px------------------------------------------------------------*/

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

#header header {
min-width: 960px;
}

#header header,
#contents,
#footer footer {
width: 960px;
}

#contents {
overflow: hidden;
margin: 0 auto;
}

#main {
float: left;
width: 500px;
}

#menu {
float: right;
width: 450px;
overflow: hidden;
}

#footer {
min-width: 960px;
overflow: hidden;
border-top: 2px solid #330060;
}

}