@charset "utf-8";
/* CSS Document */

/* ****************************************************
	layout.css
***************************************************** */

/*  common Settings
=========================================*/
body {
	background-color: #f5f5f5;
}

#pageContainer {
}


/*  Header
=========================================*/
/* header */
#headContainer {
	width: 100%;
	padding: 0 0 4px;
	background: #ffffff url(../images/header_bg01.gif) repeat-x 0 100%;
}
#header {
	width: 960px;
	margin: 0 auto;
}

#header #identity {
	float: left;
	width: 283px;
}

#fontsize-switch {
	float: right;
	width: 167px;
	margin: 15px 0 0 10px;
}
#fontsize-switch dt,
#fontsize-switch dd {
	float: left;
	font-size: 0;
	line-height: 0;
}
#fontsize-switch dd a {
	cursor: pointer;
}

#utilityLink {
	float: right;
}
#utilityLink ul {
	float: right;
	margin: 21px 0 0;
}
#utilityLink ul li {
	float: left;
	margin: 0 9px 0 0;
	font-size: 80%;
	line-height: 1.2;
}
#utilityLink ul #sitemap {
	padding: 0 10px 0 0;
	background: url(../images/header_ex01.gif) no-repeat 100% 0.05em;
}
#utilityLink #onlineshop {
	float: right;
	margin: 15px 0 0;
}

/* nttDataLogo */
#nttDataLogo {
	clear: both;
	text-align: right;
}

/* globalNav */
#globalNav {
	clear: both;
}
#globalNav li {
	float: left;
}

/* GLOBALNAV */
#GLOBALNAV {
	clear: both;
}
#GLOBALNAV li {
	float: left;
}

/*  main
=========================================*/
/* MAINCONTAINER */
#MAINCONTAINER {
	clear: both;
	width: 100%;
	padding: 10px 0 40px;
	background-color: #ffffff;
}

/* mainContainer */
#mainContainer {
	clear: both;
	width: 100%;
	padding: 10px 0 40px;
	background-color: #ffffff;
}

/* topicPath */
#topicPath {
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#topicPath li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0 9px 0 0;
	background: url(../images/com_ex01.gif) no-repeat 100% 0.25em;
	white-space: nowrap;
	font-size: 80%;

}
#topicPath .current {
	margin: 0;
	padding: 0;
	background: none;
}


/* mainContents */
#mainContents {
	clear: both;
	width: 960px;
	margin: 12px auto 0;
}

/* contents */
#contents {
	float: left;
	width: 682px;
}


/*  navigation
=========================================*/
#aside {
	float: right;
	width: 262px;
}

/* asideNav01 */
#aside #asideNav01 {
	clear: both;
	padding: 1px 16px 0;
	background: url(../images/aside_bg02.gif) no-repeat 0 0;
}
#aside #asideNav01 ul {
	padding: 10px 0 0;
}
#aside #asideNav01 li {
	margin: 2px 0 0;
	border: #e2e2e2 1px solid;
	background-color: #ffffff;
}
#aside #asideNav01 li a {
	display: block;
	margin: 2px;
	padding: 6px 10px 4px;
	background: url(../images/aside_ic01.gif) no-repeat 0 0;
}
#aside #asideNav01 li a:hover {
	background: #dde8fa url(../images/aside_ic01on.gif) no-repeat 0 0;
}

/* asideNav02 */
#aside #asideNav02 {
	clear: both;
	margin: 20px 0 0;
	padding: 1px 16px 0;
	background: url(../images/aside_bg02.gif) no-repeat 0 0;
}
#aside #asideNav02 ul {
	padding: 5px 0 0;
}
#aside #asideNav02 li {
	margin: 7px 0 0;
	padding: 0 0 2px;
	background: url(../images/aside_bg03.gif) no-repeat 0 100%;
}
#aside #asideNav02 li a {
	display: block;
	padding: 8px 20px 6px 53px;
	background: url(../images/aside_bg03.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-01 {
	background: url(../images/aside_bg06.gif) no-repeat 0 100%;
}
#aside #asideNav02 #asideNav02-01 a {
	background: url(../images/aside_bg06.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-02 {
	background: url(../images/aside_bg07.gif) no-repeat 0 100%;
}
#aside #asideNav02 #asideNav02-02 a {
	background: url(../images/aside_bg07.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-03 {
	background: url(../images/aside_bg08.gif) no-repeat 0 100%;
}
#aside #asideNav02 #asideNav02-03 a {
	background: url(../images/aside_bg08.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-01 a:hover {
	background: url(../images/aside_bg06on.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-02 a:hover {
	background: url(../images/aside_bg07on.gif) no-repeat 0 0;
}
#aside #asideNav02 #asideNav02-03 a:hover {
	background: url(../images/aside_bg08on.gif) no-repeat 0 0;
}




/* asideSupport */
#aside #asideSupport {
	clear: both;
	margin: 12px 0 0;
}
#aside #asideSupport dd {
	padding: 8px 13px 10px;
	background: url(../images/aside_bg04.gif) no-repeat 0 100%;
}
#aside #asideSupport dd li {
	margin: 3px 0 0;
	padding: 0 0 0 8px;
	background: url(../images/aside_ic02.gif) no-repeat 0 0.3em;
	font-size: 80%;
}

/* asideButton01 */
#aside .asideButton01 {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
	background: url(../images/aside_bg09.gif) 0 0;
	cursor: pointer;
}

#aside .asideButton01 .asideButtonInner {
	padding: 8px 0;
	background: url(../images/aside_bg10.gif) no-repeat 0 100%;
}

