@charset "shift_jis";

/* 検索ツール全体
--------------------------------------------------------------- */
.gadget_tool_base {
}
/* 横が小さいページ */
.tool_page .contents_left {
	width: 730px;
}
.tool_page .contents_right {
	width: 220px;
}

/* 共通ツール
--------------------------------------------------------------- */
.text_s {
	font-size: 80%;
}
hr.tool_line {
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	font-size: 1px;
	height: 0;
}
.hover_btn {
	cursor: pointer;
	transition: opacity 0.1s linear 0;
	-moz-transition: opacity 0.1s linear 0;
	-webkit-transition: opacity 0.1s linear 0;
	-o-transition: opacity 0.1s linear 0;
	-ms-transition: opacity 0.1s linear 0;
}
.hover_btn:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.delete_btn {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
input.delete_btn {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border: none;
	background: #ccc;
	color: #fff!important;
	width: 20px;
	text-align: center;
	line-height: 1;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none!important;
}

/* ガジェット共通
--------------------------------------------------------------- */
.gadget_title {
	border: 1px solid #ddd;
	background: #eee;
	padding: 4px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.gadget_title span {
	display: block;
	border: 5px solid #fff;
	background: url(../img/gadget_title_icon.png) no-repeat 7px center #fcfcfc;
	padding: 5px;
	padding-left: 25px;
	font-weight: bold;
	color: #666;
}
.gadget_title span.icon_search {
	background-image: url(../img/gadget_title_icon_search.png);
}
.gadget_title span.icon_check {
	background-image: url(../img/gadget_title_icon_check.png);
}
.gadget_title span.icon_brand {
	background-image: url(../img/gadget_title_icon_brand.png);
}
.gadget_title span.icon_no {
	padding-left: 10px;
	background-image: none;
}
.gadget_tool {
}
hr.gadget_tool_line {
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	font-size: 1px;
	height: 0;
}
.gadget_tool a {
	color: #111184!important;
}
.gadget_tool a:hover {
	color: red!important;
}
.gadget_tool a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.gadget_tool_in {
}
.gadget_tool_title {
	position: relative;
	overflow: hidden;
	text-align: left;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #eee;
	margin: 0 10px -1px 10px;
	padding: 10px;
	line-height: 1.2;
}
.gadget_tool_title span {
	display: inline-block;
	color: #666;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/gadget_title_icon.png) no-repeat left center;
}
.gadget_tool_title span.icon_search {
	background-image: url(../img/gadget_title_icon_search.png);
}
.gadget_tool_title span.icon_check {
	background-image: url(../img/gadget_title_icon_check.png);
}
.gadget_tool_title span.icon_brand {
	background-image: url(../img/gadget_title_icon_brand.png);
}
.gadget_tool_title span.icon_no {
	padding-left: 10px;
	background-image: none;
}
.gadget_box {
	border: 1px solid #ddd;
	background: #eee;
	padding: 4px;
	margin-bottom: 20px;
}
.gadget_box_in {
	border: 5px solid #fff;
	background: #fcfcfc;
	padding: 5px;
}
.gadget_text {
	margin: 0 0 5px 0;
}
.gadget_text.tr {
	text-align: right;
}
.gadget_text.tc {
	text-align: center;
}
.gadget_text_link {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 15px;
	background: url(../img/gadget_icon_arrow_r.png) no-repeat left center;
}
.gadget_btn {
	margin: 0 0 5px 0;
}
.gadget_btn a,
.gadget_btn input[type="submit"],
.gadget_btn button {
	border: none;
	display: block;
	padding: 8px 0 8px 0;
	width: 100%;
	background: #111184;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.gadget_text_btn {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border: none;
	margin: 0 2px;
	padding: 5px 10px 5px 10px!important;
	background: #111184;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: top;
}
/* ブランドガジェット
--------------------------------------------------------------- */
.gadget_tool_brand {
}
.gadget_tool_brand ul {
}
.gadget_tool_brand li {
	display: table;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
}
.gadget_tool_brand li:first-child{
	border-top: none;
}
.gadget_tool_brand li:last-child{
	border-bottom: none;
}
.gadget_tool_brand a {
	text-decoration: none!important;
}
.gadget_tool_brand .image {
	width: 70px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
.gadget_tool_brand .image img {
	max-width: 60px;
	height: auto;
}
.gadget_tool_brand .info {
	display: table-cell;
	vertical-align: top;
}
.gadget_tool_brand .info_in {
}
.gadget_tool_brand .title {
	display: block;
	font-size: 13px;
	line-height: 1.2;
}
.gadget_tool_brand a .title,
.gadget_tool_brand .title a {
	text-decoration: underline!important;
}
.gadget_tool_brand .text {
	display: block;
	font-size: 10px;
	line-height: 1.2;
}
.gadget_tool_brand a .text,
.gadget_tool_brand .text a {
	text-decoration: none!important;
	color: #333!important;
}
/* バナーガジェット
--------------------------------------------------------------- */
.gadget_tool_ban {
}
.gadget_tool_ban ul {
}
.gadget_tool_ban li {
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
}
.gadget_tool_ban li:first-child{
	border-top: none;
}
.gadget_tool_ban li:last-child{
	border-bottom: none;
}
.gadget_tool_ban a {
	text-decoration: none!important;
}
.gadget_tool_ban .image {
	display: block;
	margin: 0 auto 5px auto;
	max-width: 200px;
}
.gadget_tool_ban .image img {
	width: 100%;
	max-width: 200px;
}
.gadget_tool_ban .info {
	display: block;
	margin: 0 auto 5px auto;
	max-width: 200px;
}
.gadget_tool_ban .info_in {
}
.gadget_tool_ban .title {
	display: block;
	font-size: 12px;
	line-height: 1.2;
}
.gadget_tool_ban a .title,
.gadget_tool_ban .title a {
	text-decoration: underline!important;
}
.gadget_tool_ban .text {
	display: block;
	line-height: 1.2;
	font-size: 10px;
}
.gadget_tool_ban a .text,
.gadget_tool_ban .text a {
	text-decoration: none!important;
	color: #333!important;
}
/* 検索ガジェット
--------------------------------------------------------------- */
.gadget_tool_search {
}
.gadget_calendar_icon {
	vertical-align: middle;
}
.gadget_tool_search .tab_tool_nav {
	position: relative;
	clear: both;
	padding-left: 15px;
	height: 35px;
	overflow: hidden;
	margin-bottom: -1px;
}
.gadget_tool_search .tab_tool_nav li {
	float: left;
	overflow: hidden;
	height: 34px;
	width: 29%;
	font-size: 12px;
	letter-spacing: -1px;
	text-align: center;
	border: 1px solid #777;
	border-bottom: none;
	margin: 0 5px 0 0;
	cursor: pointer;
	background: #999;
}
.gadget_tool_search .tab_tool_nav span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 2px;
	line-height: 34px;
	color: #fff;
}
.gadget_tool_search .tab_tool_nav li.sel {
	border: 1px solid #ddd;
	background: #eee;
	height: 35px;
}
.gadget_tool_search .tab_tool_nav li.sel span {
	color: #666;
}
.gadget_tool_search dl {
	margin-bottom: 5px;
}
.gadget_tool_search dt {
	margin-bottom: 2px;
	font-weight: normal;
	color: #111184;
	font-size: 12px;
	line-height: 1.2;
}
.gadget_tool_search dd {
	margin-bottom: 2px;
}
.gadget_tool_search input[type="checkbox"] {
	margin-right: 3px;
}
.gadget_tool_search input[type="text"] {
	width: 95%;
	border: 1px solid #ccc;
	margin: 2px 0 5px 0;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.gadget_tool_search_key {
}
.gadget_tool_search_key:before,.gadget_tool_search_key:after { content:""; display:table;}
.gadget_tool_search_key:after { clear:both;}
.gadget_tool_search_key { zoom:1;}

.gadget_tool_search_key input[type="text"] + button {
	float: right;
	margin-right: 3%;
}
.gadget_tool_search select {
	width: 99%;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 2px 0;
	padding: 2px 3px;
	cursor: pointer;
}
.gadget_tool_search dd.gadget_select_day01 select {
	width: 60%;
}
.gadget_tool_search dd.gadget_select_day02 select {
	width: 80%;
}
/* リストガジェット
--------------------------------------------------------------- */
.gadget_tool_list {
}
.gadget_tool_list .bar {
	border: 2px solid #eee;
	margin: 0 0 5px 0;
	line-height: 1.2;
	background: #fff;
}
.gadget_tool_list .bar a,
.gadget_tool_list .bar span {
	display: block;
	padding: 5px;
	text-decoration: none;
}
.gadget_tool_list .bar a {
	background: url(../img/gadget_icon_arrow_r02.png) no-repeat 5px center;
	padding-left: 22px;
}
.gadget_tool_list .bar.next_slide span {
	background: url(../img/gadget_btn_icon_plus.png) no-repeat 5px center;
	padding-left: 22px;
}
.gadget_tool_list .bar.next_slide.slide_open span {
	background-image: url(../img/gadget_btn_icon_minus.png);
}
.gadget_tool_list ul {
	margin: 0 0 5px 0;
}
.gadget_tool_list ul:before,.gadget_tool_list ul:after { content:""; display:table;}
.gadget_tool_list ul:after { clear:both;}
.gadget_tool_list ul { zoom:1;}
.gadget_tool_list li {
	margin: 0 0 5px 0;
}
.gadget_tool_list.col2 li {
	width: 50%;
	float: left;
}
.gadget_tool_list li a {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1.2;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 15px;
	background: url(../img/gadget_icon_arrow_r.png) no-repeat left center;
}
.gadget_tool_list li a.noarrow {
	background: none;
	padding-left: 0;
}

/* スライド・タブ用スタイル
--------------------------------------------------------------- */
.next_slide_contents {
	display: none;
}
.next_slide_contents.slide_open {
	display: block;
}
.next_slide {
	cursor: pointer;
}
.next_slide .open_item,
.next_slide.slide_open .close_item {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.next_slide .close_item,
.next_slide.slide_open .open_item {
	display: none;
}
.slide_tool_contents {
	display: none;
}
.slide_tool_contents.slide_open {
	display: block;
}
.slide_tool .open_item,
.slide_tool.slide_open .close_item {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.slide_tool .close_item,
.slide_tool.slide_open .open_item {
	display: none;
}
.tab_tool_nav li {
	cursor: pointer;
}
.tab_tool_contents {
	display: none;
}
.tab_tool_contents.sel {
	display: block;
}

/* サイドツール
--------------------------------------------------------------- */
.side_tool {
	width: 324px;
	float: right;
}
.side_tool .title a:hover {
	color: #D90000!important;
}
.side_tool .side_tool_list_photo a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.side_tool_in {
	position: relative;
}
.side_tool_nav {
	position: relative;
	clear: both;
	padding-left: 15px;
	height: 35px;
	overflow: hidden;
	margin-bottom: -1px;
}
.side_tool_nav:before,.side_tool_nav:after { content:""; display:table;}
.side_tool_nav:after { clear:both;}
.side_tool_nav { zoom:1;}
.side_tool_nav li {
	float: left;
	overflow: hidden;
	height: 33px;
	width: 143px;
	text-align: center;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #eee;
	margin: 0 5px 0 0;
	cursor: pointer;
}
.side_tool_nav li.sel {
	height: 35px;
}
.side_tool_nav li span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../img/history_title_icon.png) no-repeat left center;
	padding-left: 25px;
	line-height: 30px;
	color: #111184;
	font-weight: bold;
}
.side_tool_nav li.tab_clip {
	border-color: #FFD30B;
	background-color: #FFE97B;
}
.side_tool_nav li.tab_clip span {
	background-image: url(../img/favorite_title_icon.png);
	color: #85642F;
}
.side_tool_nav .tab_history {
}
.side_tool_box {
	border: 1px solid #ddd;
	background: #eee;
	padding: 4px;
	margin-bottom: 20px;
}
.side_tool_box.tab_tool_contents {
	display: none;
}
.side_tool_box.tab_tool_contents.sel {
	display: block;
}
.side_tool_box_in {
	border: 5px solid #fff;
	background: #fcfcfc;
	padding: 5px;
}
.side_tool_box .count {
	text-align: right;
	margin-bottom: 5px;
}
.side_tool_description {
	text-align: center;	
	margin-bottom: 5px;
}
.side_tool_description img {
	vertical-align: top;
}
.side_tool_list {
}
.side_tool_list_box {
	position: relative;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 10px;
	background: #fff;
}
.side_tool_list_box:before,.side_tool_list_box:after { content:""; display:table;}
.side_tool_list_box:after { clear:both;}
.side_tool_list_box { zoom:1;}
.side_tool_list_box_in {
}
.side_tool_list_photo {
	position: relative;
	float: left;
	width: 100px;
	margin-right: -100px;
}
.side_tool_list_photo img {
	width: 100px;
}
.side_tool_list_btn {
	position: relative;
	float: right;
	width: 15px;
	margin-left: -15px;
}
.side_tool_list_btn a {
	float: right;
}
.side_tool_list_info {
	width: 100%;
	float: right;
}
.side_tool_list_info_in {
	margin: 0 0 0 110px;
}
.type_btn .side_tool_list_info_in {
	margin: 0 20px 0 110px;
}
.side_tool_list_info .title {
	line-height: 1.2;
	font-weight: bold;
	font-size: 12px;
}
.side_tool_list_info .title a:link {
	color: #111184;
}
.side_tool_list_info .text {
	font-size: 10px;
	line-height: 1.2;
}
.side_tool_list_info .text em {
	background: #fbf8ec;
	color: #4eab26;
}
.side_tool_list_info .price {
	color: #CC0000;
	font-weight: bold;
	line-height: 1.2;
}
.side_tool_list_info .price span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.side_tool_comment {
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: 10px;
	line-height: 1.4;
}
.side_tool_comment span {
	 color: #CC0000;
}
.side_tool_btn {
	clear: both;
}
.side_tool_btn.col2 p {
	float: left;
	width: 50%;
}
.side_tool_btn:before,.side_tool_btn:after { content:""; display:table;}
.side_tool_btn:after { clear:both;}
.side_tool_btn { zoom:1;}
.side_tool_btn a.more_btn {
	display: block;
	font-weight: bold;
	color: #fff;
	background: #111184;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.side_tool_btn .more_btn span {
	display: inline-block;
	background: url(../img/btn_icon_arrow_r.png) no-repeat left center;
	padding-left: 15px;
	line-height: 30px;
}
.side_tool_btn a.compare_btn {
	display: block;
	font-weight: bold;
	color: #85642F;
	border: 2px solid #FFD30B;
	background: #FFE97B;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.side_tool_btn .compare_btn span {
	display: inline-block;
	line-height: 26px;
}
.side_tool_btn.col2 a {
	margin: 0 5px;
}
.side_tool_title {
	position: relative;
	overflow: hidden;
	text-align: left;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #eee;
	margin: 0 10px -1px 10px;
	padding: 10px;
	line-height: 1.2;
}
.side_tool_title span {
	display: inline-block;
	background: url(../img/recommend_title_icon.png) no-repeat 0 center;
	padding-left: 30px;
	color: #666;
	font-weight: bold;
}
.clip_tool {
}
.clip_tool_description {
	width: 294px;
	height: 210px;
	margin-bottom: 5px;
	background: url(../img/favorite_item01.png) no-repeat left top;
}
.clip_tool.side_tool_box {
	border-color: #FFD30B;
	background-color: #FFE97B;
}
.clip_tool .side_tool_box_in {
	background: #fffbe5;
}
.clip_tool.side_tool_box .count {
	color: #85642F;
}
.clip_tool .side_tool_list_box {
	border-color: #FFE97B;
}
.clip_tool .side_tool_btn .more_btn {
	background-color: #85642F;
}
.side_tool.ssize {
	width: 220px;
}
.side_tool.ssize .side_tool_nav {
  padding-left: 0;
}
.side_tool.ssize .side_tool_nav li {
	width: 108px;
	margin: 0;
}
.side_tool.ssize .clip_tool_description {
	width: 190px;
	height: 210px;
	background: url(../img/favorite_item02.png) no-repeat left top;
}
.side_tool.ssize .side_tool_list_photo {
	width: 60px;
	margin-right: -60px;
}
.side_tool.ssize .side_tool_list_photo img {
	width: 60px;
	height: 48px;
}
.side_tool.ssize .side_tool_list_btn {
	position: absolute;
	float: none;
	width: 15px;
	left: 5px;
	top: 53px;
	margin-left: 0;
}
.side_tool.ssize .delete_btn {
	width: 16px;
	padding: 3px 0;
	font-size: 10px;
	font-weight: normal;
}
.side_tool.ssize .delete_btn img {
	width: 16px;
}
.side_tool.ssize .side_tool_list_info .title {
	font-weight: normal;
	font-size: 10px;
}
.side_tool.ssize .side_tool_list_info .price {
	font-weight: bold;
	font-size: 10px;
}
.side_tool.ssize .side_tool_list_info_in {
	margin: 0 0 0 65px;
}
.side_tool.ssize .side_tool_btn.col2 p {
	float: none;
	width: auto;
}
.side_tool.ssize .side_tool_btn.col2 a {
	margin: 0 0 5px 0;
}
/* 20150408追記 */
.side_tool,
.side_tool.ssize {
	width: auto;
	float: none;
}
.side_tool.ssize .side_tool_nav li {
	width: 45%;
}
.side_tool_nav li span {
	padding-left: 20px;
}
.side_tool .clip_tool_description {
	margin: 0 auto;
}
.side_tool.ssize .clip_tool_description {
	width: auto;
	max-width: 190px;
	background-size: contain;
}
.ssize.type2 .side_tool_list_box {
	max-width: 200px;
	margin: 0 auto 10px auto;
}
.side_tool.type2 .side_tool_list_photo {
	width: auto;
	max-width: 200px;
	margin: 0 auto 5px auto;
	float: none;
}
.side_tool.type2 .side_tool_list_photo img {
	width: 100%;
	height: auto;
}
.side_tool.type2 .side_tool_list_info_in {
	margin: 0 auto 5px auto!important;
	width: auto;
	max-width: 200px;
}
.side_tool.type2 .side_tool_list_btn {
	position: relative;
	margin: 0 auto 0 auto!important;
	width: auto;
	max-width: 200px;
	float: none;
	margin-left: 0;
	left: auto;
	top: auto;
}
.side_tool.type2 .type_btn .side_tool_list_info_in .title {
	padding-right: 25px;
	max-width: 175px;
}
.side_tool.type2 .side_tool_list_info_in .title,
.side_tool.type2 .side_tool_list_info_in .text,
.side_tool.type2 .side_tool_list_info_in .price {
	margin: 0 5px;
}
.side_tool.type2.ssize .type_btn .side_tool_list_info_in .title {
	padding-right: 20px;
	max-width: 180px;
}
.side_tool.type2 .side_tool_list_btn a {
	display: block;
	position: absolute;
	right: 0;
}
/* 海外用・国内用デザイン切替
--------------------------------------------------------------- */
.kokunai .side_tool_list_info .text em {
	color: #df355f;
}