@charset "utf-8";

/* ========================================
    リセットcss
========================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input, textarea,{margin: 0; padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}


/* ========================================
	フロートの解除
========================================= */

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



/* ========================================
	全体設計
========================================= */
body {
	color:#555;
	font-size: 14px;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background :url(images/backscreen_japanesepaper.jpg); 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    }

/* ========================================
    header
========================================= */
header {
    background-color: lightgreen;
    border-bottom: 3px solid #B19956;
    width:auto;
    height:60px;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
    line-height: 60px
}

/* ========================================
    h_advertisement
========================================= */
div#h_advertisement {
    background-color: lightgreen;
    width: auto;
    height: 60px;
    /*margin-top: 2px;
    margin-left: 3px;*/
    /*margin-bottom: 10px*/
    /*display: flex;
    flex-direction: column;*/
    text-align: center;
    line-height: 60px
    }

/*div#h_advertisement img {
    float: left;
    margin: 0 0 5px 0;
    }*/

/*div.clearfix {
    clear: both;
}*/

/* ========================================
    wrapper
========================================= */
div#wrapper {
    width: 960px;
    height: auto;
    font-family: SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 auto;
}

.box-shadow {
    box-shadow: 0 2px 7px rgba(83,78,61,0.3);
}

.c_name {
  padding-left: 5px;  
}

.j_name {
  padding-left: 5px;  
}

.info/*, .result*/{
  width: 60px;
  height: 18px;
  /*padding: 5px 0;*/
  box-sizing: border-box;
  text-align: center;
  color:#4C4C4C;
  background: #66b6d5;
  border-radius: 3px;
  /*margin-bottom: 10px;*/
}

/*.info:hover + .result{
  background: #E72458;
}*/

.cata/*, .result*/{
  width: 60px;
  height: 18px;
  /*padding: 5px 0;*/
  box-sizing: border-box;
  text-align: center;
  color: #4C4C4C;
  background: #B2FF99;
  border-radius: 3px;
  /*margin-bottom: 10px;*/
}

/*.cata:hover + .result{
  background: #E72458;
}*/


.coment, .result{
  width: 60px;
  height: 18px;
  /*padding: 5px 0;*/
  box-sizing: border-box;
  text-align: center;
  color: #4C4C4C;
  background: #FFFFCC;
  border-radius: 3px;
  /*margin-bottom: 10px;*/
}

/* ========================================
    left
========================================= */
div#left {
     width: 800px;
    height: 500px;
     float: left;
}

/* ========================================
    global_navigation
========================================= */

div#global_navigation {
    width: 800px;
    height: 65px; 
    line-height: 65px;
    background-color: lightblue;
    float: left;
}

div#global_navigation h1 {
    font-size: 24px;
    font-weight: bold;  
    float: left;
    margin-left: 20px;
    margin-right: 40px
}

div#global_navigation nav {
    float: left;
    margin-top: 10px;
}

div#global_navigation nav ul li {
    float: left;
    margin-left: 20px;    
}

div#global_navigation nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div#global_navigation nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

/* ========================================
    main_visual
========================================= */
div#main_visual {
    width: 800px;
    height: 290px;
    /*background :url(images/main_takashimadaira.jpg);*/
    /*opacity: 0.3; */
    color: navy;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#main_visual p {
    line-height: 1.2em;
    padding: 20px;
    text-indent:1em;
}

div#main_visual p span{
    font-size: 36px;
    font-family: sans-serif;
    display: inline-block;
    text-indent:0.5em;  
}    

/* ========================================
    content
========================================= */
div#content {
    width: 773px;
    height: 95px;
    border: 3px solid #dc143c;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    margin-bottom: 10px;
}

div#content h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#article dl {
    overflow: auto;
    width: 757px;
    height: 76px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#article dt {
        width: 17%;
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        float: left;
    }

div#article dd{
        width: 83%;
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        margin-left: 80px;        
    }

/* ========================================
    right
========================================= */
div#right {
    float: left; 
}
/* ========================================
    advertisement
========================================= */
div#advertisement {
    width: 155px;
    height: 500px;
    margin-top: 2px;
    margin-left: 3px;
    /*margin-bottom: 10px*/
    display: flex;
    flex-direction: column;
    }

