@charset "UTF-8";
/* CSS Document */
/*
body {
	color: #222;
	background: #fff;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-size: 14px;
	position: relative;
}
span {line-height:normal;padding:0;margin:0;}
*/
select{ width:auto;}
input { height:auto; margin:0px; padding:2px;}
table{border-collapse: collapse;}
div.smbody{padding:0px 10px;}


/* table */

table.table_sm{
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 20px 0 10px;
}
table.table_sm caption {
	font-size: 14px;
	text-align: left;
	padding: 5px 0;
	font-weight: bold;
}
table.spec_sm {
	width: 100%;
}
table.w500_sm {
	width: 500px;
}
table.table_sm th {
	font-size: 12px;
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #dcdcdc;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}
table.spec_sm th {
	width: 120px;
}
table.table_sm td {
	font-size: 12px;
    line-height: 1.3;
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table.table_sm td.text-center_sm {
    text-align: center;
}



@media only screen and (max-width: 480px) { 
.qtitle {float:none;padding-bottom:5px;font-weight:bold;}
.qinput {padding-bottom:15px;text-align:right;}
.smtable{width:	100%;}
#message,#tag{width:100%;}
#indextbl{width:100%;}
#pc {display:none;}
#mobile {display:block;}

.inptext{width:80%;}
    
/* tweet_log.php table settings */
.FB_title{width:100%;}

.tlrow{border:solid 1px #666;overflow:hidden; height: auto; float:none;margin-bottom:20px;}
.tlrow_edit{border:solid 1px #666;overflow:hidden; height: auto; float:none;margin-bottom:20px;background-color:#ffff93;display:none; margin-bottom:10px;}
.tlrow_th{display:none;}
.tlrow_th_mobile{border:solid 1px #666;overflow:hidden; height: auto; float:none;margin-bottom:20px;background-color:#333;color:#EEE;text-align:center;font-weight:bold;}
.tlrow div, .tlrow_edit div, .tlrow_th div {  
	padding:4px;
} 

.tlrow_th_mobile div{
	padding:4px;
	float:left;
	width:50%;
	border:solid 1px #666;
		
}
.tlrow span{
	padding:4px;
	border:solid 1px red;
}
#idbox{float:left; width:50%;height:4.5em;line-height:1.2em;border-right:solid 1px #666;border-bottom:solid 1px #666;}
#labbox{float:left; width:50%;height:4.5em;line-height:1.2em;border-bottom:solid 1px #666;}
#messagebox{float:none; word-break: break-all; width:100%;height:auto;border-bottom:solid 1px #666;}
#statusbox{float:none;text-align:center; width:100%;}
input.expr {font-size:0.8em;padding:0px;margin:0px;height:auto;width:100%;}
input.rsvtime {font-size:0.8em;padding:0px;margin:0px;height:auto;width:100%;}
input.FB_title {padding:0px;margin-top:5px;height:auto;} 
/* ms_post.php */
.mspost{
	width:480px;
}
/* admin.php  set Lab List */
.lablist_table td{font-size:0.7em;color: #333;padding: 3px 3px;border:solid 2px #666;}
.lablist_table th{font-size:0.7em;background-color:#333;color:#EEE;padding: 3px 3px;border:solid 2px #666;}
input[type="button"]{font-size:0.7em;height:10px;}
.period_div div{float:none;}
.period_div td{vertical-align:middle;}
.period_div input{margin:0px;}
    
.pc_display{
    display:none;
}
.mobile_display{
    display:block;
}
.list_td_img{
    width:25%;    
}
.list_td_title{
    width:75%;    
}
.news_table{
    margin:0 0;        
}
}

@media only screen and (min-width: 1024px), only screen and (max-width: 768px) and (min-width:480px){
.qtitle {
	float:left;
	width:20%;
	text-align:right;
	vertical-align:central;
}
.qinput{
	vertical-align:central;
	margin-left:20%;
}
.smtable{width:96%;}
.smrow{padding:10px 0px 10px 0px;}

#message,input#inptext,#tag{width:80%;}
#indextbl{width:70%;}
#pc {display:block;}
#mobile {display:none;}

/* tweet_log.php table settings */

.tlrow{border-bottom:solid 1px #666;border-left:solid 1px #666;border-right:solid 1px #666;overflow:hidden; height: auto; float:none;}
.tlrow_edit{border-bottom:solid 1px #666;border-left:solid 1px #666;border-right:solid 1px #666;overflow:hidden; height: auto;background-color:#ffff93;display:none; float:none;}
.tlrow_th{border:solid 1px #666;overflow:hidden; height: auto;background-color:#333;color:#EEE;text-align:center;font-weight:bold;}
.tlrow_th_mobile{display:none;}
.tlrow div, .tlrow_edit div, .tlrow_th div{  
	float: left; 
	font-size:small; 
	padding:4px;
	padding-bottom: 3004px;  
	margin-bottom: -3000px;
	display: table-cell;
} 

#idbox{width:14%;border-right:solid 1px #666;vertical-align:middle;}
#labbox{ width:13%;border-right:solid 1px #666;}
#messagebox{word-break: break-all;width:63%;border-right:solid 1px #666;}
#statusbox{text-align:center; width:10%;vertical-align:central;}
input.expr {font-size:0.9em;padding:0px;margin:0px;height:auto;width:100%;}
input.rsvtime {font-size:0.9em;padding:0px;margin:0px;height:auto;width:100%;}
input.FB_title {font-size:small;padding:0px;margin-top:5px;height:auto;} 
textarea {font-size:small;padding:4px;}


/* analysis.php */
.analysis_table{width: 200px; height: 220px;}
.analysis_en{width: 300px; height: 220px;}
.analysis_monthly{width: 690px; height: 300px;}
.analysis_lab{width: 690px; height: 900px;}

/* admin.php  set Lab List */
.lablist_table td{font-size:small;color: #333;padding: 3px 3px;border:solid 2px #666;}
.lablist_table th{font-size:small;background-color:#333;color:#EEE;padding: 3px 3px;border:solid 2px #666;}
.lablist_table inupt{font-size:small;}

.period_div div{float:left;}
.period_div input{margin:0px;}
.pc_display{
    display:block;
}
.mobile_display{
    display:none;
}
.list_td_img{
    width:15%;    
}
.list_td_title{
    width:85%;    
}
.news_table{
    margin:0 10px;        
}
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
.qtitle {
	float:left;
	width:20%;
	text-align:right;
	vertical-align:central;
}
.qinput{
	vertical-align:central;
	margin-left:20%;
}
.smtable{width:100%;}
.smrow{padding:10px 0px 10px 0px;}

#message,input#inptext,#tag{width:80%;}
#indextbl{width:70%;}
#pc {display:block;}
#mobile {display:none;}

/* tweet_log.php table settings */

.tlrow{border-bottom:solid 1px #666;border-left:solid 1px #666;border-right:solid 1px #666;overflow:hidden; height: auto; float:none;}
.tlrow_edit{border-bottom:solid 1px #666;border-left:solid 1px #666;border-right:solid 1px #666;overflow:hidden; height: auto;background-color:#ffff93;display:none; float:none;}
.tlrow_th{border:solid 1px #666;overflow:hidden; height: auto;background-color:#333;color:#EEE;text-align:center;font-weight:bold;}
.tlrow_th_mobile{display:none;}
.tlrow div, .tlrow_edit div, .tlrow_th div{  
	float: left; 
	font-size:0.85em; 
	padding:4px;
	padding-bottom: 3004px;  
	margin-bottom: -3000px;
	display: table-cell;
} 

#idbox{width:17%;border-right:solid 1px #666;vertical-align:middle;}
#labbox{ width:14%;border-right:solid 1px #666;}
#messagebox{word-break: break-all;width:61%;border-right:solid 1px #666;}
#statusbox{text-align:center; width:8%;vertical-align:central;}
input.expr {font-size:0.9em;padding:0px;margin:0px;height:auto;width:100%;}
input.rsvtime {font-size:0.9em;padding:0px;margin:0px;height:auto;width:100%;}
input.FB_title {font-size:0.9em;padding:0px;margin-top:5px;height:auto;} 
textarea {font-size:0.9em;padding:4px;}

/* analysis.php */
.analysis_table{width: 130px; height: 170px;}
.analysis_en{width: 250px; height: 170px;}
.analysis_monthly{width: 535px; height: 250px;}
.analysis_lab{width: 535px; height: 700px;}

/* admin.php  set Lab List */
.lablist_table td{font-size:0.8em;color: #333;padding: 3px 3px;border:solid 2px #666;}
.lablist_table th{font-size:0.8em;background-color:#333;color:#EEE;padding: 3px 3px;border:solid 2px #666;}
input[type="button"]{font-size:0.8em;height:10px;}

.period_div div{float:left;}
.period_div input{margin:0px;}
.pc_display{
    display:block;
}
.mobile_display{
    display:none;
}
.list_td_img{
    width:15%;    
}
.list_td_title{
    width:85%;    
}
.news_table{
    margin:0 10px;        
}
}