@charset "utf-8";

.gp-search .layout_2col .layout_sidebar { width: 320px; z-index: 1; }
.gp-search .layout_2col .layout_sidebar .inner-column { width: 300px; }
.gp-search .layout_2col .layout_main { width: 660px; }
.search-left .arrow,
.search-left .category li.current .close,
.search-left .category li li,
.label-menu li,
.media .search-list li,
.books .search-list li,
.guide-content .link-detail a,
.guide-method .method-list li,
.pr-list li,
.pr-detail-box .thum,
.pr-detail-box .pr-read,
.press-info .info,
.press-info .press-list dt,
.press-info .press-list dd,
.guide-photo-line .guide-photo,
.guide-photo-line .guide-title,
.result-list-1column .gp-list li,
.result-list-2column li {
    display: inline-block;
    /display: inline;
    zoom: 1;
}
/* navigation */
.search-left { margin-bottom: 10px; z-index: 2; }
.guide-search-box {
    border: 1px solid #d2d2d2;
    padding: 1px;
    position: relative;
}
.guide-search-box .inner { background: #f6f6f6; }
.guide-search-box .guide-form { vertical-align: middle; }
.search-left .inner { padding: 12px 5px; z-index: 3; }
.search-right .inner { padding: 12px; }
.search-left .arrow {
    background: transparent url(//img.allabout.co.jp/aa/gp/arrow-guide-search.gif) no-repeat 0 0;
    height: 19px;
    margin-right: -1px;
    position: absolute;
    right: -13px;
    top: 20px;
    width: 15px;
    z-index: 1000;
}
.search-left .search-header {
    border-bottom: 1px solid #d2d2d2;
    padding: 0 5px 10px;
    margin-bottom: 10px;
}
.search-left .search-label {
    border-left: 7px solid #000;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 5px;
}
.search-left .form-contents { padding: 10px 5px;}
.search-left .category,
.search-left .media,
.search-left .books { border-bottom: 1px dotted #d2d2d2; }
.search-left .category li { background-position: -61px -5005px; padding: 6px 3px 6px 25px; }
.search-left .category li.current { background-position: -126px -4983px; }
.search-left .category li.current a { font-weight: bold; }
.search-left .category li.current .close {
    background-position: -8px -5038px;
    margin: 0 0 4px 5px;
    height: 13px;
    width: 13px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.search-left .category ul ul { padding: 10px 0; }
.search-left .category li li {
    padding: 3px 8px 3px 0;
    width: 114px;
    vertical-align: top;
}
a,label { cursor:pointer; }
.search-left .input-image { margin: 3px 0 0 0; }
.search-left .search-list .check-link {
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.search-left .category .check-link { width: 96px; }
.search-left .category li,
.search-left .category .check-link,
.search-left .search-list .check-link,
.media .search-list li {
    color: #aeaeae;
    font-weight: normal;
    text-decoration: none;
}
.search-left .category a,
.search-left .category li li a .check-link,
.search-left .search-list a .check-link {
    color: #04c;
    text-decoration: underline;
}
.search-left .media .search-list,
.search-left .books .search-list { margin-left: 12px; }
.media .search-list li { padding: 3px 41px 3px 0; /padding: 3px 36px 3px 0; }
.search-left .media .caution { color: #888; margin-left: 12px; }
.gp-search .layout_sidebar .melmaga,
.bnr-area { margin-bottom: 10px; }
.search-right { margin-bottom: 40px;}
.books .search-list li { padding: 3px 0; }
.search-right .search-header { margin-bottom: 10px; }
.search-right .search-header .text {
    color: #535353;
    display: inline-block;
    margin-left: 10px;
    /margin: 4px 0 0 10px;
}
.search-right .search-keywords {
    background: #fff url(//img.allabout.co.jp/aa/gp/icon-guide-search.gif) no-repeat 10px 50%;
    border: 1px solid #c9c9c9;
    display: inline;
    font-size: 16px;
    margin-right: 10px;
    padding: 12px 10px 12px 40px;
    width: 502px;
    /width: 482px;
}
.search-right .search-btn {
    background: #686766;
    background: -moz-linear-gradient(top,  #686766 42%, #4b4a4a 56%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#686766), color-stop(56%,#4b4a4a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #686766 42%,#4b4a4a 56%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #686766 42%,#4b4a4a 56%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #686766 42%,#4b4a4a 56%); /* IE10+ */
    background: linear-gradient(to bottom,  #686766 42%,#4b4a4a 56%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686766', endColorstr='#4b4a4a',GradientType=0 ); /* IE6-8 */
    border: 1px solid #404040;
    border-radius: 3px;
    box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;
    color: #fff;
    font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    font-size: 20px;
    padding: 6px 10px 7px;
    /padding: 2px 10px;
}
.guide-content .title {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    position: relative;
}
.guide-content .caption { font-size: 18px; padding: 2px; }
.guide-content .link-detail {
    position: absolute;
    bottom: 0;
    /bottom: 4px;
    right: 0;
}
.guide-content .link-detail a {
    background: #000 url(//img.allabout.co.jp/aa/common/icon-sprite.png) no-repeat 1px -171px;
    color: #fff;
    padding: 5px 13px 3px 24px;
    text-decoration: none;
}
.guide-content .link-detail a:hover { text-decoration: underline; }
.pr-sp { margin-bottom: 25px;}
.pr-list { margin: 0 -28px 0 3px; position: relative; }
.pr-list li,
.guide-method { margin-bottom: 20px;}
.guide-method .method-list li { vertical-align: top; }
.pr-list li { margin: 0 12px 15px 0; vertical-align: top; }
.method-list { margin: 0 3px; position: relative; }
.pr-list .pr-box {
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 3px 3px 0 #E2E2E2;
    -webkit-box-shadow: 3px 3px 0 #E2E2E2;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#E2E2E2', Direction=145, Strength=3);
    /*min-height: 180px;*/
    min-height: 120px;
    height: 145px;
    padding: 10px;
    width: 295px;
}
.pr-box .pr-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 13px;
}
.pr-detail-box .thum { margin-right: 10px; width: 120px; display:none; }
.pr-detail-box .thum.left { margin-right: 10px; width: 120px; display: block; }
.pr-detail-box .pr-read  {
    margin-bottom: 10px;
    vertical-align: top;
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
    display: block;
}
.pr-detail-box .pr-writer {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
    display: block;
}
.method-list li {
    width: 150px;
    margin: 0 5px 20px;
    vertical-align: top;
}
.method-list .thum { margin-bottom: 3px; }
.guide-media,press-info { margin-bottom: 30px; }
.label-menu { letter-spacing: -.40em; margin: 0 3px 20px; }
.label-menu li { letter-spacing: normal; margin-right: 1px; }
.label-menu a {
	position: relative;
	background: #bbb;
    color: #fff;
    display: block;
    font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 4px;
    width: 7em;
}
.label-menu a:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.label-menu a:after {
	border-color: rgba(255, 102, 0, 0);
	border-top-color: #bbb;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}
.label-menu .label-tv .current { background: #f60; }
.label-menu .label-tv .current:after { border-top-color: #f60; }
.label-menu .label-newspaper .current { background: #f90; }
.label-menu .label-newspaper .current:after { border-top-color: #f90; }
.label-menu .label-magazine .current { background: #390; }
.label-menu .label-magazine .current:after { border-top-color: #390; }
.media-list .media-detail-box {
    border-bottom: 1px dotted #D2D2D2;
    margin-bottom: 10px;
    padding: 0 3px 5px;
    position: relative;
}
.media-detail-box dl { width: 400px; }
.media-detail-box dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.media-detail-box dd { margin: 0 0 3px 5px; }
.media-detail-box .date { color: #909090; }
.guide-photo-box {
    min-height: 50px;
    height: auto !important;
    height: 50px;
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 245px;
}
.guide-photo-box .guide-photo {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
}
.guide-photo-box .guide-title { margin: 6px 60px 0 0; }
.guide-photo-box .guide-theme { margin-bottom: 5px;}
.guide-photo-box .guide-name { font-weight: bold;}
.press-info .title {
    background: #f1f1f1;
    border-bottom: none;
    padding: 3px 5px;
}
.press-info .info {
    background-position: -8px -5079px;
    margin-right: 5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    width: 21px;
    height: 21px;
}
.press-info .link-press {
    background-position: -10px -217px;
    position: absolute;
    top: 10px;
    right: 10px;
    padding-left: 12px;
}
.press-info .press-list dl {
    border-bottom: 1px dotted #D2D2D2;
    margin-bottom: 10px;
    padding: 0 3px 10px;
}
.press-info .press-list dt,
.press-info .press-list dd { line-height: 1.6; }
.press-info .press-list dt { width: 120px; vertical-align: top; }
.press-info .press-list dd { width: 530px; }

/* 検索結果ページ */
.highlight { background-color: #fbff84;}
.title-count {
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;
    padding: 0 3px 5px;
}
.title-count .result-word,
.title-count .num {
    font-size: 18px;
    margin-right: 3px;
}
.title-count .num { color: #EA0404; }
.search-result-content .caution { padding: 20px 5px 10px; }
.search-result-content .caution .alert {
    color: #EA0404;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.search-result-content .search-hint { background: #FFFFE8; padding: 10px 20px; }
.search-result-content .search-hint dt { font-weight: bold; }
.search-result-content .search-hint dd li { list-style: disc inside none; padding: 3px 0; }
.search-result-content .search-hint dd ul { margin-left: 20px; padding: 7px 0 0; }
.result-list-1column,.result-list-2column { margin-bottom: 15px; }
.result-list-1column li { border-bottom: 1px dotted #d2d2d2; padding: 10px 3px 0; }
.result-list-1column .guide-photo-line {
    min-height: 60px;
    height: auto !important;
    height: 60px;
    margin-bottom: 10px;
}
.result-list-1column .gp-list li { border: none; }
.result-list-1column .gp-list .icon {
    background-position: -9px -360px;
    padding: 0 0 0 11px;
    margin-left: 20px;
}
.guide-photo-line .guide-photo {
    margin-bottom: 5px;
    width: 60px;
    vertical-align: middle;
}
.guide-photo-line .guide-title {
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}
.guide-photo-line .guide-title a { color: #404040; }
.guide-photo-line .guide-title .guide-name { font-size: 18px; }
.guide-photo-line .guide-title .guide-name a .kana {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
.guide-photo-line .guide-title .guide-name a:hover .kana { text-decoration: none; }
.guide-photo-line .guide-text { color: #7b7b7b; margin: 5px 0; }
.result-detail-list ul { background: transparent url(//img.allabout.co.jp/aa/gp/list-line-ptn.gif) repeat-y 8px 0; }
.result-detail-list li {
    background: transparent url(//img.allabout.co.jp/aa/gp/list-line-horizontal.gif) no-repeat 8px 13px;
    border: none;
    padding: 5px 3px 10px 23px;
}
.result-detail-list .last {
    background: transparent url(//img.allabout.co.jp/aa/gp/list-line-horizontal-last.gif) no-repeat 8px 13px;
    padding: 5px 3px 15px 23px;
}
.result-detail-list .link-title { margin-bottom: 3px; }
.result-detail-list .link-title .heading { font-weight: bold; margin-right: 15px; }
.result-detail-list .link-title .text { color: #404040; }
.result-detail-list .text { color: #999; }
.result-detail-list .link .icon { background-position: -10px -361px; padding: 0 0 0 11px; }
.result-list-2column li {
    border-bottom: 1px dotted #d2d2d2;
    min-height: 177px;
    height: auto !important;
    height: 177px;
    padding: 10px 3px;
    width: 322px;
    vertical-align: top;
}
.result-list-2column .guide-photo-line .guide-title { width: 253px; }

/* ガイド一言コメント */
.cmn-text-box .catch {
    padding: 0 3px;
    font-weight: bold;
    font-size: 14px;
}
.guide-name .catch {
    padding: 0;
    font-size: 12px;
}
.guide-photo-line .catch {
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

/* はてなブログ リアルタイムランキング */
#guide-blog {
	min-width: 220px !important;
}
.has-table02{
	display: table;
	width: 100%;
}
.has-table02 span{
	display: table-cell;
	vertical-align: middle;
}
.item02{
	line-height: 1.3em;
	padding-left: 5px;
	width: 100%;
}
#guide-blog .logo a img{margin-bottom: 7px;}
#guide-blog .padding03{padding: 3px;}
#guide-blog .popular-ranking-area .container .content-attachment {padding-left: 33px;}

#guide-blog .no1-icon, .no2-icon, .no3-icon {
	width: 26px;
	height: 30px;
	display: block !important;
	margin-right: 0;
}
#guide-blog .no4-icon, .no5-icon, .no6-icon, .no7-icon, .no8-icon, .no9-icon, .no10-icon {
	width: 26px;
	height: 23px;
	display: block !important;
	margin-right: 0;
}
#guide-blog .no1-icon {background-position: -498px -413px;}
#guide-blog .no2-icon {background-position: -536px -413px;}
#guide-blog .no3-icon {background-position: -574px -413px;}
#guide-blog .no4-icon {background-position: 4px -463px;}
#guide-blog .no5-icon {background-position: -49px -463px;}
#guide-blog .no6-icon {background-position: -102px -463px;}
#guide-blog .no7-icon {background-position: -156px -463px;}
#guide-blog .no8-icon {background-position: -210px -463px;}
#guide-blog .no9-icon {background-position: -264px -463px;}
#guide-blog .no10-icon {background-position: -318px -463px;}
#guide-blog .content-attachment .label-box {
	height: 16px;
	border-right: 1px solid #777;
	margin-top: 2px;
	width: 60px;
	display: inline-block;
	padding-right: 7px;
	margin-right: 7px;
}
#guide-blog .content-attachment .guide {
	height: 20px;
	line-height: 20px;
	color: #404040;
	padding: 0;
}
#guide-blog .content-attachment .guide img {
	vertical-align: top;
	border: 1px #CCC solid;
	margin: 0;
}