@charset "utf-8";
/* mod
<div class="mod">
	<div class="inner">
		<div class="hd"></div> // 任意
		<div class="bd"></div> // 必須
		<div class="ft"></div> // 任意
	</div>
*/
.mod .bd,.mod .ft,.mod .hd { display: inline-block; width:100%; *display:block; *width:auto; zoom:1;}
.mod .inner { position:relative; }
/* media
<div class="media">
	<a href="#" class="left"><img src="#" alt="#"></a> // 必須
	<div class="bd"></div> // 必須
</div>
*/
.media { position: relative; }
.media .bd { display:table-cell; zoom:1; }
.media .left { float:left; margin-right: 12px; *display: inline; }
.media img { display:block; }
.media .right { float:right; margin-left: 12px; *display: inline; }
/* 新規モジュールは以下 --------------------------------------------------------- */
/* TODO: 削除: 新旧CSSミックスページの修正中 */
#mainWire { margin-top: 21px; }
/* テキストサイズ ----------------------------------------------------------------*/
.title { font-size: 14px; margin-bottom: 5px; }
.ad-awaku .title { font-size: 12px; margin-bottom: 5px; }
/* 広告系 (広告には必ずad、ad-拡張名のクラス名が入る) --------------------------- */
#ac65, .ad-rec { margin-bottom: 6px; }
.ad li,
.ad dl { position: relative; }
/* 記事上HOTSPOT ---------------------------------------------------------------- */
#partnership {
    border: 1px solid #808080;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 10px 10px 5px;
}
#partnership li {
	display: inline-block;
	*display: inline;
	margin: 3px 3px 3px 0;
	zoom: 1;
	vertical-align: middle;
}
.ch-disease #partnership ul { width: auto; } /* 家庭の医学PS枠が崩れているのを修正 */
.ch-disease #partnership ul li { padding: 0; } /* 家庭の医学PS枠のliタグのpadding修正 */
#partnership .list-left {
   /* width: 563px; */
	width: 540px;
	padding-left:15px;
}
#partnership .list-left li {
   /* width: 182px; */
   width: 170px;
   vertical-align: top;
}
#partnership .logo-right {
   width: 60px;
}
.partnershipTbl-00 table {
	border-collapse: collapse;
	empty-cells: show;
	margin: 0;
	text-align: left;
	width: 598px;
}
.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 {
	/* 20120315追加 */
	font-weight:normal;
}

.layout_sidebar #ovtr_hotspot_word_right .list-icon-arrow-circle li a {
	padding-left: 22px;
	/* 20120315追加 */
	font-weight:bold;
}

/* あるじゃん保険特集誘導枠 20120605 */
.argent .icon-list {
   border-top: 1px dotted #333;
}
.argent .icon-list li a {
   padding: 5px 0 5px 26px;
}


/* ad-awaku --------------------------------------------------------------------- */
.ad-awaku { margin-bottom: 12px; }
/* ad-ac99 ---------------------------------------------------------------------- */
.ad-ac99 {
    border: 1px solid #CCCCCC;
    margin-bottom: 12px;
    padding: 7px 5px 0;
}
.ad-ac99 .label {
	font-weight: bold;
    border-bottom: 4px solid #DEE1E7;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 4px 10px;
}
.ad-ac99 li {
	margin: 5px 8px 10px;
	position: relative;
}
.ad-ac99 .title {
	font-size: 12px;
	margin-bottom: 4px;
}
/* ad-bg-pale-blue -------------------------------------------------------------- */
.ad-bg-pale-blue {
	background: #EBF3F7;
	margin-bottom: 12px;
	padding: 10px;
}
/* ad-bg-pale-white -------------------------------------------------------------- */
.ad-bg-pale-white {
	margin-bottom: 12px;
	padding: 10px 0;
}
.ad-bg-pale-blue .head,
.ad-bg-pale-white .head {
	border-bottom: 2px solid #c9cdce;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
.ad-bg-pale-blue dt,
.ad-bg-pale-white dt {
	margin-bottom: 4px;
}
.ad-bg-pale-blue .sponsor,
.ad-bg-pale-blue .ovtrSSservice,
.ad-bg-pale-blue .ovtrIMservice,
.ad-bg-pale-white .sponsor,
.ad-bg-pale-white .ovtrSSservice,
.ad-bg-pale-white .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,
.ad-bg-pale-white .sponsor a,
.ad-bg-pale-white .ovtrSSservice a,
.ad-bg-pale-white .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,
.ad-bg-pale-white .sponsor a:hover,
.ad-bg-pale-white .ovtrSSservice a:hover,
.ad-bg-pale-white .ovtrIMservice a:hover {
	text-decoration: underline;
} /* .ovtrSSservice .ovtrIMservice dupulicated with old class */
.ad-bg-pale-blue span,
.ad-bg-pale-white span {
	color: #339900;
	padding-left: 5px;
}
.ad-bg-pale-blue dl,
.ad-bg-pale-white d {
    padding: 7px 4px;
}

.ad-ss { margin-bottom: 0; } /* TODO: Find out if ad-ss always last */
/* Y!Listing, sponsered search: link area and hover color change 2011-10-18 */
.link-area {
	display: block;
	padding: 7px 4px;
}
.link-area:link {
	color: #0044CC;
	text-decoration: none;
}
.link-area .title {
	color: #0044CC;
	padding-left: 0;
	text-decoration: underline;
}
.link-area .url {
	color: #339900;
	text-decoration: none;
}
.link-area dd { color: #404040; }
.link-area:hover {
	background-color: #FFEFB7;
	color: #404040;
	text-decoration: none;
}
.link-area:hover .title {
	color: #FF3333;
	text-decoration: none;
}
/* canceling ad-bg-page-blue */
.link-area dl { padding: 0; }


/* ac29_right */
#rightColumnRecommendTopics {
   background: none repeat scroll 0 0 #FFFFFF;
   margin-bottom: 6px;
}
#rightColumnRecommendTopics ul { padding: 5px 0 5px 8px; }
#rightColumnRecommendTopics li a {
	background: url(//img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat -690px 2px;
	_background: url(//img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat -690px 2px;
	display: block;
	min-width: 14px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	padding: 5px 0 5px 22px;
	position: relative;
}
#rightColumnRecommendTopics div { padding-bottom: 5px; }
.ad-ps .ad-psttl {
    margin: 3px 10px 8px 0;
    text-align: right;
} /* TODO: Class name should be .logo-ps */
.ad .about-service {
	color: #808080;
	text-align: right;
}
.ad .about-service a:link,
.ad .about-service a:visited,
.ad .about-service a:hover {
	color: #808080;
	text-decoration: none;
}
#boxAd2, .ad-megabox {
	background:#ffffff;
	margin-bottom: 6px;
	padding:5px 0;
	text-align:center;
} /* TODO: STILL USING OLD HTML */
.ad-awaku .hasDivider-dotted li {
	min-height: 55px;
	height:auto !important;
	height: 55px;
} /* TODO: SEEMS UNSAFE */
.ad-awaku .hasDivider-dotted .media { padding-right: 4px; }

/* あるじゃん保険商品誘導枠 */
.mod-argent li {
    padding: 8px 4px;
    width: 48%;
}
.mod-argent .hasDivider-dotted li {
    _height: 90px;
}


/* All About 注目リンク TMT ----------------------------------------------------- */
.ad-ac99-main {
	border: 1px solid #D7D3C1;
	padding: 10px;
	margin-bottom: 12px;
}
.ad-ac99-main .head {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 4px solid #e1e1e1;
}
.ad-ac99-main dl {
	margin-top: 15px;
}
.ad-ac99-main dt {
	margin-bottom: 4px;
}
/* Jack Banner/Double Banner ---------------------------------------------------- */
.jackbanner {
	float: none;
	margin: 0 auto;
	width: 950px;
}
/* TODO: double banner is old html */
#doubleBanner {
	*display: inline;
	float: right;
	width: 728px;
}
#ac150_main, #ac149_main {
    float: left;
    margin: 0;
    width: 360px;
}
#ac150_main {
    margin: 0 8px 0 0;
}
#doubleBanner .innerDoubleBanner {
    border: 2px solid #F5919F;
    float: left;
    display: inline;
	margin-top: 40px;
    padding: 5px 0;
    text-align: left;
    width: 356px;
}
#doubleBanner .innerDoubleBanner img {
    display: block;
    float: left;
    display: inline;
    margin: 0 0 0 10px;
    width: 104px;
}
#doubleBanner .innerDoubleBanner p {
	display: block;
	float: left;
	display: inline;
	margin: 4px 0;
	padding: 0 0 0 10px;
	width: 228px;
}
#doubleBanner .innerDoubleBanner a {
	display: block;
	min-height: 78px;
	height: auto !important;
	height: 78px;
	position: relative;
	text-decoration: none;
	zoom: 1;
}
#doubleBanner .innerDoubleBanner a:hover p { cursor: pointer; }
#doubleBanner .innerDoubleBanner a:hover .link-text { text-decoration: underline; }
#doubleBanner .innerDoubleBanner .ad22 {
	color: #404040;
	text-decoration: none;
}


