@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	diary.css
	created:	080707
	update:		090303
	  
------------------------------------------------------------ */
/*-------------------------------------------------------------- h1 */

div#mainContents div#mainContentsWrapSecond h1 {
	line-height: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-image: none;
	font-size: 0;
}

/*-------------------------------------------------------削除・共有ボタン*/

div#mainContents ul.btn { margin: 0; }

div#mainContents ul.btn li.deleteBtn {
	float: left;
	width: 49%;
	padding-bottom: 11px;
}

div#mainContents ul.btn li.shareBtn {
	float: right;
	width: 49%;
	padding-bottom: 11px;
	text-align: right;
}

div#mainContents div.shopInfo ul.btn li { line-height: 0; }

/* ------------------------------------------------------------ プラットフォーム */
/* 検討リスト */
div#mainContents div.keepList { margin-bottom: 10px; }

div#mainContents div.keepItem,
div#mainContents div.keepItemHeader {
	clear: both;
	margin-left: 20px;
	border-width: 0 0 1px 0;
	border-color: #e2dfd8;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents div.keepItem {
	background-image: url(/SYS/cmn/images/DCS01010_bg_div_02.gif);
	background-color: #F4F2EE;
}

div#mainContents div.keepItemHeader { background-image: url(/SYS/cmn/images/DCS01010_bg_div_01.gif); }

div#mainContents div.keepItem p,
div#mainContents div.keepItemHeader p { margin: 0; }

div#mainContents div.keepItemHeader p {
	font-size: 100%;
	font-weight: bold;
}

div#mainContents div.keepItem div.shopInfo,
div#mainContents div.keepItem div.photo,
div#mainContents div.keepItem div.budget,
div#mainContents div.keepItem div.shopHours,
div#mainContents div.keepItem div.holiday,
div#mainContents div.keepItem div.access,
div#mainContents div.keepItemHeader div.shopInfo,
div#mainContents div.keepItemHeader div.photo,
div#mainContents div.keepItemHeader div.budget,
div#mainContents div.keepItemHeader div.shopHours,
div#mainContents div.keepItemHeader div.holiday,
div#mainContents div.keepItemHeader div.access { float: left; }

div#mainContents div.keepItem div.shopInfo {
	width: 185px;
	padding: 9px 10px;
}

div#mainContents div.keepItemHeader div.shopInfo { width: 205px; }

div#mainContents div.keepItem div.photo,
div#mainContents div.keepItemHeader div.photo { width: 116px; }

div#mainContents div.keepItem div.photo {
	padding-top: 5px;
	text-align: center;
}

div#mainContents div.keepItem div.budget {
	width: 60px;
	padding: 6px 10px 6px 0;
	text-align: right;
}

div#mainContents div.keepItemHeader div.budget { width: 70px; }

div#mainContents div.keepItem div.shopHours {
	width: 90px;
	padding: 5px 10px;
}

div#mainContents div.keepItemHeader div.shopHours { width: 110px; }

div#mainContents div.keepItem div.holiday {
	width: 65px;
	padding: 5px;
}

div#mainContents div.keepItemHeader div.holiday { width: 75px; }

div#mainContents div.keepItem div.access {
	width: 123px;
	padding: 5px 10px;
}

div#mainContents div.keepItemHeader div.access { width: 143px; }

div#mainContents div.boxedItem { margin: 30px 0 10px 20px; }

div#mainContents div.keepItemHeader div.shopInfo,
div#mainContents div.keepItemHeader div.photo,
div#mainContents div.keepItemHeader div.budget,
div#mainContents div.keepItemHeader div.shopHours,
div#mainContents div.keepItemHeader div.holiday,
div#mainContents div.keepItemHeader div.access {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}

div#mainContents div.keepItem div.shopInfo p { margin-bottom: 2px; }

div#mainContents div.keepItem div.shopInfo ul { margin: 0 0 10px 0; }

div#mainContents div.keepItem div.shopInfo ul li { font-size: 100%; }

div#mainContents div.keepItem div.shopInfo ul li.shopname { font-size: 120%; }

div#mainContents div.keepItem div.shopInfo ul li.shopname a { font-weight: bold; }

div#mainContents div.keepItem div.shopInfo ul.btn li { float: left; margin-right: 5px; }

div#mainContents div.keepItem div.photo p {
	margin: 0 28px;
	width: 58px;
	height: 58px;
	text-align: center;
	border: solid 1px #ECECEC;
	background-color: #FFF;
	text-align: center;
}

div#mainContents div.keepItem div.photo p a {
	display: block;
	width: 58px;
	height: 58px;
}

/* テーブルソート */
div#mainContents div.keepItemHeader div.budget span {
	display: block;
	position: relative;
	padding: 0 15px;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}

div#mainContents div.keepItemHeader div.budget span img.sortDown {
	position: absolute;
	top: 2px;
	left: 7px;
}

div#mainContents div.keepItemHeader div.budget span img.sortUp {
	position: absolute;
	top: 2px;
	right: 7px;
}

* html div#mainContents div.keepItemHeader div.budget span img.sortUp,
* html div#mainContents div.keepItemHeader div.budget span img.sortDown { top: 0; }

* html div#mainContents div.keepItemHeader div.budget span img.sortDown {
	top: 0;
	left: -17px;
}

*:first-child+html div#mainContents div.keepItemHeader div.budget span img.sortUp,
*:first-child+html div#mainContents div.keepItemHeader div.budget span img.sortDown { top: 0; }

/* ------------------------------------------------------------ boxedItem */
div#mainContents div.support { background-image: none; }

/* ------------------------------------------------------------ Clearfixes */
div#mainContents ul.btn:after,
div#mainContents div.keepItem:after,
div#mainContents div.keepItemHeader:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContents ul.btn,
div#mainContents div.keepItem,
div#mainContents div.keepItemHeader { display: inline-table; }

* html div#mainContents ul.btn,
* html div#mainContents div.keepItem,
* html div#mainContents div.keepItemHeader { height: 1%; }

div#mainContents ul.btn,
div#mainContents div.keepItem,
div#mainContents div.keepItemHeader {
	display: block;
	zoom: 1;
}

/* EOF */