div#advertisement img {
    float: left;
    margin: 0 0 5px 0;
    }

div.clearfix {
    clear: both;
}


/* ========================================
    フッター
========================================= */
footer {
    width: 100%;
    height: 55px;
    background-color: #63abd4;
    line-height: 55px;
        
}

div#footer_inner nav {
  width: 800px;
  float: left;
  margin-right: -100px;
}

div#footer_inner {
  text-align: center;
}

div#footer_inner nav ul li {
  display: inline;
  margin-left: 20px;
  /*width: 100%;  /* 任意のwidth */
}

div#footer_inner nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

div#footer_inner p span#qr {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    float: left;
    /*margin-right: -100px;*/
}

div#footer_inner a img#qrcode {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}


/* ========================================
    news_info news
========================================= */
div#news {
    width: 775px;
    height: 95px;
    border: 3px solid #dc143c;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    margin-top: 10px;
    }

div#news h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#news_article dl {
    overflow: auto;
    width: 757px;
    height: 77px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#news_article dt {
        width: 150px;
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        float: left;
    }

div#news_article dd{
        width: 650px;
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        margin-left: 80px;        
    }

/* ========================================
    news_info history
========================================= */
div#history {
    width: 775px;
    height:265px;
    border: 3px solid #63abd4;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#history h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
   }

div#history_article dl {
    overflow: auto;
    width: 757px;
    height: 247px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#history_article dt {
        width: 150px;        
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        float: left;
    }

div#history_article dd{
        width: 650px;        
        color: #927e7a;
		border-bottom: 2px dotted black;
		line-height: 20px;
        margin-left: 80px;        
    }


/* ========================================
    catalog_main catalog_subject
========================================= */
div#catalog_subject {
    width: 800px;
    height: 125px;
    /*background :url(images/main_takashimadaira.jpg);*/
    /*opacity: 0.3; */
    color: navy;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#catalog_subject p {
    line-height: 1.2em;
    padding: 20px;
    text-indent:1em;
}

div#catalog_subject p span{
    font-size: 36px;
    font-family: sans-serif;
    display: inline-block;
    text-indent:0.5em; 
}    

/* ========================================
    catalog_main major_classification
========================================= */
div#major_classification {
    width: 775px;
    height: 260px;    
    float: left;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 765px;
    height: 255px;
    padding-top: 10px;
    padding-left: 25px;
}

div#major_classification nav {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#major_classification nav ul li {
    float: left;
    margin-left: 40px;    
}

div#major_classification nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div#major_classification nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

div#major_classification h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#major_classification caption{
    color: navy;
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
   }

div#major_classification table {
	text-align: left;
	width: 600px;
	margin: 10px auto;
    }
div#major_classification table tr {
	font-size: 13px;
}
div#major_classification tbody {
	background-color: #f5e3b5;
	margin: 0;
}
div#major_classification thead {
	background-color: #2D2D2D;
	color: #fff!important;
	margin: 0;
}
div#major_classification thead tr th {
	background-color: #2D2D2D;
	color: #fff!important;
	font-size: 15px;
	padding: 5px; 
	margin: 0;
}
div#major_classification table tr th {
	padding: 5px;
}
div#major_classification table tr td {
	padding: 5px;
	color: #666666;
}

div#major_classification table tr:nth-child(2n) {
	background-color: #c4e3e3;
}

div#major_classification tfoot tr td {
	text-decoration: underline;
	font-size: 12px;
	font-style: italic;
	color: #b8b8b8;
	padding: 0;
}



/* ========================================
    catalog_list middle_classification
========================================= */
div#middle_classification {
    width: 770px;
    height: 405px;
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 765px;
    height:400px;
    padding-top: 10px;
    padding-left: 25px;
}

div#middle_classification caption{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
    }

div#middle_classification table{
  width: 750px;
  border-collapse:separate;
  border-spacing: 0;
  padding-top: 5px;
  padding-bottom: 10px;
}

