@charset "utf-8";

/* -------------------------------------------------------
    asahi digital family common css
    last update 2014.10.16  Ver 1.10
------------------------------------------------------ */

body {
	margin: 0;
}


/* ---------------------------------------
   header
--------------------------------------- */
#asahiDigitalFamilyHeader * {
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
	-webkit-text-size-adjust: none;
}
#asahiDigitalFamilyHeader p {
	margin: 0;
	padding: 0;
}
#asahiDigitalFamilyHeader ul,
#asahiDigitalFamilyHeader ol {
	margin: 0;
	padding: 0;
}
#asahiDigitalFamilyHeader li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#asahiDigitalFamilyHeader a {
	color: #fff;
	text-decoration: none;
}
#asahiDigitalFamilyHeader a:hover {
	color: #fff;
}

#asahiDigitalFamilyHeader {
	min-height: 28px;
	_height: 28px;
	font-size: 12px;
	color: #fff;
	background: #1e1e1e url(../images/adf/header_bg.gif) repeat-x left top;
}
#asahiDigitalFamilyHeader .wrap {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: left;
}
#asahiDigitalFamilyHeader .wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
}

#asahiDigitalFamilyHeader ul {
	position: relative;
	float: right;
	z-index: 100;
}
#asahiDigitalFamilyHeader li {
	float: left;
	display: block;
	padding: 0 10px;
	background: url(../images/adf/line.gif) repeat-y right top;
}
#asahiDigitalFamilyHeader li.username {
	display: none;
	position: relative;
	padding-left: 0;
}
body.loggedin #asahiDigitalFamilyHeader li.username {
	display: block;
}
#asahiDigitalFamilyHeader li.username .alert .txt {
	color: #ff9999;
	padding: 2px 10px 2px 25px;
	background: url(../images/adf/icon_alert.gif) no-repeat 5px center;
	cursor: pointer;
}
#asahiDigitalFamilyHeader li.username #alertWindow {
	display: none;
	position: absolute;
	top: -5px;
	left: 0px;
	width: 200px;
	z-index: 200;
}
#asahiDigitalFamilyHeader li.username #alertWindow .alert {
	float: left;
	display: block;
	padding: 5px 0;
	background: #ef494f url(../images/adf/icon_alert_on_bg.gif) repeat-x left bottom;
}
#asahiDigitalFamilyHeader li.username #alertWindow .alert .txt {
	color: #fff;
	background: url(../images/adf/icon_alert_on.gif) no-repeat 5px center;
}
#asahiDigitalFamilyHeader li.username #alertWindow .frame {
	float: left;
	display: block;
	width: 200px;
	color: #555;
	padding: 12px;
	background: #fff;
	border: 3px solid #ec222a;	
	box-shadow: 0px 2px 5px #666; /* CSS3 */
	-moz-box-shadow: 0px 2px 5px #666; /* Firefox用*/
	-webkit-box-shadow: 0px 2px 5px #666; /* Google Chrome, Safari用*/
}
#asahiDigitalFamilyHeader li.username #alertWindow .frame a {
	font-weight: bold;
}
#asahiDigitalFamilyHeader li.username #alertWindow .frame a:link {
	color: #46598C;
}
#asahiDigitalFamilyHeader li.username #alertWindow .frame a:visited {
	color: #7C478D;
}
#asahiDigitalFamilyHeader li.username #alertWindow .frame a:hover,
#asahiDigitalFamilyHeader li.username #alertWindow .frame a:focus,
#asahiDigitalFamilyHeader li.username #alertWindow .frame a:active {
	color: #006AD5;
	text-decoration: underline;
}
#asahiDigitalFamilyHeader li.subscribe a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../images/adf/icon_subscribe.gif) no-repeat left center;
}
#asahiDigitalFamilyHeader li.login a,
#asahiDigitalFamilyHeader li.logout a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../images/adf/icon_login.gif) no-repeat left center;
}
#asahiDigitalFamilyHeader li.subscribe a:hover,
#asahiDigitalFamilyHeader li.login a:hover,
#asahiDigitalFamilyHeader li.logout a:hover {
	text-decoration: underline;
}
#asahiDigitalFamilyHeader li.logout {
	display: none;
}
body.loggedin #asahiDigitalFamilyHeader li.login {
	display: none;
}
body.loggedin #asahiDigitalFamilyHeader li.logout {
	display: block;
}