#aside .asideButton01 .asideButtonInner .tx {
	display: table-cell;
	width: 160px;
	padding: 0 6px 0 20px;
	background: url(../images/aside_ic03.png) 8px 30px no-repeat;
	font-size: 108%;
	font-weight: bold;
	vertical-align: middle;
}

#aside .asideButton01 .asideButtonInner .img {
	display: table-cell;
	width: 68px;
}
#aside .asideButton01:hover {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	background: url(../images/aside_bg09on.gif) 0 0 no-repeat;
	cursor: pointer;
}
#aside .asideButton01 .asideButtonInner:hover {
	background: url(../images/aside_bg10on.gif) no-repeat 0 100%;
	text-decoration: underline;
	color: #0c419a;
}
#aside .asideButton01 .asideButtonInner:active {
	background: url(../images/aside_bg10on.gif) no-repeat 0 100%;
	text-decoration: none;
	color: #0c419a;
}
#aside .asideButton01 .asideButtonInner:hover a {
		color: #0c419a;
}
#aside .asideButton01 .asideButtonInner:active a {
		color: #990000;
		text-decoration: none;
}

/* asideButton02 */
#aside .asideButton02 {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
	background: url(../images/aside_bg11.gif) 0 0;
}
#aside .asideButton02 .asideButtonInner {
	padding: 8px 0 8px 0;
	background: url(../images/aside_bg12.gif) 0 100%;
}
#aside .asideButton02 .asideButtonInner .tx {
	display: table-cell;
	width: 160px;
	padding: 0 6px 0 20px;
	background: url(../images/aside_ic04.png) 8px 30px no-repeat;
	font-size: 122%;
	font-size: 108%;
	font-weight: bold;

	vertical-align: middle;
}
#aside .asideButton02 .asideButtonInner .img {
	display: table-cell;
	width: 68px;
}

#aside .asideButton02 .asideButtonInner .tx a:link {
	color:#FFFFFF;
}
#aside .asideButton02 .asideButtonInner .tx a:visited {
	color:#FFFFFF;
}
#aside .asideButton02:hover {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	background: url(../images/aside_bg11on.gif) 0 0;
	cursor: pointer;
}
#aside .asideButton02 .asideButtonInner:hover {
	background: url(../images/aside_bg12on.gif) no-repeat 0 100%;
	text-decoration: underline;
	color: #FFFFFF;
}
#aside .asideButton02 .asideButtonInner:active {
	background: url(../images/aside_bg12on.gif) no-repeat 0 100%;
	text-decoration: none;
	color: #FFFFFF;
}
#aside .asideButton02 .asideButtonInner:active a {
		text-decoration: none;
}

/* asideButton03 */
#aside .asideButton03 {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
	background: url(../images/aside_bg101.gif) 0 0;
}
#aside .asideButton03 .asideButtonInner {
	padding: 8px 0 8px 0;
	background: url(../images/aside_bg102.gif) 0 100%;
}
#aside .asideButton03 .asideButtonInner .tx {
	display: table-cell;
	width: 160px;
	padding: 0 6px 0 20px;
	background: url(../images/aside_ic04.png) 8px 30px no-repeat;
	font-size: 122%;
	font-size: 108%;
	font-weight: bold;

	vertical-align: middle;
}
#aside .asideButton03 .asideButtonInner .img {
	display: table-cell;
	width: 68px;
}