div#middle_classification table th:first-child{
  border-radius: 3px 0 0 0;
}

div#middle_classification table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

div#middle_classification table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  padding: 10px 0;
}

div#middle_classification table td{
  /*text-align: left;*/
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  line-height: 33px
  /*padding: 10px 0 10px 10px;*/
}

/*div#middle_classification table tr td:nth-child(1) {
  width:30px;
}*/

div#middle_classification table td:last-child{
  border-right: 1px solid #a8b7c5;
}

/*div#middle_classification table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}*/

/*div#middle_classification table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}*/

/* ========================================
    manager_room mana_room
========================================= */
div#mana_room {
    width: 773px;
    height:270px;
    border: 3px solid #dc143c;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    margin-top: 10px;
    }

div#mana_room h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#mana_inf dl {
    overflow: auto;
    width: 757px;
    height:260px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#mana_inf dt {
    width: 17%;
    color: #927e7a;
    /*border-bottom: 2px dotted black;*/
    line-height: 25px;
    float: left;    
    }

div#mana_inf dd{
   /*width: auto;*/
    color: #927e7a;
    line-height: 25px;
    }

/* ========================================
    manager_room mana_bookshelf
========================================= */
div#mana_bookshelf {
    width: 775px;
    height: 98px;
    border: 3px solid #63abd4;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 757px;
    height: 93px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#mana_bookshelf h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid navy;
    padding-left: 10px;
    }

div#mana_docu ul h3{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    border-left: 5px solid #63abd4;
    }

div#mana_docu_cn nav ul{
    float: left;
    /*margin-top: 5px;*/
    }

div#mana_docu_cn nav ul li{
    float: left;
    margin-left: 40px;
   /* margin-top: 20px;*/
    }

div#mana_docu_cn nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div#mana_docu_cn nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

div#mana_docu_jp nav ul{
    float: left;
    margin-top: 15px;
    }

div#mana_docu_jp nav ul li{
    float: left;
    margin-left: 40px;
   /* margin-top: 20px;*/
    }

div#mana_docu_jp nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div#mana_docu_jp nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

div#mana_docu dl {
    overflow: auto;
    width: 775px;
    height: 255px;
    padding-top: 10px;
    padding-left: 25px;
    }

div#mana_docu dt {
        width: 150px;        
        color: #927e7a;
    border-bottom: 2px dotted black;
    line-height: 20px;
        float: left;
    }

div#mana_docu dd{
        width: 650px;        
        color: #927e7a;
    border-bottom: 2px dotted black;
    line-height: 20px;
        margin-left: 80px;        
    }



/* ========================================
    manager_bookshelf bookshelf_main
========================================= */
div#bookshelf_main {
    width: 775px;
    height: 85px;
    border: 3px solid #dc143c;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    /*margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 757px;
    height:260px;
    padding-top: 10px;
    padding-left: 25px;*/
    }

div#bookshelf_main h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid navy;
    padding-left: 10px;
    }

div#bookshelf_main h3{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
    }

/* ========================================
    manager_bookshelf bookshelf_sub
========================================= */
div#bookshelf_sub {
    width: 770px;
    height:292px;
    border: 3px solid #63abd4;
    /*background-color: gray;*/
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 760px;
    height:282px;
    padding-top: 10px;
    padding-left: 25px;
    }

/*div#bookshelf_sub h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid navy;
    padding-left: 10px;
    }*/


div#bookshelf_cn {
    width: 775px;
    height: auto;
    float: left;
    padding: 10px;
    margin-top: 10px;
  }
    /*margin-bottom: 10px;
    }*/

div#bookshelf_cn table{
  width: 750px;
  border-collapse:separate;
  border-spacing: 5px 5px;
  padding-top: 5px;
  padding-bottom: 10px;
}

div#bookshelf_cn table th : first-child{
  border-radius: 3px 0 0 0;
}

div#bookshelf_cn table th : last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

div#bookshelf_cn table th{
  width: 100px;
  text-align: center;
  color:#734339;
  background: #829ebc;
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  /*line-height: 33px*/
  padding: 10px 0;
}

