/* PC用CSS */
@media print, screen and (min-width: 640px) {
a{color:#333333; text-decoration:none;}
a:hover{color:#777777;}

#wrap {
font-family:Verdana, Arial, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
width:1040px;
margin:30px auto;
}

header {

}

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

#sidenavi {
float:left;
width:250px;
margin:0px 10px 10px 0px;
}


#sidemenu {
float:left;
width:250px;
height:498px;
margin:30px 10px 10px 0px;
color : 26379A;
}

#index    {
margin : 20px 0 20px 0;
width:748px;
}

#contents {
font-size : 16px;
float:left;
width:748px;
height:80%;
margin:10px 0px 30px 0px;
}

#contents .title{
font-size : 25px;
font-weight:bold;
border-bottom:3px solid #8EC31E;
color:#634d21;
margin:0 0 30px 0;
}

#contents h2#creive {
    position: relative;
    padding-left: 35px;
    color: #634d21;
    font-size: 18px;
    line-height; 29px;
}
 
#contents h2#creive:before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #8EC31E;
    content: "";
}
 
#contents h2#creive:after {
    position: absolute;
    top: 3px;
    left: 9px;
    width: 13px;
    height: 13px;
    border: 2px solid #8EC31E;
    content: "";
}

#contents #subtitle{
color:#634d21;
}


#contents h3#h3_style_one{
margin : 0 0 0 0;
color:#634d21;
font-size:20px;
}

#contents #hr-style-one{
  width: 80%;
  height: 3px;
  border: 0;
  background-color: #89b906;
  text-align:left; margin-left:0px;
  margin : 0 0 15px 0;
}

#contents #sql1_table{
  width: 90%;
}

.table_one{
width: 80%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_one th{
width:15%;
padding: 6px; text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_one td{
width: 35%;
padding: 6px;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}


.table_two{
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_two th{
width:15%;
padding: 6px; text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_two td{
width: 60%;
padding: 6px;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}

#contents #hr-style-two{
  width: 60%;
  height: 1px;
  border: 0;
  background-color: #89b906;
  text-align:left; margin-left:0px;
  margin : 0 0 15px 0;
}

#footer {
clear:both;
font-size:13px;
color:#333333;
width:100%;
bottom:0;
text-align:center;
padding:10px 0 0 0;
margin:10px 10px 10px 10px;
width:720px;
margin:0 auto;
}

#footer p{}
}

#copyright{
font-size:9px;
height:0;
margin: 10px 0 0 0;
overflow:hidden; 
}

.man_link{
font-size:17px;
color:red;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

.man_link a:hover{text-decoration: underline;}


#header {
font-size:30px;
color:#634d21;
line-height:100%;
width:445px;
}

#header a{
font-size:25px;
color:#634d21;
}

#header_comm {
font-size:15px;
color:#634d21;
line-height:150%;
width:445px;
}
#gnav ul{
display:table-row;
}

#gnav li {
color:white;
text-align: center;
display:table-cell;
vertical-align: middle;
width: 142px;
height:38px;
background-repeat:no-repeat;
height:30px;
border-left: 1px solid #5D99FF;
border-top: 1px solid #5D99FF;
border-bottom: 1px solid #5D99FF;
background-color: #008BBB;
padding: 3px;
font-size: 14px;
}
#gnav #g_navi08 {border: 1px solid #5D99FF;}

#gnav li a{color:#FFFFFF;}

#sidenavi h4{font-size:7px; margin-left:10px; border-bottom:1px solid #81d4d9;}
#sidenavi dl{width:250px; margin-left:10px; font-size:7px; line-height:150%;}
#sidenavi dd{margin:10px 0 6px 0; font-weight:bold;}
#sidenavi dt{border-bottom:dotted #cccccc 1px; padding-bottom:7px;color:#81d4d9;}

#sidemenu h4{font-size:10px; margin-left:10px; border-bottom:5px solid #81d4d9;}
#sidemenu dl{width:196px; margin-left:10px; font-size:7px; line-height:150%;}
#sidemenu dd{color:#0404B4;margin:10px 0 6px 0; font-weight:bold;}
#sidemenu dt{border-bottom:dotted #cccccc 1px; padding-bottom:7px;}
#sidemenu dt a{font-size:10px;color:#0404B4; text-decoration:none;}
#sidemenu dt a:hover{text-decoration: underline;}

#top_comment{font-size:12px;width:714px; padding-bottom:10px; min-height:120px;}
#top_comment dl{width:700px;}
#top_comment dt{width:700px;}
#top_comment dd{width:700px;}

