@charset "Shift_JIS";

/* ●●●表全体のデザイン●●● */


table.sample {
   border-collapse: collapse;
   background-color:#fff;
   font-size: 90%;
   font-family: Verdana,sans-serif;
   border:solid 1px #375786;              /*外枠の線*/
   padding:10px;
   -webkit-box-shadow : 5px 6px 7px #888; 
   -moz-box-shadow : 5px 6px 7px #888; 
   box-shadow : 5px 6px 7px #888; 
}

/* thは表のヘッダ(上部)の装飾 */
table.sample thead th {
   border-bottom: 3px double #375786;    /*ヘッダの下の二重線*/
   /*background-color: #e4e4e4;*/         /*ヘッダのバック色*/
   letter-spacing: 0.15em;            /*ヘッダの文字の間隔*/
   color:#fff !important;
}

/* ヘッダセルのデザイン */

table.sample th {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #375786;
   border-width: 1px;　　/*縦横の線*/
   color:#fff !important;
   text-shadow:1px 1px 1px #375786;
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aafe4', endColorstr='#6787b6'); /* for IE */ 
	background-image:-moz-linear-gradient(top, #aacff4, #6787b6);  /*(top, #93C204, #608009)*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aacff4), to(#6787b6), color-stop(1,#6787b6));
        background: -webkit-linear-gradient(top, #aacff4, #6787b6);
        background: -ms-linear-gradient(top, #aacff4, #6787b6);
        background: -o-linear-gradient(top, #aacff4, #6787b6);
}


/* tdはヘッダ以外のセルの装飾 */
table.sample td {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #375786;
   border-width: 1px;　　/*縦横の線*/
}

/* 3・6番目セルの装飾 */
   table.sample th.col06,table.sample td.col06,
   table.sample th.col03,table.sample td.col03 { 
   border-right: 1px solid !important;  /*右縦の線*//*!importantは優先*/
   border-color: #375786 !important;
}


/* 全体にテーブル列文字色サイズ */
 td { 
text-align:center; 
color: #000000;/*表の文字色*/
font-size: 95%; 
}

/* 個別にテーブル列文字色サイズ */
 td.col01 { 
text-align:; color:;
font-size:; 
}
 td.col02 { 
text-align:; color:;
font-size:; 
}
 td.col03 { 
text-align:; color:;
font-size:; 
}
 td.col04 { 
text-align:; color:;
font-size:; 
}
 td.col05 { 
text-align:; color:;
font-size:; 
}
 td.col06 { 
text-align:; color:;
font-size:; 
}
 td.col07 { 
text-align:; color:;
font-size:; 
}
 td.col08 { 
text-align:; color:;
font-size:80%; 
}
 td.col09 { 
text-align:; color:;
font-size:; 
}
 td.col10 { 
text-align:; color:;
font-size:; 
}
 td.col11 {
text-align:left; color:;
font-size:80%;
}




/* テーブル列幅指定 */
table { 
width:768px;　   /*表の幅*/
 }
 .col01 { 
width:4%;
 }
 .col02 { 
width:4%;
 }
 .col03 { 
width:15%;
 }
 .col04 { 
width:11%;
 }
 .col05 { 
width:10%;
 }
 .col06 { 
width:4%;
 }
 .col07 { 
width:4%;
 }
 .col08 { 
width:7%;
 }
 .col09 { 
width:4%;
 }
 .col10 { 
width:4%;
 }
 .col11 { 
width:33%;
 }

/* テーブル列非表示指定 */
/*.col06 {
    display: none;
    }*/
/*.col08 {
    display: none;
    }*/
/*.col09 {
    display: none;
    }*/
/*.col10 {
    display: none;
    }*/
/*.col11 {
    display: none;
    }*/





/* テーブル列幅指定px*/ 
/* .col01 { 
width:40px;
 }*/
/* .col02 { 
width:120px;
 }*/
/* .col03 { 
width:40px;
 }*/
/* .col04 { 
width:200px;
 }*/                 


/* ▼行にマウスが乗ったときの装飾 trで指定 */
table.sample tr:hover {
   background-color: #deedff; 
   color: #000000; /*文字色*/
}










dl, dt, dd {
  margin : 0;
  padding : 0;
}

dl {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : white;
  
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる solid*/
  border-width : 1 1 1 1;
  border-style : ;
  border-color : black;

 width  : 768px;    /*???????*/
}

dt {
  float : left;
  clear : both;
  /*width : 370px;*/
  border-width : 1 1 1 1; /* 上線だけ */
  border-style : ;
  border-color : black;
  padding-top:5px;
}

dd {
  /* dtの幅だけ横にずらしておく */
  /*margin-left : 375px;*/
  
  /* dlやdtとは異なった背景色を用いる */
  background-color : white;
  
  border-width : 1 1 1 1; /* 上線と，dt・ddの左右間の区切り */
  border-style : ;
  border-color : black;
  padding-top:5px;
}








/* ●●●表の上の表題＆メニューBar●●● */
/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img{
    margin: 0;
    padding: 0;
    border:0px;
}

header, section, footer, aside, nav, article, figure {
    display: block;
}

/* End of Reset */

.iPhoneBody{ 
      width:100%;    /*101%???????????*/
}

nav.horizontal{

}

.iPhoneBody nav.horizontal ul li.ab00 h3{
        margin: 20px 0px 0px 0px !important;　　/*表の上にある表題の位置・上から20*/
	height:30px;
        background: #8aacdf;	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aafe4', endColorstr='#375786'); /* for IE */ 
	background-image:-moz-linear-gradient(top, #8aafe4, #375786);  /*(top, #93C204, #608009)*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8aafe4), to(#375786), color-stop(1,#375786));
        background: -webkit-linear-gradient(top, #8aafe4, #375786);
        background: -ms-linear-gradient(top, #8aafe4, #375786);
        background: -o-linear-gradient(top, #8aafe4, #375786);
 
     	border-top:1px solid #aaccff; 
	border-bottom:1px solid #375786;

        -webkit-border-radius: 1em;
	-moz-border-radius: 1em;

        -webkit-box-shadow : 4px 4px 6px #888;margin-bottom:1em;   /*  ボックスシャドウ */
        -moz-box-shadow : 4px 4px 6px #888;margin-bottom:1em; 
        box-shadow : 4px 4px 6px #888;margin-bottom:1em;
}


 /*メニューボタンボックス */


nav.horizontal ul {
        width:200px;
}
nav.horizontal ul li.ab00{             
        width:100%;
	list-style:none;
	display:inline;
        /*float:left;*/
        font-size: 120%;
	font-weight:bold;
        text-align:center;
}
nav.horizontal ul li.ab00 h3{  　
	font-size: 100% !important;
	font-weight:bold;
	color:#fff;     
        text-align: center;     /*  これを取ると左に寄る */
        text-shadow: rgba(0,0,0,.5) 0 1.2px 0;
        padding:4px 0px 4px 0px;      /*  月の予定表の文字の位置 */
}





nav.horizontal ul li.ab01{
　　　　display: none; 	
}
nav.horizontal ul li.ab02{
　　　　display: none; 	
}
nav.horizontal ul li.ab03{
        display: none;
}

 /*戻るボタン */
nav.horizontal ul li.ab01 a{
	display: none !important;
}
 /*詳細ボタン */
nav.horizontal ul li.ab02 a{
	display: none !important;
}
nav.horizontal ul li.ab03 a{
        display: none !important;
}