#aside .asideButton03 .asideButtonInner .tx a:link {
	color:#FFFFFF;
}
#aside .asideButton03 .asideButtonInner .tx a:visited {
	color:#FFFFFF;
}
#aside .asideButton03:hover {
	display: table;
	width: 262px;
	overflow: hidden;
	margin: 10px 0 0 0;
	background: url(../images/aside_bg101on.gif)  0 0 no-repeat;
	cursor: pointer;
}
#aside .asideButton03 .asideButtonInner:hover {
	background: url(../images/aside_bg102on.gif) no-repeat 0 100%;
	text-decoration: underline;
	color: #FFFFFF;
}
#aside .asideButton03 .asideButtonInner:active {
	background: url(../images/aside_bg102on.gif) no-repeat 0 100%;
	text-decoration: none;
	color: #FFFFFF;
}
#aside .asideButton03 .asideButtonInner:active a {
		text-decoration: none;
}



/* genreSearch */
#aside #genreSearch {
	clear: both;
	margin: 16px 0 0;
	padding: 38px 0 0 16px;
	background: url(../images/aside_bg01.gif) no-repeat 0 0;
}
#aside #genreSearch li {
	float: left;
	margin: 6px 6px 0 0;
}

/* asideBanner */
#aside .asideBanner {
	clear: both;
	padding: 8px 0 0;
}
#aside .asideBanner.mt0 {
	padding: 0;
}
#aside .asideBanner li {
	margin: 12px 0 0;
}

/* asideUser */
#aside #asideUser {
	clear: both;
	margin: 12px 0 0;
	padding: 11px 0 0;
	background: url(../images/aside_bg05.gif) no-repeat 0 0;
}
#aside #asideUser .inner {
	padding: 0 11px 8px;
	background: url(../images/aside_bg05.gif) no-repeat 0 100%;
	font-size: 80%;
}
#aside #asideUser .inner .btn {
	margin: 0 0 5px;
}

/* privacyBlock */
#aside #privacyBlock {
	clear: both;
	margin: 10px 0 0;
}
#aside #privacyBlock .leftContents {
	float: left;
	margin: 0 10px 0 0;
}
#aside #privacyBlock .rightContents {
	overflow: hidden;
	zoom: 1;
	padding: 30px 0 0;
	font-size: 80%;
}

/* asideSupportArea */

.asideSupportArea {
	width: 262px;
	margin: 10px 0 0 0;
	padding: 3px 0 0 0;
	background: url(../images/aside_bg16.gif) 0 0;
}
	
.asideSupportArea .asideSupport	{
	padding: 7px 10px 10px;
	background: url(../images/aside_bg17.gif) 0 100% ;
}

.asideSupportArea .asideSupport .asideSupportInner {
	padding: 10px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
}

.asideSupportArea .asideSupport .tx {
	width: 160px;
	padding: 0 6px 5px 15px;
	background: url(../images/aside_ic03.png) 3px 5px no-repeat;
	font-size: 107%;
	font-weight: bold;
}

.asideSupportArea .asideSupport .innerHading {
	font-weight: bold;
	font-size: 89%;
}

.asideSupportArea .asideSupport .asideSupportInner .innerHeading02 {
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 112%;
	text-align: center;
}

.asideSupportArea .asideSupport .innerHading span {
	font-size: 134%;
}

.asideSupportArea .asideSupport .asideSupportInner .button {
	margin-top: 5px;
	text-align: center;
}

.asideSupportArea .asideSupport .asideSupportInner .tell {
	text-align: center;
	font-weight: bold;
	font-size: 128%;
}

.asideSupportArea .asideSupport .asideSupportInner .boldText {
	text-align: center;
	font-weight: bold;
	font-size: 86%;
}


.asideSupportArea .asideSupport .asideSupportInner .button:hover {
	opacity: 0.7;
}


/*  footer
=========================================*/
/* footContainer */
#footContainer {
	clear: both;
	width: 100%;
	padding: 17px 0;
	border-top: #dddddd 1px solid;
}




/* footer */
#FOOTER {
	width: 960px;
	margin: auto;
}

#footer {
	width: 960px;
	margin: auto;
}

#footerLink {
	float: left;
}
#footerLink li {
	float: left;
	font-size: 80%;
	margin: 0 9px 0 0;
	padding: 0 10px 0 0;
	background: url(../images/header_ex01.gif) no-repeat 100% 0.05em;
	line-height: 1.2;
}
#footerLink .last {
	margin: 0;
	padding: 0;
	background: none;
}
#copyright {
	float: right;
	font-size: 0;
	line-height: 0;
}




/*  extra
=========================================*/
/* clearfix */
#header:after,
#GLOBALNAV ul:after,
#globalNav ul:after,
#mainContents:after,
#footer:after,
#aside #genreSearch ul:after,
#aside #privacyBlock:after,
#topicPath ul:after,
#DUMMY:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

#header,
#GLOBALNAV ul,
#globalNav ul,
#mainContents,
#footer,
#aside #genreSearch ul,
#aside #privacyBlock,
#topicPath ul,
#DUMMY {
	zoom: 1;
}