@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : header.css
/- admin  : moag, Inc.
/- update : 20150306
/- desc   : css for publications.asahi.com
/--------------------------------------------------------------------*/

div#globalHeader {
	font-size: 12px;
	text-align: center;
	background: #FFF;
}

div#globalHeader a:link {
	color: #797777;
	text-decoration: none;
}
div#globalHeader a:visited {
	color: #797777;
	text-decoration: none;
}
div#globalHeader a:hover {
	color: #333333;
	text-decoration: none;
}

div#globalHeader div#logo {
	padding: 20px 25px 10px;
	overflow: hidden;
	zoom: 1;
}
div#globalHeader div#logo h1, 
div#globalHeader div#logo p.logo {
	float: left;
}
div#globalHeader div#logo h1 img,
div#globalHeader div#logo p.logo img {
	vertical-align: middle;
}
div#globalHeader div#logo ul {
	float: right;
	color: #999;
	margin: 12px 0 0;
	list-style-type: none;
}
div#globalHeader div#logo li {
	float: left;
	line-height: 21px;
}
div#globalHeader div#logo li.link {
	margin: 0 20px 0 0;
}
div#globalHeader div#logo li.search {
	margin: 0 20px 0 0;
	white-space: nowrap;
}
div#globalHeader div#logo li.search input.keyword {
	width: 160px;
	margin: 0 5px 0 0;
	border: 1px solid #999;
	vertical-align: middle;
}
div#globalHeader div#logo li.search input.searchSubmit {
	vertical-align: middle;
}
div#globalHeader div#logo li.cart a {
	display: block;
	width: 91px;
	height: 20px;
	overflow: hidden;
	background: url(/include/img/btn_cart.gif) no-repeat 0px 0px;
	text-indent: -7777px;
}
div#globalHeader div#logo li.cart a:hover {
	background-position: 0px -20px;
}

div#globalHeader div#gnav {
	border-bottom: 5px solid #A70030;
	text-align: center;
}
div#globalHeader div#gnav ul {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	zoom: 1;
}
div#globalHeader div#gnav li {
	float: left;
	padding: 0;
}
div#globalHeader div#gnav li a {
	display: block;
	width: 86px;
	height: 29px;
	overflow: hidden;
	text-indent: -7777px;
}
div#globalHeader div#gnav li.home a {
	background: url(/include/img/gnav_publications.png) no-repeat 0px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.home li.home a,
div#globalHeader div#gnav li.home a:hover {
	background-position: 0px -30px;
}
div#globalHeader div#gnav li.cat2 a {
	background: url(/include/img/gnav_publications.png) no-repeat -100px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat2 li.cat2 a,
div#globalHeader div#gnav li.cat2 a:hover {
	background-position: -100px -30px;
}
div#globalHeader div#gnav li.cat3 a {
	background: url(/include/img/gnav_publications.png) no-repeat -200px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat3 li.cat3 a,
div#globalHeader div#gnav li.cat3 a:hover {
	background-position: -200px -30px;
}
div#globalHeader div#gnav li.cat10 a {
	background: url(/include/img/gnav_publications.png) no-repeat -300px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat10 li.cat10 a,
div#globalHeader div#gnav li.cat10 a:hover {
	background-position: -300px -30px;
}
div#globalHeader div#gnav li.shinsho a {
	background: url(/include/img/gnav_publications.png) no-repeat -400px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.shinsho li.shinsho a,
div#globalHeader div#gnav li.shinsho a:hover {
	background-position: -400px -30px;
}
div#globalHeader div#gnav li.novels a {
	background: url(/include/img/gnav_publications.png) no-repeat -500px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.novels li.novels a,
div#globalHeader div#gnav li.novels a:hover {
	background-position: -500px -30px;
}
div#globalHeader div#gnav li.comic a {
	background: url(/include/img/gnav_publications.png) no-repeat -600px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.comic li.comic a,
div#globalHeader div#gnav li.comic a:hover {
	background-position: -600px -30px;
}
div#globalHeader div#gnav li.cat5 a {
	width: 87px;
	background: url(/include/img/gnav_publications.png) no-repeat -700px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat5 li.cat5 a,
div#globalHeader div#gnav li.cat5 a:hover {
	background-position: -700px -30px;
}
div#globalHeader div#gnav li.cat4 a {
	width: 87px;
	background: url(/include/img/gnav_publications.png) no-repeat -800px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat4 li.cat4 a,
div#globalHeader div#gnav li.cat4 a:hover {
	background-position: -800px -30px;
}
div#globalHeader div#gnav li.cat7 a {
	width: 88px;
	background: url(/include/img/gnav_publications.png) no-repeat -900px 0px;
	background-size: 1087px;
}
div#globalHeader div#gnav ul.cat7 li.cat7 a,
div#globalHeader div#gnav li.cat7 a:hover {
	background-position: -900px -30px;
}
div#globalHeader div#gnav li.custom a {
	width: 88px;
	background: url(/include/img/gnav_publications.png) no-repeat -1000px 0px;
	background-size: 1088px;
}
div#globalHeader div#gnav ul.custom li.custom a,
div#globalHeader div#gnav li.custom a:hover {
	background-position: -1000px -30px;
}

/* サイドバー 定期購読用会員機能メニュー */
#sidebar #subscribeNav {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #aaa;
	text-align: center;
	overflow: hidden;
}
#sidebar #subscribeNav p {
	font-size: 13px;
	margin: 0 0 6px;
}
#sidebar #subscribeNav ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
#sidebar #subscribeNav li {
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar #subscribeNav li.mypage {
}
#sidebar #subscribeNav li.login {
	float: none;
	width: auto;
	padding: 0 50px;
}
#sidebar #subscribeNav li.logout {
	float: right;
}
#sidebar #subscribeNav li a {
	display: block;
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
	padding: 5px 0;
	background: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}
#sidebar #subscribeNav li a:hover {
	background: #666;
}
#sidebar #subscribeNav li.mypage a {
}
#sidebar #subscribeNav li.login a {
}
#sidebar #subscribeNav li.logout a {
}
#sidebar #subscribeNav li.mypage,
#sidebar #subscribeNav li.logout {
	display: none;
}
body.loggedin #sidebar #subscribeNav li.mypage,
body.loggedin #sidebar #subscribeNav li.logout {
	display: block;
}
body.loggedin #sidebar #subscribeNav li.login {
	display: none;
}