@charset "utf-8"; 

/*==================================================
	Site name : Scrum
	Modified  : Mar. 3, 2010
	Directory : /shared/css/
==================================================*/
/*	Clearfix Module
==================================================*/
#header:after, .wrap:after, .nav:after,
#page:after,.pagination:after,#footer:after,
.section:after, .column:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#header, .wrap, .nav, #page, #footer, .section, .column, .pagination {
	min-height: 1%;
	height: auto!important;
	_height: 1px;
	zoom: 1;
}
body {
	margin: 0 auto;
	text-align: center;
	zoom: 1;
	_background: none fixed;
}
#container {
	margin: 0 auto;
}
p.top {
	display: block;
	position: fixed!important;
	top: 50%;
	right: 0;
	margin: 0;
	padding: 0;
	width: 42px;
	height: 41px;
	zoom: 1;
	z-index: 100!important;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+300));
}
p.top a {
	display: block;
	width: 42px;
	height: 41px;
}
p.top img {
	display: block;
}

/*	header
==================================================*/
#header {
	margin: 0 auto;
	text-align:center;
	border-bottom: 1px solid #898989;
	zoom: 1; 
}
#header .wrap {
	margin: 0 auto;
	width: 951px;
	text-align: left;
	background: transparent url("../img/bg_001.gif") 50% 0 repeat-y;
}
#header .sponsor {
	margin: 0 17px 0 0;
	float: right;
	display: inline;
	width: 236px;
}
html>body #header .logo#yomiuri,
html>body #header .logo#sapix {
	position:relative;
	z-index:1;
	zoom: 1;
}
#header .logo#yomiuri {
	margin: 15px 0 14px 0;
	display: inline;
	float: left;
	width: 98px;
	height: 22px;
}
#header .logo#yomiuri a {
	display: block;
	width: 98px;
	height: 22px;
	background: transparent url("../img/logo_001.gif") 0 0 no-repeat;
}
#header .logo#yomiuri a span {
	display: block;
	width: 98px;
	height: 22px;
	position:relative;
	z-index:-1;
	overflow: hidden;
	zoom: 1;
}
#header .logo#sapix {
	margin: 13px 0 12px  17px;
	display: inline;
	float: left;
	width: 121px;
	height: 26px;
}
#header .logo#sapix a {
	display: block;
	width: 121px;
	height: 26px;
	background: transparent url("../img/logo_006.gif") 0 0 no-repeat;
}
#header .logo#sapix a span {
	display: block;
	width: 121px;
	height: 26px;
	position:relative;
	z-index:-1;
	overflow: hidden;
	zoom: 1;
}
#header .print {
	display: none;
}
#header p.description {
	margin: 0 0 0 18px;
	padding: 19px 0 9px 0;
	display: inline;
	float: left;
	width: 670px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.4;
	color: #323e60;
	zoom: 1;
}

/*	page
==================================================*/
#page {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 951px;
	text-align: left;
	background: #93bffe url("../img/bg_002.gif") 50% 0 repeat-y;
}

/*	contents
==================================================*/
#page #contents {
	margin: 0 1px;
	width: 949px;
	height: 200px;
	background: transparent url("../img/bg_009.gif") 0 0 no-repeat;
	zoom: 1;
}
#page #contents img {
	overflow: hidden;
	vertical-align: top;
	zoom: 1;
}
#page #contents p.logo {
	margin: 19px 0 0 29px;
	float: left;
	display: inline;
	width: 157px;
	height: 156px;
}
#page #contents p.description {
	margin: 32px 0 0 266px;
	float: left;
	display: inline;
}
#page #contents p.home {
	float: right;
	display: inline;
	width: 126px;
	height: 25px;
}
#page #contents ul {
	margin: 36px 0 0 16px;
	padding: 0;
	float: left;
	display: inline;
	height: 81px;
}
#page #contents ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 277px;
	height: 81px;
	list-style-type: none;
}

