@charset "utf-8";

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

	filename:	dialog.css
	created:	071020
	update:		080318

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

/* ------------------------------------------------------------ 基本設定 */
div#mainContentsWrapSecond { padding-left: 20px; }

div#mainContents div#dialog {
	width: 320px;
	border-color: #b5cedf;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

div#mainContents div#dialog p,
div#mainContents div#dialog ul li,
div#mainContents div#dialog dl dt,
div#mainContents div#dialog dl dd { font-size: 120%; }

div#dialog p,
div#dialog ul li,
div#dialog dl dt,
div#dialog dl dd,
div#searchParameter p,
div#searchParameter ul li { font-size: 120%; }

/* ------------------------------------------------------------ レイアウト */
div#TB_window {
	background: none;
	border: none;
	padding-left: 15px;
}/* --- thickbox */

div#dialog,
div#searchParameter {
	width: 100%;
	background: none;
	border: 2px solid #EBEBEB;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

div#dialog div.innerWrap {
	border-color: #b5cedf;
	border-width: 0 1px 1px 0;
	border-style: solid;
	padding: 0;
	margin-right: 0;
	background-color: #dceaf3;
	background-image: url(/SYS/cmn/images/common/dialog/bg_01.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#searchParameter div.innerWrap {
	border-color: #D5D2CD;
	border-width: 0 1px 1px 0;
	border-style: solid;
	padding: 0;
	margin-right: 0;
	background-color: #f8f5ed;
	background-image: url(/SYS/cmn/images/common/dialog/bg_dialog_search_01.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#dialog { width: 290px !important; }

/* ------------------------------------------------------------ ダイアログ */
div#dialog h2 {
	float: left;
	margin: 7px 0 3px 6px;
	padding-left: 9px;
	background-image: url(/SYS/cmn/images/common/dialog/bg_h2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #3e6582;
}

div#searchParameter h2 {
	float: left;
	margin: 8px 0px 7px 10px;
	background-image: none;
	padding: 0px 0px 0px 4px;
	border-left: 5px solid #fac786;
	font-size: 140%;
	font-weight: bold;
}

div#dialog p.closeBtn,
div#searchParameter p.closeBtn {
	clear: none;
	float: right;
	background: url(/SYS/cmn/images/common/dialog/btn_close.gif) left 0.3em no-repeat;
	margin: 8px 10px 0 10px;
	padding-left: 13px;
	cursor: pointer;
}

div#searchParameter p.closeBtn { background-position: left center; }

div#dialog p {
	margin-top: 0;
	border: none;
	background: none;
	margin-left: 4px;
	margin-right: 10px;
	padding: 0;
	margin-bottom: 5px;
	color: #3e6582;
	font-weight: bold;
}

div#dialog p { clear: both; }

div#dialog h2 { font-weight: bold; }

div#dialog div.itemsA {
	clear: both;
	padding-top: 10px;
	background-image: url(/SYS/cmn/images/common/dialog/bg_02.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#dialog p.image {
	display: inline;
	width: 38px;
	float: left;
	margin-left: 13px;
}

div#dialog div.txt {
	clear: none;
	float: left;
	width: 226px;
	display: block;
	margin-left: 0;
}

div#dialog div.txt p { clear: none; }

div#dialog div.boxedItem p,
div#dialog div.boxedItem ul li { font-size: 100%; }

div#dialog div.boxedItem *:last-child { margin-bottom: 0; }

div#dialog ul.btn {
	text-align: center;
	margin: 0 10px 10px 10px;
}

div#dialog ul.btn li {
	border: none;
	display: inline;
	float: none;
	margin: 0 5px;
	cursor: pointer;
}

div#dialog ul.logRegBtn {
	text-align: left;
	margin: 0 10px 10px 10px;
}

/* container.cssからコピー */
div#dialog div.boxedItem {
	margin: 0 10px 20px 0;
	padding: 3px 0 3px 0;
	clear: both;
	background-color: #FFF;
	border: 1px solid #CCC;
}

* html div#dialog div.boxedItem { margin: 0 10px 10px 0; }

div#dialog div.attention {
	font-size: 100%;
	background-color: #fff8e0;
	border: none;
}

