@charset "utf-8";

#doc {
	margin: 0 auto;
	min-height: 100%;
	_height:100%;
	width: 980px;
}
#head { padding-bottom: 7px; background: #000; }
.icon {
    background: transparent url(//img.aacdn.jp/aa/common/icon-sprite.png) no-repeat 0 0;
    _background: transparent url(//img.aacdn.jp/aa/common/icon-sprite.gif) no-repeat 0 0;
}
.mts, .mvs, .mas { margin-top: 7px }
.mbs, .mvs, .mas { margin-bottom: 7px }
.mtm, .mvm, .mam { margin-top: 14px }
.mbm, .mvm, .mam { margin-bottom: 14px }

/* ---------------------------------------------------------------------------------
#head
--------------------------------------------------------------------------------- */
.the-header .hd {
	height: 25px;
	background: #C00 url(//img.aacdn.jp/aa/common/top-gradation.gif) repeat-x;
}
.h1-search { width: 980px; margin: 0px auto; }
.h1-search h1 {
	line-height: 25px;
	color: #FFF;
	font-weight: normal;
	width: 655px;
}
.map-index li {
	display:inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;	/*for IE*/
	line-height: 25px;
	background-position: -13px -426px;
	padding-left: 5px;
	margin-right: 5px;
}
.map-index li a {
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}
.map-index li a:hover {	text-decoration: underline; }
.h1-search .search-site { height: 25px;	width: 200px; }
.the-header .search .form { padding: 0; width: 280px; }
/* サーチ */
.the-header .serach-box {
    width:200px;
    height: 21px;
    display: block;
    background: #FFF;
    margin-top:2px
}
.the-header .input-box input {
   height: 15px;
   width:147px;
   border: 0 none;
   padding-left: 3px;
}
.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;
	font:12px/1.22 "メイリオ","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ＭＳ Ｐゴシック", 'lucida grande',tahoma,verdana,arial, sans-serif;
	padding-top: 1px;
}

/* 領域ナビ */
.r-navi {
	width: 980px;
	margin: 3px auto 7px;
}
.r-navi ul {
	letter-spacing:-0.4em;/*隙間をなくすためのハック*/
	height: 18px;
	padding-left: 1px;
	background: transparent url(//img.aacdn.jp/matome/common/navi-bar-nega.gif) no-repeat 0 0;
}
.r-navi li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;	/*for IE*/
	*zoom: 1;	/*for IE*/
	background: transparent url(//img.aacdn.jp/matome/common/navi-bar-nega.gif) no-repeat 100% 0;
	line-height: 18px;
    margin-right: 1px;
}
.r-navi li a {
	font-weight: bold;
	color: #FFF!important;
	padding: 0px 6px;
	margin: 0px 2px 0px 1px;
	text-decoration: none!important;
	display: block;
	_display: inline;	/*for IE*/
	_zoom: 1;	/*for IE*/
	height: 18px;
	line-height: 18px;
}
.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!important;
	padding: 0px 6px;
	margin: 0px 2px 0px 1px;
	background: #C00;
	text-decoration: none;
}
/* ロゴ */
.the-header .inner .bd {
   width: 980px;
   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;
	display:block;
}
.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;
}
.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: #FFF;
}
#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;
}
.the-header .inner .bd .r-logo-inline a img {
	position: absolute;
	bottom: 1px;
}
/* スーパーバナー */
.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;
}
/* チャネルナビ */
.ch-nav {
	width: 978px;
	height: 47px;
	margin: 0px auto 10px;
	background: #FFF;
	border: 1px solid #CCC;
	box-shadow: 3px 3px 3px 0px #DDD;
	-moz-box-shadow: 3px 3px 3x 0px #DDD; /* Firefox用*/
	-webkit-box-shadow: 3px 3px 3px 0px #DDD; /* Google Chrome, Safari用*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDDDDD', Direction=145, Strength=5);
	position: relative;
}
.ch-nav ul {
	letter-spacing:-0.4em;/*隙間をなくすためのハック*/	
	width: 980px;
	margin: 0px auto;
}
.ch-nav li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
}
.ch-nav .nav a {
	background: transparent url(//img.aacdn.jp/aa/common/navi-sprite.png) no-repeat 0 0;
	_background: transparent url(//img.aacdn.jp/aa/common/navi-sprite.gif) no-repeat 0 0;
	display: block;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/* breadcrumb */
.breadcrumb {
	width: 980px;
	margin: 0px auto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
.breadcrumb ul {
    letter-spacing:-0.4em;
	line-height: 12px;
	margin: 0px;
}
.breadcrumb li {
	display: inline-block;
    /display: inline;	/*for IE*/
    /zoom: 1;	/*for IE*/
	letter-spacing:normal;
	font-weight: normal;
}
.breadcrumb .last a {
	display: inline-block;
    /display: inline;	/*for IE*/
    /zoom: 1;	/*for IE*/
	letter-spacing:normal;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
.breadcrumb li span { margin: 0 5px; }
.breadcrumb .rsaquo { font-weight: normal; }
.breadcrumb a {	font-weight: normal; color: #444; }