@charset "utf-8";
/* CSS Document */
body {
    font-size:95%;
}
.main {
    max-width:85%;
}
.oc_logo {
	max-width: 100%;
	height:auto;
}

h2 {
	font-size: 115%;
    margin:10px 0 10px 0;
/*    text-decoration: underline;*/
}
h2::before{
    content:"◇ "
}
ul,dl {
	list-style: none;
	margin-left:20px;
}
.oc_list{
    font-weight: bold;
}
.oc_description{
	margin-left:20px;
}
.oc_label{
    float:left;
}
.oc_label::after{
  content: "："
}
.oc_label_B{
    font-weight:bold;
}
.oc_indent{
    padding-left:30px;
}
.oc_pamph{
    float:right;
    width:150px;
    height:auto;
}
.oc_finish {
    color:#A0A0A0;
}

/*ul{
	padding-bottom: 10px;
	padding-left: 20px;
}*/
#nav ul {
	margin-left: 0px;
	font-size:105%;
}
@media (max-width:450px){
    body{
        font-size:85%;
    }
    .main{
        padding:0;
    }
    .oc_logo{
        padding-top:15px;
    }
    .oc_label{
        width:auto;
    }
    .oc_pamph{
        float:none;
        width:80%;
        display:block;
        margin:auto;
    }
}