div#dialog div.attention p.attention {
	margin-bottom: 0;
	color: #cc0000;
	font-weight: normal;
}

div#dialog div.attention ul.notes {
	margin-left: 4px;
	padding-left: 1.6em;
	text-indent: -1.6em;
}

div#dialog div.attention ul.notes li { color: #666666; }

ul.notes li span {color: #C00; }

/* ------------------------------------------------------------ 検索パネル */
div#searchParameter form {
	clear: both;
	padding: 7px 9px 6px 9px;
	background-image: url(/SYS/cmn/images/common/dialog/bg_dialog_search_02.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#searchParameter ul#checkList { margin-bottom: 10px; }

div#searchParameter ul#checkList li {
	width: 30%;
	float: left;
	text-indent: -20px;
	padding-left: 20px;
}

body:first-of-type div#searchParameter ul#checkList li {
	text-indent: -16px;
	padding-left: 16px;
}

body:first-of-type div#searchParameter ul#checkList li input { vertical-align: baseline; }

div#searchParameter p#allcheck input { vertical-align: middle; }

/* dim */
ul.narrowDownSPList li.dim,
div#searchParameter ul#checkList li.dim,
div#searchParameter ul#checkList li.dim span.number { color: #CCC; }

/* For IE6 IE7 \*/
* html div#searchParameter p#allcheck input,
* html div#searchParameter p#allcheck img { vertical-align: middle; }

*:first-child+html div#searchParameter p#allcheck input,
*:first-child+html div#searchParameter p#allcheck img { vertical-align: middle; }

/* For Safari
body:first-of-type p#allcheck input { margin-left: 4px; }

body:first-of-type div#searchParameter p#allcheck img {
	margin-top: 1px;
	margin-left: 3px;
}*/

div#searchParameter p#allcheck {
	width: 118px;
	height: 22px;
	padding: 2px 0 0 0;
	background-image: url(/SYS/cmn/images/common/dialog/bg_check.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

* html div#searchParameter p#allcheck { padding-top: 1px; }

*:first-child+html div#searchParameter p#allcheck { padding-top: 1px; }

* html div#searchParameter p#allcheck span { margin-left: -3px; }

*:first-child+html div#searchParameter p#allcheck span { margin-left: -3px; }

div#searchParameter p#allcheck span img { margin-top: -2px; margin-left:-3px; }

div#searchParameter ul.btn { text-align: right; }

div#searchParameter ul.btn li {
	display: inline;
	margin-right: 2px;
}

div#searchParameter ul.btn li.lastChild { margin-right: 0px; }

/* さらに特集・シーンで絞り込む */
div.narrowDownSPBox {
	clear: both;
	padding: 7px 0 6px 9px;
	background: url(/SYS/cmn/images/common/dialog/bg_dialog_search_02.gif) no-repeat 0 0;
}

.scrollBox {
	height: 484px;
	overflow:auto;
}

div.narrowDownSPBox h3 {
	margin-bottom: 5px;
	font-size: 140%;
	font-weight: bold;
}

ul.narrowDownSPList li {
	float: left;
	margin: 0 10px 10px 0;
	padding-left: 8px;
	width: 153px;
	background: url("/SYS/cmn/images/common/mark_links.gif") no-repeat -5px 2px;
}


/* ------------------------------------------------------------ clearfix */
div#dialog div.innerWrap:after,
div#searchParameter div.innerWrap:after,
div#searchParameter ul#checkList:after,
div#searchParameter ul.narrowDownSPList:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#dialog div.innerWrap,
div#searchParameter div.innerWrap,
div#searchParameter ul#checkList,
div#searchParameter ul.narrowDownSPList { display: inline-table; }

* html div#dialog div.innerWrap,
* html div#searchParameter div.innerWrap,
* html div#searchParameter ul#checkList,
* html div#searchParameter ul.narrowDownSPList { height: 1%; }

div#dialog div.innerWrap,
div#searchParameter div.innerWrap,
div#searchParameter ul#checkList,
div#searchParameter ul.narrowDownSPList {
	display: block;
	zoom: 1;
}


/* EOF */