#asahiDigitalFamilyHeader li.digital {
	position: relative;
	width: 165px;
	padding: 0;
	background: url(../images/adf/digital_logo.gif) no-repeat right center;
}
#asahiDigitalFamilyHeader li.digital a.logo {
	display: block;
	margin: 0 0 0 10px;
	overflow: hidden;
	text-indent: -777px;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital {
	display: none;
	position: absolute;
	width: 185px;
	margin: 5px 0 0;
	z-index: 200;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame {
	display: block;
	color: #555;
	padding: 12px;
	background: #fff;
	border: 3px solid #ec222a;	
	box-shadow: 0px 2px 5px #666; /* CSS3 */
	-moz-box-shadow: 0px 2px 5px #666; /* Firefox用*/
	-webkit-box-shadow: 0px 2px 5px #666; /* Google Chrome, Safari用*/
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame .linkArea {
	display: block;
	padding: 8px 0 0;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a {
	font-weight: bold;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a:link {
	color: #46598C;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a:visited {
	color: #7C478D;
}
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a:hover,
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a:focus,
#asahiDigitalFamilyHeader li.digital #alertWindowAsahiDigital .frame a:active {
	color: #006AD5;
	text-decoration: underline;
}


/* ---------------------------------------
   footer
--------------------------------------- */
#asahiDigitalFamilyFooter {
	clear: both;
	padding: 50px 0 0;
	-webkit-text-size-adjust: none;
}
#asahiDigitalFamilyFooter * {
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
}
#asahiDigitalFamilyFooter p {
	margin: 0;
	padding: 0;
}
#asahiDigitalFamilyFooter ul,
#asahiDigitalFamilyFooter ol {
	margin: 0;
	padding: 0;
}
#asahiDigitalFamilyFooter li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#asahiDigitalFamilyFooter a {
	text-decoration: none;
}
#asahiDigitalFamilyFooter a:link {
	color: #46598C;
}
#asahiDigitalFamilyFooter a:visited {
	color: #7C478D;
}
#asahiDigitalFamilyFooter a:hover,
#asahiDigitalFamilyFooter a:focus,
#asahiDigitalFamilyFooter a:active {
	color: #006AD5;
}
#asahiDigitalFamilyFooter div.pagetopNav {
	border-bottom: 1px solid #E1E1DA;
}
#asahiDigitalFamilyFooter div.pagetopNav p {
	position: relative;
	width: 960px;
	height: 23px;
	margin: 0 auto;
}
#asahiDigitalFamilyFooter div.pagetopNav a {
	position: absolute;
	right: 0px;
	display: block;
	height: 24px;
	font-size: 75%;
	font-weight: bold;
	line-height: 28px;
	color: #696962;
	padding: 0 10px;
	background: #F5F5EE;
	border-top: 1px solid #E1E1DA;
	border-right: 1px solid #E1E1DA;
	border-left: 1px solid #E1E1DA;
	overflow: hidden;
}
#asahiDigitalFamilyFooter div.pagetopNav a:visited,
#asahiDigitalFamilyFooter div.pagetopNav a:hover,
#asahiDigitalFamilyFooter div.pagetopNav a:active{
	color: #696962;
}
#asahiDigitalFamilyFooter div.wrap {
	background: #F8F7F0;
	text-align: center;
}
#asahiDigitalFamilyFooter p.footerNav {
	width: 960px;
	font-size: 75%;
	color: #999191;
	margin: 0 auto;
	padding: 15px 0 10px;
}
#asahiDigitalFamilyFooter p.footerNav a {
	white-space: nowrap;
}
#asahiDigitalFamilyFooter p.copyright {
	font-size: 62.5%;
	color: #999191;
	padding: 0 0 15px;
}