@charset "utf-8";

#todayArea #listArea li,
#oshimekiriArea li,
#bjouhouArea li{ list-style-type:none; }

#todayArea{ margin-bottom:50px; }
#oshimekiriArea{ margin-bottom:50px; }
#bjouhouArea{ margin-bottom:50px; }
#calendarArea{ margin-bottom:50px; }

#todayArea{
	width:100%;
}
#todayArea div#todayTblDiv{
	display: table;
	width:100%;
}
#todayArea #pickupArea{
	display:table-cell;
	width:200px;
	/*padding-right:40px;*/
	border: 0px;
	-moz-border-radius: 5px;/*Firefox*/
	-webkit-border-radius:5px;/*Safari, Chrome*/
	border-radius:5px;
	background-color:#FDFCDC;
	padding:10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#dad7d7)";/*IE 8*/
	-moz-box-shadow: 2px 2px 2px #dad7d7;/*FF 3.5+*/
	-webkit-box-shadow: 2px 2px 2px #dad7d7;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 2px 2px 2px #dad7d7;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#dad7d7); /*IE 5.5-7*/
}
#todayArea #pickupArea .imgDiv {
	display:table-cell;
	width:200px;
	height:200px;
	vertical-align:middle;
	text-align:center;
}
#todayArea #pickupArea .imgDiv img {
	max-width: 200px !important;
	max-height: 200px;
}
#todayArea #pickupArea .titleDiv {
	margin:2px 0 0 0;
}
#todayArea #listArea{
	display:table-cell;
	vertical-align:top;
	padding-left:1.5%;
}

#listArea ul,
#oshimekiriArea ul,
#bjouhouArea ul{
	margin-left:0;
	width:100%;
}

#listArea li,
#oshimekiriArea li,
#bjouhouArea li{
	display:table;
	border-bottom:1px dotted #ccc;
	width:100%;
}

#listArea li div.edtDiv,
#oshimekiriArea li div.edtDiv,
#bjouhouArea li div.edtDiv{
	display:table-cell;
	vertical-align:middle;
	padding-right:6px;
	width:90px;
}

#listArea li div.titleDiv,
#oshimekiriArea li div.titleDiv,
#bjouhouArea li div.titleDiv{
	display:table-cell;
}

.moreDiv{
	text-align: right;
}

#naviDiv{
	text-align: right;
	margin-bottom:12px;
}

#daysDiv a{ text-decoration: none; padding:3px; }
.youbi_blue { background:#87CEEB; }
.youbi_red { background:#FFC0CB; }
dl.blue { background:#D7EAF9; }
dl.red { background:#FFE2FF; }
dl.def { background:#E0E0E0; }

dl.dayDl{ margin:10px 0 40px 0; }
dl.dayDl dt{
	margin:0;
	padding:6px 20px;
}
dl.dayDl dd{
	margin:-16px 0 0 0;
	padding:10px;
}

table.elistTbl { background:#fff; }
table.elistTbl td.td2{ line-height: 180%; }
table.elistTbl th:nth-child(1){ width:180px; }
table.elistTbl th:nth-child(2){ width:80px; }
table.elistTbl th:nth-child(3){ width:300px; }
table.elistTbl th:nth-child(4){ width:140px; }
table.elistTbl th:nth-child(5){ /*width:80px;*/ }

ul.elistUl { margin:0; padding:0; background:#fff; }
ul.elistUl li{ margin:0; padding:0; list-style: none; border: 1px dotted #ccc; }
ul.elistUl li .acdDl { margin:0; padding:0; }
ul.elistUl li .acdDl dt { display: table; width:98%; font-weight: normal; margin:6px; padding:0; }
ul.elistUl li .acdDl dd { display:none; margin:0; padding:0 0 0 12px; }
ul.elistUl li .acdDl dd p{ margin:0; }
ul.elistUl li .acdDl dt div.tglDiv { display: table-cell; width:12px; vertical-align: bottom; }
ul.elistUl li .acdDl dt div.titleDiv { display: table-cell; }
ul.elistUl li .acdDl dt .tglBtn { display: inline-block; cursor:pointer; line-height: 100%; text-align: center; margin:0 6px 0 16px; padding:0; border:1px solid #ccc; }


/*===============================================
●［スマホ用］ 画面の横幅が659pxまで
===============================================*/
@media screen and (max-width:659px){
	#todayArea #listArea{
		display:block;
	}
	#todayArea #pickupArea{
		display:block;
		margin-bottom:40px;
		width:100%;
		padding:0;
	}
	#todayArea #pickupArea .imgDiv{
		display:block;
		width:100%;
		text-align:center;
	}
	#todayArea #pickupArea .titleDiv p{
		display:table-cell;
	}
	#todayArea #pickupArea .titleDiv a{
		display:table-cell;
		padding-left:10px;
	}
	/*#todayArea #pickupArea{
		display:none;
	}*/
	/*#daysDiv{ display:none; }*/

	/*table.elistTbl .th1,
	table.elistTbl .th2,
	table.elistTbl .th3,
	table.elistTbl .th4,
	table.elistTbl .th5,
	table.elistTbl .td1,
	table.elistTbl .td4,
	table.elistTbl .td5{
		display:none;
	}*/

	table.elistTbl{ display: none; }
	ul.elistUl{ display: block; }
}
/*===============================================
●［タブレット用］画面の横幅が660pxから769pxまで
===============================================*/
@media screen and (min-width: 660px){
	ul.elistUl{ display: none; }
}
/*===============================================
●［PC用］画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px){
	ul.elistUl{ display: none; }
}