@charset "utf-8";


body {
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px;
  line-height: 1.5;
margin: 0;
padding: 0;
background: #f9f9f9 url(/images/ps_neutral.png); 
color: #333;
letter-spacing: 1px;
}


a:link { color: #0000ff;}
a:visited { color: #000090; }
a:hover { color: #ff8000; text-decoration: none;}
a:active { color: #ff0000; }


#container {
width: 850px; 
margin: 0 auto; 
background-color: #ffffff; 
border-left: 1px #c0c0c0 solid; 
border-right: 1px #c0c0c0 solid; 
}


#page {
margin: 0 auto; 
}





#header {
position: relative; 
margin: 0 0 20px 15px; 
padding: 10px 0 0; 
}

#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0 3px;
font-size: 180%;
font-weight: bold;
}
#header h1.siteTitle a,
#header p.siteTitle a {
text-decoration: none;
color: #FF6100;
}


#header p.catch {
margin: 0 0 10px; 
}
#header p.catch strong {
font-weight: normal; 
padding-left: 5px;
}
#header .header_img {
  float: right;
  margin: -40px 10px 10px;
}

#header ul.guide {
position: absolute; 
top: 25px; 
right: 10px; 
margin: 0;
padding: 0;
list-style-type: none;
}

#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; 
}

#header ul.guide li.first {
background: none; 
}


#header div.opening {
margin-bottom: 2px; 
}

#header div.opening h2 {
margin: 0;
}


#header ul.nl {
width: 100%; 
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#header ul.nl li {
width: 140px; 
float: left;
line-height: 100%;
}

#header ul.nl li a {
display: block;
position: relative; 
padding: 15px 2px; 
border: 1px #cccccc; 
border-style: solid solid solid none; 
text-decoration: none; 
}

#header ul.nl li.first a {
border-left: 1px #cccccc solid; 
}

#header ul.nl li a:hover {
background-color: #f0ffff; 
text-decoration: underline; 
}


#header ol.topicPath {
margin: 0;
padding: 7px 2px; 
border-bottom: 1px #c0c0c0 solid; 
list-style-type: none;
}

#header ol.topicPath li {
display: inline;
}

#header ol.topicPath li a {
padding-right: 12px; 
background: url(../image/topic_path.gif) no-repeat right; 
}


#header hr.none {
display: none; 
}

#content {
width: 100%; 
margin-bottom: 10px; 
}


#main {
float: right;
width: 600px;
margin-right:10px;
}

#main h1.pageTitle {
margin: 0 0 15px 20px; 
padding: 8px 10px; 
background-color: #e0e0e0; 
font-size: 160%; 
}


#main div.section {
margin: 0 0 2em 20px; 
}



#main div.normal h2,#main div.normal h1 {
margin: 0 0 1em; 
padding: 5px 8px; 
background-color: #FFCE68;
font-size: 20px;
}
#main div.normal h2.short,#main div.normal h1.short {
  margin: 50px 0 15px;
}
#main div.normal h3 {
  margin-bottom: 7px;
  font-size: 18px;
  background: #fff8f8 none repeat scroll 0 0;
  color: #FC6C55;
  display: inline-block;
  padding:0 3px;
}
#main div.normal h4 {
  margin-bottom: 7px;
  font-size: 16px;
}

#main div.emphasis {
padding: 1.1em 15px 0; 
border: 1px #c0c0c0 solid; 
}
#main div.emphasis h2 {
margin: 0 0 0.8em;
font-size: 150%;
color: #BC284C;
}
 
#main div.emphasis p {
margin: 0 0 1em; 
line-height: 150%; 
}


#main div.update dl {
margin: 0 auto; 
}

#main div.update dt {
width: 6.7em; 
float: left;
padding: 7px 0 6px 3px; 
line-height: 120%; 
}

#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; 
border-bottom: 1px #c0c0c0 dotted; 
line-height: 120%; 
}

#nav {
float: right;
width: 220px;
}