/*	article
==================================================*/
#article.column {
	margin: 0 0 0 1px;
	width: 671px;
	background: url(../img/bg_023.gif) 0 0 no-repeat;
}
#article.column h1 {
}
#article.column h1 a {
}
#article.column h2 {
}
#article.column h3 {
}
#article.column p {
}
#article.column a:link,
#article.column a:visited {
	border-bottom: 1px dotted #00f;
	color: #00c;
}
#article.column a:hover,
#article.column a:active,
#article.column a:focus {
	border-bottom: 1px solid #c17674;
	color: #c20600;
}
#article.column .section {
	margin: 0 0 12px 29px;
	padding: 0 0 5px 0;
	width: 623px;
	background: url("../img/bg_006.gif") 0 100% no-repeat;
}
#article.column .section .entry_header {
	padding: 1px 5px 0 1px;
	background: url("../img/bg_004.gif") 0 0 no-repeat;
}
#article.column .section .entry_header h3 a:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#article.column .section .entry_header h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #fff;
}
#article.column .section .entry_header h3 strong {
	padding: 0 0 0 72px;
	font-size: 131%;
	line-height:1.5;
}
#article.column .section .entry_header h3 a {
	padding: 10px 0 0 0;
	display: block;
	width: 617px;
	zoom: 1;
	border: 0;
}
#article.column .section .entry_header h3 a:link,
#article.column .section .entry_header h3 a:visited {
	color: #fff;
	background: #da5b47 url("../img/bg_004.gif") -1px -1x no-repeat;
}
#article.column .section .entry_header h3 a:hover,
#article.column .section .entry_header h3 a:active,
#article.column .section .entry_header h3 a:focus {
	color: #fff;
	background: #da5b47 url("../img/bg_003.gif") 0 0 no-repeat;

}
#article.column .section .entry_header h3 span.number {
	margin: -12px 0 0 0;
	padding: 3px 19px 0 0;
	float:  right;
	display: inline;
	font-weight:normal;
	font-size: 50px;
	text-align: right;
	font-family: arial, sans-serif;
	color: #90bac3;
}
#article.column .section .entry_header h3 a:hover span.number,
#article.column .section .entry_header h3 a:active span.number,
#article.column .section .entry_header h3 a:focus span.number {
	color: #db9f96;
	cursor: pointer;
}
#article.column .section .entry_body {
	margin: 0;
	padding: 4px 31px 0 31px;
	background: url("../img/bg_005.gif") 50% 0 repeat-y;
	clear: both;
	zoom: 1;
}
#article.column .section .entry_body .subsection {
	margin: 0;
	padding: 2px 0 0 0;
	border-bottom: 1px dashed #000;
}
#article.column .section .entry_body dl dt {
	margin: 0 0 16px;
	padding: 15px 0 0 0;
}
#article.column .section .entry_body dl dd {
	margin: 0;
	padding: 0;
}
#article.column .section .entry_body ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#article.column .section .entry_body dl ul {
	margin: 0 0 0 3px;
	padding: 0 0 23px;
	width: 584px;
	height: auto!important;
	_height: 1px;
	min-height: 1%;
	_width: 558px;
	zoom: 1;
}
#article.column .section .entry_body dl ul li {
	margin: 0 10px 0 0;
	padding: 0 0 0 8px;
	border-left: 9px solid #74bfc1;
	float: left;
	display: inline;
	width: 256px;
	_width:249px;
	list-style-type: none;
}
#article.column .section .entry_body ul li strong {
	display: block;
}
#article.column .section .entry_body dl.point {
	margin: 0 0 0 3px;
	padding: 0 0 15px 80px;
	height: auto!important;
	_height: 70px;
	min-height: 70px;
	background: url("../img/icon_002.gif") 13px 8px no-repeat;
}
#article.column .section .entry_body dl.point dt {
	margin: 0;
	padding: 0 0 0 15px;
	color: #007376;
	background: url("../img/icon_012.gif") 0 50% no-repeat;
}
#article.column .section .entry_body dl.point dd {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
#article.column .section .entry_body p.no-printing {
	margin: 0 3px 0 0;
	padding: 33px 0 19px;
	line-height:3;
	text-align: right;
}
#article.column .section .entry_body p.no-printing a:link,
#article.column .section .entry_body p.no-printing a:visited {
	padding: 15px 0 5px 40px;
	border: 0;
	background: url("../img/icon_001.gif") 0 50% no-repeat;
}
#article.column .section .entry_body p.no-printing a:hover,
#article.column .section .entry_body p.no-printing a:active,
#article.column .section .entry_body p.no-printing a:focus {
	padding: 15px 0 5px 40px;
	border: 0;
	background: url("../img/icon_001.gif") 0 50% no-repeat;
}
#article.column .section .entry_body p.no-printing a:link span,
#article.column .section .entry_body p.no-printing a:visited span {
	border-bottom: 1px dotted #00c;
}
#article.column .section .entry_body p.no-printing a:hover span,
#article.column .section .entry_body p.no-printing a:active span,
#article.column .section .entry_body p.no-printing a:focus span {
	border-bottom: 1px solid #c17674;
}
#article.column .section .entry_footer {
	background: #e8e7d4 url("../img/bg_017.gif") 50% 0 repeat-y;
	margin: 0;
	padding: 0 0 18px;
}
#article.column .section .entry_footer p {
	margin: 0 5px 0 1px;
	padding: 19px 35px 0;
	background-color: #e8e7d4;
}
#article.column .section .entry_footer a:link,
#article.column .section .entry_footer a:visited {
	border-bottom: 1px dotted #333;
	font-weight: bold;
	color: #000;
}
#article.column .section .entry_footer a:hover,
#article.column .section .entry_footer a:active,
#article.column .section .entry_footer a:focus {
	border-bottom: 1px solid #c17674;
	font-weight: bold;
	color: #c20600;
}
#article.column .backnumber {
	padding: 0;
	margin: 0 0 24px 49px;
	width: 599px;
	background-color: #d4e5ff;
	height: 31px;
	overflow: hidden;
}
#article.column .backnumber h2 {
	margin:0;
	float:left;
	display:inline;
}
#article.column .backnumber ul {
	float: left;
	display: inline;
	margin: 6px 19px;
	height: 19px;
	border-left: 1px solid #636363;
}
#article.column .backnumber ul li {
	float:left;
	display:inline;
	padding: 0 8px;
	list-style-type: none;
	line-height: 1.4;
	border-right: 1px solid #636363;
}
#article.column .backnumber ul li.active a:link,
#article.column .backnumber ul li.active a:visited {
	color: #f60f11;
	border-bottom:1px solid #f60f11;
}

