/*===============================================
●日本古文書学会　smartbase.css  画面の横幅が768pxまで
===============================================*/

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

body {
 width: 100%:
 padding: 0px;
 margin: 0px;
 background-color: #fff;
}

#container {
 width: 98%;
 background-color: #fff;
 padding: 0px;
 margin: 0px;
}

/* ---　共通ヘッダー --- */

#header {
 width: 100%;
 background-color: #fff;
}

img.header_logo {
 padding: 0px;
 margin: 0px;
 width: 100%;
 height: 100%;
 float: left;
}

img.header_img {
 width: 100%;
 height: 100%;
 float: left;
}

/* ---　TEXT BLOCK --- */

#main_block { 
 width: 100%;
 margin-top: 30px;
 margin-bottom: 20px;
 height: 100%;
 padding-left: 0px;
 border: solid 0px #f66;
 background-color: #fff;
 float: left;
}

.headline_block {
 padding: 0px;
 margin: 0px;
 width: 100%;
 height: 24px;
 border : solid 0px #66ccff;
}

.block_title {
 padding-bottom: 10px;
 font-size: 1.2em;
 width: 100%;
 color: #8B4513;
 line-height: 1.5em;
 text-align: center;
 font-weight: bold;
 font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}

.block_title_top {
 padding-bottom: 10px;
 font-size: 1.2em;
 width: 50%;
 color: #8B4513;
 line-height: 1.5em;
 text-align: right;
 font-weight: bold;
 float: left;
}



.title1 {
 width: 97%;
 padding-left: 24px;
 padding-top: 3px;
 padding-bottom: 5px;
 font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
 color: #ea492f;
 text-align: left;
 background: url(../img/title_bar01.gif) #E1E1E1 no-repeat;
}

.title1_main{
 width: 70%;
 font-size: 1em;
 text-align: left;
 font-weight: bold;
 float: left;
}

.title1_date{
 width: 30%;
 font-size: 0.7em;
 text-align: right;
 float: right;
}

#contbox {
 width : 98%;
 font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
 font-size: 0.95em;
 color: #000;
 line-height: 1.5em;
}

.contbox1 {
 width: 98%;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 6px;
 margin: 0px;
 text-justify: distribute;
}

.contbox1_r {
 width: 98%;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 6px;
 margin: 0px;
 text-justify: distribute;
}

.contbox2 {
 width: 96%;
 padding-left: 10px;
 padding-bottom: 10px;
 margin: 0px;
}

.contbox_update {
 width: 40%;
 padding-left: 0px;
 padding-bottom: 10px;
 margin: 0px;
 font-size: 0.9em;
 text-align: left;
 float: right;
}

.contbox2_t {
 width: 98%;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 10px;
 margin: 0px;
 font-weight: bold;
}

.contbox3_t {
 width: 98%;
 padding-left: 10px;
 padding-bottom: 5px;
 margin: 0px;
}

.contbox4_t {
 width: 98%;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-top: 20px;
 margin: 0px;
}


.contbox4_tup {
 width: 94%;
 padding-left: 30px;
 padding-bottom: 10px;
 padding-top: 5px;
 margin: 0px;
}

.contbox5_t {
 width: 94%;
 padding-left: 30px;
 padding-bottom: 5px;
 margin: 0px;
}


.contbox5_tt {
 width: 94%;
 padding-left: 30px;
 padding-bottom: 0px;
 margin: 0px;
}

.contbox5_tn {
 width: 94%;
 padding-left: 30px;
 padding-bottom: 5px;
 margin: 0px;
 text-align: right;
}

.contbox5_tu {
 width: 92%;
 padding-left: 40px;
 padding-bottom: 5px;
 margin: 0px;
 text-align: left;
}

.contbox6_t {
 width: 98%;
 padding-left: 10px;
 padding-bottom: 5px;
 margin: 0px;
}

/* ---　LINK --- */

A {
 color: #ea492f;
 text-decoration: none;
}

A:hover {
 color: #ff9900;
 text-decoration: underline
}

img {
 padding: 0px;
 border: 0px;
}

.clear_both {
 clear: both;
}

.strong {
 font-weight: bold;
}

.contboxtop {
 padding-left: 20px;
 padding-bottom: 20px;
 margin: 0px;
 width: 200px;
 padding-top: 10px;
 text-align: right;
}

.contboxtop_s {
 padding-left: 20px;
 padding-bottom: 26px;
 margin: 0px;
 width: 180px;
 padding-top: 10px;
}

.contboxtop_back {
 padding-left: 20px;
 padding-bottom: 26px;
 margin: 0px;
 width: 220px;
 padding-top: 10px;
}

.contbox2box {
 width: 96%;
 padding-right: 10px;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-top: 10px;
 margin-left: 0px;
 border-color: #7788ff;
 border-style: solid none;
 border-width: 1px;
 border-frame: hsides;
}


/* ---　FOOTER --- */

#footer {
 width: 100%;
 margin: 0px;
 padding-top: 10px;
 padding-bottom: 0px;
 text-align: center;
}

.copyright {
 border-top: dotted 1px #000;
 margin: 0px;
 padding-top: 5px;
 height: 15px;
 text-align: center;
 font-size: 0.85em;
 color: #444;
 font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}