#nav div.section {
margin-bottom: 30px;
}
#nav div.section h2 {
margin: 0 0 0.7em; 
padding: 5px 8px; 
font-size: 16px; 
}

#nav div.section p {
margin: 0 10px 0.7em; 
line-height: 130%; 
}


#nav div.normal {
border: 1px #c0c0c0 solid; 
}

#nav div.normal h2 {
background-color: #e0e0e0; 
}


#nav div.emphasis {
border: 1px #92c2dc solid; 
}

#nav div.emphasis h2 {
background-color: #a7dcfc; 
}


#nav div.strong {
border: 1px #f4c24d solid; 
}

#nav div.strong h2 {
background-color: #ffce68; 
}

#nav div.section .ranking td {
  padding:3px;
}

#nav div.section .title {
margin: 0;
background-color: #FFDFCE;
border: 1px #FF9226 solid;
padding: 3px 6px;
max-width: 90%;
font-weight:bold;
}

#nav div.subMenu ul.nl2 {
margin: 5px 0 0 0;
padding: 0;
}
#nav div.subMenu ul.nl {
margin: 5px 0 0 0;
padding: 0;
list-style-type: none;
}

#nav div.subMenu ul.nl li {
border-bottom: 1px #c0c0c0 solid; 
}
#nav div.subMenu ul.nl2 li {
  list-style: none;
}
#nav div.subMenu ul.nl2 li a {
display: block;
position: relative; 
padding: 3px 10px; 
text-decoration: none; 
}

#nav div.subMenu ul.nl li a {
display: block;
position: relative; 
padding: 9px 10px; 
text-decoration: none; 
}

#nav div.subMenu ul.nl2 li a:hover {
  text-decoration: underline;
}
#nav div.subMenu ul.nl li a:hover {
background-color: #fff4f2; 
color:orange;
}


#nav div.contact {
padding: 0 0 0.3em; 
}

#nav div.contact p {
margin: 0 10px 0.4em; 
}





#content hr.clear {
clear: right; 
width: 100%;
margin: 0;
visibility: hidden; 
}







#footer {
padding: 15px 0 20px;
border-top: 1px #c0c0c0 solid;
margin-top: 55px;
text-align: center;
}


#footer ul.nl {
margin: 0 0 10px; 
padding: 0;
list-style-type: none;
text-align: center;
}

#footer ul.nl li {
padding: 0 4px 0 8px; 
background: url(../image/menu_line.gif) no-repeat left; 
display: inline;
}

#footer ul.nl li.first {
background-image: none;
}

#footer ul.guide {
margin: 0 0 15px;
}

#footer address {
font-style: normal;
text-align: center;
line-height: 140%;
}

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.pd1 {
  padding: 5px;
}
a:visited {
  color:blue;
}
.icon2 {
  margin-bottom: -12px;
  width:45px;
  margin-left:6px;
}
.clear {
  clear:both;
}
.site-wrap h3 a, .site-wrap h3 a:visited{
  color:red;
}
.site-wrap h3 a:hover {
  color:orange;
}
.site-wrap h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}
.site-wrap {
  border-bottom: 1px dotted #ccc;
  margin-bottom:15px;
  padding-bottom:15px;
}
.icon {
  margin-right:7px;
  margin-bottom: -2px;
}
.site-wrap p {
  padding-left:7px;
}
.title {
  width:100%;
  max-width: 820px;
}
.waku1 {
  background: #fff4f2;
  margin: 10px 0;
  padding: 10px;
}
.waku1 b {
  line-height: 2.1;
  font-size: 15px;
}
ul.list {
   background: #fff4f2 none repeat scroll 0 0;
   margin: 10px 0;
   padding: 10px;
}
#breadcrumb {
  color:#999;
  margin-left:20px;
  font-size: 12px;
}
#breadcrumb p {
  margin-bottom: 12px;
}
#breadcrumb p a{
  text-decoration: none;
}
h3,p {
  margin:0;
  padding:0;
}

