body {
/*  background-image:url(/mypage/images/fabric.png); */
  background-image: url(/mypage/static/assets/img/bg-tree.png);
  background-color: $f6f6f6;
  line-height:1.4;
  font-family:Arial, sans-serif;
  color:#222;
}
@media screen and (max-width: 430px){
body {
  margin: 1px;
  padding: 1px;
  font-size:0.93em;
  line-height:1.3;
}
}
@media screen and (max-width: 350px){
body {
  font-size:0.90em;
  line-height:1.3;
}
}
h1 { font-size: 1.3rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.1rem; }

/*
 * HOME
 */
#home{
  background-color: #90EE90 ;
  color: #441144;
  font-weight: bold;
  margin-right: 9px;
}

#userdialog {
  font-size: medium;
}
/*
.ui-button .ui-button-text {
    font-size: smaller;
}
.ui-button-text-only .ui-button-text {
    padding: 0.2em 0.4em;
}
*/
/**
 * Menu
 */
/*
#primary{
  display:block;
  border:1px solid #7D7D7D;
  font-size: 14px;
}
*/
#primary ul {
  list-style-type: none;
  padding: 0;
}
#primary ul.links li {
  float: left;
  text-align:center;
  width:120px;
  height:55px;
  border-left: 0;
  padding:3px;
  margin:3px;
}

#primary div.menuitem {
  width:118px;
  height:52px;
  background-image: url(/mypage/images/scoreback.png); 
  text-align:center;
}

@media screen  and (max-width: 430px){
#primary ul {
  display: table;
}
#primary ul.links li {
  display: table-cell;
  width:30%;
  height:43px;
  padding:1px;
  margin:2px;
}
#primary div.menuitem {
  width:100%;
  height:40px;
}
}

#attension em {
  font-style: normal;
  color: #F30;
  margin-right:0.1em; padding-right:0.2em; 
}
/*
 リンクアイコン (PDF)
*/
a.pdf{
  padding-left: 26px;
  background: url(/mypage/images/Adobe_PDF_file_icon_24x24.png) center left no-repeat;
}

/*
 * 検索結果
 *   align="center" border="1" cellspacing="1" width="98%">
 */

@media screen {
table.list { min-width: 265px; }
#userdialog { min-width: 310px; }
#buildings  { margin: 10px; width: 310px; }
}
@media screen  and (max-width: 360px){
table.list { min-width: 98%; }
#userdialog { min-width: 98%; }
#buildings  { width: 98% }
}

table.list {
/*  margin-left: auto; */
/*  margin-right: auto; */
  border: 1px #666666 solid;
  border-collapse:collapse;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

table.textdetail {
  border: 0px none;
  border-collapse:collapse;
  border-top: 0px none #000;
  border-left: 0px none #000;
/*  margin-left: 5px; */
  width: 96%;
}

table.textdetail th,
table.textdetail td {
	font-size: 91%;
        padding: 1px;
}

/*
 * 表
 */

.list > thead > tr > th {
  background-color: #9999ff;
  color:  white;

  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.list > tbody > tr > th,
.list > tbody > tr > td {
  border: 1px black solid;
  word-wrap:break-word;
}

.list th {
  font-weight:    normal;
}

.list th,
.list td {
        padding: 2px;
}

table.list td.mark,
table.list th.mark {
	text-align: center;
/*        width: 1em; */
	min-width: 1em; 
	max-width: 2em;
}

.list thead th.num {
        width: 2.5em;
}
table.list td.number {
	text-align: center;
}
table.list td.digit, table.list th.digit {
	width: 1em;
	text-align: center;
}

.list thead th.username {
        width: 6.5em;
}

.list thead th.category {
        width: 5.5em;
}

.list thead th.format {
        width: 3em;
}

/* yyyy/mm/dd */
.list thead th.date, .list td.date {
        width: 5.4em;
}
.list td.date {
        text-align: center;
}
/* mm/dd */
.list thead th.mday .list tbody td.mday {
        width: 2.5em;
        text-align: center;
}

.list thead th.quality{
        width: 2.2em;
}

.list > tbody > tr > th {
        background-color: #f0f4f8;
        color:  black;
}

.list > tbody > tr > td {
        background-color: #fafafa;
        color:  black;
}
.list > tbody > tr.reserved > td {
	background-color: #e0ecec;
}
.list > tbody > tr.payed > td {
	background-color: #e0fcec;
}

.list > tbody > tr.sum > td {
        background-color: #ccffcc;
        color:  black;
}
.list > tbody > tr.msum > td {
        background-color: #ccff99;
        color:  black;
}

.list > tbody > tr.thread_sub > td {
        background-color: #f4f4f4;
        color: #444444;
}

.list > tbody > tr.thread_even > td {
        background-color: #f4f6fa;
}

.list > tbody > tr.thread_odd > th {
        background-color: #fafaee;
}
.list > tbody > tr.thread_odd > td {
        background-color: #fafaee;
}
.list > tbody > tr.dim > td {
        background-color: #e6e6e6;
}

/*
 * 発表コメント 
 */
#examcomment ol,
#examcomment ul {
    padding-left: 1em;
    text-indent: -1em;
    list-style: outside none none;
}

/*
 * テキスト本問解答
 */
@media screen and (min-width: 360px) {
div.prints > table {
  min-width: 353px;
}
}

@media screen and (max-width: 360px){
div.prints > table {
  margin: auto;
  width: 98%;
}
}
/*
 * テキスト入荷状況
 */
table.list tr.texts td {
	background-color: #ffffe0;
}
	

/*
 * 道順
 */
img.map_seg {
  width: 366px; // 733x
}
img.map_google {
  width:94px; // height:72px;
}
@media screen and (max-width: 500px){
img.map_seg {
  width: 74%; // 733x
}
img.map_google{
  width: 22%;
}
}