@charset "UTF-8";
/* CSS Document */
*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
body {
 line-height: 1.5;
 color: #333;
}

a {
 color: #00F;
 text-decoration:none;
}

a:hover {
 color: #00F;
 text-decoration: underline;
}

img {
 border:0px;
}
h1 {
 width: 100%;
 margin: 0;
 padding: 10px 0 0 20px;
 font-size: 2em;
 background-color: #F9d2B3;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
 font-weight: bold;
 text-shadow: 3px 3px 5px #fff;
}

p{
 padding: 5px 0;
}

ul,ol{
 padding: 5px;
 list-style-position: inside;
}
.clear{
 clear: both;
}
.align_center{
 text-align: center;
}

.red{
 color: #F00;
}
.bold{
 font-weight:bold;
}

/*全体テーブル*/
#wrapper{
 width:100%;
 max-width: 1000px;
 margin: 0 auto;
 padding: 9px;
}

#wrapper_top{
 width:100%;
 max-width: 1000px;
 margin: 0 auto;
 padding:  9px 0;
}

#left_top{
 width: 20%;
 margin: 0;
 padding: 0;
 float:left;
}

#mid_top{
 width: 60%;
 margin: 0 auto;
 padding: 0 10px;
 float:left;
}

#right_top{
 width: 20%;
 margin: 0;
 padding: 0;
 float: right;
}


@media screen and (max-width: 800px) {
  
#left_top{
 width: 25%;
 margin: 0;
 padding: 0;
 float:left;
}

#mid_top{
 width: 75%;
 margin: 0 auto;
 padding: 0 10px;
 float:right;
}

#right_top{
 width: 100%;
 margin: 0;
 padding: 0;
 clear: both;
}
}

@media screen and (max-width: 600px) {

#wrapper_top{display: flex;flex-direction: column;}

#left_top,
#mid_top,
#right_top{
 width:100%;
}

div:nth-of-type(1){
 order: 2;
 }
div:nth-of-type(3){
 order: 3;
}

}


/*トップページ カテゴリーメニュー*/
#left_top ul.cate{
 list-style: none;
 list-style-position: outside;
 padding: 0;
}
#left_top ul.cate li{
 padding: 2px;
 border-bottom: dotted 1px #666;
 font-size: 14px;
}
#left_top ul.cate strong{
 background: #CCC;
 display: block;
}


/*パンくずメニュー*/
.navi_menu{
 text-align: left;
 padding: 10px;
}

/*左ブロック*/
#left_block{
 float: left;
 width: 170px;
}

#butai {
 color:#fff;
 font-weight: bold;
 padding: 4em 6em 2em;
 background: url(../img/butai.jpg) center center no-repeat;
 text-align:center;
}

#butai h2{
 text-align: center;
}

#butai a{
 color: #f90;
}

#mid_top .title{
 margin: 5px 0;
 padding: 2px 0 2px 10px;
 color:#fff;
 background: #f90;
 border-left: solid 5px #B7B7B7;
}

#left_block .title,#left_top .title,#right_top .title{
 margin: 0 0 5px 0;
 padding: 2px 0 2px 10px;
 color:#fff;
 background: #f90;
 border-left: solid 5px #B7B7B7;
}

#left_block .content,#left_top .content,#right_top .content{
 margin: 0 0 20px 0;
 padding: 5px 0;
}

/*カテゴリーメニュー*/
#left_block ul.cate{
 list-style: none;
 list-style-position: outside;
 padding: 0;
}
#left_block ul.cate li{
 padding: 2px;
 border-bottom: dotted 1px #666;
 font-size: 14px;
}
#left_block ul.cate strong{
 background: #CCC;
 display: block;
}

/*右ブロック*/
#right_block{
 width:calc(100% - 190px);
 float: right;

}
#right_block .title{
 margin: 0;
 padding: 5px 10px;
 font-weight: bold;
 color: #fff;
 background-image: url(../img/stripeBlue.png);
}
#right_block div.content{
 margin: 0 0 15px 0;
 padding: 5px 10px;
 background: #F0F0F0;
}

#right_block div.paging{
   margin: 5px 10px;
}


/*登録サイトリスト*/
table.link_site{
 width: 100%;
 margin: 10px auto;
 table-layout: fixed;
 border-collapse: collapse;
 border: 1px solid #666;
}
table.link_site th{
 border: 1px solid #666666;
 padding: 5px;
 font-weight: bold;
 text-align: center;
}
table.link_site td{
 border: 1px solid #666666;
 padding: 5px;
 font-size:13px;
}

table.link_site td img{
 width:100%;
}

/*繰り返し*/
.even{
 background: #ffe;
}
.odd{
 background: #FFF;
}

/*中央ブロック*/
div#mid_block{
 width: 700px;
 margin: 0 auto;
}
div#mid_block .title{
 margin: 0;
 padding: 5px 10px;
 font-weight: bold;
 color: #fff;
 background-image: url(../img/stripeBlue.png);
}

div#mid_block div.content{
 margin: 0 0 15px 0;
 padding: 5px 10px;
 background: #F0F0F0;
}

/*登録フォーム*/
table.regist_form{
 width: 660px;
 margin: 10px auto;
 table-layout: auto;
 border-collapse: collapse;
 border: 1px solid #999;
}
table.regist_form td{
 padding: 5px;
 border: 1px solid #999;
}
table.regist_form td.title{
 font-weight:bold;
}

table.regist_form input,
table.regist_form select,
table.regist_form textarea{
  font-size:1.2em;
  padding:5px;
}

/*修正フォーム*/
table.edit_form{
 width: 660px;
 margin: 10px auto;
 table-layout: auto;
 border-collapse: collapse;
 border: 1px solid #666666;
}
table.edit_form th{
 padding: 10px 5px;
 border: 1px solid #666666;
}
table.edit_form td{
 padding: 10px 5px;
 border: 1px solid #666666;
}
table.edit_form td.title{
 font-weight:bold;
}

/*著作*/
#copyright {
 clear: both;
 width: 100%;
 height: 45px;
 margin: 0 auto;
 padding-top: 5px;
 color: #FFF;
 background: #f90;
 text-align: center;
 font-weight: bold;
}

#mainKiji {
}

#mainKiji dt{
 width: 5em;
 float:left;
}

#mainKiji dt:after{
 content: ":";
}

#gaiyou {
 margin: 0 0 1em 1em;
}

#gaiyou dt {
 width: 6em;
 margin-left: 1em;
 float:left;
}

/* 640px以下に適用されるCSS（スマホ用） */

@media screen and (max-width: 640px) {
  #left_block, #right_block {
   width:100%;
   clear:both;
  }



}