﻿.searchMenuDetail{
	margin:0px auto;
	background:#ffffff;
	border:double 3px #d7d7b9;
	padding:5px;
	box-sizing:border-box;
}
.searchMenuDetail h1{
	margin-bottom:10px !important;
}


.searchMenuDetail h4 {
    color: rgb(60,55,40);
    line-height: 2em;
    height: 2em;
    padding-left: 30px;
    background: rgb(240, 235, 230);
    position: relative;
	padding-top:0px;
	padding-bottom:0px;
	font-size:16px;
	margin-bottom:20px;
}
.searchMenuDetail h4:after {
    content: "";
    top: 7px;
    left: 7px;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: url(../image/icon_flower.png) 0 0 no-repeat,rgb(215,175,100);
    background-size: 18px 18px,auto auto;
}
.searchMenuDetail {
	padding-bottom:20px;
}
.searchMenuDetail .searchMenuPrice label {
	display:inline-block;
	font-size:14px;
	line-height:24px;
	height:24px;
	vertical-align:top;
	margin:3px 3px 3px 4px; 
	width:calc(20% - 40px);
}
.searchMenuDetail .searchMenuPrice label:first-of-type,.searchMenuDetail .searchMenuPrice label:last-of-type,.searchMenuDetail .searchMenuCondition label:first-of-type,.searchMenuDetail .searchMenuCondition label:last-of-type {
	width:calc(20% - 40px);
}
.searchMenuPrice ,.searchMenuCondition
{ padding-bottom:20px; }
.searchMenuDetail input[type="checkbox"] {
	height:20px; width:20px; margin:6px 3px 3px 5px; 
}
.searchMenuDetail.searchMenuResult .searchMenuPrice { padding:0px 5px; }
.searchMenuDetail.searchMenuResult .searchMenuPrice input[type=checkbox]{ display:none;}
.searchMenuDetail.searchMenuResult .searchMenuPrice label {	width:auto; padding:0px 1px ; border-bottom:solid 1px #dddddd; font-size:12px;}
.searchMenuDetail.searchMenuResult .searchMenuCondition { padding:0px 5px; }
.searchMenuDetail.searchMenuResult .searchMenuCondition input[type=checkbox]{ display:none;}
.searchMenuDetail.searchMenuResult .searchMenuCondition label {	width:auto; padding:2px 2px 1px ; line-height:1em; height:1em; border-radius:2px; background: #f2efeb;  /*border-bottom:solid 1px #dddddd;*/}

.searchMenuDetail label {
	display:inline-block;
	font-size:12px;
	line-height:24px;
	height:24px;
	vertical-align:top;
	margin:3px 3px 3px 4px; 
	width:calc(20% - 40px);
}
.searchMenuCategory  {
	padding-bottom:20px;
}
.searchMenuDetail .searchMenuCondition .noneSpecified {
	display:inline-block;
	margin:3px 3px 3px 4px;
	padding:2px 2px 1px;
}


.searchMenuDetail div.searchSelectBox div.tableWrap {
	display:block; border:2px solid rgb(240, 235, 230); margin-bottom:10px; background:#ffffff;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table{
	width:100%;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table tr,
.searchMenuDetail div.searchSelectBox table.detailTable tr{
	border-bottom:1px solid rgb(240, 235, 230);
}
.searchMenuDetail div.searchSelectBox div.tableWrap table tr td,
.searchMenuDetail div.searchSelectBox table.detailTable tr td {
	text-align:left; text-justify:auto !important; line-height:1.3em;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table tr td.tdChkBox{
	width:25px; height:40px; border-left:1px solid rgb(240, 235, 230); padding:5px;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table tr td input[type=checkbox],
.searchMenuDetail div.searchSelectBox table.detailTable tr td input[type=checkbox]{
	height:24px; width:24px;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table tr td label,
.searchMenuDetail div.searchSelectBox table.detailTable tr td label {
	display:block; padding:17px 5px; cursor:pointer;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table.moneyTable tr td.tdChkBox,
.searchMenuDetail div.searchSelectBox table.detailTable tr td.tdChkBox{
	width:25px; height:40px; border-left:1px solid rgb(240, 235, 230); padding:5px 0 5px 5px;
}
.searchMenuDetail div.searchSelectBox div.tableWrap p.btnTableClose{
	text-align:center; font-weight:bold; line-height:40px; background:rgb(240, 235, 230); cursor:pointer;
}
.searchMenuDetail div.searchSelectBox div.tableWrap table.tableChkAll tr{
	border-bottom:3px double rgb(240, 235, 230);
	background:url(../image/bg_borderX.png); background-size:2px 2px;
}

div.pageSearchDetail {
}
.pageSearchDetail h1 {
	height:34px; line-height:34px; padding:0 10px 0 33px; letter-spacing:0.05em; color:rgb(170,20,20); margin:0;
	position:relative; background:rgb(255,255,255);
	border-top:2px solid rgb(215,215,185); border-bottom:1px solid rgb(215,215,185);
}
.pageSearchDetail h1:before{
	content:""; width:25%; height:2px; display:block; background:rgb(170,20,20);
	position:absolute; top:-2px; left:0;
}

.pageSearchDetail div.serchSelectBox{
	padding:10px;
}
.pageSearchDetail div.serchSelectBox h2 {
	color:rgb(60,55,40); line-height:32px; height:32px; padding-left:30px;
	background:rgb(240, 235, 230); position:relative;
}
.pageSearchDetail div.serchSelectBox h2:after{
	content:""; top:7px; left:7px; display:block;
	position:absolute; width:18px; height:18px;
	-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;
	background:url(../image/icon_flower.png) 0 0 no-repeat,rgb(215,175,100); background-size:18px 18px,auto auto;
}


.pageSearchDetail div.serchSelectBox table.detailTable{
	border:5px solid rgb(240, 235, 230); margin-top:4px; width:100%;
}
.pageSearchDetail div.serchSelectBox table.detailTable tr td.tdFreeword{
	padding:15px 10px;
}
.pageSearchDetail div.serchSelectBox table tr td input[type="text"] {
    background:rgb(248, 248, 248) none repeat scroll 0 0;
    border:1px solid rgb(215, 215, 185); border-radius:2px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 rgba(0, 0, 0, 0.3) inset;
    color: #777; font-size:13px; margin:0 -1px; padding:10px 2.5%; width:95%;
}
.pageSearchDetail div.serchSelectBox table tr td input[type="text"]:focus{
	color:#333; border:1px solid rgb(250,160,160); background:#fff;
}


.searchMenuDetail div.searchSelectBox{
	margin-bottom:20px;
}
.searchMenuDetail div.searchSelectBox div.subhead{
	box-sizing:border-box; height:36px; margin-top:4px; position:relative; padding-top:1px;
	border:1px solid rgb(215,215,185);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5, rgb(255, 255, 255)),color-stop(1, rgb(245, 245, 245)));
	background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
}
.searchMenuDetail div.searchSelectBox div.subhead.active {
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(255, 255, 255)),color-stop(1, rgb(245, 245, 245)));
	background-image: -o-linear-gradient(top, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -moz-linear-gradient(top, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: -ms-linear-gradient(top, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
	background-image: linear-gradient(to top, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 100%);
}
.searchMenuDetail div.searchSelectBox div.subhead span{
	display:block; position:absolute; height:17px; width:17px; top:8px; right:10px; cursor:pointer;
	background:url(../image/description_btn_open.png) 0 0 no-repeat; background-size:17px 17px; overflow:hidden; text-indent:-99px;
}
.searchMenuDetail div.searchSelectBox div.subhead:before {
	content:"";
	position:absolute;
	display:block;
	width:0px;
	right:36px;
	top:0px;
	height:34px;
	border-left:1px solid rgb(215,215,185);
}
.searchMenuDetail div.searchSelectBox div.subhead.active span{background:url(../image/description_btn_close.png) 0 0 no-repeat; background-size:17px 17px;}
.searchMenuDetail div.searchSelectBox div.subhead p{
	line-height:46px; padding:0 0 0 56px;
	color:rgb(60, 55, 40); font-weight:bold; line-height:46px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
}
.searchMenuDetail div.searchSelectBox div.subhead p.noIcon{
	padding:0 0 0 15px;
}
.searchMenuDetail div.searchSelectBox p.caution{
	padding:4px 0; color:rgb(170,20,20);
}
.searchMenuDetail div.searchSelectBox div.tableWrap label{
	font-size:12px; letter-spacing:-0.1em;
}
.searchMenuDetail div.searchSelectBox div.subhead label{
	font-size:14px;
}

.pageSearchDetail div.serchSelectBox div#cat2 p	{background:url(../image/side_icon_cat2.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat1 p	{background:url(../image/side_icon_cat1.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat7 p	{background:url(../image/side_icon_cat7.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat3 p	{background:url(../image/side_icon_cat3.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat6 p	{background:url(../image/side_icon_cat6.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat15 p	{background:url(../image/side_icon_cat15.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat4 p	{background:url(../image/side_icon_cat4.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat16 p	{background:url(../image/side_icon_cat16.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat8 p	{background:url(../image/side_icon_cat8.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat9 p	{background:url(../image/side_icon_cat9.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat11 p{background:url(../image/side_icon_cat11.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat10 p{background:url(../image/side_icon_cat10.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat5 p{background:url(../image/side_icon_cat5.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat17 p{background:url(../image/side_icon_cat17.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat18 p{background:url(../image/side_icon_cat18.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat19 p{background:url(../image/side_icon_cat19.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat12 p{background:url(../image/side_icon_cat12.png) 10px 50% no-repeat; background-size:32px 32px;}
.pageSearchDetail div.serchSelectBox div#cat13 p{background:url(../image/side_icon_cat13.png) 10px 50% no-repeat; background-size:32px 32px;}

.pageSearchDetail div.emphasiseBlock{
	padding:10px;
}
.pageSearchDetail div.emphasiseBlock p{
	padding:10px; border:1px solid rgb(215,215,185); text-align:center;
	background:url(../image/bg_borderX.png); background-size:2px 2px;
}
.pageSearchDetail div.emphasiseBlock p input[type=submit]{
	font-family:Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-appearance:button; cursor:pointer;
	border:none; background:rgb(220,40,60) !important; width:70%; display:block; margin:0 auto;
	color:#fff; font-weight:bold; font-size:14px; line-height:1em; letter-spacing:0.05em;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); -moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	padding:19px 10px 21px;
	-webkit-box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.45); box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.45);
}
.pageSearchDetail div.emphasiseBlock p input[type=submit]:hover {
	padding:20px 10px;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.45); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.45);
}
.pageSearchDetail div.emphasiseBlock p input[type=submit]:active {
	padding:22px 10px 18px;
	-webkit-box-shadow:inset 0 3px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0 3px 0 rgba(0, 0, 0, 0.45); box-shadow:inset 0 3px 0 rgba(0, 0, 0, 0.45);
}

div.category table tr.overAlert td{background:rgb(170,20,20); color:#fff; padding:5px 10px; line-height:1em;}
.searchMenuOptional {
	padding:0px 2px 15px;
}


.overAlert { color:rgb(170,20,20) ; font-weight:bold;}

.sideMenu > .search {
	margin-bottom: 10px; position: relative;
}