/*	aside
==================================================*/
#aside.column {
	margin: -50px 1px 0 0;
	padding: 0 0 48px;
	width: 278px;
	position: relative;
	top: 0;
	background: url("../img/bg_007.gif") 100% -10px no-repeat;
	zoom: 1;
}
#aside.column ul {
	margin: 0 0 0 2px;
	padding: 0;
}
#aside.column ul li {
	margin: 0 0 17px 0;
	padding: 0;
	list-style-type: none;
}
#aside.column ul li.sapix {
	margin: 0 0 16px 0;
}

/* Important Banner */
#aside.column ul li.important {
	margin: 0 0 20px;
	padding: 3px;
	list-style-type: none;
	width: auto;
	background: url(../../img/bg_banner.gif) 0 0 repeat-y;
}
#aside.column ul li.important a:link img,
#aside.column ul li.important a:visited img {
	border: 1px solid #fff;
}
#aside.column ul li.important a:hover img,
#aside.column ul li.important a:active img,
#aside.column ul li.important a:focus img {
	border: 1px solid #da5b47;
}
#aside.column ul li.review {
	margin: 0 0 21px;
}
#aside.column ul li.check {
	margin: 0 0 27px;
}
#aside.column ul li.faq {
	margin: 0 0 20px;
}
/* SAPIX */
#aside.column ul li ul.sapix {
	margin: 2px 0 0 0;
}
#aside.column ul li ul.sapix li {
	margin: 0;
}
#aside.column ul li ul.sapix li a {
	padding: 10px 0 10px 33px;
	display: block;
	_width: 243px;
}
#aside.column ul li ul.sapix li a:link,
#aside.column ul li ul.sapix li a:visited {
	background: #194cd4 url("../img/icon_006.gif") 7px 50% no-repeat;
	color: #fff;
}
#aside.column ul li ul.sapix li a:hover,
#aside.column ul li ul.sapix li a:active,
#aside.column ul li ul.sapix li a:focus {
	background: #f8803f url("../img/icon_006o.gif") 7px 50% no-repeat;
	color: #fff;
}
#aside.column ul li ul.sapix li a span {
	border-bottom: 1px dotted #fff;
}

/* Q&A */
#aside.column ul li ul.question {
	margin: 0 0 0 6px;
	padding: 16px 0 0 0;
	width: auto;
}
#aside.column ul li ul.question li {
	margin: 0 0 10px;
	padding: 0 0 0 9px;
	border-left: 5px solid #358292;
	line-height: 1.3;
}
#aside.column ul li ul.question li a {
}
#aside.column ul li ul.question li a:link,
#aside.column ul li ul.question li a:visited {
	border-bottom: 1px dotted #000;
	color: #000;
}
#aside.column ul li ul.question li a:hover,
#aside.column ul li ul.question li a:active,
#aside.column ul li ul.question li a:focus {
	border-bottom: 1px solid #da5b47;
	color: #c80d0d;
}