div#bookshelf_cn table td{
  width: 600px;
  text-align: left;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
  box-shadow: 0px -3px 5px 1px #eee inset;
  /*line-height: 33px*/
  padding: 10px 0 10px 10px;
}

/*div#bookshelf_cn table tr td : nth-child (1) {
  width:30px;
}*/

div#bookshelf_cn table td : last-child{
  border-right: 1px solid #a8b7c5;
}

/*div#bookshelf_cn table tr: last-child td : first-child {
  border-radius: 0 0 0 5px;
}

div#bookshelf_cn table tr: last-child td : last-child {
  border-radius: 0 0 5px 0;
}*/

div#bookshelf_jp {
    width: 775px;
    height: auto;
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    }

div#bookshelf_jp table{
  width: 750px;
  border-collapse:separate;
  border-spacing: 5px 5px;
  padding-top: 5px;
  padding-bottom: 10px;
}

div#bookshelf_jp table th : first-child{
  border-radius: 3px 0 0 0;
}

div#bookshelf_jp table th : last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

div#bookshelf_jp table th{
  width: 100px;
  text-align: center;
  color:#734339;
  background: #829ebc;
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  /*line-height: 33px*/
  padding: 10px 0;
}

div#bookshelf_jp table td{
  width: 600px;
  text-align: left;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
  box-shadow: 0px -3px 5px 1px #eee inset;
  /*line-height: 33px*/
  padding: 10px 0 10px 10px;
}

/*div#bookshelf_jp table tr td : nth-child (1) {
  width:30px;
}*/

div#bookshelf_jp table td : last-child{
  border-right: 1px solid #a8b7c5;
}

/*div#bookshelf_cn table tr: last-child td : first-child {
  border-radius: 0 0 0 5px;
}

div#bookshelf_cn table tr: last-child td : last-child {
  border-radius: 0 0 5px 0;
}*/


/* ========================================
    gallery_main major_classification
========================================= */
div#gallery_classification {
    width: 775px;
    height: 280px;    
    float: left;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 765px;
    height: 275px;
    padding-top: 10px;
    padding-left: 25px;
}

div#gallery_classification nav {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#gallery_classification nav ul li {
    float: left;
    margin-left: 40px;    
}

div#gallery_classification nav ul li a {
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div#gallery_classification nav ul li:hover a {
    color: #345c39;
    border-bottom: 4px solid #345c39;
}

div#gallery_classification h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#gallery_classification caption{
    color: navy;
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
   }

div#gallery_classification table {
  text-align: left;
  width: 600px;
  margin: 10px auto;
    }
div#gallery_classification table tr {
  font-size: 13px;
}
div#gallery_classification tbody {
  background-color: #f5e3b5;
  margin: 0;
}
div#gallery_classification thead {
  background-color: #2D2D2D;
  color: #fff!important;
  margin: 0;
}
div#gallery_classification thead tr th {
  background-color: #2D2D2D;
  color: #fff!important;
  font-size: 15px;
  padding: 5px; 
  margin: 0;
}
div#gallery_classification table tr th {
  padding: 5px;
}
div#gallery_classification table tr td {
  padding: 5px;
  color: #666666;
}

div#gallery_classification table tr:nth-child(2n) {
  background-color: #c4e3e3;
}

div#gallery_classification tfoot tr td {
  text-decoration: underline;
  font-size: 12px;
  font-style: italic;
  color: #b8b8b8;
  padding: 0;
}

/* ========================================
    gallery_sub major_classification
========================================= */
div#content h4{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#content caption{
    color: navy;
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
   }

div#content table {
  text-align: left;
  width: 600px;
  margin: 10px auto;
    }
div#content table tr {
  font-size: 13px;
}
div#content tbody {
  background-color: #f5e3b5;
  margin: 0;
}
div#content thead {
  background-color: #2D2D2D;
  color: #fff!important;
  margin: 0;
}
div#content thead tr th {
  background-color: #2D2D2D;
  color: #fff!important;
  font-size: 15px;
  padding: 5px; 
  margin: 0;
}
div#content table tr th {
  padding: 5px;
}
div#content table tr td {
  padding: 5px;
  color: #666666;
}

