@charset "utf-8";

/* ------------------------------------------------------------

	filename:	diary.css
	created:	080707
	update:		090303

------------------------------------------------------------ */
/*-------------------------------------------------------------- h1 */

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

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

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 { }

/* ------------------------------------------------------------ プラットフォーム */
/* とりあえずキープ */
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;
	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 */

/* check list */
*:first-child+html ul.btn li.keeplistBtn img,
*:first-child+html ul.btn li.diaryBtn img
 {
	margin-top: 0;
 }

/* mypage内のダイアログ(新トンマナ)
----------------------------------------------------------------------*/
.mypagePopupTop,
.addListPopupTop {
	background: url(/SYS/cmn/images/front_002/bg_addlist_popup_top.png) no-repeat 0 0;
	padding-top: 6px;
	margin: 0 3px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.mypagePopupBottom,
.addListPopupBottom {
	background: url(/SYS/cmn/images/front_002/bg_addlist_popup_bottom.png) no-repeat 0 bottom;
	background-color:  rgba(0, 0, 0, 0.2);
	padding-bottom: 6px;
}
.mypagePopupInner,
.addListPopupInner {
	position: relative;
	border-right: 3px solid #A3A8AF;
	border-left: 3px solid #A3A8AF;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}
div#dialog div.innerWrap {
	background: none #FFFFFF;
	border: none;
}
.mypagePopupHeaderWrapper,
.addListHeaderWrapper {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px 14px;
	background: #EFEFED;
}
.mypagePopupHeader,
.addListHeader {
	font-size: 16px;
	font-weight: bold;
}
.mypagePopupContent,
.addListContent {
	background-color: #FFFFFF;
	padding: 0 12px 0 10px;
}
.mypagePopupContentTextWrapper,
.addListContentTextWrapper {
	padding: 9px 0 8px 3px;
}
.mypagePopupContentText,
.addListContentText {
	font-size: 14px;
	color: #D2232A;
	line-height: 20px;
	margin-left: 8px;
	overflow: hidden;
	padding-left: 5px !important;
}
.mypagePopupAttentionWrap {
	padding: 9px 0 8px 0;
}
.mypagePopupContentAttention {
	padding: 10px;
	background: #EFEFED;
}
.mypagePopupContentAttention > .attentionTxt {
	font-weight: bold;
	color: #E73820;
}
#TB_ajaxContent .mypagePopupInner p {
	padding: 0;
}
.mypagePopupCloseBtn {
	position: absolute;
	right: 2px;
	bottom: -32px;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.mypagePopupBtnList {
	margin-left: 60px;
}
.mypagePopupBtnList > li {
	float: left;
	margin-left: 25px;
}
.addListContentList > li {
	font-size: 14px;
	border-top: 1px dotted #CCCCCC;
}
.TB_window_addList .addListContentListReg {
	padding: 10px 2px 10px 4px;
}
.TB_window_addList .addListContentListLogin {
	padding: 10px 2px 4px 4px;
}
.TB_window_addList #TB_ajaxContent p {
	padding: 0;
}
.TB_window_addList .closeBtn {
	position: absolute;
	right: 2px;
	bottom: -32px;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}