/* PROFILE */
#aside.column dl.profile {
	margin: 9px 0 0 2px;
	padding: 0;
	_height: 1%;
	zoom: 1;
}
#aside.column dl.profile dt {
	margin: 0;
	padding: 0;
}
#aside.column dl.profile dd {
	margin: 0 0 0 0;
	padding: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #c9dfff;
}
#aside.column dl.profile dd a:link,
#aside.column dl.profile dd a:visited {
	border-bottom: 0;
	color: #0030bb;
}
#aside.column dl.profile dd a:hover,
#aside.column dl.profile dd a:active,
#aside.column dl.profile dd a:focus {
	border-bottom: 1px solid #da5b47;
	color: #c80d0d;
}
#aside.column dl.profile dd p {
	margin: 0 9px;
	padding: 0px 0 10px 0;
	background: #c9dfff ;
	line-height: 1.4;
}
#aside.column dl.profile dd p strong {
	line-height: 2;
}
#aside.column dl.profile dd p#iwata {
	margin: 0 11px;
	padding: 10px 0;
	border-top: 1px dashed #0030bb;
}
#aside.column dl.profile dd p img {
	float: left;
	display: inline;
	margin: 5px 10px 2px 0;
}
#aside.column dl.profile dd p.link {
	margin: 0;
	padding: 2px 2px 10px 12px;
	background: #c9dfff none;
}

#aside.column ul.rss {
	margin: 0 0 0 6px;
	padding: 11px 0 21px 0;
	_height: 1%;
}
#aside.column ul.rss li {
	margin: 0;
	padding: 0 0 0 25px;
	background: url("../img/icon_003.gif") 0 50% no-repeat;
}
#aside.column ul.rss li a {
}
#aside.column ul.rss li a:link,
#aside.column ul.rss li a:visited {
	border-bottom: 1px dotted #000;
	color: #000;
}
#aside.column ul.rss li a:hover,
#aside.column ul.rss li a:active,
#aside.column ul.rss li a:focus {
	border-bottom: 1px solid #da5b47;
	color: #c80d0d;
}

/* banner */
#aside.column ul.banner {
	margin: 0 0 0 2px;
	padding: 28px 0 0 0;
	zoom: 1;
}
#aside.column ul.banner li {
	margin: 0 0 9px;
	padding: 3px;
	list-style-type: none;
	width: auto;
	background: url(../../img/bg_banner.gif) 0 0 repeat-y;
	zoom: 1;
}
#aside.column ul.banner li a:link,
#aside.column ul.banner li a:visited,
#aside.column ul.banner li a:hover,
#aside.column ul.banner li a:active,
#aside.column ul.banner li a:focus {
	padding: 0;
	border: 0;
	display: inline;
}
#aside.column ul.banner li a:link img,
#aside.column ul.banner li a:visited img {
	border: 1px solid #fff;
}
#aside.column ul.banner li a:hover img,
#aside.column ul.banner li a:active img,
#aside.column ul.banner li a:focus img {
	border: 1px solid #da5b47;
}

/*	footer
==================================================*/
#footer {
	margin: 0 auto;
	padding: 5px 0 25px;
	width: 951px;
	background: #fff url("../img/bg_001.gif") 50% 0 repeat-y;
	text-align: right;
	font-size: 93%;
	line-height:1.231;
}
#footer p.notes {
	padding: 18px 25px 10px 0;
	color: #666;
	line-height: 1.4;
	text-align: right;
}
#footer .nav {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	vertical-align: middle;
	border-right: 1px solid #000;
	width: 661px;
}
#footer .nav li {
	margin: 0;
	padding: 0 6px 0 6px;
	border-left: 1px solid #000;
	display: inline;
	float: right;
	text-align: right;
	list-style-type: none;
}
#footer a:link,
#footer a:visited {
	vertical-align: bottom;
	color: #0030bb;
	border-bottom: 1px solid #fff;
}
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #c20600;
	border-bottom: 1px solid #c17674;
}
#footer p.copyright {
	margin: 0 29px 0 0;
	display: inline;
	float: right;
	width: 258px;
}
#footer p.copyright span {
	padding-right: 2em;
}