/* リンクエリア拡大/プレーンテキストママ 親要素に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;
}
/* Label */
.label { overflow: hidden; zoom: 1; }
.label-border { border-bottom: 2px solid #3368BD; }
.label-h35 {
	background: url(//img.allabout.co.jp/201107/all/label-h35.gif) repeat-x 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
}
.label-h40 {
	background: url(//img.allabout.co.jp/201107/all/label-h40.gif) repeat-x 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	padding: 0 5px;
}
	.label-h40 .icon-newspaper { background-position: -2px -1294px; }
	.label-h40 .icon-newspaper-new { background-position: -2px -970px; }
	.label-h40 .icon-loupe { background-position: -1369px 7px; }
	.label-h40 .icon-related-site { background-position: -2058px -1292px; }
	.label-h40 .icon-all-genre { background-position: -2px 8px; }
	.label-h40 .icon-info { background-position: -1371px -643px; }
	/* 20120425 */
	.label-h40 .icon-qa { background-position: -2055px -2857px; }
	.label-h40 .icon-qa-theme { background-position: -2056px -2856px; }
.label-27 {
	background: url(//img.allabout.co.jp/201107/all/label-h27.gif) repeat-x 0 bottom;
    font-weight: bold;
    line-height: 27px;
    padding-left: 5px;
}
.label-h47-multiline {
	background: url(//img.allabout.co.jp/201107/all/label-h47-multiline.gif) repeat-x 0 0;
    font-weight: bold;
 	padding-bottom: 4px;
    padding-left: 5px;
    padding-top: 4px;
}
.layout_sidebar .label,
.label-bg {
	background: url(//img.allabout.co.jp/201107/all/bg_box-title.gif) repeat-x 0 0; /*  TODO: image name should be fixed */
	border-bottom: 3px solid #3368BD;
	line-height: 27px;
	padding-left: 5px;
}
	.layout_sidebar .label .icon-out-link,
	.label-bg .icon-out-link { background-position: -1373px -972px; }
	.layout_sidebar .label .icon-keyword,
	.label-bg .icon-keyword { background-position: -2055px -1624px; }
	.layout_sidebar .label .icon-mail,
	.label-bg .icon-mail { background-position: -1373px -1625px; }
	.layout_sidebar .label .icon-newspaper,
	.label-bg .icon-newspaper { background-position: -2px -1300px; }
	.layout_sidebar .label .icon-loupe,
	.label-bg .icon-loupe { background-position: -1373px 0; }
	.layout_sidebar .label .icon-icon-all-genre,
	.label-bg .icon-all-genre { background-position: -2px 0; }
	.layout_sidebar .label .icon-hotplace,
	.label-bg .icon-hotplace { background-position: -2743px -1300px; }
	.layout_sidebar .ring {	background-position: -684px -3162px; min-height: 15px; height: auto!important; height: 15px; }
	.layout_sidebar .label .icon-info,
	.label-bg .icon-info { background-position: -1372px -650px; }

.layout_sidebar .label-bg { font-weight: bold; /* sidebar label are bold */ }
.label-recipe {
	background: url(//img.allabout.co.jp/201107/all/label-recipe.gif) no-repeat 0 0;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin: 20px 0 15px;
    padding: 0 0 0 30px;
}
/* background ------------------------------------------------------------------- */
.mod-redline-greygrad {
	background: url(//img.allabout.co.jp/201107/all/bg-redline-greygrad.gif) repeat-x center bottom;
	border-bottom: 1px solid #BABABA;
	border-top: 2px solid #BF0000;
	margin-bottom: 10px;
}

/* アイコン --------------------------------------------------------------------- */
/*
Aタグにアイコンを追加する場合
<a href="#" class="icon icon-アイコン名">リンクテキスト</a>
それ以外にアイコンを追加する場合(pなど)
<p><span class="icon icon-アイコン名">プレーンテキスト</span></p>
※必ずspanで囲んでください。
アイコンからテキストまでのpaddingの基準値は5pxです。
ul > li ので利用するアイコンはul.list-icon ul.list-icon-アイコン名 li a と定義します

*/
.icon, .i, .ico {
	background: url(//img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 0;
	_background: url(//img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
}
.list-icon li , .li-i li , .li-ico li { zoom: 1; }
.list-icon li a, .li-i li a, .li-ico li a {
	background: url(//img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 0;
	_background: url(//img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
.icon-folder {
	background-position: -688px -1303px;
	min-width: 19px;
	_width: expression( document.body.clientWidth < 18 ? "19px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 25px;
}
.icon-folder-open {
	background-position: -688px -1630px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 25px;
}
.icon-window-gray {
	background-position: -2743px -655px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 25px;
}
.icon-window-blue {
	background-position: -2743px -330px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 25px;
}
.icon-doc {
	background-position: -5px -1629px;
	min-width: 16px;
	_width: expression( document.body.clientWidth < 15 ? "16px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 22px;
}
.icon-pot {
	background-position: -2056px -655px;
	min-width: 23px;
	_width: expression( document.body.clientWidth < 22 ? "23px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 26px;
}
.icon-edit {
	background-position: -686px -643px;
	min-width: 17px;
	_width: expression( document.body.clientWidth < 16 ? "17px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 26px;
}
.icon-ranking {
	background-position: -2058px -329px;
	min-width: 16px;
	_width: expression( document.body.clientWidth < 15 ? "16px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 25px;
}
.icon-related-site {
	background-position: -2058px -1302px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 26px;
}
.icon-out-link {
	background-position: -1372px -976px;
	min-width: 21px;
	_width: expression( document.body.clientWidth < 20 ? "21px" : "auto" ); /* set min-width for IE */
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-left: 25px;
}
.icon-newspaper {
	background-position: -2px -1303px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 26px;
}
.icon-newspaper-new {
	background-position: -2px -977px;
	min-width: 21px;
	_width: expression( document.body.clientWidth < 20 ? "21px" : "auto" ); /* set min-width for IE */
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding-left: 26px;
}
.icon-guide {
	background-position: -1373px -325px;
	min-width: 18px;
	_width: expression( document.body.clientWidth < 17 ? "18px" : "auto" ); /* set min-width for IE */
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-left: 23px;
}
.icon-arrow-gray {
	background-position: -9px -329px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.icon-arrow-gray li a {
	background-position: 0 -325px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 20px;
}
.list-icon-arrow-gray li {
	background: url(//img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 -325px;
	_background: url(//img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 -325px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 20px;
} /* TODO: ONLY THIS DOESN'T HAVE ANCHOR */
.icon-arrow-red {
	background-position: -9px -659px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.icon-arrow-red li a {
	background-position: -9px -654px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.list-icon-arrow-circle li a {
	background-position: -690px 2px;
	min-width: 14px;
	_width: expression( document.body.clientWidth < 13 ? "14px" : "auto" ); /* set min-width for IE */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	padding-left: 24px;
}
.icon-keyword {
	background-position: -2056px -1628px;
	min-width: 22px;
	_width: expression( document.body.clientWidth < 21 ? "22px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 27px;
}
.icon-hotplace {
	background-position: -2741px -1302px;
	min-width: 22px;
	_width: expression( document.body.clientWidth < 21 ? "22px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 27px;
}
.icon-loupe {
	background-position: -1373px -2px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding-left: 30px;
}
.icon-link-collection {
	background-position: -1374px -1305px;
	min-width: 18px;
	_width: expression( document.body.clientWidth < 17 ? "18px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 20px;
}
.icon-all-genre {
	background-position: -2px 0;
	_width: expression( document.body.clientWidth < 11 ? "12px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 26px;
}
.icon-mail {
	background-position: -1373px -1630px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 25px;
}
.icon-mobile {
	background-position: -2057px 0;
	min-width: 13px;
	_width: expression( document.body.clientWidth < 12 ? "13px" : "auto" ); /* set min-width for IE */
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding-left: 25px;
}
.icon-crown {
	background-position: -2743px -978px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 25px;
}
.icon-example {
	background-position: -2742px -1626px;
	min-width: 22px;
	_width: expression( document.body.clientWidth < 21 ? "22px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height:22px;
	padding-left: 25px;
}
.icon-recommend {
    background-position: 0 -1948px;
	min-width: 22px;
	_width: expression( document.body.clientWidth < 24 ? "25px" : "auto" ); /* set min-width for IE */
	min-height: 25px;
	height: auto !important;
	height:25px;
}
.icon-qa-theme {
    background-position: -2056px -2865px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    min-width: 25px;
    padding-left: 26px;
}
.icon-qa-topics {
    background-position: 0 -3175px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
    min-width: 25px;
    padding-left: 27px;
}
.ring {
    background-position: -688px -3167px;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    min-width: 22px;
    padding-left: 25px;
}
.icon-info {
    background-position: -1369px -643px;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    min-width: 22px;
    padding-left: 26px;
}

/* icon-list -------------------------------------------------------------------- */
.icon-list li { position: relative; zoom: 1;} /* IE HACK */
.icon-list li a {
	background: url(//img.allabout.co.jp/201107/all/sprite-ico-arrow.png) no-repeat 0 -80px;
	_background: url(//img.allabout.co.jp/201107/all/sprite-ico-arrow.gif) no-repeat 0 -80px;
	display: block;
	padding: 5px 0 5px 30px;
	position: relative;
}
.icon-list-green li {
	background: url(//img.allabout.co.jp/201107/all/sprite-ico-arrow.png) no-repeat 0 6px;
	padding: 5px 0 5px 30px;
	position: relative;
	zoom: 1;
}
/* list-inline-block ------------------------------------------------------------ */
.list-inline-block {
	*letter-spacing: normal;
	letter-spacing: -0.31em;
	word-spacing: -0.43em;
}
.list-inline-block li {
	display: inline-block;
	letter-spacing: normal;
	margin: 3px 6px 3px 0;
	vertical-align: top;
	word-spacing: normal;
	zoom: 1; *display: inline;
}

/* 【common】bookmark,blog win open ------------------------------------------------------------ */
.icnListDetail ul {
	border: 1px solid #ccc;
	background: none;
	float: right;
	margin: 0 auto;
	text-align: center;
	padding: 7px;
	width: auto;
}
.icnListDetail li {
	display: inline-block;
	*display: inline;/* for IE6~8 */
	float: none;
	margin-right: 10px;
	zoom:1;
}
.icnListDetail a {
	font-size: 100%;
}
/* bookmark */
.hatena {
	background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/gm_icon_hbm.gif) no-repeat scroll 0 50%;
}
.yahoo_bookmark {
	background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/gm_icon_ybm.gif) no-repeat scroll 0 50%;
}
.livedoor_bookmark {
	background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/gm_icon_lvd.gif) no-repeat scroll 0 50%;
}
.newsing {
	background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/gm_icon_nsg.gif) no-repeat scroll 0 50%;
}
.hatena a,
.yahoo_bookmark a,
.livedoor_bookmark a,
.newsing {
	padding-left: 20px;
}
/* blog */
.ameba,
.fc2,
.yahoo_blog,
.livedoor_blog {
	background: transparent url(//img.allabout.co.jp/img/guidemedia/r_health201010/cmn/icn_arr.gif) no-repeat 0 50%;
}
.ameba a,
.fc2 a,
.yahoo_blog a,
.livedoor_blog a {
	padding-left: 10px;
}

/* list-float */
.list-float li {
	float: left;
	*display: inline;
	zoom: 1;
}
.list-float li a {
	_display: inline;/* for IE6 */
	_zoom: 1;/* for IE6 */
}
.list-float li img {
    vertical-align: bottom;/* for IE6 */
}

/* breadcrumb */
.breadcrumb {
	background: #e7e7e7;
	font-size: 11px;
	font-weight: bold;
	line-height:31px;
	padding-left:16px;
}
.breadcrumb li { display: inline;  }
.breadcrumb .rsaquo,
.breadcrumb a { font-weight: normal; }
.breadcrumb a:hover { text-decoration: none; }
/* divider ---------------------------------------------------------------------- */
.divider-dotted,
.hasDivider-dotted li {
	_background: url(//img.allabout.co.jp/201107/all/line_01.gif) repeat-x left bottom; /* ONLY IE6 */
	border-bottom: 1px dotted #333333;
	_border-bottom: 0 none; /* ONLY IE6 */
	padding: 8px 0;
  	overflow: hidden;
    position: relative;
	zoom: 1;
}
.divider-solid,
.hasDivider-solid li {
    border-bottom: 1px solid #CFCFCF;
    padding: 8px 0;
  	overflow: hidden;
    position: relative;
	zoom: 1;
}
/* TODO: Impossible to erase divider since lists are created from multiple sources.
 * Disabled until find a workaround
.hasDivider-solid .last,
.hasDivider-dotted .last,
.last .divider {
	_background: none;
	border-bottom: 0 none;
}
*/
/* TODO: Below maybe belong to gt/base.css */
.mod-list-link .nav a {
	display: block;
	position: relative;
}
/* マイクロレイアウト(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%;
}
.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: -12px;}
.col-4, .column-4 {
	margin-right: -40px;
	*margin-right: 0px;
}
.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; }

/*  Avatar ---------------------------------------------------------------------- */
.image-guide,
.avatar-guide { background: #ffffff; }
.avatar-guide-border {
 	background: #ffffff;
	border: 1px solid #D0D0D0;
}
.avatar-15 {
    display: inline !important;
    margin-right: 3px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
}
/* guide area ------------------------------------------------------------------- */
.guide-small {
    margin: 0 !important;
    text-align: right;
    width: 145px;
}
.guide-small img {
    display: inline;
    vertical-align: bottom;
}

/* ---------------------------------------------------------------------------------
#head
--------------------------------------------------------------------------------- */
.ci-globalnav {
	margin-bottom: 7px;
	overflow: hidden;
}
.globalnav {
	width: 844px;
	position: relative;
}
.globalnav li { margin: 0; }
.nav-globalnav { width: 707px; }
.nav-globalnav li a {
	display: block;
	padding: 5px 6px;
}
.nav-globalnav li a:link,
.nav-globalnav li a:visited {
	color: #404040;
	text-decoration: none;
}
.nav-globalnav li a:hover {
	text-decoration: underline;
}
.nav-globalnav li a.current:link,
.nav-globalnav li a.current:visited {
	background: #CC0000;
	color: #FFFFFF;
	font-weight: bold;
}
.nav-sitemap {
	background: transparent url(//img.allabout.co.jp/201107/all/bg-tab-right.gif) no-repeat right 0;
	padding-right: 5px;
	position: absolute;
	top: 0;
	right: 0
}
.nav-sitemap li a {
	display: block;
	height: 14px;
}
.nav-globalnav .sitemap a,
.nav-sitemap .sitemap a {
	background: transparent url(//img.allabout.co.jp/201107/all/btn_sitemap.gif) no-repeat 0 0;
	padding: 5px 5px 5px 23px;
	width: 38px;
}
.nav-sitemap .index {
	margin-right: -5px;
}
.nav-globalnav .index a,
.nav-sitemap .index a {
    background: transparent url(//img.allabout.co.jp/201107/all/bg-index.gif) no-repeat 0 0;
	padding: 5px 5px 5px 21px;
	width: 35px;
}
.nav-globalnav .sitemap a:link,
.nav-globalnav .index a:link,
.nav-sitemap a:link,
.nav-sitemap a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.nav-globalnav .sitemap a:link,
.nav-globalnav .index a:link,
.nav-sitemap a:hover {
	text-decoration: underline;
}

/* beauty,fashion only */
.menu-beauty {
   float: right!important;
   *position: absolute;
   *top: 0;
   *right: 0;
   border: none!important;
   width: auto!important;
   height: auto!important;
}
.menu-beauty a {
   background: none!important;
   display: inline!important;
   padding: 0!important;
   width: auto!important;
   height: auto!important;
}
/* argent_ch only */
.menu-argent {
    float: right!important;
}
.si {
    width: 210px;
    margin: 8px 11px 0 0;
}
.si-image { margin-bottom: 5px; }
.si-text {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.h1-search { padding: 9px 0 7px; }
.h1-search h1 {
	padding-top: 4px;
	width: 633px;
}
.h1-search .search-site { width: 305px; }
.h1-search .search-site .input-box {
	height: 24px;
	margin-right: 5px;
}
.h1-search .search-site .input-box input {
	border: 1px solid #B3B3B3;
	height: 21px;
	width: 180px;
}

/* ジャックバナーが入った時 */
.jack .h1-search h1 {
    width: auto;
}
.jack .h1-search .search-site {
    width: 217px;
}
.jack .h1-search .search-site .input-box input {
    border: 1px solid #B3B3B3;
    height: 21px;
    width: 90px;
}
.jack .h1-search .h6 img {
    margin-right: 8px;
    vertical-align: bottom;
    *vertical-align: middle;
}

.nav-field {
    background: #EBEBEB;
	border-bottom: #C00 solid 3px;
	border-top: #CCC solid 1px;
	*position: relative;
}
.nav-field a {
	display: block;
	height: 33px;
}
.nav-field .last {
    border-right: 1px solid #AFAFAF;
}
/* ---------------------------------------------------------------------------------
#body
--------------------------------------------------------------------------------- */
#body {
	background: #cfcfcf;
	border-bottom: #A0A0A0 solid 1px;
	padding: 4px;
}
.credit-ss {
	clear: both; /* Fail-safe */
    margin-bottom: 10px;
    text-align: right;
}
.the-header {
   border-top: 3px solid #CC0000;
   padding: 0 13px;
}
.btn-social { margin-bottom: 10px; }

.toc-mod-guide-box-mini {
	background:#ffedeb;
	boder-left:1px solid #ffffff;
	float:right;
	padding:5px;
	text-align:center;
}
.toc-mod-guide-box-mini span { font-weight:bold; }
.toc-mod-guide-box-mini img {
	border:1px solid #d0d0d0;
	margin:3px 0;
}

/* あわせて読みたい ------------------------------------------------------------- */
.mod-recommend-read { margin-bottom: 16px; }
.mod-recommend-read a {
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	_clear: both; /* IE6 HACK */
}
.mod-recommend-read li {
	padding-left: 7px;
	position: relative;
}
.mod-recommend-read .normal-text {
	padding: 4px 0 0 23px;
}
.media .center img { margin:10px auto; }
/* 関連キーワード、最下ver ------------------------------------------------------ */
.box-keyword-main .hd {
    font-weight: bold;
    line-height: 23px;
    margin-top: 4px;
}
.box-keyword-main .bd { margin: 5px 0 0 27px; }
/* .mod-articlelist ------------------------------------------------------------- */
.mod-articlelist .media .content { position: relative; }
.mod-articlelist .media .update {
	position: absolute;
		top: 0;
		right: 6px;
}
.mod-articlelist .media .title a { font-weight:bold; }
.mod-articlelist .media .lead { _clear: both; }
.mod-articlelist .media .url { padding: 5px 0 0; }
.mod-articlelist .media .guide { margin-top: 5px; }
.mod-articlelist .media .guide img {
	display: inline !important; /* avatar should line up with text */
	margin-right: 3px;
	margin-top: -3px;
	position: relative;
	vertical-align: middle;
}
.mod-articlelist .hasGrid .size1of2 .lead { padding: 7px 0 0; }
.footertxt {
	clear: both;
	color: #585858;
	font-size:12px;
	padding: 5px 0 8px 0;
	text-align: right;
}
/* recipe ----------------------------------------------------------------------- */
.recipe-image { margin-bottom: 15px; }
.recipe-image .col .size1of4 {
	margin: 0 20px 10px 0;
	width: 130px;
}
.recipe-image .col-4, .recipe-image .col-4 .column-4 { margin-right: -19px; }
.recipe-text { margin-bottom: 15px; }
.recipe-text ul { margin-left: 30px; }
.recipe-text .ml-forth li { padding: 3px 0; }
.recipe-drilldown {
    margin-bottom: 14px;
    margin-top: 21px;
}
.recipe-drilldown .content {
	border: 1px solid #D7D3C1;
		border-width: 0 1px 1px;
    padding: 10px 0;
}
.recipe-drilldown .content ul { margin-left: 28px; }

/* #articlePager ---------------------------------------------------------------- */
#articlePager {
	font-size: 12px;
	line-height: 27px;
	margin: 20px auto 10px;
	text-align: center;
	width: 363px;
}
#articlePager .pager {
	float: left;
	height: 27px;
}
#articlePager .pager span {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 -27px;
	color: #545454;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-weight: bold;
	height: 27px;
	margin: 0 6px;
	width: 21px;
	}
	#articlePager .pager a {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 0;
		color: #0044cc;
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 27px;
		margin: 0 6px;
		width: 21px;
	}
	#articlePager .pager a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 -27px;
		height: 27px;
		width: 21px;
	}
	#articlePager .prev {
		float: left;
		height: 27px;
		margin-right: 6px;
		width: 44px;
	}
#articlePager .prev .front a {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 0;
	font-weight: bold;
	height: 27px;
	width: 44px;
	}
	#articlePager .prev a {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 0;
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 27px;
		text-decoration: none;
		width: 44px;
	}
	#articlePager .prev a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 -27px;
		height: 27px;
		text-decoration: underline;
		width: 44px;
	}
	#articlePager .next {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 0;
		float: left;
		height: 27px;
		margin-left: 6px;
		width: 44px;
	}
#articlePager .next a {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 0;
	color: #0044cc;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-weight: bold;
	height: 27px;
	text-decoration: none;
	width: 44px;
	}
	#articlePager .next a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 -27px;
		height: 27px;
		text-decoration: underline;
		width: 44px;
	}
/* 20120425 */
/* 関連コミュニティ あとで消去 ----------------------------------------------------------- */
.qa-hd {
	height: 30px;
    background: url("http://img.allabout.co.jp/201107/all/bg-qa-hd.gif") no-repeat;
	position: relative;
}
.qa-hd .qa-title {
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0px 0px 10px;
}
.qa-hd .qa-logo {
	position: absolute;
	top: 5px;
	right: 8px;
}
.qa-bd {
	margin: 5px;	
}
.qa-bd-top {
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.qa-bd-top .qa-thumb {
	width: 80px;
	margin-right: 7px;
}
.qa-bd-top .qa-content {
	width: 536px;
}
.qa-bd-top .qa-content .link {
	font-weight: bold;
	margin-bottom: 3px;
}
.qa-bd-top .qa-content .text {
	margin-bottom: 5px;
}
.qa-bd-top .qa-content .list-icon {
	margin-bottom: 5px;
}
.qa-bd-top .qa-content .list-icon li {
	line-height: 17px;
}
.qa-bd-top .qa-content .list-icon li a {
    background-position: -695px -2867px;
    margin-bottom: 0px;
    padding:0px 0px 0px 13px;
	display: inline-block;
}
.qa-bd-top .qa-content .list-icon li span {
    margin-left: 10px;
	color: #404040;
	font-size: 10px;
	padding: 5px 0px;
	line-height: 10px;
}
.qa-bd-bottom {
	padding: 10px 5px 0;
}
.qa-bd-bottom .list-icon li {
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.qa-bd-bottom .list-icon li a {
    background-position: -1376px -2867px;
    margin-bottom: 0px;
    padding:0px 0px 3px 17px;
	display: inline-block;
}
.qa-bd-bottom .list-icon li span {
    margin-left: 10px;
	color: #404040;
	font-size: 10px;
	padding: 5px 0px;
}
.qa-bd-bottom .list-icon li p {
    padding-left: 17px;
}

/* 20120718 */
/* QAコーナー導線 ----------------------------------------------------------- */
/* common */
.qa-box {
    border: 1px solid #858585!important;
}
.qa-box .qa-hd {
    background: #858585;
    min-height: 26px;
    height: auto!important;/* IE6 */
    height: 26px;/* IE6 */
    padding: 4px;
    position: relative;
}
.qa-box .qa-hd .title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 5px;
}
.qa-box .qa-hd .logo {
    position: absolute;
    top: 5px;
    right: 5px;
}
.qa-box .qa-bd {
    margin: 8px 8px 0;
    padding-bottom: 5px;
}
.qa-box .qa-bd .content-box .left .qa-thumb {
	width: 50px;
	margin-right: 7px;
}
.qa-box .qa-bd .content-box .left .qa-content .link {
	margin-bottom: 3px;
}
.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(http://img01.allabout.co.jp/withabout/answers/img/icon-forum.gif) no-repeat 0 50%;
}
.qa-box .qa-bd .list-genre .community a {
    background: transparent url(http://img01.allabout.co.jp/withabout/answers/img/icon-community.gif) no-repeat 0 50%;
}
.qa-box .qa-bd .list-genre .edge a {
    background: transparent url(http://img01.allabout.co.jp/withabout/answers/img/icon-themeqa.gif) no-repeat 0 50%;
}

/* 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(http://answers.withabout.jp/img.allabout.co.jp/answers/img/icon_tag_yellow.png) no-repeat 0 50%;
    padding-left: 20px;
}

/* 20120530 */
/* 結婚・指輪カタログ自由枠 ----------------------------------------------------------- */
.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(http://img.allabout.co.jp/201107/all/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 10px 0px;
}


/* 20120425 */
/* 関連Q&A ----------------------------------------------------------- */
.mod-gs-list .qa-list li {
    display: inline-block;
	zoom: 1; *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
	/float: left;/* IE < 7 */
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal;
	margin-right: 20px;
}
.mod-gs-list .qa-list li a {
	background-position: -2749px -2867px;
    margin-bottom: 0px;
    padding:0px 0px 0px 10px;
}


/* 20120426 */
/* 専門家トピックス(新着記事一覧下) ----------------------------------------------------------- */
.media-ch-articlelist .content {
    position: relative;
}
.ryoiki-article-list p.link-list,
.media-ch-articlelist p.link-list {
   position: absolute;
   top: 12px;
   right: 8px;
}
.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;
}

/* 20120516 */
/* 週間電子書籍ランキング ----------------------------------------------------------- */
.honto {
	border: 1px #0086cd solid;
}
.honto .hd img {
	vertical-align: text-bottom;
}
.honto .bd .content {
	border-bottom: 1px solid #CCCCCC;
}
.honto .bd .content img {
	border: 1px #CCCCCC solid;
	float:left;
	vertical-align: text-bottom;
}
.honto .bd .bd {
	border: none;
}
.honto .bd .content .content {
	border: none;
}
.honto .bd ul {
	padding: 2px 7px;
}
.honto .bd li {
	margin-top: 5px;
}
/* ---------------------------------------------------------------------------------
.layout_sidebar
--------------------------------------------------------------------------------- */
.mod-box {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 6px;
}
.mod-box .only-image {
    vertical-align: text-bottom;
}
/* 右ナビゲーション ------------------------------------------------------------- */
.layout_sidebar .nav-gs {
    background: #FFF;
	border: 1px solid #BEBEBE;
    line-height: 1;
	margin: 0 auto 6px;
	width: 298px;
}
.layout_sidebar .nav-gs li { background-color :#FFF; zoom: 1; }
.layout_sidebar .nav-gs a {
	color: #535353;
	display: block;
	min-height: 15px;
	height: auto !important;/* for IE6 */
    height: 15px;/* for IE6 */
	line-height: 1.3;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 7px;
    position: relative;
    zoom: 1;
}
.layout_sidebar .nav-gs a.current,
.layout_sidebar .nav-gs a:hover {
	filter:alpha(opacity=68);
	-moz-opacity:0.68;
	opacity:0.68;
	text-decoration: underline;
}
.layout_sidebar .nav-gs .nav-list-head a {
	background: url(//img.allabout.co.jp/201107/all/bg-nav-list.gif) no-repeat 0 0;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 0 5px 5px;
	width: 293px;
	zoom: 1;
}

.layout_sidebar .nav-gs .nav-list-gl-open,
.layout_sidebar .nav-gs .nav-list-link-gl-open,
.layout_sidebar .nav-gs .nav-list-ranking-open {
    border-top: 1px solid #BEBEBE;
	border-bottom: 1px dotted #BEBEBE;
	zoom: 1;
}
.layout_sidebar .nav-gs .nav-list-gl-current,
.layout_sidebar .nav-gs .nav-list-link-gl-current,
.layout_sidebar .nav-gs .nav-list-ranking-current {
    border-top: 1px solid #BEBEBE;
	zoom: 1;
}
.layout_sidebar .nav-gs .nav-list-gl-open a,
.layout_sidebar .nav-gs .nav-list-link-gl-open a,
.layout_sidebar .nav-gs .nav-list-ranking-open a,
.layout_sidebar .nav-gs .nav-list-gl-current a,
.layout_sidebar .nav-gs .nav-list-link-gl-current a,
.layout_sidebar .nav-gs .nav-list-ranking-current a {
	background-color: #fff;
	font-weight: bold;
}
.layout_sidebar .nav-gs .nav-list-gl,
.layout_sidebar .nav-gs .nav-list-link-gl,
.layout_sidebar .nav-gs .nav-list-ranking {
    border-top: 1px solid #BEBEBE;
	zoom: 1;
}
.layout_sidebar .nav-gs .nav-list-gl,
.layout_sidebar .nav-gs .nav-list-link-gl,
.layout_sidebar .nav-gs .nav-list-ranking {
	background: url(//img.allabout.co.jp/201107/all/bg-nav-list.gif) no-repeat 0 -37px;
	font-weight: bold;
	zoom: 1;
}
.layout_sidebar .ad-bg-pale-blue {
	/* only in sidebar */
	margin-bottom: 6px;
}
/* icon alignment --------------------------------------------------------------- */
.nav-gs .icon { padding-left: 30px; }
.nav-gs .icon-folder-open { background-position: -683px -1623px; }
.nav-gs .icon-doc { background-position: 2px -1620px; }
.nav-gs .icon-folder { background-position: -683px -1298px; }
.nav-gs .icon-out-link {
	background-position: -1369px -970px;
	min-height: 15px;
	height:auto !important;
	height: 15px;
}
.nav-gs .icon-crown { background-position: -2738px -973px; }
.nav-gs .icon-link-collection { background-position: -1368px -1297px; }
.nav-gs .icon-example { background-position: -2738px -1618px; }
.nav-gs .icon-qa-topics { background-position: 3px -3167px; }


/* 記事・リンク集・ランキング共通  ---------------------------------------------- */
.layout_sidebar .nav-gs .nav-list-article,
.layout_sidebar .nav-gs .nav-list-link,
.layout_sidebar .nav-gs .nav-list-ranking-article {
    border: 0 none;
}
.layout_sidebar .label {
	background: url(//img.allabout.co.jp/201107/all/bg-layout-sidebar-label.gif) repeat-x;
	border-bottom: solid 3px #3368bd;
	font-weight: bold;
	line-height: 27px;
	padding-left: 5px;
}
.layout_sidebar .list-icon {
	padding: 5px 5px 5px 8px;
}
.layout_sidebar .list-icon-arrow-circle li a {
	padding-left: 22px;
}
/* mailmagazine ----------------------------------------------------------------- */
.layout_sidebar .box-mailmag .content {　
	width: 263px;
	height: 50px;
	background: url(//img.allabout.co.jp/201107/all/bg-mailmag.gif) no-repeat;
	padding: 8px;
	margin: 10px;
}
.layout_sidebar .box-mailmag div.entry {
	padding: 0;
}
.layout_sidebar .box-mailmag .mmagazine-input{
	border: 1px solid #B3B3B3;
	height: 18px;
	margin: 0 10px 10px;
	padding: 1px 3px;
	width: 186px;
}
/* 関連キーワード --------------------------------------------------------------- */
.layout_sidebar .box-keyword ul { padding: 5px 10px; }
/* キャンペーン ----------------------------------------------------------------- */
.layout_sidebar .campaign-banner { margin-bottom: 6px; }
/* All About モバイル ----------------------------------------------------------- */
.layout_sidebar .box-mobile .media { padding:8px; }
.layout_sidebar .box-mobile .mobile-title {
	font-weight:bold;
	margin-bottom: 8px;
}
.layout_sidebar .box-mobile .mobile-link{
	margin-top: 20px;
	text-align: right;
}
/* slide-vertical --------------------------------------------------------------- */
.layout_sidebar .mod-guide-slider .content { padding: 15px 9px; }
.layout_sidebar .mod-guide-slider .slide-vertical { margin: 10px auto; }
.layout_sidebar .mod-guide-slider .browse { display: block; }
.layout_sidebar .mod-guide-slider .slide-vertical .scrollable {
	height:145px;
	margin: 5px auto;
	overflow: hidden;
	position: relative;
	width: 280px;
}
.layout_sidebar .mod-guide-slider .slide-vertical .scrollable .items {
	position: absolute;
	overflow: hidden;
	width: 280px;
}
.layout_sidebar .mod-guide-slider .items li {
    background: url(//img.allabout.co.jp/201107/all/bg-slide-guide-li.gif) repeat-x 0 0;
    padding: 5px 10px;
}
.layout_sidebar .mod-guide-slider .items li .gs-jp { margin: 5px 0; }

/* 20120425 */
/* テーマQ&A(右枠) ----------------------------------------------------------- */
.layout_sidebar .label .icon-qa-theme {
    background-position: -2057px -2862px;
}

.layout_sidebar .box-qa .hd {
	position: relative;
}

.layout_sidebar .box-qa .hd .qa-logo {
	position: absolute;
	top: 5px;
	right: 8px;
}

.layout_sidebar .box-qa .media {
    padding: 0px 8px 8px;
}

.layout_sidebar .box-qa .media .qa-content {
    margin: 8px 0px 0px;
}

.media .qa-content .left {
    float: left;
    margin-right: 12px;
}

.media .qa-content img {
    display: block;
}

.layout_sidebar .box-qa .qa-title {
    font-weight: bold;
    margin-bottom: 4px;
}
.layout_sidebar .qa-content img {
    margin: 0px 0px 3px;
}
.layout_sidebar .qa-list {
    padding: 0px;
}
.layout_sidebar .qa-list li {
    margin-bottom: 2px;
}

.layout_sidebar .qa-list li a {
	background-position: -2749px -2867px;
    padding:0px 0px 0px 10px;
}
/* 20120501 */
/* テーマQ&A(メイン枠) ----------------------------------------------------------- */
.qa-theme-qa .title {
    background: #f5ece8;
    padding: 6px 8px;
}
.qa-theme-qa .media {
    padding: 0 8px 3px;
}
.qa-theme-qa .media .qa-content
.qa-theme-qa .media .qa-content .left {
    float: left;
    margin: 2px 9px 0 0;
}
.qa-theme-qa .qa-title {
    font-weight: bold;
    margin-bottom: 4px;
}
.qa-theme-qa .qa-content {
    margin-bottom: 5px;
    /margin-bottom: 8px;/* for IE */
}
.qa-theme-qa .qa-content img {
    display: block;
    margin-bottom: 3px;
}
.qa-theme-qa .qa-list {
    padding: 0px;
}
.qa-theme-qa .qa-list li {
    float: left;
    margin-bottom: 2px;
    width: 313px;
}
.qa-theme-qa .qa-list li a {
	background-position: -2749px -2867px;
    padding:0px 0px 0px 10px;
}

/* 20120426 */
/* Q&A フォーラム ----------------------------------------------------------- */
.mod-qa-forum-box {
    margin: -5px 0 10px;
    padding-top: 10px;
    position: relative;
}
.guide-recommend-keyword .mod-qa-forum-box {/* 記事下 */
    margin: -12px 0 10px;
}
.mod-qa-forum-box .img-fukidashi {
    left: 44px;
    position: absolute;
    top: 0;
}
.mod-qa-forum-box .qa-forum-box-gray {
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 8px;
}
.mod-qa-forum-box .qa-forum-box-gray .title {
    font-size: 12px;
}

.qa-forum-box {
    border: 1px solid #ddd;
}
.qa-forum-box .title {
	background: url(//img.allabout.co.jp/201107/all/bg-ptn-gd30.gif) repeat-x 0 0;
	padding: 8px 8px 0;
	position: relative;
}
.qa-forum-box .qa-logo {
    position: absolute;
    right: 8px;
    top: 8px;
}
.qa-forum-box .inner-box {
    margin: 8px 8px 12px;
}
.qa-forum-box .inner-box .link {
    font-weight: bold;
    margin-bottom: 3px;
}
.qa-forum-box .inner-box .text {
    margin-bottom: 10px;
}
.qa-forum-box .inner-box .qa-content img {
    margin: 0 0 3px;
}
.qa-forum-box .inner-box .qa-topix li a {
    background-position: -7px -2867px;
    display: inline;
    padding: 0 0 0 13px;
}
.qa-forum-box .inner-box .qa-topix .date {
    font-size: 10px;
    margin-left: 5px;
}

/* ---------------------------------------------------------------------------------
#foot
--------------------------------------------------------------------------------- */
/* TODO: Duplicate with http://pts.allabout.co.jp/css/201107/ryoiki/base.css */
.mod-editors-selection, .mod-gs-list {
    margin: 15px 0;
}
.mod-gs-list ul {
    margin: 0 5px;
}
.mod-gs-list li {
  margin-top: 10px;
}
.attention-banner {
	background: url(//img.allabout.co.jp/201107/all/bg-uchidasi.gif) 0 0 repeat-x;
	padding: 15px 0;
}
.attention-banner .uchidashi-title {
    border-left: 3px solid #CC0000;
    margin: 0 15px 10px 15px;
    padding: 0 10px;
}
.attention-banner ul {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}
.attention-banner li {
	float: left;
	padding: 0 10px;
	_padding: 0 6px;
	width: 220px;
}
.attention-banner li img {
	display: block;
	margin-bottom: 7px;
}
.attention-banner li a {
	color: #464646;
	text-decoration: none;
}
.attention-banner li a:hover span {
	text-decoration: underline;
}
.attention-banner li a:hover img {
	-moz-opacity: 0.68;
	filter: alpha(opacity=68);
	opacity: 0.68;
}
.ad-ss-list,
.ad-bs-list {
	background: url(//img.allabout.co.jp/201107/all/bg-ad-ss-list.gif) 0 0 repeat-x #FBFBFB;
	padding: 15px 0 15px 15px;
}
.ad-ss-list .link-image, .ad-bs-list .link-image  {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.ad-ss-list .guide-img,
.ad-bs-list .guide-img {
	border: solid 1px #d1d2d2;
	height: 50px;
	margin-right: 5px;
	width: 50px;
}
.ad-ss-list .media .left,
.ad-bs-list .media .left{ margin-right: 7px; }
.ad-ss-list .hasborder,
.ad-bs-list .hasborder{ border: solid 1px #cccdce; }
.ad-ss-list .sponsor-title,
.ad-bs-list .sponsor-title{
	border-left: #CC0000 solid 3px;
	margin-bottom: 10px;
	padding: 0 10px;
}
.ad-ss-list .link-image li,
.ad-bs-list .link-image li{
	background: #FFFFFF;
    display: inline-block;
    /display: inline;
    zoom: 1;
    letter-spacing: normal; /* 文字間を通常に戻す */
    vertical-align: top;
	margin: 0 5px 5px 0;
	padding: 5px;
	width: 223px;
}
.ad-ss-list li p.sponser-name,
.ad-bs-list li p.sponser-name{
	font-size: 10px;
	margin-top: 1em;
}
.ad-ss-list .more,
.ad-bs-list .more{
	clear: both;
    padding: 8px 15px 0 0;
}
.nav-breadcrumb {
	background: #e4e4e4;
	border-top: solid 3px #adadad;
	height:31px;
	width:978px;
}
.pagetop {
	background: url(//img.allabout.co.jp/201107/all/icon-pagetop.gif) #F1F1F1 no-repeat 5px center;
	height: 31px;
	line-height: 31px;
	padding-left: 30px;
	*padding-left: 15px;
	width: 105px;
	*width: 120px;
}
.the-footer {
	background: #FFFFFF;
	border-top: #CC0000 solid 3px;
	color: #888888;
	padding: 10px 0 30px;
	text-align: center;
}
.the-footer ul {
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
.the-footer li {
	display:inline;
	list-style-type: none;
	margin: 0 2px;
}
.the-footer li a,
.the-footer li a:visited {
	color: #404040;
}
.the-footer p { margin: 0; }
.the-footer .copyright {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
.the-footer .copyright .left { width: 200px; }
.the-footer .copyright .text {
	margin-top: 8px;
	margin-left: 15px;
	text-align: left;
	width: 605px;
}
.the-footer .sp-link {
	width: 90px;
	height: 30px;
	border: 1px solid #CCC;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top: 5px;
	margin-left: 30px;
}
.the-footer .sp-link a {
	display: block;
	color: #444;
	line-height: 30px;
	padding-left: 18px;
	font-size: 14px;
	text-decoration: none;
	background: transparent url(http://img.allabout.co.jp/aa/common/icon-sprite.png) no-repeat 0 0;
    _background: transparent url(http://img.allabout.co.jp/aa/common/icon-sprite.gif) no-repeat 0 0;
	background-position: -1px -4892px;
}
/* 流入キーワード */
.keyword-box {
   text-align: center;
}
.keyword-box .text a {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0 6px 30px;
}
.keyword-box .top {
    text-align: right;
}
.keyword-box .btm {
    background: #FFFFF0;
    text-align: center;
    border: 3px solid #fcc;
    display: inline-block;
    /display: inline;/* for IE9 below */
    zoom: 1;/* for IE9 below */
    padding: 6px 10px 0;
}

/* 新着記事リスト */
.new-list .title {
   background: #f7f7f7;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 10px;
   padding: 7px;
}
.new-list .category-select {
   background: transparent url(//img.allabout.co.jp/201107/all/icon-select.gif) no-repeat 7px 50%;
   border-top: 3px solid #c00;
   padding-left: 20px;
}
.new-list .category-select li {
   font-weight: bold;
   float: left;
   padding: 7px 5px 7px 7px;
}
.new-list .category-select li a {
   display: block;
   font-weight: normal;
}
.new-list .media .image {
   background: #fff;
   border: 1px solid #ccc;
   padding: 5px;
}
.new-list .btn {
   position: relative;
}
.new-list .btn .date {
   color: #999;
   position: absolute;
   top: 0;
   right: 3px;
}