@charset "Shift_JIS";

/* ●●●表全体のデザイン●●● */
html {
  background-color:#ecf2fb !important;
}


table.sample {
   border-collapse: collapse;
   background-color:#fff;
   font-size: 75%;
   font-family: Verdana,sans-serif;
   border:solid 1px #375786;              /*外枠の線*/
   padding:10px;
   box-shadow:3px 3px 8px rgba(0,0,0,0.8);margin-bottom:1em;  /*  ボックスシャドウ */
}

/* 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:; 
}

/* 個別にテーブル列文字色サイズ */
 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:; 
}
 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:318px;
 }
 .col01 { 
width:11px;
 }
 .col02 { 
width:9px;
 }
 .col03 { 
width:121px;
 }
 .col04 { 
width:93px;
 }
 .col05 { 
width:65px;
 }
 .col07 { 
width:9px;
 }

 /*.col06 { 
width:4%;
 }
 .col08 { 
width:4%;
 }
 .col09 { 
width:4%;
 }
 .col10 { 
width:4%;
 }
 .col11 { 
width:26%;
 }*/





/* テーブル列非表示指定 */
.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の上部線のように見せる */
  border-width : 1 1 1 1;
  border-style : ;
  border-color : black;

  width  : 310px;
}

dt {
  /* float : left; */
  /* clear : both; */
  /* width : 150px 100%; */
  width : 100%;
  
  border-width : 1 1 1 1; /* 上線だけ */
  border-style : ;
  border-color : black;

  font-weight : ;
  
  /* paddingを設定するとdtがdlの横幅をはみ出すので，かわりにindentを使う */
  /* padding : 5px; */
  text-indent : 5px;
}

dd {
  /* margin-left : 150px; */
  
  /* dlやdtとは異なった背景色を用いる */
  background-color : white;
  
  /* border-width : 1 0 0 1; */
  border-width : 1 1 1 1;  /* 上線だけ */
  border-style : ;
  border-color : black;

  padding : 5px;
}


/* ●●●表の上の表題＆メニューBar●●● */



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


nav.horizontal{
}


.iPhoneBody nav.horizontal ul{
	height:50px;
        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 #203a53;

         /*box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);*/ /*影を有効にするとバーに分割ラインが出る */

}


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

nav.horizontal ul {
        width:33.333%;
        float:left;
}



nav.horizontal ul li.ab01{
　　　　width:30px;
	list-style:none;
	display:inline;
	float:left;
     	border-left:1px solid #3e779d; 	
}

nav.horizontal ul li.ab02{
　　　　width:30px;
        list-style:none;
	display:inline;
	float:right;
     	border-right:1px solid #3e779d; 

}

nav.horizontal ul li.ab00{             
        width:auto;
	list-style:none;
	display:inline;
        /*float:left;*/
        font-size: 110% !important;	
	font-weight:bold;
        text-align:center;
     	border-right:0px solid #3e779d;
     	border-left:0px solid #3e779d;
}

nav.horizontal ul li.ab03{
　　　　display: none;	                         /*詳細ボタンを消してます*/	
}



 /*戻るボタン */
nav.horizontal ul li.ab01 a{
	display:block;
	height:28px;
	margin:2px 3px 2px 3px !important;
	padding:15px 7px 0px 4px !important;/*文字と枠の距離 */
　　　　margin-right: auto;                  /*これを入れたら離れた */
	
	font-size:12px;
	font-weight:bold;
	color:#fff;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
	text-transform:uppercase;
	text-decoration:none;
	
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box; 

	background: #8aacdf;	

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aafe4', endColorstr='#375786'); /* for IE */ 
	background-image:-moz-linear-gradient(top, #8aafe4, #6787b6);  /*#161616, #2B3615*/
	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);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	
	border:1px solid #7797c6;     /*#aaccff*/

}




 /*詳細ボタン */
nav.horizontal ul li.ab02 a{
	display:block;
	height:28px;
	margin:2px 3px 2px 3px !important;
	padding:15px 12px 0px 12px !important;
　　　　margin-left: auto;                   /*これを入れたら離れた */
	
	font-size:12px;
	font-weight:bold;
	color:#fff;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
	text-transform:uppercase;
	text-decoration:none;
	
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;

        background: #8aacdf;	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aafe4', endColorstr='#375786'); /* for IE */ 
	background-image:-moz-linear-gradient(top, #8aafe4, #6787b6);  /*#161616, #2B3615*/
	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);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	
	border:1px solid #7797c6;     /*#aaccff*/
}


nav.horizontal ul li.ab00 h3{  　
        font-size: 110% !important;	
	font-weight:bold;
	color:#fff;     
        text-align: center;     /*  これを取ると左に寄る */
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        padding:15px 3px;      /*  月の予定表の文字の位置 */
   
}


 /*詳細ボタンhover */
nav.horizontal ul li.ab03 a{
        display: none;               /*詳細ボタンを消してます*/
}


nav.horizontal ul li a:hover{
	border:1px solid #aaccff;     /*#7797c6*/
        text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}


nav.horizontal ul li a:active{

        background: #274776;	
        text-shadow: rgb(255, 255, 255) 0px 0px 5px;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#274776', endColorstr='#6787b6'); /* for IE */ 
	background-image:-moz-linear-gradient(top, #274776, #6787b6);  /*#161616, #2B3615*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#274776), to(#6787b6), color-stop(1,#6787b6));
        background: -webkit-linear-gradient(top, #274776, #6787b6);
        background: -ms-linear-gradient(top, #274776, #6787b6);
        background: -o-linear-gradient(top, #274776, #6787b6);
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	
	border:1px solid #aaccff;     /*A3D804*/
	
	box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
}