@charset "utf-8";
/*-----------------------------------------------------------------------------------------
reset.css
-----------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
/*-----------------------------------------------------------------------------------------
base.css
-----------------------------------------------------------------------------------------*/
/* IE以外でスクロールバーを常に出す(IEは元々常に出てる) */
html {overflow-y: scroll;}
/* IE7、FF3.5以上にて、画像をリサイズをバイキュービック法で行う = 若干キレイに見えます */
img {-ms-interpolation-mode:bicubic; image-rendering: optimizequality; vertical-align: bottom;}
body {min-width: 1000px;}
/* Common */
#doc {margin: 0 auto; min-height: 100%; _height:100%; width: 1000px; position: relative;}
/* layout_2col */
.layout_2col .layout_main {width: 685px; position: relative;}
.layout_2col .layout_sidebar {width: 300px;}
/* 便利ツール */
/* layout処理 */
.left               {*display: inline; float: left;}
.right              {*display: inline; float: right;}
.layout-center      {margin-left:auto; margin-right:auto; position:relative;}
img.layout-center   {display: block;}
.clear              {clear: both;}
/* テキスト処理 */
.text-center        {text-align: center;}
.text-right         {text-align: right;}
.text-left          {text-align: left;}
.strikeout          {text-decoration: line-through;}
.underline          {text-decoration: underline;}
.bold               {font-weight: bold;}
.normal             {font-weight: normal;}
/* display と visibility　*/
.hide               {display: none!important;}
.show,
.isBlock            {display: block;}
.isInline           {display: inline;}
.isInline-block     {display: inline-block; *display: inline; zoom: 1;}
.isInvisible        {visibility: hidden;}
/* ulに対して追加 */
.list-disc          {list-style: disc; padding-left: 15px;}
.list-square        {list-style: square; padding-left: 15px;}
.list-decimal       {list-style: decimal; padding-left: 15px;}
/* position */
.pos-rel {position: relative;}
.pos-abs {position: absolute;}
/* テキスト飛ばし */
.replace {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}
/* リンク hoverで透明度を下げる */
a:hover img.trans,
a.trans:hover {
    cursor: pointer;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
/* スペースヘルパ
p,m = paddingとmargin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(7px),medium(14px),large(21px),none(0)
*/
.ptn, .pvn, .pan {padding-top: 0;}
.pts, .pvs, .pas {padding-top: 7px;}
.ptm, .pvm, .pam {padding-top: 14px;}
.ptl, .pvl, .pal {padding-top: 21px;}
.prn, .phn, .pan {padding-right: 0;}
.prs, .phs, .pas {padding-right: 7px;}
.prm, .phm, .pam {padding-right: 14px;}
.prl, .phl, .pal {padding-right: 21px;}
.pbn, .pvn, .pan {padding-bottom: 0;}  
.pbs, .pvs, .pas {padding-bottom: 7px;}
.pbm, .pvm, .pam {padding-bottom: 14px;}
.pbl, .pvl, .pal {padding-bottom: 21px;}
.pln, .phn, .pan {padding-left: 0;}
.pls, .phs, .pas {padding-left: 7px;}
.plm, .phm, .pam {padding-left: 14px;}
.pll, .phl, .pal {padding-left: 21px;}
.mtn, .mvn, .man {margin-top: 0;}
.mts, .mvs, .mas {margin-top: 7px;}
.mtm, .mvm, .mam {margin-top: 14px;}
.mtl, .mvl, .mal {margin-top: 21px;}
.mrn, .mhn, .man {margin-right: 0;}
.mrs, .mhs, .mas {margin-right: 7px;}
.mrm, .mhm, .mam {margin-right: 14px;}
.mrl, .mhl, .mal {margin-right: 21px;}
.mbn, .mvn, .man {margin-bottom:0;}  
.mbs, .mvs, .mas {margin-bottom: 7px;}
.mbm, .mvm, .mam {margin-bottom: 14px;}
.mbl, .mvl, .mal {margin-bottom: 21px;}
.mln, .mhn, .man {margin-left:0;}
.mls, .mhs, .mas {margin-left: 7px;}
.mlm, .mhm, .mam {margin-left: 14px;}
.mll, .mhl, .mal {margin-left: 21px;}

/* has-grid 旧バージョン */
.has-grid,
ul.has-grid {word-spacing: -1em; display: table;}
.size1of1,.size1of2,.size1of3,.size2of3,.size1of4,.size3of4,.size1of5,.size2of5,.size3of5,.size4of5,.has-grid li span,.has-grid > span,.has-grid > div,.has-grid > ul,.has-grid > li,.has-grid > a {
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    word-spacing: normal;
    vertical-align: top;
}
/* has-grid02 新バージョン 新規作成時はこちらを使用 */
.has-grid02 {
    display: table;
    letter-spacing: -0.4em;
}
.has-grid02 .has-grid-item {
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
}

.size1of1 {display: block;}
.size1of2 {width: 50%; *width: 49.5%;}
.size1of3 {width: 33.33333%;}
.size2of3 {width: 66.66666%;}
.size1of4 {width: 25%; *width: 24%;}
.size3of4 {width: 75%;}
.size1of5 {width: 20%; *width: 19.8%;}
.size2of5 {width: 40%;}
.size3of5 {width: 60%;}
.size4of5 {width: 80%;}

/* リスト縦並び */
.length  li {display: block; width: 100%;}
/* form */
textarea {overflow: auto;} /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend {margin-left: -7px;} 
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
*/
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* Colors for form validity */
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
/* clearfix */
.clearfix:after,.cf:after,#head:after,#body:after,#foot:after,.layout-unit:after,.has-grid:after,.media:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}
.clearfix,.cf,#head,#body,#foot,.layout-unit,.has-grid,.has-grid .last-grid,.mod .inner,.mod .hd,.mod .bd,.mod .ft,.media,.media .bd,.list-float,.section {zoom: 1;} /* IE < 8 */

.has-table {display: block; display: table;}
.has-table > span, .has-table > div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    display: table-cell;
    vertical-align: middle;
}
/* ベースフォント設定 */
body,select,input,textarea {
    color: #404040;
    font:13px/1.6 "メイリオ","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ＭＳ Ｐゴシック", 'lucida grande',tahoma,verdana,arial, sans-serif; 
}
select,input,textarea,button {font-size:99%;}
pre,code,kbd,samp {font-family: monospace;}
strong,em,th {font-weight: bold; font-style: normal;}
sub {vertical-align: sub; font-size: smaller;}
sup {vertical-align: super; font-size: smaller;}
/* Headings */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-weight: bold;}
/* font-size */
h1, .h1 {font-size: 24px;}
h2, .h2 {font-size: 24px;}
h3, .h3 {font-size: 15px;}
h4, .h4 {font-size: 13px;}
h5, .h5 {font-size: 12px;}
h6, .h6 {font-size: 10px;}
small, .small {font-size: 11px;}
big, .big {font-size: 24px;}
.huge {font-size: 36px;}
.cap, .caption {font-size: 12px; ine-height: 1.2;}
a:link {color: #005ead; text-decoration: none; cursor: pointer;}
.link a:hover {text-decoration: underline;}
a:visit {color: #941d55; text-decoration: none;}
/*-----------------------------------------------------------------------------------------
module.css
-----------------------------------------------------------------------------------------*/
/* 
common parts
*/
.layout_2col .layout_main .main-box {
    border: 1px solid #E0E0E0;
    margin-top: 0px;
    padding: 10px;
    _padding: 10px 0 10px;
    position: relative;
}
.mod .bd,.mod .ft,.mod .hd {display: inline-block; width:100%; *display:block; *width:auto; zoom:1;}
.mod .inner {position:relative;}
.media {position: relative;}
.media .bd {display:table-cell; zoom:1;}
.media .left {float:left; margin-right: 12px; *display: inline;}
.media .right {float:right; margin-left: 12px; *display: inline;}
.box-sns .inner {position: static;}
.rotation-box .inner-box .media .left {float:left; *display: inline; margin-right: 0px;}
.rotation-box .inner-box .media img {float:left; *display: inline; padding-right: 12px;}
.mod-box {border: 1px solid #CCC;}
.mod-box .title-bar {
    height: 25px;
    border-bottom: 1px solid #CCC;
    background: #C00 url(//img.aacdn.jp/aa/common/news-gradation.gif) repeat-x;
    padding: 5px 10px;
    line-height: 27px;
}
.mod-box h2 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-left: 7px;
    border-left: 5px solid #C00;
    height: 25px;
}
/* リンクエリア拡大/プレーンテキストママ 親要素にposition: relative必 */
a.fits {
    left: 0;
    top: 0;
    /* IE bug fix */
    _height: expression(this.parentNode.clientHeight  +"px");
    _width: expression(this.parentNode.clientWidth  +"px");
    display: block;
    filter: alpha(opacity=1);
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 100;
    zoom: 1;
}
a.fits:hover {
    -moz-opacity:0.40;
    background: #fafafa;
    filter:alpha(opacity=40);
    opacity:0.40;
}

/* list-inline-block */
.list-inline-block {*letter-spacing: normal; letter-spacing: -0.31em;}
.list-inline-block li {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    margin: 3px 6px 3px 0;
    vertical-align: top;
    word-spacing: normal;
}
/* list-float */
.list-float li {
    float: left;
    *display: inline;
    zoom: 1;
}
.list-float li a {_display: inline; _zoom: 1;}
.list-float li img {vertical-align: bottom;}
.red {color: #CC0000!important;}
.en {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; letter-spacing: 0.5em;}
.en-serif {font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;}
.blue {color: #005ead;}
a {text-decoration: none;}
a:hover,
a:hover .item {text-decoration: underline;}
.clickable a {text-decoration: none; display: block;}
.clickable a:hover {text-decoration: none;}
.clickable a .title {color: #005ead;}
.clickable a:hover .title {text-decoration: underline;}
.clickable a:hover .blue {text-decoration: underline;}
.clickable .container a:hover img,
.clickable a:hover .media .bd img,
.clickable a:hover .content-box.clickable .thumb.right img {
    cursor: pointer;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
/* ---------------------------------------------------------------------------------
#body common
--------------------------------------------------------------------------------- */
#head {margin-bottom: 7px;}
#body { margin-bottom: 20px; z-index: 0;}
#foot { padding-bottom: 0; _padding: 0;}
.credit-ss {clear: both; /* Fail-safe */ margin-bottom: 10px; text-align: right;}
.ico {background: transparent url(//img.aacdn.jp/allabout/common/icon-sprite.png) no-repeat 0 0;}
.doc {
    margin: 0 auto;
    min-height: 100%;
    _height:100%;
    width: 1000px;
    min-width: 1000px;
}
/* マイクロレイアウト(ml) */
.ml-half,.ml-third,.ml-forth {
    *letter-spacing: normal;
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
}
.ml-half li, .ml-third li, .ml-forth li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal;
    zoom: 1;
    *display: inline;
}
.ml-half li {width: 50%; *width: 49%; margin-bottom: 15px; position: relative;}
.ml-third li {width: 33.333333333%; *width: 33%;}
.ml-forth li {width: 25%; *width: 24%;}
/* column */
.col {position: relative; overflow: hidden;}
.col-2, .column-2 {margin-right: -15px;}
.col-4, .column-4 { margin-right: -40px; *margin-right: 0;}
.col .size1of2 {
    margin-right: 14px;
    width: 314px;
    _width: 300px;
}
.col .size1of4 {
    margin: 0 21px;
    *margin: 0 20px;
    _margin: 0 16px;
    width: 120px;
}
.col .size1of2 .content,.col .size1of4 .content {text-align: left;}

/* ---------------------------------------------------------------------------------
layout_main
--------------------------------------------------------------------------------- */
/* メインタイトル */
.main-title-box {
    background-color: #FBFAF8;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0 7px 6px -6px #E3E3E3;
    -moz-box-shadow: 0 7px 6px -6px #E3E3E3;
    box-shadow: 0 7px 6px -6px #E3E3E3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3', Direction=145, Strength=4);
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.main-title-box .inner .box-all {padding: 20px 15px 0; *zoom:1;}
.main-title-box .inner .box-all:after {
    content: "";
    display: block;
    clear: both;
}
.main-title-box h1,
.main-title-box h2 {line-height: 1.4;}
.main-title-box .inner {
    border-top: 1px solid #C00;
    padding: 20px 15px 5px;
    z-index: 0;
}
.main-title-box .inner .credit {
    height: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.main-title-box .inner .catch {margin-top: -5px; display: block;}
.main-title-box .inner.clearfix .catch {margin-top: 0;}
.main-title-box .inner .credit-logo {
    line-height: 16px;
}
.main-title-box .inner .date {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #777;
}
/* メインタイトル ガイドエリア有り */
.main-title-box .inner.clearfix {
    padding: 0;
    background: url(//img.aacdn.jp/allabout/common/title-blow.png) no-repeat 483px 0;
}
.main-title-box .inner .box-left {width: 455px; padding: 15px 15px 5px 15px;}
.credit-name {margin-right: 5px; font-weight: bold;}
.credit-logo {line-height: 18px;}
.one-word {
    color: #777;
    line-height: 1.3;
    font-size: 11px;
    margin-bottom: 5px;
}
.main-title-box .inner .box-right {
    padding: 5px;
    width: 187px;
    text-align: center;
}
.main-title-box .inner .box-right .guide-name {
    line-height: 13px;
    font-size: 13px;
    margin-bottom: 5px;
}
.main-title-box .inner .box-right .small-label {
    color: #777;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    margin-bottom: 7px;
}
.guide-img {margin-bottom: 10px;}
.main-title-box .inner .box-right .sns-bt {margin-bottom: 5px;}
.main-title-box .inner .box-right .sns-bt .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
    margin: 0 auto;
}
.main-title-box .inner .box-right .sns-bt li,
.main-title-box .inner .box-right .sns-bt li a {width: 20px; height: 20px;}
.main-title-box .inner .box-right .sns-bt li {margin: 0 3px; letter-spacing: normal;}
.main-title-box .inner .box-right .sns-bt li a {display: block; text-indent: -9999px;}
.fb {background-position: -0px -113px;}
.gl {background-position: -39px -113px;}
.tw {background-position: -76px -113px;}
.rss {background-position: -114px -113px;}
.navitell {background-position: -153px -113px;}
.jibun {background-position: -190px -113px;}
/* メインタイトル内タグ */
.main-title-box .inner .tag-box{
    width: 100%;
    background-color: #FBFAF8;
    border-top: 1px solid #E0E0E0;
}
.main-title-box .inner .tag-box ul{
    margin: 8px 15px 2px;
}
.main-title-box .inner .tag-box ul li{
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px 0;
}
.main-title-box .inner .tag-box ul li a{
    display: block;
    padding: 3px 8px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #404040;
}
.main-title-box .inner .tag-box ul li a:hover {
    display: block;
    background-color: #eee;
    border-radius: 4px;
}
.main-title-box .inner.tag-box-wrapper { padding: 0;}
.guide-list-link a {
    display: block;
    width: 82px;
    font-size: 12px;
}
.guide-list-link .item:hover {text-decoration: underline;}
.glay-page-link {
    width: 6px;
    height: 15px;
    margin-right: 5px;
    background-position: -165px 6px;
}
.main-title-box h1,
.main-title-box h2 {
    font-size: 24px;
    margin-bottom: 5px;
    display: inline-block;
}
.main-title-box .read {line-height: 1.4; margin-bottom: 10px;}
.shoulder {
    position: absolute;
    top: 2px;
    right: 5px;
}
.shoulder .number {margin-left: 5px;}
.layout_main .desc {
    border-top: 1px solid #EEE;
    background: -moz-linear-gradient(top center, #fcfcfc 0%, #fff 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#fff));
    background: linear-gradient(top center, #dad8d8 0%, #fcfcfc 100%);
    padding-top: 5px;
}
/* 吹き出し付きタイトル */
.blow-title {
    border: 3px solid #ddd;
    position: relative;
    z-index: 0;
    margin-bottom: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.theme-area .blow-title {margin-bottom: 20px;}
.blow-title .inner {
    border: 1px solid #ccc;
    position: relative;
    padding: 0 10px;
}
.label-title,
.number {letter-spacing: normal;}
.label-title.big {margin-top: 4px;}
.blow-title .inner .number,
.title-box .inner .number {
    position: absolute;
    top: 11px;
    right: 10px;
    letter-spacing: normal;
}
.theme-area .blow-title .inner .number {top: 8px; right: 10px;}
.inner .number a {font-size: 16px; font-weight: bold; margin-right: 3px;}
.blow {
    width: 11px;
    height: 10px;
    background: url(//img.aacdn.jp/allabout/common/blow-bottom.png) no-repeat;
    position: absolute;
    bottom: -9px;
    left: 15px;
    display: block;
}

.free .ch {
    width: 332px;
    margin: 0 21px 30px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
/* アイコン類 */
.red-arrow {
    width: 4px;
    height: 6px;
    background-position: 0 0;
    margin: 6px 7px 0 0; 
}
.blue-arrow {
    width: 7px;
    height: 14px;
    background-position: -60px 1px;
    margin: 5px 0 0 5px; 
}
.red-l-arrow {
    width: 7px;
    height: 14px;
    background-position: -270px 1px;
    margin: 5px 0 0 5px; 
}
.all-theme .blue-arrow {background-position: -60px 2px;}
/* ボタン類 */
.link-btn-box .btn .number {font-size: 15px; font-weight: bold;}
.link-btn-box .btn {
    display: block;
    border: 1px solid #CCC;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
.link-btn-box .btn:hover {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 1%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 1%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    cursor: pointer;
}
.link-btn-box .btn span {text-decoration: none;}
.all-theme {
    width: 160px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
    /width: 140px;
}
.more-btn {
    height: 38px;
    line-height: 38px;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 40px;
}
/* ボックス系 */
.title-box {border: 3px #efefef solid;}
.title-box .inner {position: relative; border: 1px #ddd solid;}
.title-box h2 {
    font-size: 15px;
    font-weight: normal;
    padding: 7px 10px 5px;
}
.title-box h2.bold {font-weight: bold;}
.title-box h2 .time {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}
.title-box .link-btn {
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    width: 100px;
}
.link-btn .item:hover {text-decoration: underline;}
.title-box .btn {cursor: pointer;}
.title-box a.btn {text-decoration: none; display: block; margin-top: 1px;}
.title-box a.btn:hover {text-decoration: none;}
.title-box .blue-arrow {margin-top: 4px;}

.gray-border-box {
    border-left: 3px #efefef solid;
    border-right: 3px #efefef solid;
    border-bottom: 3px #efefef solid;
    margin-bottom: 20px;
    position: relative;
}
.inner.glay-bg {
    margin: 0 15px 15px;
    padding: 15px 15px 10px;
    border: 1px solid #ddd;
    background: #fbfaf8;
}
.inner.white-bg {
    margin: 0 15px 15px;
    padding: 15px 15px 10px;
    border: 1px solid #ddd;
    background: #fff;
}
.red-label {
    border-left: 3px solid #C00;
    padding-left: 7px;
    height: 18px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.common-box .red-label {margin: 10px 10px 5px 15px;}
.gray-border-box .inner li {border: 1px solid #ededed; background: #FFF;}
.gray-border-box .inner li a {padding: 10px;}
/* 枠系 */
.box-topic {margin-bottom: 10px;}
/* 新着記事 */
.new-arrival .contents-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.new-arrival .contents-list li a {display: block; padding: 10px 15px;}
.new-arrival .contents-list li a:hover {background: #f1f1f1;}
.new-arrival .contents-list li a .read {color: #404040; line-height: 1.4;}
.closeup-contents {
    width: 679px;
    border-bottom: 1px #CCC dotted;
    letter-spacing: normal;
}
.closeup-contents .thumb {margin-right: 10px;}
.closeup-contents .content-box {
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.closeup-contents .content-box .title {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 5px;
    font-weight: bold;
}
/* 斜め線背景 */
.diagonal {
    background: url(//img.aacdn.jp/allabout/common/diagonal.png) repeat;
    padding-top: 15px;
}
.diagonal .inner {margin-bottom: 20px;}
.diagonal .inner .contents-list li {margin-bottom: 5px; width: 615px;}
.diagonal .inner .contents-list li a {display: block; padding: 10px;}
.diagonal .inner .contents-list li a:hover {background: #f1f1f1;}
.diagonal .inner .contents-list li .title {font-size: 15px; font-weight: bold;}
.diagonal .inner .contents-list li .read {color: #404040; line-height: 1.4;}
.diagonal .contents-list .contents .content-box {width: auto;}

/* ドット線　ハーフリスト */
.diagonal .border-half {margin: 0 0 0;}
.diagonal .border-half li {
    width: 298px;
    border: none;
    padding: 5px 10px 5px 0;
    line-height: 1.4;
    margin-bottom: 5px;
}
.diagonal .border-half li .item {width: 257px;}
.diagonal .border-half li .item a {font-size: 15px;}
/* リストアイコン */
.list-icon {
    width: 14px;
    height: 18px;
    background-position: -219px -33px;
    margin-right: 7px;
}
.white-bg .border-half li a {padding: 0; display: block;}
.white-bg .border-half .list-icon {margin-right: 10px;}
.kind-article-label,
.qa-article-label,
.matome-article-label,
.feature-article-label,
.feature-red-article-label,
.movie-article-label,
.ad-article-label,
.jiji-article-label,
.dig-article-label {
    width: 60px;
    height: 16px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin-bottom: 5px;
}
.kind-article-label {background: #ee4460;}
.qa-article-label {background: #5f9bb8;}
.matome-article-label {background: #57b562;}
.feature-article-label {background: #f58326;}
.feature-red-article-label,
.movie-article-label {background: #e52c27;}
.ad-article-label {background: #d6d6d6;}
.jiji-article-label,
.dig-article-label {background: #3e5d9e;}
.contents-list {
    width: 682px;
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.contents-list li {
    letter-spacing: normal;
}
.contents-list .contents {
    width: 339px;
    border-bottom: 1px #CCC dotted;
    border-right: 1px #EEE solid; 
}
.common-label {border: 3px #efefef solid; margin: 5px;}
.common-label h3 {padding: 5px 10px; border: 1px #ddd solid;}
.common-box .contents-list .contents {border-bottom: none;}
.r-top .contents-list .contents:nth-child(12),
.r-top .contents-list .contents:nth-child(13),
.gstop .contents-list .contents:nth-child(6),
.gstop .contents-list .contents:nth-child(7)  {
    border-bottom: none;
}
.contents-list .contents .thumb {width: 88px; margin-right: 5px;}
.contents-list .contents .content-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.contents-list .contents .content-box .title {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: bold;
}
/* ランキング */
.title-box .ranking-btn {
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    width: 110px;
}
.ranking-btn .item:hover {text-decoration: underline;}
.ranking-area {margin-bottom: 30px;}
.ranking-area .container {padding: 0 10px;}
.ranking-area .container li {
    border-bottom: 1px dotted #CCC;
    line-height: 1.6;
    padding: 7px 10px;
}
.ranking-area .container li .no  {
    color: #C00;
    font-weight: bold;
    font-size: 16px;
    margin-right: 2px;
}
.ranking-area .container li .small  {
    color: #C00;
    font-weight: bold;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 5px;
}
.ranking-area .container .no1-3 .no {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-right: 9px;
    background: #C00;
    color: #FFF;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    font-size: 13px;
}
.ranking-area .container a {
    display: block;
    width: 610px;
    padding-top: 2px;
}
.ranking-area .container .no1-3 a {padding-top: 1px;}
/* ガイドスクロール */
.guide-scroll-area {margin-bottom: 20px;}
.guide-scroll-area .container {margin: 15px 10px 20px; width: 690px;}
.guide-scroll-area .previous-cursor,
.guide-scroll-area .next-cursor {
    width: 8px;
    height: 18px;
    position: static;
    margin-top: 20px;
}
.guide-scroll-area .scrollable {width: 635px; height: 70px;}
.guide-scroll-area .scrollable li {
    width: 195px;
    border-right: 1px dotted #CCC;
    padding-right: 10px;
    margin-right: 10px;
}
.guide-scroll-area .scrollable li .thumb {
    width: 60px;
    border: 1px solid #CCC;
    margin-right: 5px;
}
.guide-scroll-area .scrollable li .info {width: 123px;}
/* おすすめ情報 */
.recommended-info .container {margin: 10px;}
.recommended-info .container {line-height: 1.2;}
.recommended-info .container .clickable a img {
    margin-right: 12px;
    width: 50px;
    height: auto;
}
.layout_main .recommended-info .container .clickable a .lead {color: #404040;}
.recommended-info .container .content .title {margin-bottom: 5px; font-weight: bold;}
/* ボトムレック */
.bottom-rec {width: 640px; margin: 0 auto 20px;}
.bottom-rec > div {width: 300px; margin: 0 10px;}
/* ページネーション*/
.pagenation-box {
    text-align: center; 
    height: 27px;
    margin-bottom: 20px;
}
.pagenation-box ul {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
    margin: 0 auto;
}
.pagenation-box li {
    background-color: #FFF;
    margin: 0 5px;
    height: 25px;
    line-height: 25px;
    letter-spacing: normal;
}
.pagenation-box li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #E4E4E4;
    color: #a3a2a2;
    text-decoration: none;
}
.pagenation-box li .abb {display: block; margin-top: 1px;}
.pagenation-box li a:hover {background: #F7F6F6; color: #000;}
.pagenation-box li.current span {background-color: #C00; color: #FFF; padding: 0 9px; border: 1px solid #E4E4E4;}
.pagenation-box li.previous a,
.pagenation-box li.next a {
    border: 1px solid #666;
    background: #666;
    color: #FFF;
    width: 90px;
}
.pagenation-box li.previous a span,
.pagenation-box li.next a span {
    letter-spacing: normal;
}
.pagenation-box li.previous a:hover,
.pagenation-box li.next a:hover {background: #888;}
.previous-icon,
.next-icon {
    width: 6px;
    height: 6px;
    margin-top: 9px;
}
.previous-icon {margin-right: 7px; background-position: -91px 0px;}
.next-icon {margin-right: 7px; background-position: -121px 0px;}
.pagenation-box li a .item {
    width: 77px;
    height: 25px;
    line-height: 25px;
}
.pagenation-box li a:hover .item {text-decoration: none;}

/* ページネーション改修 別対タイプとして実装テスト 141219 */
.pagenation-box-type-a {
    background: #efefef;
    height: auto;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
}
.pagenation-box-type-a ul {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
    margin: 0 auto;
}
.pagenation-box-type-a li {
    margin: 0;
    line-height: 40px;
    height: 40px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-align: center;
    background: #fff;
    letter-spacing: normal;
}
/* prev, next: micoのスタイルより詳細度高める用 */
.pagenation-box-type-a li.prev,
.pagenation-box-type-a li.next {
    height: 40px;
    padding: 0;
}
.pagenation-box-type-a li:first-child {
    border-left: 1px solid #dedede;
}
.pagenation-box-type-a li.previous {
    margin-right: 15px;
}
.pagenation-box-type-a li.previous + li {
    border-left: 1px solid #dedede;
}
.pagenation-box-type-a li.next {
   margin-left: 15px;
}
.pagenation-box-type-a li > a {
    display: inline-block;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
    height: auto;
    border: none;
    padding: 0;
    color: #cc0000;
    text-decoration: none;
}
.pagenation-box-type-a li > a:hover {
    background: #fbefef;
}
.pagenation-box-type-a li.previous ,
.pagenation-box-type-a li.next {
    border: 1px solid #dedede;
    color: #404040;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.pagenation-box-type-a li.previous a {
    border: none;
    background: #fff;
    color: #404040;
    width: 120px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}
.pagenation-box-type-a li.previous a:hover {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.pagenation-box-type-a li.previous a span {
    text-decoration :none;
}
.pagenation-box-type-a li.next a {
    border: none;
    background: #df3333;
    background: -moz-linear-gradient(top, #df3333 0%, #b03d3d 100%); 
    background: -webkit-linear-gradient(top, #df3333 0%,#b03d3d 100%);
    background: linear-gradient(to bottom, #df3333 0%,#b03d3d 100%);
    color: #fff;
    width: 120px;
    height: 40px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}
.pagenation-box-type-a li.next a:hover {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.pagenation-box-type-a li.next a span {
    text-decoration :none;
}
.pagenation-box-type-a li.previous .item,
.pagenation-box-type-a li.next .item {
    height: 40px;
    line-height: 40px;
}
.pagenation-box-type-a .previous-icon, .pagenation-box-type-a .next-icon {
    margin-top: 15px;
    width: 11px;
    height: 8px;
}
.pagenation-box-type-a .previous-icon {
    margin-right: 8px;
    background: transparent url(//img.aacdn.jp/allabout/common/icon-sprite.png) no-repeat 0 0;
    background-position: -573px -361px; 
}
.pagenation-box-type-a .next-icon {
    background: transparent url(//img.aacdn.jp/allabout/common/icon-sprite.png) no-repeat 0 0;
    background-position: -589px -361px;
    margin-right: 0;
    margin-left: 8px;   
}
.pagenation-box-type-a li > span {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.pagenation-box-type-a li.current > span {
    border: none;
    padding: 0;
    color: #999;
    font-weight: bold;
    background: #fbefef;
}
.pagenation-box-type-a li > .abb {
    margin: 0;
    border: none;
    padding: 0;
    color: #404040;
}

/* あわせて読みたい */
.ad-recommend-area {margin-bottom: 20px; min-height: 1px;/* 空枠対策 */}
.ad-recommend-list {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.ad-recommend-area .ad-recommend-list li {
    border-bottom: 1px dotted #CCC;
    letter-spacing: normal;
}
.ad-recommend-area .ad-recommend-list li a {
    padding: 6px 10px 5px;
    font-weight: bold;
    display: block;
    font-size: 14px;
}
.ad-recommend-area .ad-recommend-list .title {font-size: 14px; font-weight: bold;}
.ad-recommend-area .ad-recommend-list .lead {color: #404040; font-weight: normal;}
.mt-10 {margin-top: -10px;}
.mt-20 {margin-top: -20px;}
/* ラベルとガイド */
.content-attachment {
    margin-bottom: 10px;
    height: 20px;
    z-index: 10;
}
.content-attachment .label-box {
    padding-right: 10px;
    height: 16px;
    border-right: 1px solid #777;
    margin-top: 2px;
    margin-right: 10px;
    width: 60px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.content-attachment .label-box.border-none {margin-right: 0; border-right: none;}
.content-attachment .kind {margin-top: 2px;}
.content-attachment .guide-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: none;
}
.content-attachment .guide {
    height: 20px;
    line-height: 20px;
    padding-right: 5px;
    color: #404040;
}
.content-attachment .guide a {color: #404040;}
.content-attachment .guide a:hover {text-decoration: none;}
.content-attachment .guide-box .item {color: #404040;}
.content-attachment .guide img {
    vertical-align: top;
    margin-right: 5px;
    border: 1px #CCC solid;
}
.function-box .service-list li {margin-right: 25px;}
.sbset_twitter {width: 95px;}

/* ---------------------------------------------------------------------------------
#head
--------------------------------------------------------------------------------- */
.the-header .hd {
    height: 25px;
    background: #C00 url(//img.aacdn.jp/aa/common/top-gradation.gif) repeat-x;
    margin-bottom: 7px;
    display: block;
}
.h1-search {width: 1000px; margin: 0px auto;}
.h1-search h1 {
    line-height: 25px;
    color: #FFF;
    font-weight: normal;
    width: 600px;
    height: 25px;
    font-size: 12px;
}
.map-index {
    width: 190px;
    text-align: right;
    margin-right: 10px;
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.map-index li {
    line-height: 24px;
    margin-right: 5px;
    text-align: left;
    letter-spacing: normal;
}
.map-index li a {font-size: 11px; color: #FFF;}
.map-index li.site-map {width: 83px;}
.map-index li.site-map .item {width: 73px;}
.map-index li.index {width: 72px;}
.map-index li.index .item {width: 40px;}
.h1-search .search-site {width: 200px;}
.the-header .search .form {padding: 0px; width: 280px;}
.arrow-s {
    width: 2px;
    height: 4px;
    background-position: -146px -0px;
    margin: 10px 7px 0 0;
}
/* サーチ */
.the-header .serach-box {
    width:200px;
    height: 21px;
    display: block;
    background: #FFF;
    margin-top:2px
}
.the-header .input-box input {
   height: 15px;
   width:137px;
   border: 0 none;
   padding-left: 3px;
   margin-top: 1px;
}
.the-header .input-btn .btn-search {
    background: none repeat scroll 0 0 #323232;
    border: 0 none;
    color: #FFF;
    height: 19px;
    width:42px;
    margin: 1px 1px 0 0;
    line-height: 19px;
}
/* breadcrumb */
.breadcrumb {
    width: 1000px;
    margin: 0px auto;
    font-size: 12px;
    font-weight: bold;
}
.breadcrumb ul {
    letter-spacing:-0.4em;
    line-height: 12px;
    margin: 0 0 0 -5px;
}
.breadcrumb li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    letter-spacing:normal;
    font-weight: normal;
    line-height: 1.3;
}
.breadcrumb .last {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    letter-spacing:normal;
}
.breadcrumb .last a {font-weight: bold;}
.breadcrumb .last a:hover {text-decoration: none; cursor: text;}
.breadcrumb li span {margin: 0px 5px;}
.breadcrumb .rsaquo {font-weight: normal;}
.breadcrumb a { font-weight: normal; color: #444;}
/* 領域ナビ */
.r-navi {width: 1000px; margin: 0 auto 10px; text-align: center;}
.r-navi > ul {
    width: 1000px;
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.r-navi li {
    background: url(//img.aacdn.jp/allabout/common/navi-bar.gif) no-repeat 100% 0;
    height: 18px;
    line-height: 18px;
    letter-spacing: normal;
}
.r-navi li.last {background: none;}
.r-navi li:last-child {background: none;}
.r-navi li a {
    padding: 0 6px;
    margin: 0px 2px 0 1px;
    display: block;
    height: 18px;
    font-size: 12px;
    color: #404040;
}
.r-navi li a:hover,
.r_house .r-navi .menu-r_house a,
.r_finance .r-navi .menu-r_finance a,
.r_health .r-navi .menu-r_health a,
.r_beauty .r-navi .menu-r_beauty a,
.r_itdigital .r-navi .menu-r_itdigital a,
.r_kurashi .r-navi .menu-r_kurashi a,
.r_relationship .r-navi .menu-r_relationship a,
.r_business .r-navi .menu-r_business a,
.r_mensstyle .r-navi .menu-r_mensstyle a,
.r_travel .r-navi .menu-r_travel a,
.r_hobby .r-navi .menu-r_hobby a,
.r_fashion .r-navi .menu-r_fashion a,
.r_gourmet .r-navi .menu-r_gourmet a,
.r_auto .r-navi .menu-r_auto a {
    color: #FFF;
    padding: 0px 6px;
    margin: 0px 2px 0 1px;
    background: #CC0000;
    text-decoration: none;
}
/* ロゴ */
.the-header .inner .bd {
   width: 1000px;
   margin: 0px auto;
   display: block;
}
.the-header .inner .bd .logo {
    width: 180px;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;   /*for IE*/
    margin-bottom: 14px;    
}
.the-header .inner .bd .r-logo {
    max-width: 250px;
    height: 43px;
    display:block;
}
.the-header .inner .bd .r-logo a {height: 22px;}
.the-header .inner .bd .r-logo a img {vertical-align: top;}
.the-header .inner .bd .r-logo-inline {
    height: 33px;
    line-height: 44px;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;   /*for IE*/
    vertical-align: top;
    position: relative;
    margin-bottom: 15px;
}
.the-header .inner .bd .r-logo a {
    display:block;
    line-height: 23px;
    position: relative;
}
.the-header .inner .bd .r-logo-inline a,
.the-header .inner .bd .r-logo-inline a:hover,
.the-header .inner .bd .r-logo-inline a:visited,
.the-header .inner .bd .r-logo a,
.the-header .inner .bd .r-logo a:hover,
.the-header .inner .bd .r-logo a:visited {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
#ranking-all .the-header .inner .bd .r-logo-inline a,
#ranking-all .the-header .inner .bd .r-logo-inline a:hover,
#ranking-all .the-header .inner .bd .r-logo-inline a:visited,
#ranking-all .the-header .inner .bd .r-logo a,
#ranking-all .the-header .inner .bd .r-logo a:hover,
#ranking-all .the-header .inner .bd .r-logo a:visited,
#latest .the-header .inner .bd .r-logo-inline a,
#latest .the-header .inner .bd .r-logo-inline a:hover,
#latest .the-header .inner .bd .r-logo-inline a:visited,
#latest .the-header .inner .bd .r-logo a,
#latest .the-header .inner .bd .r-logo a:hover,
#latest .the-header .inner .bd .r-logo a:visited {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
/* AAロゴ横が領域ロゴではなくテキストだった場合 */
#ranking-all .the-header .inner .bd .r-logo a,
#ranking-all .the-header .inner .bd .r-logo a:hover,
#ranking-all .the-header .inner .bd .r-logo a:visited,
#latest .the-header .inner .bd .r-logo a,
#latest .the-header .inner .bd .r-logo a:hover,
#latest .the-header .inner .bd .r-logo a:visited {
    display: inline-block;
    vertical-align: middle;
}
.the-header .inner .bd .r-logo-inline a img {position: absolute; bottom: 1px;}

/* スーパーラージバナー位置変更施策用 施策終了後に削除 */
.the-header .inner .logo-area.has-super-large-under {
   width: 1000px;
   margin: 0px auto;
   display: block;
}
.the-header .inner .logo-area.has-super-large-under .logo {
    width: 180px;
    display: inline-block;
    margin-bottom: 14px;
}
.the-header .inner .logo-area.has-super-large-under .r-logo {
    height: 33px;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 15px;
}
.the-header .inner .logo-area.has-super-large-under .r-logo a {
    display: block;
    position: relative;
    height: 33px;
}
.the-header .inner .logo-area.has-super-large-under .r-logo a img {
  position: absolute;
  bottom: 1px;
  vertical-align: bottom;
}
.the-header .inner .contents-jack .logo-area.has-super-large-under {
   width: 1000px;
   margin: 0px auto;
   display: block;
}
.the-header .inner .contents-jack .logo-area.has-super-large-under .logo {
    width: 105px;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;   /*for IE*/
}
.the-header .inner .contents-jack .logo-area.has-super-large-under .r-logo {
    max-width: 250px;
    height: 33px;
    line-height: 44px;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;   /*for IE*/
    vertical-align: top;
    position: relative;
    margin-bottom: 15px;
}
.the-header .inner .contents-jack .logo-area.has-super-large-under .r-logo a img {
    vertical-align: top;
    position: static;
}
.the-header .inner .contents-jack .logo-area.has-super-large-under .r-logo a {
    display:block;
    height: 22px;
    line-height: 23px;
    position: relative;
}
.the-header .inner .contents-jack .logo-area.has-super-large-under .r-logo a img {position: absolute; top: -1px;}
.the-header .inner .logo-area.has-super-large-under + .jack-banner {padding-top:40px;}
/* //スーパーラージバナー位置変更施策用　ここまで */

/* マイナビ転職 */
#ch-job .the-header .inner .bd .logo {
    width: auto;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;   /*for IE*/
    margin-bottom: 14px;    
}
#ch-job .logo-area .logo span {
    vertical-align: bottom;
    font-weight: bold;
    font-size: 14px;
}
/* スーパーバナー */
.the-header .inner .bd .super-banner,
.the-header .inner .bd .double-banner {width: 728px; height: 90px;}
/* コンテンツジャック */
.contents-jack {width: 980px; margin: 0px auto;}
.contents-jack .jack-banner {width: 950px; margin: 7px auto; padding-top:60px;}
.large-super-banner {text-align: center;}

/* ---------------------------------------------------------------------------------
チャネルナビ
--------------------------------------------------------------------------------- */
.ch-nav {
    width: 998px;
    height: 47px;
    margin: 0px auto 10px;
    background: #FFF;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0 10px 6px -6px #E3E3E3;
    -moz-box-shadow: 0 10px 6px -6px #E3E3E3;
    box-shadow: 0 10px 6px -6px #E3E3E3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=145,strength=5,enabled=true)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=145,strength=5,enabled=true);
    position: relative;
    zoom: 1;
    z-index: 100;
}
.ch-nav ul {width: 998px; margin: 0px auto;}
.ch-nav .nav a {
    background: url(//img.aacdn.jp/allabout/common/navi-sprite.png) no-repeat;
    display: block;
    text-indent: -9999px;
}
.ch-nav .ptm {padding-top: 0;}
.ch-nav .ptm a {
    display: block;
    width: 142px!important;
    height: 46px!important;
    text-indent: -9999px;
}
.ch-nav .ptm {
    position: absolute;
    top: 1px;
    right: -2px;
    width: 142px;
}
.ch-nav .ptm-form a {background-position: -850px -1222px;}
.ch-nav .ptm-forf a {background-position: -850px -1582px;}
.ch-nav .ptm-mico a {background-position: -850px -1702px;}
.r_house .nav a {width: 71px; height: 47px;}
.r_house .menu-house a {background-position: -11px -11px;}
.r_house .menu-house a:hover {background-position: -11px -71px;}
.r_house .menu-mansion a {background-position: -82px -11px;}
.r_house .menu-mansion a:hover {background-position: -82px -71px;}
.r_house .menu-reform a {background-position: -153px -11px;}
.r_house .menu-reform a:hover { background-position: -153px -71px;}
.r_house .menu-living a {background-position: -224px -11px;}
.r_house .menu-living a:hover {background-position: -224px -71px;}
.r_house .menu-ch_interior a {background-position: -295px -11px;}
.r_house .menu-ch_interior a:hover {background-position: -295px -71px;}
.r_house .menu-rent a { background-position: -366px -11px;}
.r_house .menu-rent a:hover {background-position: -366px -71px;}
.r_house .menu-bestcity a { background-position: -437px -11px;}
.r_house .menu-bestcity a:hover {background-position: -437px -71px;}
.r_house .menu-secondhouse a {background-position: -508px -11px;}
.r_house .menu-secondhouse a:hover {background-position: -508px -71px;}
.r_house .menu-tochikatsu a {background-position: -579px -11px;}
.r_house .menu-tochikatsu a:hover { background-position: -579px -71px;}
.r_house .menu-ch_immovablessale a {background-position: -650px -11px;}
.r_house .menu-ch_immovablessale a:hover {background-position: -650px -71px;}
.r_house .menu-myhomecost a {background-position: -721px -11px;}
.r_house .menu-myhomecost a:hover { background-position: -721px -71px;}
.r_house .menu-suumo a {background-position: -792px -11px;}
.r_house .menu-suumo a:hover {background-position: -792px -71px;}
.r_house .menu-jscatalogue a {background-position: -863px -11px;}
.r_house .menu-jscatalogue a:hover {background-position: -863px -71px;}
.r_house .ch-nav .menu-r_house a {background-position: -934px -11px; width: 74px;}
.r_house .ch-nav .menu-r_house a:hover {background-position: -934px -71px;}
#house .ch-nav .menu-house a {background-position: -11px -71px;}
#mansion .ch-nav .menu-mansion a {background-position: -82px -71px;}
#reform .ch-nav .menu-reform a {background-position: -153px -71px;}

#living .ch-nav .menu-living a {background-position: -224px -71px;}
#ch_interior .ch-nav .menu-ch_interior a {background-position: -295px -71px;}
#rent .ch-nav .menu-rent a {    background-position: -366px -71px;}
#bestcity .ch-nav .menu-bestcity a {background-position: -437px -71px;}
#secondhouse .ch-nav .menu-secondhouse a {background-position: -508px -71px;}
#tochikatsu .ch-nav .menu-tochikatsu a {background-position: -579px -71px;}
#ch_immovablessale .ch-nav .menu-ch_immovablessale a {background-position: -650px -71px;}
#myhomecost .ch-nav .menu-myhomecost a {background-position: -721px -71px;}
#suumo .ch-nav .menu-suumo a {background-position: -792px -71px;}
#jscatalogue .ch-nav .menu-jscatalogue a {background-position: -863px -71px;}
#r_house .ch-nav .menu-r_house a {  background-position: -934px -71px; width: 74px}
.r_finance .nav a { width: 91px; height: 47px;}
.r_finance .menu-ch_saving a {background-position: -11px -131px;}
.r_finance .menu-ch_saving a:hover {background-position: -11px -191px;}
.r_finance .menu-ch_investment a {background-position: -102px -131px;}
.r_finance .menu-ch_investment a:hover {background-position: -102px -191px;}
.r_finance .menu-ch_insurance a {background-position: -193px -131px;}
.r_finance .menu-ch_insurance a:hover { background-position: -193px -191px;}
.r_finance .menu-ch_mortgage a {background-position: -284px -131px;}
.r_finance .menu-ch_mortgage a:hover {background-position: -284px -191px;}
.r_finance .menu-ch_creditcard a {background-position: -375px -131px;}
.r_finance .menu-ch_creditcard a:hover {background-position: -375px -191px;}
.r_finance .menu-ch_marriagemoney a {background-position: -466px -131px;}
.r_finance .menu-ch_marriagemoney a:hover { background-position: -466px -191px;}
.r_finance .menu-ch_retirementmoney a { background-position: -557px -131px;}
.r_finance .menu-ch_retirementmoney a:hover {background-position: -557px -191px;}
.r_finance .menu-ch_tax a { background-position: -648px -131px;}
.r_finance .menu-ch_tax a:hover {background-position: -648px -191px;}
.r_finance .menu-ch_loan a {background-position: -739px -131px;}
.r_finance .menu-ch_loan a:hover {background-position: -739px -191px;}
.r_finance .menu-argent a { background-position: -830px -131px;}
.r_finance .menu-argent a:hover {background-position: -830px -191px;}
.r_finance .ch-nav .menu-r_finance a {background-position: -921px -131px; width: 87px;}
.r_finance .ch-nav .menu-r_finance a:hover {background-position: -921px -191px;}
#ch_saving .ch-nav .menu-ch_saving a {background-position: -11px -191px;}
#ch_investment .ch-nav .menu-ch_investment a {background-position: -102px -191px;}
#ch_insurance .ch-nav .menu-ch_insurance a {background-position: -193px -191px;}
#ch_mortgage .ch-nav .menu-ch_mortgage a {background-position: -284px -191px;}
#ch_creditcard .ch-nav .menu-ch_creditcard a {background-position: -375px -191px;}
#ch_marriagemoney .ch-nav .menu-ch_marriagemoney a {background-position: -466px -191px;}
#ch_retirementmoney .ch-nav .menu-ch_retirementmoney a {background-position: -557px -191px;}
#ch_tax .ch-nav .menu-ch_tax a {background-position: -648px -191px;}
#ch_loan .ch-nav .menu-ch_loan a {background-position: -739px -191px;}
#argent .ch-nav .menu-argent a {background-position: -830px -191px;}
#r_finance .ch-nav .menu-r_finance a {background-position: -921px -191px; width: 87px;}
.r_health .nav a {height: 47px; width: 124px;}
.r_health .menu-health a { background-position: -11px -1095px;}
.r_health .menu-health a:hover { background-position: -11px -1155px;}
.r_health .menu-disease a { background-position: -135px -1095px;}
.r_health .menu-disease a:hover { background-position: -135px -1155px;}
.r_health .menu-treatment a { background-position: -259px -1095px;}
.r_health .menu-treatment a:hover { background-position: -259px -1155px;}
.r_health .menu-clinicsearch a { background-position: -383px -1095px;}
.r_health .menu-clinicsearch a:hover { background-position: -383px -1155px;}
.r_health .menu-medicinedb a { background-position: -507px -1095px;}
.r_health .menu-medicinedb a:hover { background-position: -507px -1155px;}
.r_health .menu-nutrient a { background-position: -631px -1095px;}
.r_health .menu-nutrient a:hover { background-position: -631px -1155px;}
.r_health .menu-takeda-kenko a { background-position: -755px -1095px; }/* takeda-kenko or shikkan どちらかを後で消す */
.r_health .menu-takeda-kenko a:hover { background-position: -755px -1155px; }
.r_health .menu-shikkan a { background-position: -755px -1095px;}
.r_health .menu-shikkan a:hover { background-position: -755px -1155px;}
.r_health .ch-nav .menu-r_health a {background-position: -879px -1095px; width: 129px;}
.r_health .ch-nav .menu-r_health a:hover { background-position: -879px -1155px;}
#health .ch-nav .menu-health a { background-position: -11px -1155px;}
#disease .ch-nav .menu-disease a { background-position: -135px -1155px;}
#treatment .ch-nav .menu-treatment a {  background-position: -259px -1155px;}
#clinicsearch .ch-nav .menu-clinicsearch a { background-position: -383px -1155px;}
#medicinedb .ch-nav .menu-medicinedb a { background-position: -507px -1155px;}
#takeda-kenko .ch-nav .menu-takeda-kenko a { background-position: -755px -1155px;}
#shikkan .ch-nav .menu-shikkan a { background-position: -755px -1031px;}
#nutrient .ch-nav .menu-nutrient a { background-position: -631px -1155px;}
#r_health .ch-nav .menu-r_health a { background-position: -879px -1155px;}
.r_beauty .ch-nav a {width: 125px; height: 47px; margin-top: 1px;}
.r_beauty .menu-mico a {background-position: -11px -1702px;}
.r_beauty .menu-mico a:hover {background-position: -11px -1762px;}
.r_beauty .menu-ch_makeup a {background-position: -136px -1702px;}
.r_beauty .menu-ch_makeup a:hover { background-position: -136px -1762px;}
.r_beauty .menu-ch_skincare a { background-position: -261px -1702px;}
.r_beauty .menu-ch_skincare a:hover {background-position: -261px -1762px;}
.r_beauty .menu-ch_hair a {background-position: -386px -1702px;}
.r_beauty .menu-ch_hair a:hover {background-position: -386px -1762px;}
.r_beauty .menu-ch_bodycare a { background-position: -511px -1702px;}
.r_beauty .menu-ch_bodycare a:hover {background-position: -511px -1762px;}
.r_beauty .menu-ch_nail a {background-position: -636px -1702px;}
.r_beauty .menu-ch_nail a:hover {background-position: -636px -1762px;}
.r_beauty .menu-beautydiet a {background-position: -761px -1702px;}
.r_beauty .menu-beautydiet a:hover {background-position: -761px -1762px;}
.r_beauty .ch-nav .menu-r_beauty a {background-position: -886px -1702px; width:122px;}
.r_beauty .ch-nav .menu-r_beauty a:hover {background-position: -886px -1762px;}
#ch_mico .ch-nav .menu-mico a {background-position: -11px -1762px;}
#ch_makeup .ch-nav .menu-ch_makeup a {background-position: -136px -1762px;}
#ch_skincare .ch-nav .menu-ch_skincare a {background-position: -261px -1762px;}
#ch_hair .ch-nav .menu-ch_hair a {background-position: -386px -1762px;}
#ch_bodycare .ch-nav .menu-ch_bodycare a {background-position: -511px -1762px;}
#ch_nail .ch-nav .menu-ch_nail a {background-position: -636px -1762px;}
#beautydiet .ch-nav .menu-beautydiet a {background-position: -761px -1762px;}
#r_beauty .ch-nav .menu-r_beauty a {background-position: -886px -1762px; width:123px;}
.r_itdigital .nav a {width: 123px;  height: 47px;}
.r_itdigital .menu-computer a {background-position: -11px -1221px;}
.r_itdigital .menu-computer a:hover {background-position: -11px -1281px;}
.r_itdigital .menu-camera a {background-position: -134px -1221px;}
.r_itdigital .menu-camera a:hover {background-position: -134px -1281px;}
.r_itdigital .menu-mobile a {background-position: -257px -1221px;}
.r_itdigital .menu-mobile a:hover { background-position: -257px -1281px;}
.r_itdigital .menu-netpc a {background-position: -380px -1221px;}
.r_itdigital .menu-netpc a:hover {background-position: -380px -1281px;}
.r_itdigital .ch-nav .menu-r_itdigital a {background-position: -503px -1221px;}
.r_itdigital .ch-nav .menu-r_itdigital a:hover {background-position: -503px -1281px;}
#computer .ch-nav .menu-computer a {    background-position: -11px -1281px;}
#camera .ch-nav .menu-camera a {background-position: -134px -1281px;}
#mobile .ch-nav .menu-mobile a {background-position: -257px -1281px;}
#netpc .ch-nav .menu-netpc a {background-position: -380px -1281px;}
#r_itdigital .menu-r_itdigital a {background-position: -503px -1281px;}
.r_kurashi .nav a { width: 111px; height: 47px;}
.r_kurashi .menu-ch_handmade a {background-position: -11px -611px;}
.r_kurashi .menu-ch_handmade a:hover {background-position: -11px -671px;}
.r_kurashi .menu-recipe a { background-position: -122px -611px;}
.r_kurashi .menu-recipe a:hover {background-position: -122px -671px;}
.r_kurashi .menu-family a { background-position: -233px -611px;}
.r_kurashi .menu-family a:hover {background-position: -233px -671px;}
.r_kurashi .menu-ch_manner a {background-position: -344px -611px;}
.r_kurashi .menu-ch_manner a:hover {background-position: -344px -671px;}
.r_kurashi .menu-homeelectronics a {background-position: -455px -611px;}
.r_kurashi .menu-homeelectronics a:hover {background-position: -455px -671px;}
.r_kurashi .menu-ch_pregnancy a {background-position: -566px -611px;}
.r_kurashi .menu-ch_pregnancy a:hover { background-position: -566px -671px;}
.r_kurashi .menu-children a {background-position: -677px -611px;}
.r_kurashi .menu-children a:hover {background-position: -677px -671px;}
.r_kurashi .menu-ch_kids a {background-position: -788px -611px;}
.r_kurashi .menu-ch_kids a:hover {background-position: -788px -671px;}
.r_kurashi .ch-nav .menu-r_kurashi a {background-position: -899px -611px; width: 109px;}
.r_kurashi .ch-nav .menu-r_kurashi a:hover {background-position: -899px -671px;}
#ch_handmade .ch-nav .menu-ch_handmade a {background-position: -11px -671px;}
#recipe .ch-nav .menu-recipe a {background-position: -122px -671px;}
#family .ch-nav .menu-family a {background-position: -233px -671px;}
#ch_manner .ch-nav .menu-ch_manner a {background-position: -344px -671px;}
#homeelectronics .ch-nav .menu-homeelectronics a {background-position: -455px -671px;}
#ch_pregnancy .ch-nav .menu-ch_pregnancy a {background-position: -566px -671px;}
#children .ch-nav .menu-children a {background-position: -677px -671px;}
#ch_kids .ch-nav .menu-ch_kids a {background-position: -788px -671px;}
#r_kurashi .menu-r_kurashi a {background-position: -899px -670px;}
.r_relationship .nav a {width: 123px; height: 47px;}
.r_relationship .menu-relationship a {background-position: -11px -371px;}
.r_relationship .menu-relationship a:hover {background-position: -11px -431px;}
.r_relationship .menu-marriage a {background-position: -134px -371px;}
.r_relationship .menu-marriage a:hover {background-position: -134px -431px;}
.r_relationship .ch-nav .menu-r_relationship a {background-position: -257px -371px;}
.r_relationship .ch-nav .menu-r_relationship a:hover {background-position: -257px -431px;}
#relationship .ch-nav .menu-relationshi a {background-position: -11px -431px;}
#marriage .ch-nav .menu-marriage a {background-position: -134px -431px;}
#r_relationship .ch-nav .menu-r_relationship a {background-position: -257px -431px;}
.r_business .nav a {width: 124px; height: 47px;}
.r_business .menu-recruit a {background-position: -11px -491px;}
.r_business .menu-recruit a:hover { background-position: -11px -551px;}
.r_business .menu-bizskill a {background-position: -135px -491px;}
.r_business .menu-bizskill a:hover {background-position: -135px -551px;}
.r_business .menu-ch_qualification a {background-position: -259px -491px;}
.r_business .menu-ch_qualification a:hover {background-position: -259px -551px;}
.r_business .menu-entre a { background-position: -383px -491px;}
.r_business .menu-entre a:hover {background-position: -383px -551px;}
.r_business .menu-ch_news a {background-position: -507px -491px;}
.r_business .menu-ch_news a:hover { background-position: -507px -551px;}
.r_business .menu-examination a {background-position: -631px -491px;}
.r_business .menu-examination a:hover { background-position: -631px -551px;}
.r_business .menu-job a {background-position: -755px -491px;}
.r_business .menu-job a:hover {background-position: -755px -551px;}
.r_business .ch-nav .menu-r_business a {background-position: -879px -491px; width: 130px;}
.r_business .ch-nav .menu-r_business a:hover {background-position: -879px -551px;}
#recruit .ch-nav .menu-recruit a {background-position: -11px -551px;}
#bizskill .ch-nav .menu-bizskill a {background-position: -136px -551px;}
#ch_qualification .ch-nav .menu-ch_qualification a {background-position: -259px -551px;}
#entre .ch-nav .menu-entre a {background-position: -383px -551px;}
#ch_news .ch-nav .menu-ch_news a {background-position: -507px -551px;}
#examination .ch-nav .menu-examination a {background-position: -631px -551px;}
#job .ch-nav .menu-job a {background-position: -755px -551px;}
#r_business .ch-nav .menu-r_business a {background-position: -879px -551px; width: 130px;}
.r_mensstyle .nav a {width: 123px;  height: 47px;}
.r_mensstyle .menu-mensstyle a {background-position: -11px -1341px;}
.r_mensstyle .menu-mensstyle a:hover {background-position: -11px -1401px;}
.r_mensstyle .menu-mensbeauty a {background-position: -134px -1341px;}
.r_mensstyle .menu-mensbeauty a:hover { background-position: -134px -1401px;}
.r_mensstyle .ch-nav .menu-r_mensstyle a {background-position: -257px -1341px;}
.r_mensstyle .ch-nav .menu-r_mensstyle a:hover {background-position: -257px -1401px;}
#mensstyle .ch-nav .menu-mensstyle a {background-position: -11px -1401px;}
#mensbeauty .ch-nav .menu-mensbeauty a {background-position: -134px -1401px;}
#r_mensstyle .ch-nav .menu-r_mensstyle a {background-position: -257px -1401px;}
.r_travel .nav a {width: 123px; height: 47px;}
.r_travel .menu-abroad a {background-position: -11px -851px;}
.r_travel .menu-abroad a:hover {background-position: -11px -911px;}
.r_travel .menu-domestic a {background-position: -134px -851px;}
.r_travel .menu-domestic a:hover {background-position: -134px -911px;}
.r_travel .ch-nav .menu-r_travel a {background-position: -257px -851px;}
.r_travel .ch-nav .menu-r_travel a:hover {background-position: -257px -911px;}
#abroad .ch-nav .menu-abroad a {background-position: -11px -911px;}
#domestic .ch-nav .menu-domestic a {background-position: -134px -911px;}
#r_travel .menu-r_travel a {background-position: -257px -911px;}
.r_hobby .nav a {width: 123px;  height: 47px;}
.r_hobby .menu-ch_game a {background-position: -11px -971px;}
.r_hobby .menu-ch_game a:hover {background-position: -11px -1031px;}
.r_hobby .menu-ch_sports a {background-position: -134px -971px;}
.r_hobby .menu-ch_sports a:hover {background-position: -134px -1031px;}
.r_hobby .menu-ch_hobby a {background-position: -257px -971px;}
.r_hobby .menu-ch_hobby a:hover {background-position: -257px -1031px;}
.r_hobby .menu-pet a {background-position: -380px -971px;}
.r_hobby .menu-pet a:hover {background-position: -380px -1031px;}
.r_hobby .menu-entertainment a {background-position: -503px -971px;}
.r_hobby .menu-entertainment a:hover {background-position: -503px -1031px;}
.r_hobby .ch-nav .menu-r_hobby a {background-position: -626px -971px;}
.r_hobby .ch-nav .menu-r_hobby a:hover {background-position: -626px -1031px;}
#ch_game .ch-nav .menu-ch_game a {background-position: -11px -1031px;}
#ch_sports .ch-nav .menu-ch_sports a {background-position: -134px -1031px;}
#ch_hobby .ch-nav .menu-ch_hobby a {background-position: -257px -1031px;}
#pet .ch-nav .menu-pet a {background-position: -380px -1031px;}
#entertainment .ch-nav .menu-entertainment a {background-position: -503px -1031px;}
#r_hobby .ch-nav .menu-r_hobby a {background-position: -626px -1031px;}
.r_fashion .nav a {width: 123px; height: 47px;}
.r_fashion .menu-fashion a {background-position: -11px -1581px;}
.r_fashion .menu-fashion a:hover {background-position: -11px -1641px;}
.r_fashion .ch-nav .menu-r_fashion a {background-position: -134px -1581px;}
.r_fashion .ch-nav .menu-r_fashion a:hover {background-position: -134px -1641px;}
#fashion .ch-nav .menu-fashion a {background-position: -11px -1641px;}
#r_fashion .ch-nav .menu-r_fashion a {background-position: -134px -1641px;}
.r_gourmet .nav a { width: 123px; height: 47px;}
.r_gourmet .menu-ch_sweets a {background-position: -11px -731px;}
.r_gourmet .menu-ch_sweets a:hover {background-position: -11px -791px;}
.r_gourmet .menu-ch_drink a {background-position: -134px -731px;}
.r_gourmet .menu-ch_drink a:hover { background-position: -134px -791px;}
.r_gourmet .menu-gourmet a {background-position: -257px -731px;}
.r_gourmet .menu-gourmet a:hover {background-position: -257px -791px;}
.r_gourmet .ch-nav .menu-r_gourmet a {background-position: -380px -731px;}
.r_gourmet .ch-nav .menu-r_gourmet a:hover {background-position: -380px -791px;}
#ch_sweets .ch-nav .menu-ch_sweets a {background-position: -11px -791px;}
#ch_drink .ch-nav .menu-ch_drink a {background-position: -134px -791px;}
#gourmet .ch-nav .menu-gourmet a {background-position: -257px -791px;}
#r_gourmet .ch-nav .menu-r_gourmet a {background-position: -380px -791px;}
.r_auto .nav a {width: 123px; height: 47px;}
.r_auto .menu-auto a {background-position: -11px -1461px;}
.r_auto .menu-auto a:hover {background-position: -11px -1521px;}
.r_auto .menu-ch_bike a {background-position: -134px -1461px;}
.r_auto .menu-ch_bike a:hover { background-position: -134px -1521px;}
.r_auto .ch-nav .menu-r_auto a {background-position: -257px -1461px;}
.r_auto .ch-nav .menu-r_auto a:hover {background-position: -257px -1521px;}
#auto .ch-nav .menu-auto a {background-position: -11px -1521px;}
#ch_bike .ch-nav .menu-ch_bike a {background-position: -134px -1521px;}
#r_auto .ch-nav .menu-r_auto a {background-position: -257px -1521px;}

/* GSサイト領域吹き出し */
.ch-nav .ch-nav-list {
    position: relative;
    letter-spacing: -0.4em;
    word-spacing: normal;
}
.ch-nav .ch-nav-list .nav {
    letter-spacing: normal;
}
.ch-nav .balloon-box {
    position: absolute;
    top: 55px;
    left: 10px;
    display: none;
    padding: 13px 10px 2px;
    background-color: #FFF;
    z-index: 100;
    zoom: 1;
    border: #CCC 3px solid;
    width: 954px;
    -webkit-box-shadow: 0 10px 6px -6px #999;
    -moz-box-shadow: 0 10px 6px -6px #999;
    box-shadow: 0 10px 6px -6px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=145,strength=5,enabled=true)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=145,strength=5,enabled=true);
}
.ch-nav .select + .balloon-box {display: block;}
.ch-nav .balloon-box .navi-list {margin: 0; z-index: 100;}
.ch-nav .balloon-box li {width: 190px; margin-bottom: 7px;}
.ch-nav .balloon-box li .red-arrow {margin-top: 5px;}
.ch-nav .balloon-box li a {padding: 0 20px 0 0; border: none; height: auto; width: 159px; text-indent: 0; background: none; font-size: 12px;}
.balloon {display: block; width: 24px; height: 15px; background: url(//img.aacdn.jp/allabout/common/hover-balloon.png) no-repeat; position: absolute; top: -15px;}
.menu-health:hover .balloon {left: 36px;}
.menu-disease:hover .balloon {left: 159px;}
.menu-treatment:hover .balloon {left: 282px;}

.ch-nav .link-btn-box {margin-top: -5px; margin-bottom: 5px;}
.ch-nav .link-btn-box a {
    background: none;
    padding: 0;
    text-indent: 0;
    height: 25px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    width: 90px;
}
.ch-nav .link-btn-box a:hover {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 1%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 1%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
.ch-nav .link-btn-box a .item {margin-left: 7px;}
/* ---------------------------------------------------------------------------------
ブランドサイト
--------------------------------------------------------------------------------- */
.brand-site {border: 1px solid #CFCFCF; margin-bottom: 14px;}
.brand-site .inner {padding: 0 10px;}
.brand-site .label {border-bottom: 2px solid #E0DEDE; position: relative;}
.brand-site .brand-ttl {
    font-size: 14px;
    font-weight: bold;
    padding: 14px 7px 10px;
}
.brand-link {
    position: absolute;
    top: 14px;
    right: 5px;
    display: block;
    width: 173px;
}
.brand-link .blue-arrow {margin-top: 3px;}
.brand-link span:hover {text-decoration: underline;}
.brand-site .bd .left .media {width: 358px; margin-right: 15px;}
.brand-site .bd .list {
    width: 250px;
    background: #EFEFEF;
    padding: 5px 10px;
}
.brand-site .bd .list li {
    background-position: -10px -358px;
    margin: 3px 0;
    padding: 2px 5px 2px 11px;
}
.brand-site .bd .right .item {width: 221px;}
/* ad-tmt-btm ---------------------------------------------------------------------- */
.ad-tmt-btm {
    border: 1px solid #E0E0E0;
    padding: 5px 5px 8px;
    _margin: 0 10px 21px;
}
.contents-right .ad-tmt-btm {
    border: 1px solid #E0E0E0;
    padding: 5px 5px 8px;
    margin-right: 10px;
}
.ad-tmt-btm .main-label {
    border-bottom: 1px solid #E0E0E0;
    border-left: none;
    margin-bottom: 10px;
    padding: 5px 5px 10px;
    font-size: 15px;
}
.ad-tmt-btm li {padding: 3px 5px}
.ad-tmt-btm li .title {margin-bottom: 3px;}
.ad-tmt-btm li .title a {font-size: 14px;}
.ad-tmt-btm li .title span {margin-left: 7px;}
/* ptn01 */
.ptn01 .qa-bd .content-box {
    border-bottom: 1px dotted #858585;
    margin-bottom: 13px;
    padding-bottom: 8px;
}
/* ptn02 */
.ptn02 .qa-bd .left {width: 235px;}
.ptn02 .qa-bd .right {width: 378px;}
.ptn02 .qa-bd .content-box {margin-bottom: 10px;}
.ptn02 .qa-bd .banner {margin-bottom: 3px;}
/* ptn03 */
.ptn03 .qa-bd .content-box {margin-bottom: 13px;}
.ptn03 .qa-bd .list-genre {border-bottom: 1px dotted #858585; padding-bottom: 5px;}
.ptn03 .qa-bd .tag {padding: 8px 0;}
.ptn03 .qa-bd .tag li {display: inline; margin-right: 20px;}
.ptn03 .qa-bd .tag li a {
    background: transparent url(//img.aacdn.jp/allabout/common/icon_tag_yellow.png) no-repeat 0 50%;
    padding-left: 20px;
}
/* ランキング、新着枠 */
.ranking-new-box {_margin: 0 10px 21px; position: relative;}
.ranking-new-box .main-label .icon {background: none;}
.ranking-new-box .tab-list {
    position: relative;
    margin: 0 10px;
    z-index: 1;
}
.ranking-new-box .tab-list li {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    display: inline-block;
    /display: inline;
    zoom: 1;
    font-weight: bold;
    margin-right: 5px;
    background-color: #F7F5F5;
}
.ranking-new-box .tab-list li a {
    display: inline-block;
    /display: inline;
    zoom: 1;
    padding: 5px 20px;
    color: #969696;
    text-decoration: none;
    cursor: pointer;
}
.ranking-new-box .tab-list li a:hover {background-color: #FFF; color: #404040;}
.ranking-new-box .tab-list li .current {
    border-top: 3px solid #CC0000;
    border-bottom: 1px solid #FFF;
    background-color: #FFF;
    padding: 5px 20px;
    display: inline-block;
    /display: inline;
    zoom: 1;
    text-decoration: none;
    color: #404040;
}
.ranking-new-box .tab-list li .current:hover {cursor: default;}
.ranking-new-box .tab-box {
    border: 1px solid #E0E0E0;
    margin-top: -1px;
    padding: 15px 0;
    z-index: 0;
}
.ranking-new-box .tab-box .label {
    border-bottom: 1px solid #E0E0E0;
    font-weight: bold;
    margin: 0 10px 12px;
    padding: 0 2px 5px;
}
.ranking-new-box .tab-box .other li {
    display: inline-block;
    /display: inline;
    zoom: 1;
    margin-right: 15px;
}
.ranking-new-box .tab-box .other .icon {
    background-position: -9px -361px;
    font-weight: bold;
    padding-left: 12px;
}
.ranking-new-box .tab-box .hasGrid {background: transparent url(//img.aacdn.jp/allabout/common/ptn-bg-line.gif) repeat-y 50% 0;}
.ranking-new-box .tab-box .title {width: 262px}
.tab-box {position: relative;}
.tab-wrap .ranking-button {
    text-align: center;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 80px;
}
.tab-wrap .ranking-button .button-cmn {
    background-color: #e81b26;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #707070;
    -moz-box-shadow: 1px 1px 3px #707070;
    -webkit-box-shadow: 1px 1px 3px #707070;
    display: inline-block;
    /display: inline;
    zoom: 1;
    min-width: 80px;
    width: auto!important;
    width: 80px;
}
.tab-wrap .ranking-button .button-cmn a {
    background-position: -10px -1645px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px 5px 20px;
}
.tab-wrap .ranking-button .button-cmn a:hover {text-decoration: underline;}
/* 新着記事 */
.tab01 li {
    margin: 0 15px 8px;
    padding-left: 12px;
    clear: both;
}
.tab01 .icon,.tab02 .icon {zoom: 1;}
.tab01 .icon {
    background-position: -10px -361px;
    min-height: 17px;
    height: auto!important;/* for IE6 */
    height: 17px;/* for IE6 */
    min-width: 16px;
}
/* ランキング */
.tab02 li {
    margin: 0 15px 8px;
    line-height: 20px;
    clear: both;
}
.tab02 .no1,.tab02 .no2,.tab02 .no3 {padding-left: 27px; min-height: 23px;}
.tab02 .no1 {background-position: -5px -466px;}
.tab02 .no2 {background-position: -5px -541px;}
.tab02 .no3 {background-position: -5px -615px;}
.tab02 .rank {
    color: #C00;
    font-size: 10px;
    font-weight: bold;
    float: left;
    margin: -5px 5px 0 0;
}
.tab02 .rank span {font-size: 18px; margin-right: 2px;}
/* ランキング */
.no1-icon,
.no2-icon,
.no3-icon {
    width: 36px;
    height: 32px;
    margin-right: 7px;
}
.no4-icon,
.no5-icon,
.no6-icon,
.no7-icon,
.no8-icon,
.no9-icon,
.no10-icon {
    width: 36px;
    height: 23px;
    margin: 0 7px 0 0;
}
.no1-icon {background-position: -388px -213px;}
.no2-icon {background-position: -448px -213px;}
.no3-icon {background-position: -507px -213px;}
.no4-icon {background-position: 8px -463px;}
.no5-icon {background-position: -46px -463px;}
.no6-icon {background-position: -100px -463px;}
.no7-icon {background-position: -154px -463px;}
.no8-icon {background-position: -208px -463px;}
.no9-icon {background-position: -262px -463px;}
.no10-icon {background-position: -316px -463px;}

.icon-more {
    width: 10px;
    height: 9px;
    margin-left: 7px;
    background-position: 0px -30px;
    display: block;
}

/* コンピ枠 */
.compi {
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.4;
}
.compi .title-label {
    background: #efefef;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px;
    padding: 5px 7px;
    position: relative;
}
.compi .title-label a {
    border-left: 4px solid #c00;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-left: 8px;
    text-decoration: none;
}
.compi .title-label .list-top {
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 6px;
}
.compi .content-box {
    border-bottom: 1px dotted #858585;
    margin-bottom: 7px;
    padding: 5px 5px 7px 10px;
}
.compi .content-box .compi-thumb {width: 50px;}
.compi .content-box .compi-content {padding-right: 5px;}
.compi .content-box .compi-content .link {margin-bottom: 3px; padding-left: 56px;}
.compi .content-box .compi-content .text {padding-left: 56px;}
.compi-list {padding-bottom: 10px;}
.compi-list ul {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.compi-list ul li {
    letter-spacing: normal;
}
.compi li {
    width: 309px;
    margin: 5px 10px;
}
.compi li .item {width: 296px;}
.main-contents-2col .contents-right .compi li {display: block; width: auto;}
.compi .ml-half li {
    background: none;
    padding-left: 0;
    margin: 0 10px;
}
.compi .ml-half li .media .thumb {
    width: 88px;
    margin: 0 5px 0 0;
}
.compi .ml-half li .media .content {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.compi .ml-half li .title {font-size: 12px;}
.compi .content-box .ml-half .media {display: table;}
.compi .content-box .ml-half .media .left {display: table-cell;}
.compi .content-box .ml-half .media .bd {vertical-align: middle;}
.main-contents-2col .contents-right .compi .content-box {
    border-bottom: 1px dotted #858585;
    margin-bottom: 7px;
    padding: 5px 5px 0px 10px;
}
.main-contents-2col .contents-right .compi .content-box li {width: auto; margin-bottom: 7px;}
/* リンク集 */ 
.link-list-section .link-list {margin: 0 10px 20px;}
.link-list-section .link-list li {border-bottom: 1px solid #E0E0E0;}
.link-list-section .link-list li a {display: block; padding: 7px 5px;}
.link-list-section .link-list li a .item {font-size: 16px; font-weight: bold;}
.link-list-section .link-list li a .list-link-icon {margin-top: 2px;}
.link-list .title {font-size: 16px; font-weight: bold;}
.link-list .lead {color: #404040; font-size: 13px;}
.link-list .url {font-size: 13px;}

/* ---------------------------------------------------------------------------------
footer contents
--------------------------------------------------------------------------------- */
.footer-bt-box {margin-bottom: 40px;}
/* 編集部セレクト */ 
.footer-bt-box .bs-list .ml-half {padding: 0px 10px;}
.footer-bt-box .bs-list .ml-half li {padding: 0px 0px 15px;}
.footer-bt-box .bs-list .ml-half li .media .bd .content {padding-right: 10px;}
/* ローテ枠(メイン、右カラム共通) */
.rotation-box li {
    height: auto !important;
    min-height: 60px;
    height: auto!important;/* for IE6 */
    height: 60px;/* for IE6 */
    padding: 10px 0;
    position: relative;
}
.rotation-box .content {padding-right: 5px;}
.rotation-box .title {font-weight: bold;}
.rotation-box .separate {border: 1px solid #E0E0E0;}
.layout_sidebar .rotation-box .separate li {margin-top: 5px;}
/* 関連キーワード、ガイドサイト一覧、スポンサードサイト、ブランドサイト */
/* tab */
.footer-bt-box .tab {padding-right: 1px; text-align: right;}
.footer-bt-box .tab li {
    display: inline-block;
    /display: inline;
    zoom: 1;
    margin-left: 3px;
    /margin-left: 7px;
}
.footer-bt-box .tab li a {
    background-color: #F6F6F6;
    color: #736F6F;
    display: block;
    text-decoration: none;
    -moz-border-radius-topleft: 3px;/* Firefox */
    -webkit-border-top-left-radius: 3px;/* Safari、Google Chrome */
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;/* Firefox */
    -webkit-border-top-right-radius: 3px;/* Safari、Google Chrome */
    border-top-right-radius: 3px;
    font-weight: bold;
    padding: 7px 13px 4px;
    _width: 120px;
    _text-align: center;
}
.footer-bt-box .tab li a:hover {background-color: #A6A4A4; color: #FFF;}
.footer-bt-box .tab li a.current,
.footer-bt-box .tab li a:hover.current {
    background-color: #C00;
    color: #FFF;
    cursor: default;
}
.keyword-list,
.gs-list,
.ss-list,
.bs-list {
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
}
.keyword-list .main-label,
.gs-list .main-label,
.ss-list .main-label,
.bs-list .main-label {
    border-left: none;
    border-top: 3px solid #C00;
    border-bottom: 1px dotted #9E9E9E;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 8px;
}
.keyword-list .main-label .icon-more,
.gs-list .main-label .icon-more,
.ss-list .main-label .icon-more,
.bs-list .main-label .icon-more {
    background-position: -3px -1385px;
}
.keyword-list .ml-forth li,
.gs-list .ml-forth li {
    margin: 0 20px 15px 10px;
    min-height: 2em;
    height: auto!important;/* for IE6 */
    height: 2em;/* for IE6 */
    width: 214px;
}
.keyword-list-threeup {
    margin: 20px 0 20px 10px;
}
.keyword-list-threeup li {
    float: left;
    width: 215px;
    margin: 0 10px 15px 0;
}
/* ss, bs common */
.ss-list .ml-forth li,
.bs-list .ml-forth li {
    margin: 0 15px 15px 10px;
    min-height: 50px;
    height: auto!important;/* for IE6 */
    height: 50px;/* for IE6 */
    width: 224px;
}
.ss-list li .hasborder,.bs-list li .hasborder {border: 1px solid #DBDBDB;}
.ss-list li p.gs-title,.ss-list li p.guide-name,.bs-list li p.guide-nam,.bs-list li p.guide-name {margin-bottom: 3px;}
.ss-list li p.sponser-name,.bs-list li p.sponser-name {margin-top: 0; font-size: 10px;}
.ss-list a:hover img {
    cursor: pointer;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
} 
.layout_sidebar .rotation-box.cmn-box .bottom-border {border-bottom: 1px dotted #9E9E9E; margin-bottom: 7px;}
.layout_sidebar .rotation-box.cmn-box .bottom-border .title {font-weight: bold;}
/* ---------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------- */
#footer {
    border-top: 3px solid #C00;
    background: #fafafa;
    display: block;
}
#footer .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0 10px;
}
#footer .left-box {width: 860px;}
#footer .right-box {
    width: 140px;
    height: 89px;
    position: relative;
}
.logo-area {margin-right: 40px;}
#footer .logo-area {width: 264px;}
.logo-aa-big {
    width: 261px;
    height: 51px;
    height: 53px;
    background-position: 0px -200px;
    display: block;
    text-indent: -9999px;
}
.ir-link-box {width: 556px; letter-spacing: -0.4em;}
.ir-link-box ul {
    width: 159px;
    *width: 174px;
    padding-left: 20px;
    *padding-left: 10px;
    border-right: 1px solid #ccc;
    letter-spacing: normal;
}
.ir-link-box ul.second,
.ir-link-box ul.last {
    border-left: 1px solid #FFF;
}
.ir-link-box ul.last {border-right: none;}
.ir-link-box ul:last-child {border-right: none;}
.ir-link-box li {text-align: left;}
.ir-link-box li a {font-size: 11px; color: #333;}
/* スマホ版へリンク */
.sp-link {
    width: 90px;
    height: 30px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
}
.sp-link a {
    display: block;
    color: #444;
    font-size: 14px;
}
.sp-icon {
    width: 11px;
    height: 30px;
    background-position: -320px -155px;
    margin: 0 5px 0 8px;
}
.sp-link .item {width: 65px; line-height: 32px;}
/* SNSへリンク */
.sns-list-link {
    position: absolute;
    top: 65px;
    left: -100px;
} 
.sns-list-link a {color: #404040;}
.sns-link {
    position: absolute;
    top: 60px;
    right: 0;
    width: 138px;
    text-align: right;
}
.sns-link .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.sns-link li {
    width: 29px;
    height: 29px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *vertical-align: top;
    margin-right: 7px;
    letter-spacing: normal;
}
.sns-link li.last {margin-right: 0;}
.sns-link li a {
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    text-align: left;
}
.sns-link .fb {background-position: 0 -153px;}
.sns-link .tw {background-position: -47px -153px;}
.sns-link .google {background-position: -94px -153px;}
.sns-link .rss {background-position: -141px -153px;}

.copyright {font-size: 11px; color: #777;}
#deqwas-collection,
#deqwas {display: none;}

/* ---------------------------------------------------------------------------------
#layout_sidebar
--------------------------------------------------------------------------------- */
.layout_sidebar {position: relative; zoom: 1;}
/* 右カラム コーナー共通 */
.layout_sidebar .menu-box {
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 2px #E3E3E3;
    -moz-box-shadow: 0 0 2px #E3E3E3;
    -webkit-box-shadow: 0 0 2px #E3E3E3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='F5F2F2',direction=52,strength=3,enabled=true);
    font-size: 14px;
    /width: 298px;
}
.layout_sidebar .cmn-box .main-label {
    background-color: #EBEBEB;
    border-bottom: 1px solid #D6D5D5;
    font-weight: bold!important;
    padding: 9px 6px 6px;
    margin-bottom: 5px;
    position: relative;
}
.layout_sidebar .cmn-box .main-label {
    letter-spacing: normal;
    word-spacing: normal !important;
}
.layout_sidebar .cmn-box .main-label a {color: #404040;}
.layout_sidebar .cmn-box .main-label .logo {position: absolute;}/* マガジン、エンファク枠用 */
.layout_sidebar .cmn-box .ml-half li {width: 128px;}
.layout_sidebar .cmn-box .ml-half li a {display: block;}
.layout_sidebar .inner-box ul {display: block;}
.layout_sidebar .inner-box li {
    border-bottom: 1px dotted #9E9E9E;
    display: block;
    padding: 5px 10px;
    margin-top: 3px;
}
.layout_sidebar .box-suggest .inner-box li {padding: 5px 10px!important;}
.layout_sidebar .inner-box .item {width: 267px;}
.layout_sidebar .item {line-height: 1.4;}
.layout_sidebar .red-arrow {margin-top: 5px;}
.layout_sidebar .cmn-box .ml li {border-bottom: none;}
.layout_sidebar .cmn-box li:last-child {border: none; margin-bottom: 0px;}
.layout_sidebar .facebook-box .main-label {
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-bottom: 2px solid #315C99;
    margin: 0;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: bold;
}
#form_all_189 li,
#forf_all_189 li {
    background: url(//img.aacdn.jp/allabout/common/red-arrow-s.png) no-repeat 4px 6px;
    padding-left: 13px;
    margin: 3px 0 5px;
    padding: 0 0 0 13px;
    zoom: 1;
    border-bottom: none;
}
/* メニュー */
.side-menu-box {
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 2px #E3E3E3;
    -moz-box-shadow: 0 0 2px #E3E3E3;
    -webkit-box-shadow: 0 0 2px #E3E3E3;
    font-size: 14px;
}
.side-menu-box a {color: #404040;}
.title-link {
    background: #E0E0E0;
    border-bottom: #D3D3D3;
    padding: 5px 0;
}
.title-link span {
    border-left: 10px solid #C00;
    display: block;
    padding: 1px 3px 1px 7px;
    font-weight: bold;
}
.title-link span a {font-weight: bold;  color: #404040;}
.title-link span a:hover {text-decoration: underline;}
.title-link a:hover span {text-decoration: underline;}
.side-menu-box .menu-list li {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
    display: block;
}
.side-menu-box .menu-list li a {
    display: block;
    padding: 7px 5px 5px 10px;
    /padding: 7px 5px 7px 10px;
    border-top: 1px solid #FFF;
    background: #F1F1F1;
    line-height: 1.6;
}
.side-menu-box .menu-list li a:hover {background: #fff;}
.side-menu-box .menu-list li .selected {background: #FFF;}
.side-menu-box .menu-list li .item {width: 261px;}
.side-menu-box .selected {
    background-color: #FFF;
    font-weight: bold;
    color: #404040;
}
.list-link-icon {
    width: 14px;
    height: 18px;
    background-position: -219px -32px;
    margin-right: 7px;
}

/* メルマガ枠 */
.layout_sidebar .mail-magazine-box {background: transparent url(//img.aacdn.jp/allabout/common/ptn-bg-melmaga.gif) repeat 0 0; padding: 6px;}
.layout_sidebar .mail-magazine-box .inner-box {background: #FFF; padding: 6px; line-height: 1.4;}
.layout_sidebar .mail-magazine-box .main-label {
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 5px;
}
.layout_sidebar .mail-magazine-box .main-label .mail-magazine {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-position: -3px -32px;
}
.layout_sidebar .mail-magazine-box .main-label .item {
    width: 250px;
    line-height: 23px;
}
/* メルマガ登録フォーム */
#melmaga-search {position: relative;}
#melmaga-search #keywords {
    background: #FFF;
    border: 1px solid #C00;
    display: inline;
    width: 185px;
    /width: 185px;
    height: 20px;
}  
#melmaga-search #search-btn {
    border: none;
    background: #C00;
    color: #FFF;
    cursor: pointer;
    display: inline;
    height: 24px;
    padding: 0 8px;
    /padding: 0 4px;
}
/* ad系共通 */
.layout_sidebar .ad-box {border: 1px solid #E0E0E0; padding: 5px 5px 8px;}
.layout_sidebar .ad-box .main-label {
    background-color: #FFF;
    border-bottom: 1px solid #E0E0E0;
    padding: 5px 5px 10px;
    font-weight: bold;
    font-size: 12px;
}
/* 楽天オリジナル */
.layout_sidebar .rakuten {
    border: none;
    padding: 0;
    /border-top: 1px solid #CCC;
}
.layout_sidebar .rakuten .main-label {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: none;
    margin: 0;
    padding: 8px 6px;
}
/* ガイド紹介ボックス */
.layout_sidebar .guide-box {position: relative;}
.layout_sidebar .guide-box .main-label {
    background-color: #EBEBEB;
    border-bottom: 1px solid #D6D5D5;
    font-weight: bold;
    padding: 9px 6px 6px 6px;
    margin-bottom: 0px!important;
    line-height: 17px;
    font-size: 12px;
}
.aa-logo-m {
    background-position: -253px -34px;
    height: 16px;
    margin: 0 9px 0 0;
    width: 75px;
}
.layout_sidebar .guide-box .main-label .item {width: 204px; margin-top: 1px;}
.layout_sidebar .guide-box .main-label a {
    color: #005ead;
    text-decoration: underline;
    font-weight: bold;
}
.layout_sidebar .guide-box .main-label a:hover {text-decoration: none;}
.layout_sidebar .guide-box .inner-box {
    background: url(//img.aacdn.jp/allabout/common/slanting.gif) repeat;
    position: relative;
}
.layout_sidebar .guide-box .inner-box .main {
    height: 138px;
    width: 252px;
    margin: 0px 30px 0px 3px;
    padding: 14px 0px 7px;
    text-align: left;
}
.layout_sidebar .guide-box .inner-box .guide-info {width: 160px; margin-right: 10px;}
.layout_sidebar .cmn-box.guide-box .inner-box li {border-bottom: 0; padding: 0;}
.layout_sidebar .guide-box .inner-box .guide-info .title {font-size: 11px;}
.layout_sidebar .guide-box .inner-box .guide-info .title a {font-size: 12px; font-weight: bold;}
.layout_sidebar .guide-box .inner-box .guide-info .name {line-height: 14px;}
.layout_sidebar .guide-box .inner-box .guide-info .name span {
    font-size: 10px;
    font-weight: bold;
    width: 39px;
    height: 15px;
    color: #FFF;
    background: #C00;
    text-align: center;
    line-height: 15px;
    display:inline-block;
    *display: inline;   /*for IE*/
    *zoom: 1;       /*for IE*/
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
    margin:0px 5px 3px 0px;
}
.layout_sidebar .guide-box .inner-box .guide-info a {line-height: 15px;}
.layout_sidebar .guide-box .inner-box .guide-info .career {font-size: 11px; line-height: 18px;}
.layout_sidebar .guide-box .inner-box .thumb {width: 82px;}
.layout_sidebar .guide-box .inner-box .thumb img {
    width: 80px;
    border: 1px solid #CCC;
    background: #FFF;
}
.layout_sidebar .guide-box .inner-box .previous-wrap {height: 165px; width: 14px;}
.layout_sidebar .guide-box .inner-box .next-wrap {height: 159px; width: 14px;}
.layout_sidebar .guide-box .inner-box .previous-wrap a {
    display: block;
    height: 100%;
    width: 14px;
}
.layout_sidebar .guide-box .inner-box .next-wrap a {
    display: block;
    height: 100%;
    width: 14px;
}
.previous-cursor {
    background-position: -155px -32px;
    display: block;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 8px;
}
.next-cursor {
    background-position: -191px -32px;
    display: block;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 8px;
}
.layout_sidebar .previous-cursor {margin-left: 6px;}
.scrollable {
    position:relative;
    overflow:hidden;
    width: 258px;
    margin: 0px 7px;
    height:180px;
}
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
.layout_sidebar .article-list-box .lead {padding: 0px 7px;}
/* SS おすすめサイト */
.ad-box.ss-list-box .inner-box li {
    padding: 3px 0;
    margin: 0 5px;
    border-bottom: none;
    width: 278px;
    display: inline-block;
}
.layout_sidebar .ss-list-box .credit {font-weight: bold; margin: 0 0 5px;}
.layout_sidebar .ss-list-box .item {width: 267px;}
/* 関連キーワード */
.related-keyword li {font-size: 13px;}
/* ローテ枠 */
.layout_sidebar .rotation-box li {padding: 0 5px 8px; margin-bottom: 8px;}
.layout_sidebar .rotation-box .separate li {padding: 0 5px;}
/* 自社枠 */
.layout_sidebar .magazine-box {background-color: #FBFBFB;}
.layout_sidebar .magazine-box .inner-box {
    padding: 0 6px 8px;
    margin-bottom: 8px;
    zoom: 1;
}
.layout_sidebar .rotation-box .inner-box {
    padding: 0;
    margin-bottom: 0;
    zoom: 1;
}
.layout_sidebar .ad-box .inner-box,
.layout_sidebar .guide-box .inner-box {
    padding: 0px;
    margin-bottom: 0px;
}
.layout_sidebar .mobile .inner-box {
    padding: 0px 6px 0px!important;
    margin-bottom: 0px!important;
}
.layout_sidebar .mobile .inner-box ul { height: 82px;}
.layout_sidebar .mobile .inner-box .mobile-link {
    background-position: 98px -3444px;
    margin: 5px 0;
    padding: 2px 5px 8px 17px;
}
.layout_sidebar .magazine-box li .media,
.layout_sidebar .cmn-box li .media {margin-bottom: 5px;}
.layout_sidebar .magazine-box .ml .item {width: 255px;}
.forF .logo {top: 7px; right: 6px;}
.forM .logo {top: 11px; right: 6px;}
.ga .logo {top: 11px; right: 6px;}

/*　関連キーワード　*/
.layout_sidebar .related-keyword .main-label {margin-bottom: 0;}
.hotspot-icon {
    width: 23px;
    height: 20px;
    background-position: -41px -32px;
    margin-right: 5px;
}
.related-keyword .main-label .label {
    border-bottom: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    line-height: 20px;
}
.layout_sidebar .ml-half-box {padding: 7px 10px 0;}
.layout_sidebar .ml-half-box.glay-border {
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.layout_sidebar .ml-half-box .ml-half li {
    padding: 0;
    margin-right: 10px;
    margin-bottom: 5px;
    border-bottom: none;
}
.layout_sidebar .ml-half-box .ml-half li {width: 130px;}
.layout_sidebar .ml-half-box.glay-border .ml-half li {width: 128px;}
.layout_sidebar .ml-half-box .ml-half li .item {width: 113px;}
.layout_sidebar .cmn-box .main-label .title {margin-right: 5px;}
.icon-more {
    width: 10px;
    height: 15px;
    background-position: -30px 6px;
    margin-right: 0;
}
/* おすすめキーワード */
.layout_sidebar .recommend-tag .main-label{
    width: 288px;
}

.layout_sidebar .recommend-tag .recommend-tag-icon{
    display: inline-block;
    vertical-align: middle !important;
    width: 24px;
    height: 23px;
    background-position: -260px -71px;
    margin-right: 5px;
}
.layout_sidebar .recommend-tag .main-label {
    margin-bottom: 0;
    letter-spacing: normal;
    word-spacing: normal !important;
}
.layout_sidebar .recommend-tag .main-label .label{
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-bottom: none;
}
.layout_sidebar .recommend-tag .for-taglist{
    width: 74px;
    font-size: 12px;
    font-weight: normal;
}
.layout_sidebar .recommend-tag .blue-arrow {
    display: inline-block;
    vertical-align: middle;
    height: 19px;
}
.layout_sidebar .recommend-tag ul{ padding: 5px 0;}
.layout_sidebar .recommend-tag ul li {
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px 0;
}
.layout_sidebar .recommend-tag ul li:last-child {
    border: 1px solid #ccc;
    margin: 0 3px 6px 0;
}
.layout_sidebar .recommend-tag ul li a {
    display: block;
    padding: 3px 8px;
    font-size: 12px;
    color: #404040;
}
.layout_sidebar .recommend-tag ul li a:hover {
    display: block;
    background-color: #eee;
    border-radius: 4px;
}
/* [健康]検索メニュー */
.search-icon {
    background-position: -425px -30px;
    height: 22px;
    margin-right: 5px;
    width: 23px;
}
/* ソ－シャルボックス */
.layout_sidebar .box-sns {padding: 10px 10px 0; border: 1px solid #E0E0E0!important;}
.layout_sidebar .box-sns .hd {
    border-bottom: 1px solid #c00;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 3px 3px;
    margin-bottom: 13px;
}
.layout_sidebar .box-sns .sns-btn {
    border-top: 1px dotted #ccc;
    padding-top: 7px;
    /margin-top: 7px;
}
.layout_sidebar .box-sns .sns-btn li {
    margin-right: 5px;
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    word-spacing: normal;
    vertical-align: top;
}
.layout_sidebar .fb-like.fb_iframe_widget {margin-bottom: 7px;}
.layout_sidebar .box-sns .inner .bd .fb-like span {z-index: 2;}
.layout_sidebar .box-sns .inner .bd .sns-btn .tw {width: 189px; height: 18px;}
.layout_sidebar .box-sns .inner .bd .sns-btn .g+ {height: 18px;}
.layout_sidebar .box-sns .inner .bd .sns-btn .g+ a {text-decoration:none; vertical-align: top;}
.layout_sidebar .box-sns .inner .bd .sns-btn .g+ a img {border:0; vertical-align: top;}

.layout_sidebar .box-sns .rss {
    display: inline-block;
    *display: inline;
    *zoom: inline;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}
.layout_sidebar .box-sns .rss .icon {
    background: url(//img.aacdn.jp/allabout/common/rss.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    width: 18px;
    height: 18px;
}
/* ---------------------------------------------------------------------------------
ad
--------------------------------------------------------------------------------- */
/* left column */
/* 記事上HOTSPOT ---------------------------------------------------------------- */
#partnership {border: 1px solid #808080; padding: 10px;}
#partnership li {
    display: inline-block;
    *display: inline;
    margin: 3px 3px 3px 0;
    zoom: 1;
    line-height: 1.4;
}
#partnership li .red-arrow {
    height: 10px;
    background-position: 0 3px;
    margin-top: 2px;
}
#partnership ul {width: auto;} /* 家庭の医学PS枠が崩れているのを修正 */
#partnership ul li {padding: 0;} /* 家庭の医学PS枠のliタグのpadding修正 */
#partnership .icon {
    background-position: -6px -356px;
    margin: 0;
    padding: 2px 5px 3px 16px;
}
#partnership .list-two {width: 664px;}
#partnership .list-two li {width: 329px; vertical-align: top;}
#partnership .list-two li:first-child {vertical-align: top; width: 660px!important;}
#partnership .list-two li:nth-child(2){vertical-align: top; width: 373px!important;}
#partnership .list-two li:last-child {vertical-align: top; width: 260px!important;}
#partnership .list-two li:first-child .item {vertical-align: top; width: 647px!important;}
#partnership .list-two li:nth-child(2) .item{vertical-align: top; width: 360px!important;}
#partnership .list-two li:last-child .item {vertical-align: top; width: 250px!important;}
#partnership .list-five {width: 664px;}
#partnership .list-five li {width: 218px;}
#partnership .list-five li .item {width: 205px;}
#partnership .list-five.left {width: 598px;}
#partnership .list-five.left li {width: 183px;}
#partnership .list-five.left li .item {width: 170px;}
#partnership .logo {width: 60px; margin-top: 5px;}
#partnership .list-seven {width: 664px;}
#partnership .list-seven li {width: 162px;}
#partnership .list-seven li .item {width: 150px;}
#partnership li img {
    margin-left: 5px;
    margin-top: 2px;
    vertical-align: top;
}
.partnershipTbl-00 tr {
    display: table;
    padding: 0;
    width: 598px;
}
.partnershipTbl-00 td {
    display: block;
    float: left;
    margin:0;
    width: 143px;
    padding: 3px;
    /* 20120315追加 */
    font-weight:bold;
}
.partnershipTbl-00 td span {font-weight:normal;}    /* 20120315追加 */
/* ad-tmt-top ---------------------------------------------------------------------- */
.ad-tmt-top {margin: 0 10px; line-height: 1.4;}
.ad-tmt-top li {margin-bottom: 20px; padding: 0 5px;}
.ad-tmt-top .title {font-size: 16px;}
.ad-tmt-top .read {color: #404040;}
.ad-tmt-top .ads-by {margin-bottom: 5px;}
.ad-tmt-top .ads-by a {color: #777; font-size: 10px;}
.ad-tmt-top .media .title a .url {font-size: 12px; margin: 4px 0 0 5px;}
/* mod-articlelist(旧デザイン) ------------------------------------------------------ */
.mod-articlelist .media .content  position: relative;}
.mod-articlelist > li {padding: 0 5px 5px; margin-bottom: 10px;}
.mod-articlelist .title {font-size: 15px; font-weight: bold;}
.mod-articlelist .title .icon-window-gray {background-position: -6px -20725px; padding-left: 25px;}
.mod-articlelist .inner {border-bottom: none; padding-bottom: 5px;}
/* ad-tmt-box ---------------------------------------------------------------------- */
.ad-tmt-box {
    border: 1px solid #E0E0E0;
    padding: 5px 5px 8px;
    _margin: 0 10px 21px;
}
.ad-tmt-box .main-label {
    border-bottom: 1px solid #E0E0E0;
    border-left: none;
    margin-bottom: 10px;
    padding: 5px 5px 10px;
    position: relative;
    font-weight: bold;
}
.ad-tmt-box li {padding: 3px 5px;}
.ad-tmt-box li a {display: block;}
.ad-tmt-box li .title {font-weight: bold;}
.ad-tmt-box li .read {line-height: 1.2; color: #404040;}
.ad-tmt-box li .title a,.article #ac99_main_2 .ad-tmt-box li .title a {font-size: 14px;}
.gstop .ad-tmt-box li .title a {font-size: 13px;}
.ad-tmt-box.clickable li a:hover .title {text-decoration: none;}
.ad-tmt-box.clickable li a .title .item {margin-left: 0;}
.ad-tmt-box.clickable li a:hover .title .item:hover {text-decoration: underline;}
.ad-tmt-box.clickable li a .title .pr {color: #404040; margin-left: 0;}
.ad-tmt-box.clickable li a:hover .title .pr {text-decoration: none;}

.layout_sidebar .ad-tmt-box {_margin: 0 0 21px;}
/* A枠-写真なし（あわせて読みたい／おすすめ情報）  ---------------------------------------------------------------------- */
.ad-recommend-box {_margin: 0 10px 21px;}
.ad-recommend-box li {
    border-bottom: 1px dotted #9E9E9E;
    overflow: hidden;
    padding: 5px;
    position: relative;
    _position: static;
}
.ad-recommend-box .title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
.contents-right .recommend {margin-right: 10px;}
/* A枠-写真あり（あわせて読みたい／おすすめ情報）  ---------------------------------------------------------------------- */
.ad-recommend-photo-box {_margin: 0 10px 21px;}
.ad-recommend-photo-box li {
    min-height: 55px;
    height: auto!important;/* for IE6 */
    height: 55px;/* for IE6 */
    overflow: hidden;
    padding: 3px 0 5px;
    position: relative;
}
.ad-recommend-photo-box .content {padding-right: 5px;}
.ad-recommend-photo-box .title {font-size: 13px; margin-bottom: 3px;}
/* ad-bg-pale-blue -------------------------------------------------------------- */
.ad-bg-pale-blue {
    background: #F5FCFF;
    padding: 10px;
    _margin: 0 10px 21px;
}
.ad-bg-pale-blue .main-label {
    border-bottom: 1px solid #E0E0E0;
    border-left: none;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.ad-bg-pale-blue li .title {font-size: 14px; margin-bottom: 4px;}
.ad-bg-pale-blue li .lead {color: #404040;}
.ad-bg-pale-blue .sponsor,
.ad-bg-pale-blue .ovtrSSservice,
.ad-bg-pale-blue .ovtrIMservice {
    color: #808080;
    margin: 1em 0 0 0;
    text-align: right;
} /* .ovtrSSservice .ovtrIMservice dupulicated with old class */
.ad-bg-pale-blue .sponsor a,
.ad-bg-pale-blue .ovtrSSservice a,
.ad-bg-pale-blue .ovtrIMservice a {
    color: #808080;
    margin: 1em 0 0 0;
    text-align: right;
} /* .ovtrSSservice .ovtrIMservice dupulicated with old class */
.ad-bg-pale-blue .sponsor a:hover,
.ad-bg-pale-blue .ovtrSSservice a:hover,
.ad-bg-pale-blue .ovtrIMservice a:hover {
    text-decoration: underline;
} /* .ovtrSSservice .ovtrIMservice dupulicated with old class */
.ad-bg-pale-blue span {color: #390; padding-left: 5px;}
.ad-bg-pale-blue li {padding: 7px 4px;}
/* Y!Listing, sponsered search: link area and hover color change 2011-10-18 */
.link-area {display: block; padding: 7px 4px;}
.link-area:link {color: #005ead; text-decoration: none;}
.link-area .title {
    color: #005ead;
    font-size: 14px;
    padding-left: 0;
    text-decoration: underline;
}
.link-area .url {color: #390; text-decoration: none;}
.link-area dd {color: #404040;}
.link-area:hover {background-color: #FFEFB7; color: #404040; text-decoration: none;}
.link-area:hover .title {color: #F33; text-decoration: none;}
/* canceling ad-bg-page-blue */
.link-area dl {padding: 0;}
/* おすすめ情報 -------------------------------------------------------------- */
.ml-half li .media .bd .content {padding-right: 10px;}
/* right column */
.ad-rec ins ins,
.ad-rec iframe,
.ad-rec div div,
.ad-rec object,
.ad-rec img {
    padding-bottom: 14px!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.ad-rec > div {
    margin-bottom: 14px;
}
.ad-rec div div iframe {
    padding-bottom: 0 !important;
}
.ad-rec > div div {
    padding-bottom: 0 !important;
}
.ad li,
.ad dl {position: relative;}
#boxAd2,
.ad-megabox,
.ad-area-box {padding:5px 0; text-align: center;}
.ad-area-box02 {padding:10px 0; text-align: center;}
#sys-ac65-target:empty {margin-bottom: 0;}

/*-----------------------------------------------------------------------------------------
free-section.css
-----------------------------------------------------------------------------------------*/
.hasGrid {word-spacing: -0.43em; /* IE < 8 && gecko: グリッド間のスペース均一化 */}
/* clearfix */
.hasGrid:after,.hasGrid .last-grid:after,.mod .inner:after,.mod .hd:after,.mod .bd:after,.mod .ft:after,.media:after,.media .bd:after,
.list-float:after,.section:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}
.hasGrid,.hasGrid .last-grid,.mod .inner,.mod .hd,.mod .bd,.mod .ft,.media,.media .bd,.list-float,.section {zoom: 1;} /* IE < 8 */
.free > img,
.free-box > img {width: 100%;}
/* 自由枠 */
.free-sec {border: 1px solid #CFCFCF; margin: 0 auto 15px; width: 640px;}
.no-border {border: 0 none;}
.free-sec .hasBg {background-color: #dedede;padding: 4px;}
.free-sec .p-content {padding: 10px;}
.free-sec .p-content02 {padding: 10px 10px 0;}
.free-sec .catch {margin-bottom: 5px;}
.free-sec .link-text {margin-bottom: 3px;}
.free-sec ul li {margin-top: 3px;}
.free-sec .hasBorder {border-bottom: 1px solid #B5B5B5; margin: 0 5px 0 2px; padding-left: 3px;}
.free-sec .list-square {padding-left: 19px; *padding-left: 22px;}
.free-sec .hasBorder a:link {text-decoration: none;}
/* icon for free-section .free-sec */
.free-sec .icon-recipe-check {
    background: url(//img.aacdn.jp/allabout/free/m_keyword.gif) no-repeat scroll 0 0.3em transparent;
    min-width: 20px;
    _width: expression( document.body.clientWidth < 9 ? "10px" : "auto" ); /* set min-width for IE */
    min-height: 10px;
    height: auto !important;
    height: 10px;
    padding-left: 15px;
}
.layout_sidebar .box-free .goto {padding: 4px 8px 8px 0;}
.layout_sidebar .box-free .list-inline-block {padding: 5px 10px;}
.layout_sidebar .box-free .content {padding: 8px;}
.layout_sidebar .box-free .content .content {padding: 0;}
.layout_sidebar .box-free .media  margin: 8px;}
.layout_sidebar .box-free .media-only {margin-bottom: 0;}
.layout_sidebar .box-free .media .left {margin-right: 8px;}
.layout_sidebar .box-free .media .right {margin-left: 8px;}
.layout_sidebar .money-gslist .link-text {line-height: 50px;}
.layout_sidebar .box-free .stst-ranking {margin: 34px 0 0 6px;}
.layout_sidebar .box-free .stst-ranking li {padding-top: 14px;}
.layout_sidebar .box-free .stst-ranking li img {border: 1px solid #CBCBCA;}
.layout_sidebar .box-free .logo-profile {margin: 10px 10px 0 0}
.layout_sidebar .media-magazine {position: relative;}
.layout_sidebar .media-magazine .logo-magazine {display: block; margin-bottom: 4px;}
.layout_sidebar .media-magazine a.logo-magazine {color: #404040; text-decoration: none}
.layout_sidebar .media-magazine .logo-magazine img {display: inline; vertical-align: bottom;}
.layout_sidebar .media-magazine .logo-magazine span {margin-left: 4px; vertical-align: bottom;}
.layout_sidebar .box-free-last {margin-bottom: 0;}
/* TODO: magazin ad waku had legacy html because of focuson */
.layout_sidebar .media-magazine ul {clear:both; margin-top: 5px;}
/* argent */
.layout_sidebar .mod-box-blue {
    border-color: #3368BD;
    border-style: solid;
    border-width: 3px 1px 1px;
}
.layout_sidebar .mod-box-blue .label {
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    margin: 0 5px;
    padding: 0;
}
.layout_sidebar .mod-box-blue .label .icon-selected {
    background: none;
    height: auto !important;
    min-height: 32px;
    min-width: 32px;
    padding: 4px 0 0 0;
}
.layout_sidebar .mod-box-blue .read {padding:0px 5px;}
.layout_sidebar .mod-box-blue .bd .list-link a {background-position: -5px -362px; padding: 0px 0px 0px 17px;}
.layout_sidebar .mod-box-blue .label .icon-polular {background: none;}
.layout_sidebar .mod-box-blue .list-icon {padding: 5px;}
.layout_sidebar .mod-box-blue .list-ranking li a {padding: 3px 0 3px 20px;}
.layout_sidebar .mod-box-blue .list-link {padding-right: 3px;}
.free-sec .column-2 {margin-right: -12px;}
.free-sec .column-3 {margin-right: -10px;}
.free-sec .column-4 {margin-right: -49px; *margin-right: -37px;}
.free-sec .column-3 .size1of3 {margin-right: 10px; *margin-right: 6px;  width: 200px;}
.free-sec .column-4 .size1of4 { margin-right: 16px; *margin-right: 4px; width: 145px;}
#fat_special .size1of4 {margin-right: 40px; *margin-right: 34px; width: 120px;}
.free-sec .column-4 .size1of4 img {width: 120px;}
.free-sec .column-4 .size1of4 .content .figure a {font-size: 12px;}
.free-sec .fig-120, .free-sec .fig-120 img {width: 120px;}
.free-sec .list-arrow-red {background: url(//img.aacdn.jp/allabout/common/red-arrow-s.png) no-repeat 5px 6px; padding-left: 15px;}
/* form */
.form .row {margin: 0 0 10px;}
.form .row-last {margin-bottom: 0;}
.form .input-text,
.form select {
    border-color: #848484 #C1C1C1 #E1E1E1;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    height: 1.8em;
    outline: 0 none;
    padding: 2px 3px;
}
.form .input-text {height: 1.6em; padding: 0;}
.form .label-side {display: inline; margin-right: 4px;}
.form .input-radio {display: inline; vertical-align: middle;}
.form .btn-submit {
    position: relative;
    display: inline;
    vertical-align: middle;
}
.form .side-btn {display: inline; vertical-align: middle;}
.form .input-image {vertical-align: middle;}
.form .input-tiny {width: 50px;} 
.form .input-small {width: 100px;} 
.form .input-medium {width: 200px;} 
/* diet */
.diet-keyword {
    background-color: #FEF7F6;
    border: 1px solid #ED697B;
    height: 28px;
    margin-bottom: 10px;
}
.diet-keyword .head {background-color: #ED697B; padding: 8px 10px;}
.free .diet-keyword .latest .head img {width: 292px;}
.diet-keyword ul {padding-top: 5px;}
.diet-keyword ul li {margin-top: 0;}
.diet-featured .latest {width: 430px}
.diet-featured .diet-ranking {
    background-color: #EBE8C9;
    min-height: 256px;
    height: auto !important;
    height: 256px;
    width: 205px;
}
.diet-featured .latest .content {
    background: url(//img.aacdn.jp/allabout/free/bg_atn_rkg.jpg) repeat 0 0;
    padding: 7px 0;
}
.diet-featured .latest .hasGrid {padding-left: 4px;}
.diet-featured .latest .size1of3 {
    background: url(//img.aacdn.jp/allabout/free/bg_img01.gif) no-repeat 0 0;
    margin-right: 1px;
    padding: 28px 10px 0;
    height: 153px;
    width: 120px;
}
.diet-featured .latest .size1of3 img {width: 120px;}
.diet-featured .latest .size1of3 .figure a {font-size: 12px;}
.diet-featured .diet-ranking ul {margin: 0 8px 5px;}
.diet-featured .diet-ranking ul li {margin-bottom: 8px;}
/* CFDB */
.form-cfdb-travel .align {width: 248px;}
/* TODO: {TEMP */
.form-cfdb-domestic .mod .bd {width: 644px;}
.form-cfdb-domestic {position: relative; width: 670px;}
.form-cfdb-domestic .title-box {margin-bottom: 15px;}
.form-cfdb-domestic > .inner {
    position: relative;
    background: #D8D8D8;
    margin: 15px auto 10px;
    padding: 0px 10px 0px;
    width: 645px;
}
.form-cfdb-domestic #vns_search_box {height: 197px; width: 643px;}
.form-cfdb-domestic #vns_search_box #ty1 {margin-left: 10px;}
.form-cfdb-domestic #vns_submit {margin: -5px 0 0 20px;}
.form-cfdb-domestic iframe {border-top: none; display: block; position: absolute; left: -10px; padding: 12px 0 0px}
.form-cfdb-domestic .tour-ne-jp {position: relative;}
#container form.simpleForm #mainFilter_Area {border-right:}

/* 自由枠－国内旅行 */
.form-cfdb-domestic {_margin: 0 10px 21px;}
.form-cfdb-domestic .main-label {
    background-position: 1px -761px;
    border: none;
    margin-bottom: 10px;
    padding: 3px 3px 0 33px;
    min-height: 27px;
    height: auto!important;/* for IE6 */
    height: 27px;/* for IE6 */
}
.form-cfdb-domestic .inner-box {border-top: none;}
/*} TODO END */

.free-sec .tab .tab-control ul {
    font-size: 12px;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em;
}
.free-sec .tab .tab-control li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.free-sec .tab .tab-control li a {
    color: #444;
    float: left;
    display: block;
    text-decoration: none;
}
.free-sec .tab-button .hd-tab {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}
.free-sec .tab-button .tab-control ul {margin: 10px 0;}
.free-sec .tab-button .tab-control li {padding-right: 6px;}
.free-sec .tab-button .tab-control li a {
    background-color: #EBEBEB;
    background: -moz-linear-gradient(top, #fefefe 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 );
    background: linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    border: 1px solid #DEDEDE;
    color: #1a1a1a;
    display: block;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    width: 132px;
}
.free-sec .tab-button .tab-control li a:hover {
    background: #fafafa;
    border: 1px solid #CCC;
    position: relative;
}
.free-sec .tab-button .tab-control li a.current {
    background: #fff;
    border-bottom: 3px solid #3368BD;
    position: relative;
    line-height: 36px;
}

/* レシピトップページ用 */
.recipe-featured {padding-top: 1px; margin-bottom: 18px;}
.recipe-featured .p-content {
    border: 1px solid #ffe0b5;
    background-color:#f4eedf;
    padding: 10px;
}
.recipe-search .p-content {border: 1px solid #ffe0b5; padding: 10px;}
.recipe-featured .recipe-popular-keyword {width: 182px;}
.recipe-featured .recipe-popular-keyword .content {
    background: url(//img.aacdn.jp/allabout/free/keyword_wire_btm.gif) no-repeat 0 100%;
    padding-bottom: 18px;
}
.recipe-featured .recipe-popular-keyword .head {
    background: url(//img.aacdn.jp/allabout/free/keyword_wire_top.gif) no-repeat 0 0 #F4EFE1;
    margin-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    width: 163px;
}
.recipe-featured .recipe-popular-keyword ul {margin: 0 12px;}
.recipe-featured .recipe-popular-keyword li {
    background: url(//img.aacdn.jp/allabout/free/m_keyword.gif) no-repeat 0 0.3em;
    margin: 5px 0;
    padding-left: 15px;
}
.recipe-featured .recipe-pickup {width: 433px;}
.recipe-featured .recipe-pickup .head {
    background: url(//img.aacdn.jp/allabout/free/pickup_line.gif) no-repeat 0 100%;
    margin-bottom: 7px;
    padding: 0 0 7px 0;
}
.recipe-featured .recipe-pickup .fig-120 {width: 120px;}
.recipe-featured .recipe-pickup .figure img {
    background: url(//img.aacdn.jp/allabout/free/frame_photo.gif) no-repeat 0 0;
    height: 90px;
    margin-bottom: 3px;
    padding: 5px 7px 7px 5px;
    text-align: center;
}
.recipe-mook {margin-bottom: 18px;}
.recipe-mook .content {margin-right: 10px;}
.recipe-mook ul {padding: 10px 10px 10px 21px;}
.recipe-mook .recipe-easy ul {
    background-color: #FBEECC;
    border: 1px solid #E8B52D;
    border-width: 0 1px 1px;
    color: #E8B52D;
}
.recipe-mook .recipe-event ul {
    background-color: #FFE7E7;
    border: 1px solid #FFA1A1;
    border-width: 0 1px 1px;
    color: #FFA1A1;
}
.recipe-mook .recipe-wom ul {
    background-color: #EAEDBF;
    border: 1px solid #C8CF54;
    border-width: 0 1px 1px;
    color: #C8CF54;
}
.recipe-search {overflow: hidden;}
.recipe-search .recipe-kind {}
.recipe-search .recipe-kind li a {
    background: url(//img.aacdn.jp/allabout/free/icon_recipe25.gif) no-repeat 0 0;
    display: block;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    height: 26px;
    line-height: 26px;
}
.recipe-search .recipe-kind li .recipe-icon-main-dish {background-position: 0 -40px;}
.recipe-search .recipe-kind li .recipe-icon-sub-dish {background-position: 0 -75px;}
.recipe-search .recipe-kind li .recipe-icon-bento {background-position: 0 -565px;}
.recipe-search .recipe-kind li .recipe-icon-bread {background-position: 0 -110px;}
.recipe-search .recipe-kind li .recipe-icon-cake { background-position: 0 -604px;}
.recipe-search .recipe-kind li .recipe-icon-rice {background-position: 0 -5px;}
.recipe-search .recipe-kind li .recipe-icon-soup {background-position: 0 -145px;}
 
.recipe-search .recipe-material dt a {
    background: url(//img.aacdn.jp/allabout/free/icon_recipe25.gif) no-repeat 0 0;
    display: block;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    height: 26px;
    line-height: 26px;
}
.recipe-search .recipe-material dt .recipe-icon-vegitable {background-position: 0 -215px;}
.recipe-search .recipe-material dt .recipe-icon-fruit {background-position: 0 -320px;}
.recipe-search .recipe-material dt .recipe-icon-meat {background-position: 0 -180px;}
.recipe-search .recipe-material dt .recipe-icon-fish {background-position: 0 -247px;}
.recipe-search .recipe-material dt .recipe-icon-dairy {background-position: 0 -280px;;}
.recipe-search .recipe-material .media {margin: 0 0 10px;}
.recipe-search .recipe-material .media .left {width: 100px;}
.recipe-search .recipe-material ul {margin-top: 5px;}
.recipe-search .recipe-material ul li {margin-top: 0; font-size: 11px;}
.recipe-recommend {
    background-color: #FFECD0;
    margin: 0 15px 5px;
    padding: 15px 0 15px 15px;
}
.recipe-recommend .content {background: url(//img.aacdn.jp/allabout/free/icon_recommend.gif) no-repeat 0 0.2em; padding-left: 13px;}
.mookListLink {text-align: right; margin: 10px 0 20px;}
.mookListLink a {background:transparent url(//img.aacdn.jp/allabout/free/arrow_orange.gif) no-repeat 0 50%; padding-left:10px;}
.auto-top .main-image {height: 200px;}
.auto-top ul {
    background-color: #EBEBEB;
    padding: 13px 0 13px 13px;
    overflow: hidden;
}
.auto-top li {position: relative; display: inline;}
.auto-top li a {
    background: #F5F5F5;
    border: 1px solid #ADADB3;
    color: #424248;
    float: left;
    *display: inline;
    font-weight: bold;
    height: 35px;
    margin-right: 5px;
    padding: 5px 3px;
    text-decoration: none;
    width: 112px;
}
.auto-top li a:hover,
.auto-top li a.current {
    background: url(//img.aacdn.jp/allabout/free/onhover.png) no-repeat 50% 0;
    border: 0 none;
    height: 43px;
    margin: -15px 5px 0 0;
    position: relative;
    width: 114px;
    z-index: 10;
}
.auto-top li a.current span, .auto-top li a:hover span {display: none;}
.auto-catalog .lead {padding: 10px;}
.auto-catalog .size1of3 {width: 233px;}
.auto-catalog .size1of3 .content {margin-right: 12px;}
.auto-catalog .size2of3 {width: 412px;}
.auto-catalog .auto-search-by-brand,
.auto-catalog .auto-search-by-keyword,
.auto-catalog .auto-search-by-type {
    background-color: #F2F2F2;
    margin-bottom: 10px;
    padding: 7px;
}
.auto-catalog .auto-search-by-type {margin-bottom: 0;}
.auto-catalog .auto-search-by-brand select {width: 148px}
.auto-catalog .auto-search-by-keyword .input-text {width: 146px;}
.auto-catalog .input-image {vertical-align: middle;}
.auto-catalog .auto-search-by-type ul li {margin: 0;}
.auto-catalog .country {margin-bottom: 10px;}
.auto-catalog .country .head {background: url(//img.aacdn.jp/allabout/free/sprite-auto-country.gif) no-repeat 0 0; padding: 0 0 0 25px;}
.auto-catalog .japan .head {background-position: 0 -565px;}
.auto-catalog .germany .head {background-position: 0 -339px;}
.auto-catalog .america .head {background-position: 0 0;}
.auto-catalog .england .head {background-position: 0 -113px;}
.auto-catalog .sweden .head {background-position: 0 -678px;}
.auto-catalog .france .head {background-position: 0 -226px;}
.auto-catalog .italy .head {background-position: 0 -452px;}
.auto-catalog ul {margin: 10px 0 15px;} 
.recipe-kind .list-icon {
    background-position: -219px -33px;
    height: auto;
    margin-right: 0;
    width: auto;
}

/* slideshow */
.js-slideshow .main-image {overflow: hidden; position: relative;}
.js-slideshow .main-image a {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
/* msel-bukken */
/* TODO: THERE MAY BE BETTER SELECTOR FOR THIS */
.free-section .msel-bukken .left {
    border: 1px solid #E5E5E5;
    display: block;
    padding: 4px;
}
.free-section .msel-bukken a.left:hover {border: 1px solid #F2F2F2;}
.free-section .msel-bukken a.left:hover img {
    filter:alpha(opacity=68);
    -moz-opacity:0.68;
    opacity:0.68;
}
.free-section .msel-bukken .left img {width: 64px;}
.recipe-featured,
.recipe-mook,
.recipe-search {
    width: 640px!important;
    margin-left: auto;
    margin-right: auto;
}
.contents-right .free-sec {
    width: 458px!important;
    margin-left: inherit;
    margin-right: inherit;
}
.contents-right .free-sec .qa-hd {width: 450px;}
.free-box .inner-box img {
    display: block;
    width: 643px;
    margin-left: auto;
    margin-right: auto;
}
.free-pat-4 .inner p img {
    display: block;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.layout_main .free-sec .label-h40 {
    background: url(//img.aacdn.jp/allabout/free/news-gradation.gif) repeat-x;
    border-top: 0px;
    border-left: 0px!important;
    border-right: 0px;
    border-bottom: 1px solid #CCC;
    height: 36px;
    line-height: 38px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 0px!important;
}
.layout_main .free-sec .label-h40 .icon {background: none;}
.free-pat-1 .inner .hd img,
.free-pat-3 .inner .hd img {
    width: 640px;
}
.free-pat-1 .inner,
.free-pat-2 .inner,
.free-pat-3 .inner,
.free-pat-4 .inner {
    position: static;
}
/* 結婚・指輪カタログ自由枠 ----------------------------------------------------------- */
.free-marriage {
    border-top: 3px solid #9f9667;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
}
.free-marriage .hd {background: url(//img.aacdn.jp/allabout/free/bg-marriage.gif) repeat-x;}
.free-marriage .hd .p-content {padding: 0px 10px 10px 10px;}
.logo-marriage {margin-top: 3px;}
.free-marriage .link-text {margin: 20px 1px 13px!important;}
.free-marriage .hd .p-content .p-content {border: 1px solid #CFCFCF;margin-top: 10px;}
.free-marriage .hd .p-content .p-content ul {margin: 5px 5px 0px;}
.free-marriage .hd .p-content .p-content li {
    vertical-align:top;
    display:inline-block;
    /display:inline;
    /zoom: 1;
    padding: 7px 14px 0 0px;
}
/* recipe-mook ----------------------------------------------------------- */
.recipe-mook .size1of3 {width: 213px;}
/* 専門家トピックス(新着記事一覧下) ----------------------------------------------------------- */
.qa-topics-box {
    margin: 5px 0;
    position: relative;
    zoom: 1;
}
.qa-topics-box .img-fukidashi {
    position: absolute;
    left: 0;
    top: 0;
}
.qa-topics-box-gray {
   border: 1px solid #ddd;
   background: #fbfbfb;
   margin-left: 10px;
   padding: 7px 5px;
}
.qa-topics-box-gray .title {
   position: relative;
   margin-bottom: 8px;
}
.qa-topics-box-gray .title .qa-logo {
   position: absolute;
   top: 0;
   right: 0;
}
.qa-topics-box-gray .title .read {
   color: #696969;
   font-size: 10px;
   font-weight: normal;
   margin-left: 5px;
}
.qa-topics-box-gray .qa-topix li {
   margin-bottom: 5px;
}
.qa-topics-box-gray .qa-topix li a {
    display: inline-block;
    /display: inline;/* for IE9 below */
    zoom: 1;/* for IE9 below */
    padding: 0;
}
.qa-topics-box-gray .qa-topix li .text a {background-position: -7px -2867px; padding: 0 0 0 13px;}
.qa-topics-box-gray .qa-topix li .name a {background: none; width: 100px;}
/* 住宅・不動産 関連Q&nbsp;A ----------------------------------------------------------- */
.mod-gs-list .label-h40 {
    background: #FFF;
    border-bottom: 0 none !important;
    border-left: 10px solid #C00!important;
    border-right: 0 none;
    border-top: 0 none;
    height: 20px;
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 15px!important;
    padding: 1px 3px 1px 7px;
    position: relative;
}
#pickUpContents div.inner {padding-left: 10px;}
#pickUpContents div.inner .hoge {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 40px 10px 0;
    padding: 85px 0px 10px 48px;
    position: relative;
    width: 262px;
    vertical-align: top;
}
#pickUpContents div.inner .turn {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 0 10px 0;
    padding: 85px 0px 10px 48px;
    position: relative;
    width: 262px;
    vertical-align: top;
}
#pickUpContents div.inner div h4 {margin: 0 0 5px; font-size: 100%;}
#pickUpContents div.inner div p.photo {
    border: 1px solid #B4AEA9;
    left: 0;
    position: absolute;
    top: 0;
}
#pickUpContents div.inner div h4 img {
    left: 0;
    position: absolute;
    top: 85px;
}
#pickUpContents div.inner div p.showDetail {
    font-size: 90%;
    text-align: right;
    margin-top: 3px;
}
#pickUpContents h3 {border: 3px #efefef solid; margin-bottom: 20px;}
#pickUpContents h3 span {
    position: relative;
    border: 1px #ddd solid;
    display: block;
    padding: 7px 10px 5px;
}

/* 暮らし　メニュー共通部分  */
#topSpecialWire {width: 665px; margin-bottom: 15px;}
#topSpecialWire img {verticla-align: bottom;}
#topSpecialWire ul {
    width: 660px;
    background-color: #ffcd82;
    padding: 8px 0 7px 5px;
}
#topSpecialWire ul li {
    display: inline;
    float: left;
    margin-right: 5px;
    padding: 5px 8px 8px 23px;
    line-height: 1.4em;
}
#topSpecialWire ul li a {font-weight: bold;}
/* 4つバージョン */
#topSpecialWire ul.tab4 li {
    width: 129px;
    height: 32px;
    background: transparent url(//img.aacdn.jp/allabout/free/menu_tab4_bg.gif) 0 0 no-repeat;
}
/* 5つバージョン */
#topSpecialWire ul.tab5 li {
    width: 96px;
    height: 32px;
    background: transparent url(//img.aacdn.jp/allabout/free/menu_tab5_bg.gif) 0 0 no-repeat;
}

/* アマゾンランキング */
#amazon_rank {
    width: 640px;
    margin: 0 auto 20px;
    border:1px solid #ccc;
    position: relative; 
}
#amazon_rank .label-h40 {
    background: url(//img.aacdn.jp/allabout/free/news-gradation.gif) repeat-x;
    border-top: 0px;
    border-left: 0px!important;
    border-right: 0px;
    border-bottom: 1px solid #CCC;
    height: 36px;
    line-height: 38px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 0px!important;
}
#amazon_rank ul {padding:5px 5px 10px; letter-spacing: -.40em;}
#amazon_rank li {
    width: 32%;
    margin-left:5px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
}
#amazon_rank li .amzn-ranking {
    border-bottom:1px solid #ccc;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 14px;
}
#amazon_rank li .amzn-img {
    margin-bottom:0px;
    text-align:center;
    height:75px;    
}
#amazon_rank li .amzn-title {font-size: 12px; margin: 5px 10px 0;}
#amazon_rank li .amzn-price .cost {
    text-decoration:line-through;
    margin-right:5px;
    font-size:0.8em;
}
#amazon_rank li .amzn-price .discount {color:#f00; font-weight: bold;}
#amazon_rank li .used {font-size:9px; margin-bottom:5px;}

/* 20130409追加 */
.mod-feature-image {}
.mod-feature-image .hd {}
.mod-feature-image .hd .label {text-align: center;}
.mod-feature-image .bd p {margin: 0 20px;}
.mod-feature {
    background-color: #F7EEBB;
    padding: 10px;
    margin-bottom: 15px;
}
.mod-feature .title {
    background-color: #E9AD73;
    color: #fafafa;
    line-height: 24px;
    margin: 0 0 15px;
    padding: 8px;
}
.mod-feature .catch {padding: 0 8px;}
.mod-feature-list-area .odd {margin-right: 20px;}
.mod-feature-list-area .media .title a {font-weight: bold;}
.mod-feature-list-area .has-grid .size1of2 li {
    padding: 5px 0;
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.mod-feature-list-area .has-grid .size1of2 li span{
    letter-spacing: normal;
}
.mod-feature-list-area .has-grid .size1of2 li a {
    display: inline;
    padding: 0;
}
.mod-feature-list-area .mod-feature-list.size1of2 {width: 332px; margin-bottom: 20px;}
.mod-feature-list li {
    overflow: hidden;
    zoom: 1;
    padding: 8px;
}
.mod-feature-list .label {
    border-bottom: 1px solid #CCC;
    border-top: 2px solid #BF0000;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 5px 10px 3px;
}
.mod-feature-list .bd p {padding: 0 10px;}
.mod-feature-list .bd p.link {float: right; margin-top: 10px;}
/* みんなの実例フォト用 */
.sec-qa-photo {width: 640px; margin: 0 auto;}
.sec-qa-photo .p-content {padding: 0px 40px;}
.sec-qa-photo .bd {margin-bottom: 15px; padding-top: 10px;}
.sec-qa-photo .p-content li {
    display:inline-block;
    /display:inline;
    zoom:1;
    margin:0px 3px 15px;
    vertical-align:top;
    width:83px;
}
.sec-qa-photo .p-content li .figure img {
    background:#FFFFFF;
    border:1px solid #d8d7d7;
    display:block;
    padding:3px;
    margin:0px auto;
}
.sec-qa-photo .p-content li .figure .mts {line-height: 1.2;}
.sec-qa-photo .p-content li .figure .mts a {
    font-weight:bold;
    text-decoration:underline;
    font-size: 11px;
}
.sec-qa-photo .p-content li .figure .mts a:hover {text-decoration:none;}
/* 健康トップスライダー用 ----------------------------------------------------------- */

.slider {background:url(//img.aacdn.jp/allabout/free/flex_slider_bg_grid.gif); height: 270px; margin: 0 0 14px;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {
    padding:8px 8px 0 8px;
    position: relative;
    zoom: 1;
}
.flex-viewport {height: 200px;}
.loading .flex-viewport {height: 200px;}
.carousel li {margin-right: 5px;}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    text-align: right;
    display:table;
}
.flex-control-nav li {
    float: left;
    zoom: 1;
    *display: inline;
    display: inline-block;
    vertical-align:middle;
    text-align:left;
}
.ie7 .flex-control-nav li div {margin:0 4px 0 0;}
.flex-control-nav li div {
    padding:14px 0 0 0;
    margin:0 8px 0 0; 
    cursor: pointer;
}
.flex-control-nav li:last-child div {margin:0 !important;}
.flex-control-nav li div p{
    background-color: rgba(255,255,255,0.5);
    padding:4px 14px;
    font-weight:bold;
    line-height:1.6;
    color:#005ead;
    text-decoration:underline;
}
/** 2 カラム**/
.slider .column-2 .flex-control-nav li div p {height:22px;}
/** 3,4 カラム**/
.slider .column-3 .flex-control-nav li div p, .slider .column-4 .flex-control-nav li div p {height:40px;}
/** 5 カラム**/
.slider .column-5 .flex-control-nav li div p {height:60px;}

.flex-control-nav li div p {
    background-color: rgba(255,255,255,0.5);
    padding:4px 14px;
    font-weight:bold;
    line-height:1.6;
    color:#005ead;
    text-decoration:underline;
}
.ie7 .flex-control-nav li div p,
.ie8 .flex-control-nav li div p {background:#fff;}
.flex-control-nav li div p:hover {
    background-color: rgba(255,255,255,0.3);
    text-decoration:none;
}
.flex-control-nav li div.flex-active {
    background-color:transparent;
    background-image:url(//img.aacdn.jp/allabout/free/flex_slider_bg_tri.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.flex-control-nav li div.flex-active p{
    background-color:transparent;
    color:#3F3F3F;
    text-decoration:none;
}
.flex-control-thumbs {margin:0; position: relative; top:-7px;}
.flex-control-thumbs li {width: 25%; margin: 0;}

/** 1 カラム**/
.slider .column-1 .flex-viewport {padding-bottom: 8px;}
/** 2 カラム**/
.ie7 .slider .column-2 .flex-control-thumbs li {width: 49%; margin: 0;}
.slider .column-2 .flex-control-thumbs li {width: 50%; margin: 0;}
/** 3 カラム**/
.slider .column-3 .flex-control-thumbs li {width: 33.33%; margin: 0;}
/** 4 カラム**/
.slider .column-4 .flex-control-thumbs li {width: 25%; margin: 0;}
/** 5 カラム**/
.ie7 .slider .column-5 .flex-control-thumbs li {width: 19.9%; margin: 0;}
.slider .column-5 .flex-control-thumbs li {width: 20%; margin: 0;}


/* QAコーナー導線(既存枠) ----------------------------------------------------------- */
.mod-gs-list .inner .bd {margin-bottom: 20px;}
/* common */
.qa-box {margin: 0 0 20px; width: 683px;}
.qa-box .qa-hd {
    background: #858585;
    padding: 0;
    position: relative;
    width: 683px;
}
.qa-box .qa-hd .title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 6px 15px;
}
.qa-box .qa-hd .logo {
    position: absolute;
    top: 5px;
    right: 5px;
}
.qa-box .qa-bd {margin: 10px 10px 0; width: 663px;}
.qa-box .qa-bd .content-box .left .qa-content {margin-right: 10px;}
.qa-box .qa-bd .content-box .left .qa-thumb {width: 50px;}
.qa-box .qa-bd .content-box .left .qa-content .link {margin-bottom: 3px; padding-left: 56px;}
.qa-box .qa-bd .content-box .left .qa-content .text {padding-left: 56px;}
.qa-box .qa-bd .list-genre li {margin-bottom: 8px;}
.qa-box .qa-bd .list-genre li a {padding: 4px 0 4px 63px;}
.qa-box .qa-bd .list-genre .topics a {background: transparent url(//img.aacdn.jp/allabout/free/icon-forum.gif) no-repeat 0 50%;}
.qa-box .qa-bd .list-genre .community a {background: transparent url(//img.aacdn.jp/allabout/free/icon-community.gif) no-repeat 0 50%;}
.qa-box .qa-bd .list-genre .edge a {background: transparent url(//img.aacdn.jp/allabout/free/icon-themeqa.gif) no-repeat 0 50%;}



/*----------------------------------------------------------- */
/*- 右枠 -*/
/*----------------------------------------------------------- */

/* 自分にピッタリの保険をみつけよう！ ----------------------------------------------------------- */
.layout_sidebar .border-none {border: 0px none;}
.layout_sidebar .inner {padding: 5px;}
.layout_sidebar .border-none .inner {padding: 0px;}
.layout_sidebar .argent .media {margin: 0px;}
.layout_sidebar .label {
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 7px;
}
.layout_sidebar .label .icon {background: none;}
.layout_sidebar .icon-list li {
    background: transparent url(//img.aacdn.jp/allabout/common/red-arrow-s.png) no-repeat 10px 8px;
    margin: 3px 0;
    padding: 2px 10px 2px 22px;
}
#container form.simpleForm {border: 1px solid #efefef!important;}

#sys-rakuten-search input {
    border: 1px solid #FF6666;
    float: left;
    height: 20px;
    margin-right: 5px;
    padding-left: 5px;
    width: 217px!important;
}
/* 特集リスト ----------------------------------------------------------- */
.has-divider-dotted li {border-bottom: 1px dotted #CCC; padding: 5px;}
.has-divider-dotted li .item {width: 306px;}
/* mod-articlelist */
.mod-articlelist .has-divider-dotted li {padding: 0; margin-bottom: 0;}
.mod-articlelist .has-divider-dotted li:hover {background: #f1f1f1;}
.mod-articlelist .has-divider-dotted li > a {padding: 10px 10px 0;}
.mod-articlelist .has-divider-dotted li > a.guide-none {padding: 10px;}
.mod-articlelist .has-divider-dotted li a:hover {background: #f1f1f1;}
.mod-articlelist .has-divider-dotted .thumb {width: 120px; margin-right: 10px;}
.mod-articlelist .has-divider-dotted .content-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.mod-articlelist .has-divider-dotted .date,
.mod-articlelist .has-divider-dotted .lead {color: #404040;}
.mod-feature-list .bd .png_bg {padding: 0;}
.mod-feature-list .bd .png_bg .blue-arrow {margin-top: 4px;}
.mod-articlelist .has-divider-dotted .guide-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 0 5px 140px;
}
.mod-articlelist .img-none .guide-box {margin: 0 0 5px 10px;}
.mod-articlelist .has-divider-dotted .guide {
    height: 20px;
    line-height: 20px;
    padding-right: 5px;
    color: #404040;
}
.mod-articlelist .has-divider-dotted .guide a {color: #404040;}
.mod-articlelist .has-divider-dotted .guide a:hover {text-decoration: none;}
.mod-articlelist .has-divider-dotted .guide-box .field {color: #404040;}
.mod-articlelist .has-divider-dotted .guide-box:hover .name {text-decoration: underline;}
.mod-articlelist .has-divider-dotted .guide img {
    vertical-align: top;
    margin-right: 5px;
    font-size: 11px;
}
/* mod-feature-list */
.mod-feature-list-area .has-grid li {padding: 0;}
.mod-feature-list-area .has-grid li a {display: block; padding: 10px;}
.mod-feature-list-area .has-grid li a:hover {background: #f1f1f1;}
.mod-feature-list-area .has-grid li a .thumb {margin-right: 10px;}
.mod-feature-list-area .has-grid li a .title {
    line-height: 1.2;
    margin-bottom: 3px;
    font-weight: bold;
}
.mod-feature-list-area .has-grid li a .lead {color: #404040; font-size: 11px;}
.mod-feature-list-area .size1of2 {width: 50%; *width: 49%;}
.mod-feature-list-area .size1of4 {width: 25%;}
.mod-feature-list-area .size1of4 .figure {margin-bottom: 10px; text-align: center;}
.mod-feature-list-area .size1of4 .title {line-height: 1.2; display: block;}
.gsid-2245 .item {background: none;}

/* ペット図鑑 */
.free-sec.free-pat-2 .column-5 .size1of5 .content .figure a img {width: 60px; height: 60px;}
.free .main-label .icon-more {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 17px;
    margin: 0 0 0 7px;
    background: url(//img.aacdn.jp/allabout/common/red-arrow-l.png) no-repeat 0 5px;
    text-indent: -9999px;
}
.free .inner-box > ul > li {padding: 0;}
.free .inner-box > ul > li .media .icon-list li a {padding: 0;}
.free .inner-box > .ml-half {word-spacing: -1em; display: table;}
.free .inner-box > .ml-half li a {display: inline;}
.layout_sidebar .magazine-box.season .inner-box {padding: 5px 6px 0; background: #FFF;}
.free .inner-box > .ml-half li {
    background: url(//img.aacdn.jp/allabout/common/red-arrow-s.png) no-repeat 5px 6px;
    padding: 0 0 0 15px;
    margin: 0 0 5px;
    width: 129px;
    border-bottom: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.free .inner-box > .ml-half li {
    background: url(//img.aacdn.jp/allabout/common/red-arrow-s.png) no-repeat 5px 6px;
    padding: 0 0 0 15px;
    margin: 0 0 5px;
    width: 129px;
    border-bottom: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* メニュー */
.free .menu-link {
    background-image: url(//img.aacdn.jp/allabout/common/menu-icon.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-color: #f1f1f1;
    padding: 6px 0 6px 31px;
}
.free .menu-link:hover {text-decoration: underline; background-color: #fff;}

/* プロが選ぶ おすすめランキング */
.layout_sidebar .pro-ranking {margin-bottom: 14px;}
.layout_sidebar .pro-ranking .inner-box {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.layout_sidebar .cmn-box.pro-ranking .main-label {margin-bottom: 0;}
.layout_sidebar .pro-ranking li {border-bottom: 1px dotted #9E9E9E; padding: 5px!important; margin: 0;}
.pro-ranking .rank {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
    color: #FFF;
    margin-right: 10px;
    margin-top: 1px;
}
.pro-ranking .rank > span {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-weight: bold;
    line-height: 20px;
}
.pro-ranking .rank-1 {background: #dac724;}
.pro-ranking .rank-2 {background: #b3b2ae;}
.pro-ranking .rank-3 {background: #b39d46 ;}
.pro-ranking .product {width: 258px;}
.pro-ranking .product .name {padding-top: 2px;}
.pro-ranking .product .name a {margin-bottom: 5px; padding-top: 2px; font-weight: bold;}
.pro-ranking .product .thumb {width: 75px; margin-right: 7px;}
.pro-ranking .product .text-box {width: 144px;}
.pro-ranking-button {
    width: 200px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto 10px;
    text-align: center;
}
.pro-ranking-button a {
    display: block;
    color: #FFF;
    height: 25px;
    line-height: 26px;
    background: #CC0000;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}
.pro-ranking-icon {
    width: 18px;
    height: 18px;
    background: url(//img.aacdn.jp/allabout/common/ranking-icon.png) no-repeat 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    margin: 0 7px 0 0; 
}

/* .recipe-feature　family-feature */
.recipe-feature {padding: 20px 0 10px; margin-bottom: 20px;}
.family-feature .mod-feature-list-area .has-grid li,
.recipe-feature .mod-feature-list-area .has-grid li {
    padding: 0;
    width: 120px;
    height: 145px;
    margin: 0 25px;
    border-bottom: none;
}
.family-feature .mod-feature-list-area .has-grid li a,
.recipe-feature .mod-feature-list-area .has-grid li a {
    display: block;
    padding: 0;
    width: 130px;
}
.family-feature .mod-feature-list-area .has-grid li.size1of2 {width: 260px;}
.family-feature .mod-feature-list-area .has-grid li.size1of2 a {width: 260px; padding: 10px;}
.family-feature .mod-feature-list-area .has-grid li.size1of2 a:hover {background: #f1f1f1; display: block;}
.family-feature .mod-feature-list-area .has-grid li a:hover,
.recipe-feature .mod-feature-list-area .has-grid li a:hover {background: none;}
/* お仕事検索フッター直し */
#ch-job #footer {margin-top: 0;}
/* veltra-box用 */
.veltra-box .title-label {
    font-size: 16px;
    background: #96bd0d;
    margin: 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
}
.veltra-logo {
    position: absolute;
    right: 5px;
    top: 4px;
    display: block;
    width: 77px;
    height: 23px;
}
.right-box .veltra-logo {display: none;}
.veltra-logo img {vertical-align: top;}
.veltra-box .title-label h2 {font-size: 14px; line-height: 1.4; padding: 7px 10px 5px; color: #FFF;}
.veltra-box .container {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.veltra-box .container li {border-bottom: 1px dotted #CCC;}
.veltra-box .container li a {font-size: 14px;}
.veltra-box .container li a .thumb {
    width: 76px;
    height: 57px;
    margin-right: 10px;
}
.veltra-box .container li a .thumb img {width: 76px; height: 57px;}
.veltra-box .container li a .content-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.vertra-list {margin-bottom: -1px;}
.vertra-list li a {padding: 5px 0; font-weight: bold;}
.vertra-list .container li a .content-box .item {font-weight: bold;}
.vertra-list li a .text {
    color: #404040;
    line-height: 1.3;
    font-size: 12px;
    font-weight: normal;
}
.veltra-box .container .hd {margin: 0 10px 5px; padding-top: 5px;}
.veltra-box .container .hd li {border-bottom: none; margin-right: 30px; font-weight: bold;}
.veltra-box .container .hd .lead {
    font-size: 11px;
    line-height: 1.3;
    color: #da8602;
    background: #ECECEC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.veltra-box .container .hd .veltra-button {width: 295px; margin: 0 auto 10px;}
.veltra-box .container .hd .veltra-button li {width: 140px; margin: 0;}
.veltra-box .container .hd li.sale-ranking-btn {margin-right: 15px;}

.veltra-box .container .hd .veltra-button li a {
    border: 1px solid #CCC;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    font-size: 12px; 
}
.veltra-box .container .hd .veltra-button li a:hover {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 1%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 1%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    cursor: pointer;
}
.veltra-box .link-btn-box .btn span {text-decoration: none;}
.veltra-box .container .hd .veltra-button li .ico {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 1px;
}
.veltra-box .sale-ranking-icon {background-position: -547px -271px;}
.veltra-box .satisfaction-icon {background-position: -580px -271px;}
.veltra-box .container .bd {margin: 0 10px;}
.veltra-box .classic-tour-label {border-bottom: 1px solid #C00; margin: 0 0 5px;}
.veltra-box .classic-tour {
    background: #C00;
    color: #FFF;
    font-size: 11px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.veltra-box .powered-by {margin: 2px 10px 3px; text-align: right;}
.veltra-box .left-box {width: 310px;}
.right-box .veltra-box .left-box {width: 314px; float: none;}
.veltra-box .right-box {width: 340px; padding-top: 30px;}
.right-box .veltra-box .right-box {
    width: 300px;
    padding-top: 0;
    float: none;
    margin: 0 auto;
}
.veltra-box .vertra-list li {width: 331px;}
.veltra-box .vertra-list li a {padding-right: 15px;}
.right-box .veltra-box .vertra-list li {width: 314px;}
.right-box .veltra-box .vertra-list li a {padding-right: 0;}

/* SEO用テキスト */
.explanation-box{
    display: block;
    padding: 8px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/* スポンサードコンテンツラベル テキスト表示 */
.main-title-box .ad-article-label{margin: -10px 0 5px 5px;}
/* スポンサードコンテンツラベル 画像表示 */
.main-title-box .gray-article-label{
    background: transparent url(//img.aacdn.jp/allabout/common/g_label.gif) no-repeat 0 0;
    background-size: 60px auto;
    width: 60px;
    height: 16px;
    margin: -10px 0 5px 5px;
}

/* ad-space */
.layout_main .ad-space-wrapper{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    margin-top: -10px;
}
.layout_main .ad-space {
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
    background: #FFF;
}
.layout_main .ad-space.ad-small {
    height: 60px;
    overflow: hidden;
}

/* AA特集への導線 */
.aasp-border-red {
    margin-bottom: 5px;
    border: 2px solid #c00;
}
.aasp-border-red a {
    display: block;
    text-decoration: none;
}
.article-section .aasp-border-red {margin-bottom: 13px;}/* ページネーション下 */;
.aasp-border-red .right-img {width: 120px;}
.aasp-border-red .right-img img {
    width: 120px;
    height: 90px;
    overflow: hidden;
}
.aasp-border-red .left-text {
    width: 550px;
    padding: 10px 0 2px;
    color: #404040;
}
.aasp-border-red .left-text .text-main {margin-bottom: 3px;}
.aasp-border-red .left-text .main {
    width: 420px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.3;
}
.aasp-border-red .label-arrow {
    width: 125px;
    vertical-align: middle;
}
.aasp-border-red .label-arrow .bg-arrow {
    display: inline-block;
    width: 28px;
    height: 44px;
    background: transparent url(//img.aacdn.jp/allabout/common/bg_aasp_arrow.png) no-repeat center right;
}
.aasp-border-red .label-arrow .arrow-text {
    padding: 10px 5px 8px 10px;
    height: 26px;
    background: #c00;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 1.8;
}
.aasp-border-red .viewing-period {
    margin-left: 10px;
    font-size: 11px;
    color: #888;
}
.aasp-border-red .link-check {
    font-size: 12px;
    font-weight: bold;
    color: #005ead;
}
.aasp-border-red .link-check .line {text-decoration: underline;}

/* AA特集への導線 記事下バージョン */
.aasp-lead-box {
    margin-bottom: 30px;
}
.sp-title {
    background: #efefef;
    padding: 8px;
    margin-bottom: 10px;
}
.sp-title a {
    display: block;
}
.sp-title .special {
    display: inline-block;
    vertical-align: middle;
    background: #c00;
    color: #fff;
    padding: 3px 10px;
    margin-right: 10px;
}
.sp-title .title {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}
.sp-title .more-text {
    color: #000;
    font-weight: bold;
    line-height: 26px;
}
.sp-title .more-text:hover {
    text-decoration: underline;
}
.sp-title .red-l-arrow {
    display: inline-block;
    vertical-align: middle;
    padding-top: -8px;
    margin: 0 0 0 6px;
}
.article-list-item {
    display: inline-block;
    width: 160px;
    margin-right: 15px;
}
.article-list-item:last-child {
    margin-right: 0;
}
.article-list-images {
    width: 160px;
    height: 120px;
    margin-bottom: 7px;
}

/* 住設 編集枠 */
.panel-list li{
    position: relative;
    float: left;
    display: block;
    width: 200px;
    height: 100%;
    margin-top: 0 !important;
    margin-right: 10px;
    margin-right: 6px\9; /*ie8*/
    margin-bottom: 15px\9; /*ie8*/
    overflow: hidden;
}
.panel-list li:nth-child(1),
.panel-list li:nth-child(2),
.panel-list li:nth-child(3){
    margin-bottom: 15px;
}
.panel-list li:nth-child(3n){
    margin-right: 0;
}
.panel-list li a{
    display: block;
    width: 100%;
    height: 150px;
}
.panel-list-title-bg{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 200px;
    height: 150px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+0,0.05+60,0.5+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.panel-list-title{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 3px 7px;
}

/* CHトップ、GSトップ掲載用RSS */
.box-rss .rss{
    background-position: -299px -75px;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    margin-left: 8px;
}

/* ベルトラ新パターン　暫定対応 */
.veltra-affiliate {
    margin-bottom: 20px;
    border-top: 1px solid #dbdbcf;
}
.veltra-affiliate .aa_main-section-heading {
    position: relative;
    margin-bottom: 5px;
    padding: 10px 0;
}
.veltra-affiliate .aa_main-section-heading-title {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
.veltra-affiliate .aa_main-section-heading-shoulder {
    float: right;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    position: relative;
    top: 0.3em;
    width: auto;
    display: block;
    width: 300px;
}
.veltra-affiliate .aa_main-section-heading-shoulder li {
    margin-left: 15px;
}
.veltra-affiliate .veltra-affiliate-count-list {
    font-size: 13px;
    line-height: 1;
    font-weight: normal;
}
.veltra-affiliate .has-grid > .has-grid-item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}
.veltra-affiliate .veltra-affiliate-count-num {
    display: inline-block;
    background: #cc0000;
    font-weight: bold;
    color: #fff;
    border-radius: 12px;
    padding: 4px 8px 2px;
    margin-left: 2px;
    position: relative;
    top: -0.3em;
}
.veltra-affiliate .veltra-affiliate-lead {
    margin-bottom: 20px;
    font-size: 13px;
}
.veltra-affiliate .aa_grid-2col {
    letter-spacing: -0.4em;
    vertical-align: top;
}
.veltra-affiliate .aa_grid-2col .aa_grid-2col-item {
    width: 48.3%;
    position: relative;
    margin-bottom: 20px;
    letter-spacing: normal;
    display: inline-block;
    margin-right: 3.4%;
    vertical-align: top;
}
.veltra-affiliate .block-link {
    text-decoration: none;
    display: block;
    color: #1e1e1e;
}
.veltra-affiliate .block-link:hover {
    opacity: 0.7;
}
.veltra-affiliate .aa_media-thumb {
    float: left;
    margin-right: 2.5%;
}
.veltra-affiliate .aa_media-text {
    position: relative;
    overflow: hidden;
    font-size: 13px;
}
.veltra-affiliate .aa_media-title-l {
    margin-bottom: 5px;
    font-size: 15px;
    color: #005ead;
}
.veltra-affiliate .link-blue {
    color: #005ead;;
}
.veltra-affiliate-btn {
    position: relative;
    border: 2px solid #cc0000;
    text-align: center;
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #cc0000;
    line-height: 1;
    display: block;
    width: 100%;
    color: #cc0000;
}
.veltra-affiliate-btn:link {
    color: #cc0000;
}
.veltra-affiliate-btn:hover {
    background: #cc0000;
    color: #fff;
}
.veltra-affiliate .aa_grid-2col .aa_grid-2col-item:nth-child(2n) {
    margin-right: 0;
}
.veltra-affiliate-btn:hover {
    text-decoration: none;
}
.veltra-affiliate-btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 12px;
    top: 45%;
    border-top: 1px solid #cc0000;
    border-right: 1px solid #cc0000;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
    height: 8px;
}

/* ss_article 暫定対応 */
.aa_side-section {
    margin-bottom: 20px;
}
.aa_side-section-heading-title {
    background-color: #EBEBEB;
    border-bottom: 1px solid #D6D5D5;
    font-weight: bold!important;
    padding: 9px 6px 6px;
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
}
.aa_link-list li {
    border-bottom: 1px dotted #9E9E9E;
    display: block;
    padding: 5px 10px;
    margin-top: 3px;
}
.aa_link-list li:last-child {
    border-bottom: none;
}
.aa_link-list li a {
    position: relative;
    display: block;
    padding-left: 10px;
}
.aa_link-list li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 3px;
    border-color: transparent transparent transparent #cc0000;
}

/*----------------------------------------------------
 一時指定：SOSテスト
----------------------------------------------------*/
.tmp_ps-uewaku {
    margin-bottom: 15px;
    border: 1px solid #808080;
    padding: 0 0 10px 10px;
    font-size: 14px;
}
.tmp_ps-uewaku .has-grid {
    letter-spacing: -0.4em;
}
.tmp_ps-uewaku .has-grid-item {
    letter-spacing: normal;
}
.tmp_ps-uewaku > .has-grid > .has-grid-item {
    width: 210px;
    margin-right: 10px;
    padding-top: 10px;
}
.tmp_ps-uewaku .ico {
    display: inline-block;
    letter-spacing: normal;
    height: 10px;
    background-position: 0 3px;
    background: transparent url(//img.aacdn.jp/allabout/common/icon-sprite.png) no-repeat 0 0;
    width: 4px;
    margin: 6px 7px 0 0;
}
.tmp_ps-uewaku .item {
    display: inline-block;
}

/* 2016renewal new pagenation */
/*----------------------------------------------------
 ページネーション
----------------------------------------------------*/
/*----------------------------------------------------
 ページネーション
----------------------------------------------------*/
.aa_pagination {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    padding: 15px;
    text-align: center;
    background: #efefe0;
    margin: 10px 0;
}
.aa_pagination-direction {
    width: 140px;
    height: 40px;
}
.aa_pagination-direction-prev {
    margin-right: 9px;
    text-align: left;
}
.aa_pagination-direction-next {
    margin-left: 9px;
    text-align: right;
    font-weight: bold;
}
.aa_pagination-direction-link {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    background: #fff;
}
.aa_pagination-direction-link:hover {
    text-decoration: none;
}
.aa_pagination-direction-prev .aa_pagination-direction-link {
    padding-left: 30px;
    color: #1e1e1e;
    background: #fff;
}
.aa_pagination-direction-next .aa_pagination-direction-link {
    padding-right: 30px;
    color: #fff;
    background: #c00;
}
.aa_pagination-direction-prev .aa_pagination-direction-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    left: 12px;
    border-top: 2px solid #1e1e1e;
    border-left: 2px solid #1e1e1e;
    width: 6px;
    height: 6px;
    line-height: 1;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}
.aa_pagination-direction-next .aa_pagination-direction-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 6px;
    height: 6px;
    line-height: 1;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.aa_pagination-number {
    display: block;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin: 4px 4px 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #1e1e1e;
}
a.aa_pagination-number {
    color: #1e1e1e;
}
.aa_pagination-number-link {
    margin: 6px 5px 0;
    background: #fff;
}
.aa_pagination-number-link:hover {
    text-decoration: none;
    color: #999;
}
.aa_pagination-number.current {
    margin: 6px 8px 0;
    font-weight: bold;
    color: #c00;
}