#course_box{width:740px;font-size:10px;}
#course_box dl{width:228px;height:auto;padding-right:15px; float:left;}
#course_box .title a{font-size:125%; font-weight:bold; color:#634d21;}
#course_box .title a:hover{font-size:125%; font-weight:bold; color:#634d21;}
#course_box .s_title{color:#89b906; font-weight:bold;}
#course_box .text{margin-bottom:3px;}
#course_box .list li {list-style-position: inside;margin-left:5px;}
#course_box .list li a{color:#89b906; padding:1px 2px;list-style-type: none;margin-left:0px;}
#course_box .list li a:hover{color:#fff; background:#89b906;}

#index_detail{font-size:18px;}
#index_detail dl{padding-right:15px;}
#index_detail .title{font-size:125%; font-weight:bold; cfolor:#634d21;margin:0 0 0 10px;}
#index_detail .s_title{color:#89b906; font-weight:bold;margin:10px;}
#index_detail dt a{color:#89b906; padding:1px 2px;list-style-type: none;margin-left:0px;margin:10px;}
#index_detail dt a:hover{color:#fff; background:#89b906;}
#index_detail dd {font-size:15px;color:#2f4f4f;margin:0 0 15px 30px;}

.list_column {
width :100%;
color : #8A0868;
font-size:18px;
}

.sqlBox {
width :70%;
color : #191970;
font-size:16px;
background:#f5f5f5;
border: 2px solid #483d8b;
padding: 10px 10px 10px 10px;
}

.sqlBox_w {
width :98%;
color : #191970;
font-size:16px;
background:#f5f5f5;
border: 2px solid #483d8b;
padding: 10px 10px 10px 10px;
}

#mid_char {
font-size:17px;
}

.additional {
width :70%;
color : #191970;
font-size:18px;
background:#f5f5f5;
border: 2px solid #8EC31E;
padding: 10px 10px 10px 10px;
}

.additional_w {
width :90%;
color : #191970;
font-size:18px;
background:#f5f5f5;
border: 2px solid #8EC31E;
padding: 10px 10px 10px 10px;
}

.sqlSample {
width : 80%;
height : 100%;
font-size:15px;
color:#b0c4de;
background:#191970;
line-height: 1.0;
}


.sqlSample_w {
width : 90%;
height : 100%;
font-size:15px;
color:#b0c4de;
background:#191970;
line-height: 1.0;
}

.sqlSample_ww {
width : 95%;
height : 100%;
font-size:15px;
color:#b0c4de;
background:#191970;
line-height: 1.0;
}

.sqlSample_ww SPAN{
color: #FF66FF;
font-size:18px;
}

.sqlSample_w SPAN{
color: #FF66FF;
font-size:18px;
}

.sqlSample SPAN{
color: #FF66FF;
font-size:18px;
}

.sqlSample_www {
width : 99%;
height : 100%;
font-size:15px;
color:#b0c4de;
background:#191970;
line-height: 1.0;
}

.sqlSample_www SPAN{
color: #FF66FF;
font-size:18px;
}

.b_color_blue {
font-size:17px;
color:#0404B4;
}

.b_color_red {
color:#FF0040;
}
#sqlBox_link {}
#sqlBox_link strong {
border-bottom:2px solid #DDD;
}

#sqlBox_link ul{
float:left;
margin:0 0 0 1em;
padding:0;
}

#sqlBox_link ul li {
width:195px;
font-size:14px;
color:#0404B4;
margin:5px;
list-style:none;
background:url(../img/yajirushi1.png) no-repeat 10px 12px;
padding:3px 10px 2px 20px;
border-bottom:1px dotted #5ca3c5;
background-position:7px 8px !important;
}
#sqlBox_link ul li a{
color:#0404B4;
}

#sqlBox_link ul li a:hover{
color:#0404B4;
text-decoration: underline;
}

#pagenavi {
color:white;
text-align: center;
}

#pagenavi ul{
border-collapse: separate;
border-spacing: 160px 0;}

#pagenavi li{
background-color: #008BBB;
display: table-cell;
vertical-align : middle;
height:30px;
border-radius: 4px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
}

#pagenavi a{
color:white;
display: block;
height:20px;
width: 70px;}   

#pagenavi a:hover{
text-decoration: underline;
}

#pagenavi0 {
color:white;
text-align: center;
}

#pagenavi0 ul{
border-collapse: separate;
border-spacing: 230px 0;}

#pagenavi0 li{
background-color: #008BBB;
display: table-cell;
vertical-align : middle;
height:30px;
border-radius: 4px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
}

#pagenavi0 a{
color:white;
display: block;
height:20px;
width: 70px;}   

#pagenavi0 a:hover{
text-decoration: underline;
}

}