.table-area {
  width:100%;
  margin:10px auto;
}
table.table010 {
  margin-top: 0.2em;
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.table010 caption {
  margin-top: 1em;
  text-align: left;
}

table.table010 th,
table.table010 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.table010 th {
  background: #EFFADA;
  text-align: left;
  color: #333;
  width: 25%;
}

table.table010 td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;
}

table.table010 td.time,
table.table010 td.fee {
  text-align: right;
  white-space: nowrap;
}


.mt0 {
  margin-top: 0 !important;
}
.nolink {
  text-decoration: none;
}
.nolink:hover {
  color:orange;
}
#main div.normal .sitewrap {
  margin-bottom: 25px;
  border-bottom: 1px dotted #aaa;
  padding-bottom: 20px;
}
#main div.normal .sitewrap:last-child {
  border-bottom: none;
}
#main div.normal .sitewrap img {
  padding:10px 5px;
  max-width: 250px;
}
#main div.normal .sitewrap .rank {
  float: left;
  font-weight: bold;
  font-size: 20px;
  padding-right: 15px;
}
#main div.normal .sitewrap h3 {
  font-size: 20px;
}
#main div.normal .sitewrap h3.no1 {
  background: url(/images/rank01_01.png) no-repeat left top;
  padding: 5px 0 0 47px;
}
#main div.normal .sitewrap h3.no2 {
  background: url(/images/rank01_02.png) no-repeat left top;
  padding: 5px 0 0 47px;
}
#main div.normal .sitewrap h3.no3 {
  background: url(/images/rank01_03.png) no-repeat left top;
  padding: 5px 0 0 47px;
}
.mt30 {
  margin-top: 30px;
}
#bottomnav {
  bottom: 30px;
  position: fixed;
  right: 10px;
}
#bottomnav a {
  text-decoration: none;
  color:white;
  padding: 5px;
  border-radius: 5px;
  background: #FFCE68;
  display: inline-block;
}
#form #main div.normal .sitewrap img {
  padding-top: 5px;
  padding-left: 0px;
  max-width: 300px;
}
#form #main div.normal .sitewrap {
  border:none;
  margin-bottom:0;
}










/*pc*/
@media screen and (min-width: 751px) {
.sp {
  display: none;
}

}
/*SP*/
@media screen and (max-width: 750px) {

body {
  font-size: 15px;

}
#page {
  margin:0 9px;
}
#header {
  margin:0 ;
}
#container {
  max-width:640px;
  width: 100%;
  margin:0;
  border:none;
  overflow: hidden;
}
#content {
  width: 100%;
}
#main div.section {
  margin:2em 0;
}
#nav {
  margin-top:50px;
  width: 100%;
}
#breadcrumb {
  margin:0;
}
#main {
  width:100%;
  clear:both;
  margin:0;
}
.opening img {
  width:100%;
}
#list {
  margin:0 10px 20px;
}
#bbsframe iframe {
  margin:0;
  padding:0;
}
#footer {
  font-size: 14px;
  line-height: 160%;
}
#tiikilink {
  margin-left: 5px;
}
div.update dt {
}
div.update dd {
  clear:both;
  padding-left: 0;
}
div.update dd a{
  font-size: 17px !important;
  line-height: 200%;
  font-weight: bold;
}
#main div.update dd {
  padding-left: 0;
}
.todofuken {
  margin: 0;
  padding: 0;
}
#footer ul.nl li {
  display: block;
  text-align: left;
}
#bbsframe .bbs_link_ik {
  margin-left:0;
}
.w100 {
  width: 100%;
}
.mcenter {
  text-align: center;
}
.sitewrap .mcenter {
  display: block;
}
#header .header_img {
  float: none;
  margin: 5px;
}
#header .header_img img {
  width: 100%;
  max-width: 380px;
}
#nav div.section {
margin-bottom: 60px;
}
#main div.normal h3 {
  font-size: 19px;
}
#main div.normal h4 {
  font-size: 18px;
}
#main div.normal .sitewrap img {
  width: 100%;
}
#form #main div.normal .sitewrap {
  text-align: center;
}



}
/**/