div#content table tr:nth-child(2n) {
  background-color: #c4e3e3;
}

div#content tfoot tr td {
  text-decoration: underline;
  font-size: 12px;
  font-style: italic;
  color: #b8b8b8;
  padding: 0;
}

/* ========================================
    gallery_sub sub_classification
========================================= */
div#sub_classification {
    width: 775px;
    height: 280px;    
    float: left;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 765px;
    height: 275px;
    padding-top: 10px;
    padding-left: 25px;
}

div#sub_classification caption{
    color: navy;
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
   }

div#sub_classification table {
  text-align: left;
  width: 600px;
  margin: 10px auto;
    }
div#sub_classification table tr {
  font-size: 13px;
}
div#sub_classification tbody {
  background-color: #ECEBE8;
  margin: 0;
}
div#sub_classification thead {
  background-color: #2D2D2D;
  color: #fff!important;
  margin: 0;
}
div#sub_classification thead tr th {
  background-color: #2D2D2D;
  color: #fff!important;
  font-size: 15px;
  padding: 5px; 
  margin: 0;
}
div#sub_classification table tr th {
  padding: 5px;
}
div#sub_classification table tr td {
  padding: 5px;
  color: #666666;
}

div#sub_classification table tr:nth-child(2n) {
  background-color: #c4e3e3;
}

div#sub_classification tfoot tr td {
  text-decoration: underline;
  font-size: 12px;
  font-style: italic;
  color: #b8b8b8;
  padding: 0;
}

/* ========================================
    gallery_sub
========================================= */
div#gallery_sub {
    width: 770px;
    height: 95px;
    /*border: 3px solid #dc143c;*/
    /*background-color: pink;*/
    /*float: left;
    /*padding: 10px;
    margin-bottom: 10px;*/
    overflow: auto;
    width: 765px;
    height:110px;
    /*padding-top: 10px;
    padding-left: 25px;*/
}

div#gallery_sub h4{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
   border-left: 5px solid #ba3009;
    padding-left: 10px;
   }

div#gallery_sub table {
  text-align: left;
  width: 600px;
  margin: 10px auto;
    }
div#gallery_sub table tr {
  font-size: 13px;
}
div#gallery_sub tbody {
  background-color: #f5e3b5;
  margin: 0;
}
div#gallery_sub thead {
  background-color: #2D2D2D;
  color: #fff!important;
  margin: 0;
}
div#gallery_sub thead tr th {
  background-color: #2D2D2D;
  color: #fff!important;
  font-size: 15px;
  padding: 5px; 
  margin: 0;
}
div#gallery_sub table tr th {
  padding: 5px;
}
div#gallery_sub table tr td {
  padding: 5px;
  color: #666666;
}

div#gallery_sub table tr:nth-child(2n) {
  background-color: #c4e3e3;
}

div#gallery_sub tfoot tr td {
  text-decoration: underline;
  font-size: 12px;
  font-style: italic;
  color: #b8b8b8;
  padding: 0;
}
/* ========================================
    manager_bookshelf_book
========================================= */
div#bookshelf_book {
    width: 775px;
    height:405px;
    border: 3px solid #63abd4;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    /*margin-top: 10px;
    margin-bottom: 10px;
    */
    /*overflow: auto;
    /*width: 758px;
    height:405px;
    padding-top: 10px;
    padding-left: 25px;*/
    }

div#bookshelf_book h2{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid navy;
    padding-left: 10px;
    }

div#bookshelf_book h3{
    color: #734339;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #63abd4;
    padding-left: 10px;
    }

/* ========================================
    q_and_a#qanda
========================================= */
div#qanda {
    width: 775px;
    height:405px;
    border: 3px solid #dc143c;
    /*background-color: pink;*/
    float: left;
    padding: 10px;
    /*margin-top: 10px;
    margin-bottom: 10px;
    */
    /*overflow: auto;
    /*width: 758px;
    height:405px;
    padding-top: 10px;
    padding-left: 25px;*/
    }