@charset 'utf-8';

/* body
-------------------------------------------------- */

body {
	background: #eeeeee;
}

.wrapperAreaBg {
	width: 100%;
	background: #faf6d2 url(/nmd/images/top_bg.gif) top left repeat-x;
}

#wrapperArea {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

#header {
	height: 89px;
	margin: 0px;
}

#bodyArea {
	width: 960px;
	padding: 0px;
	margin: 0px;
}

.mainAreaDefaultGrid .bodyAreaBgWrap,
.mainAreaFullGrid .bodyAreaBgWrap {
	width: 960px;
	margin: 0px 0px 1px;
	background: none;
	position: relative;
}

.mainAreaDefaultGrid #bodyAreaBg,
.mainAreaFullGrid #bodyAreaBg {
	width: 960px;
	padding: 0px;
	background: none;
}

/* keyVisual
-------------------------------------------------- */

#bodyArea #keyVisual {
	width: 100%;
	height: 304px;
	margin: 0px 0px 18px;
	text-align: center;
}

#keyVisual .menu {
	width: 960px;
	position: relative;
}

#keyVisual .menu li.itemBox {
	float: left;
	width: 190px;
	position: absolute;
}

#keyVisual .menu li.itemBox ul {
	margin: 3px 0px 0px 0px;
}

#keyVisual .menu li.productKey {
	left: 0px;
	top: 0px;
}

#keyVisual .menu li.factKey {
	left: 190px;
	top: 0px;
}

#keyVisual .menu li.aboutKey {
	left: 380px;
	top: 0px;
}

#keyVisual .menu li.pcKey {
	width: 200px;
	left: 570px;
	top: 0px;
}

#keyVisual .menu li.adKey {
	width: 189px;
	left: 770px;
	top: 0px;
}

#keyVisual .menu li span {
	display: block;
}

#keyVisual .menu li.productKey span {
	background: url(/nmd/shared/images/gnav_btn_010_on.gif) left top no-repeat;
}

#keyVisual .menu li.factKey span {
	background: url(/nmd/shared/images/gnav_btn_020_on.gif) left top no-repeat;
}

#keyVisual .menu li.aboutKey span {
	background: url(/nmd/shared/images/gnav_btn_030_on.gif) left top no-repeat;
}

#keyVisual .menu li.pcKey span {
	background: url(/nmd/shared/images/gnav_btn_040_on.gif) left top no-repeat;
}

#keyVisual .menu li.adKey span {
	width: 189px;
	background: url(/nmd/shared/images/gnav_btn_050_on.gif) left top no-repeat;
}

#keyVisual .menu li span a {
	padding: 0px;
	margin: 0px;
	display: block;
	line-height: 1;
	text-decoration: none;
}

#keyVisual .menu li span a:hover {
	background-color: transparent;
}

#keyVisual .menu li.productKey span a:hover,
#keyVisual .menu li.factKey span a:hover,
#keyVisual .menu li.aboutKey span a:hover {
	width: 190px;
	height: 52px;
}

#keyVisual .menu li.pcKey span a:hover {
	width: 200px;
	height: 52px;
}

#keyVisual .menu li.adKey span a:hover {
	width: 189px;
	height: 52px;
}

#keyVisual .menu li.productKey span a:hover img,
#keyVisual .menu li.factKey span a:hover img,
#keyVisual .menu li.aboutKey span a:hover img,
#keyVisual .menu li.pcKey span a:hover img,
#keyVisual .menu li.adKey span a:hover img {
	visibility: hidden;
}

#keyVisual .menu li a {
	display: block;
}

#keyVisual .sub {
	height: 246px;
}

#keyVisual .sub li {
	float: none;
	width: 960px;
	position: absolute;
}

#keyVisual .menu li.productKey .sub li {
	left: 0px;
	top: 55px;
	margin: -10px 0px 0px 0px;
}

#keyVisual .menu li.factKey .sub li {
	left: -190px;
	top: 55px;
}

#keyVisual .menu li.aboutKey .sub li {
	left: -380px;
	top: 55px;
}

#keyVisual .menu li.pcKey .sub li {
	left: -570px;
	top: 55px;
}

#keyVisual .menu li.adKey .sub li {
	left: -770px;
	top: 55px;
}

#keyVisual .menu li.productKey .btn_010_1 {
	width: 138px;
	left: 9px;
	top: 209px;
	position: absolute;
	background: url(/nmd/images/key_010_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.productKey .btn_010_2 {
	width: 138px;
	left: 157px;
	top: 209px;
	position: absolute;
	background: url(/nmd/images/key_010_btn_2_on.gif) left top no-repeat;
}

#keyVisual .menu li.productKey .btn_010_3 {
	width: 138px;
	left: 305px;
	top: 209px;
	position: absolute;
	background: url(/nmd/images/key_010_btn_3_on.gif) left top no-repeat;
}

#keyVisual .menu li.factKey .sub .btn_020_1 {
	width: 221px;
	left: 126px;
	top: 203px;
	position: absolute;
	background: url(/nmd/images/key_020_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.aboutKey .sub .btn_030_1 {
	width: 200px;
	left: -346px;
	top: 215px;
	position: absolute;
	background: url(/nmd/images/key_030_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.aboutKey .sub .btn_030_2 {
	width: 200px;
	left: -138px;
	top: 215px;
	position: absolute;
	background: url(/nmd/images/key_030_btn_2_on.gif) left top no-repeat;
}

#keyVisual .menu li.aboutKey .sub .btn_030_3 {
	width: 200px;
	left: 67px;
	top: 215px;
	position: absolute;
	background: url(/nmd/images/key_030_btn_3_on.gif) left top no-repeat;
}

#keyVisual .menu li.pcKey .sub .btn_040_1 {
	width: 141px;
	left: -165px;
	top: 244px;
	position: absolute;
	background: url(/nmd/images/key_050_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.pcKey .sub .btn_040_2 {
	width: 141px;
	left: 220px;
	top: 244px;
	position: absolute;
	background: url(/nmd/images/key_050_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.adKey .sub .btn_050_1 {
	width: 167px;
	left: -583px;
	top: 184px;
	position: absolute;
	background: url(/nmd/images/key_060_btn_1_on.gif) left top no-repeat;
}

#keyVisual .menu li.adKey .sub .btn_050_2 {
	width: 167px;
	left: -583px;
	top: 227px;
	position: absolute;
	background: url(/nmd/images/key_060_btn_2_on.gif) left top no-repeat;
}

#keyVisual .menu li ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	line-height: 1;
	text-decoration: none;
}

#keyVisual .menu li ul li a:hover {
	background-color: transparent;
}

#keyVisual .menu li.productKey .top li a:hover,
#keyVisual .menu li.pcKey .sub li a:hover,
#keyVisual .menu li.adKey .sub li a:hover {
	width: 138px;
	height: 27px;
}

#keyVisual .menu li.factKey .sub li a:hover {
	width: 221px;
	height: 29px;
}

#keyVisual .menu li.aboutKey .sub li a:hover {
	width: 200px;
	height: 47px;
}

#keyVisual .menu li.productKey .top li a:hover img,
#keyVisual .menu li.pcKey .sub li a:hover img,
#keyVisual .menu li.adKey .sub li a:hover img,
#keyVisual .menu li.factKey .sub li a:hover img,
#keyVisual .menu li.aboutKey .sub li a:hover img {
	visibility: hidden;
}

/* whatsnew
-------------------------------------------------- */

#bodyArea #whatsnew {
	width: 960px;
	height: 33px;
	padding: 0px;
	margin: 0px 0px 17px;
	position: relative;
}

#bodyArea #whatsnew #carouselNext{
	display: none;
}

#bodyArea #whatsnew h2 {
	width: 111px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bodyArea #whatsnew #whatsnewBody {
	width: 849px;
	padding: 8px 0px 0px;
	height: 25px;
	background: url(/nmd/images/wn_bg.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

#bodyArea #whatsnew #whatsnewBody #layout1 {
	width: 100%;
	height: 25px;
	overflow: hidden;
}

#bodyArea #whatsnew .news {
	width: 829px;
	height: 14px;
	padding: 0px 10px;
	margin: 0px;
	float: left;
}

/* mainArea
-------------------------------------------------- */

.mainAreaFullGrid #mainArea {
	width: 960px;
	background: none;
}

.mainAreaDefaultGrid #mainArea {
	width: 642px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .topSpacer {
	padding: 0px;
	margin: 0px;
}

/* rightArea
-------------------------------------------------- */

#rightArea {
	width: 292px;
	padding: 0px;
	margin: 0px;
	float: right;
	background: none;
}

#rightArea .topSpacer {
	padding: 0px;
	margin: 0px;
}

/* mainBnrBox
-------------------------------------------------- */

#mainArea .mainBnrBox {
	width: 639px;
	height: 95px;
	padding: 0px;
	margin: 0px 0px 16px 0px;
}

/* movieBox
-------------------------------------------------- */

#mainArea .movieBox {
	width: 639px;
	height: 95px;
	padding: 0px;
	margin: 0px 0px 16px 0px;
	background: url(/nmd/images/movie_bg.gif) left top no-repeat;
	position: relative;
}

#mainArea .movieBox li.movie_010 {
	width: 303px;
	padding: 0px;
	margin: 0px;
	left: 12px;
	top: 12px;
	position: absolute;
}

#mainArea .movieBox li.movie_020 {
	width: 303px;
	padding: 0px;
	margin: 0px;
	right: 12px;
	top: 12px;
	position: absolute;
}

/* menuBoxType_010
-------------------------------------------------- */

#mainArea .menuBoxType_010 {
	width: 641px;
	padding: 0px;
	margin: 0px 0px 18px;
	background: url(/nmd/images/mb_bg.gif) left top repeat-y;
}

#mainArea .menuBoxType_010 .menuBoxTop {
	background: url(/nmd/images/mb_bg_top.gif) left top no-repeat;
}

#mainArea .menuBoxType_010 .menuBoxBottom {
	background: url(/nmd/images/mb_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .menuBoxType_010 .menuLeft {
	width: 288px;
	padding: 10px 14px 13px 11px;
	margin: 0px;
	float: left;
}

#mainArea .menuBoxType_010 .menuRight {
	width: 288px;
	padding: 10px 14px 13px 11px;
	margin: 0px;
	float: right;
}

#mainArea .menuBoxType_010 h2 {
	width: 288px;
	padding: 0px;
	margin: 0px;
}

#mainArea .menuBoxType_010 .img {
	padding: 0px;
	margin: 0px 0px 10px;
}

#mainArea .menuBoxType_010 .menuText {
	padding: 0px;
	margin: 0px 2px 9px;
}

#mainArea .menuBoxType_010 ul.link {
	width: 262px;
	padding: 0px 13px;
	margin: 0px 0px 4px;
	list-style: none;
}

#mainArea .menuBoxType_010 ul.link li {
	padding: 1px 0px 2px;
	margin: 0px 0px 1px;
	background: none;
	line-height: 130%;
	text-indent: -10px;
}

#mainArea .menuBoxType_010 ul.link a {
	padding: 0px 0px 0px 10px;
	background: url(/nmd/images/arrow_small_right.gif) 0px 3px no-repeat;
}

html*#mainArea .menuBoxType_010 ul.link a {
	background: url(/nmd/images/arrow_small_right.gif) 0px 3px no-repeat;
}

* html #mainArea .menuBoxType_010 ul.link a {
	background: url(/nmd/images/arrow_small_right.gif) 0px 2px no-repeat;
	_background: none;
	_background/* */: url(/nmd/images/arrow_small_right.gif) 0px 2px no-repeat;
}

#mainArea .menuBoxType_010 .btnMovie {
	padding: 0px;
	margin: 0px;
	text-align: right;
}

#mainArea .menuBoxType_010 .rightBtn {
	padding: 0px;
	margin: 73px 0px 0px;
}

/* pickUpBox
-------------------------------------------------- */

#bodyArea #pickUpBox {
	width: 642px;
	height: 164px;
	margin: 0px 0px 18px;
}

#bodyArea #pickUpBox h2 {
	width: 642px;
	height: 28px;
	padding: 0px;
	margin: 0px;
}

#bodyArea #pickUpBox .itemBox {
	width: 642px;
	height: 136px;
	background: url(/nmd/images/item_box_bg.gif) left top no-repeat;
	position: relative;
}

#bodyArea #pickUpBox .itemBox .item_010 {
	position: absolute;
	top: 0px;
	left: 4px;
}

#bodyArea #pickUpBox .itemBox .item_020 {
	position: absolute;
	top: 0px;
	left: 131px;
}

#bodyArea #pickUpBox .itemBox .item_030 {
	position: absolute;
	top: 0px;
	left: 258px;
}

#bodyArea #pickUpBox .itemBox .item_040 {
	position: absolute;
	top: 0px;
	left: 385px;
}

#bodyArea #pickUpBox .itemBox .item_050 {
	position: absolute;
	top: 0px;
	left: 512px;
}

/* menuBoxType_020
-------------------------------------------------- */

#mainArea .menuBoxType_020 {
	width: 641px;
	padding: 0px;
	margin: 0px 0px 33px;
	background: url(/nmd/images/mb2_bg.gif) left top repeat-y;
}

#mainArea .menuBoxType_020 .menuBoxTop {
	background: url(/nmd/images/mb2_bg_top.gif) left top no-repeat;
}

#mainArea .menuBoxType_020 .menuBoxBottom {
	width: 615px;
	padding: 13px 13px 9px;
	background: url(/nmd/images/mb2_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .menuBoxType_020 h2 {
	padding: 0px;
	margin: 0px 0px 10px;
}

#mainArea .menuBoxType_020 .menuColumns {
	width: 615px;
	padding: 0px;
	margin: 0px 0px 7px;
}

#mainArea .menuBoxType_020 .menuColumns .iconImg {
	width: 84px;
	padding: 4px 0px 0px;
	float: left;
}

#mainArea .menuBoxType_020 .menuColumns .menuLinkBox {
	width: 519px;
	padding: 0px;
	float: right;
}

#mainArea .menuBoxType_020 .menuColumns .menuLinkBox ul.link {
	padding: 0px;
	margin: 0px 0px 6px;
	line-height: 1;
	list-style-type: none;
}

#mainArea .menuBoxType_020 .menuColumns .menuLinkBox ul.link li {
	width: 173px;
	line-height: 1;
	float: left;
}

#mainArea .menuBoxType_020 .menuColumns h3 {
	padding: 0px;
	margin: 0px 0px 8px;
	font-size: 120%;
	font-weight: bold;
}

#mainArea h3 a:link {
	color: #1155d2;
}

#mainArea h3 a {
	background: url(/nmd/shared/images/arrow_middle_right.gif) 0px 1px no-repeat;
	padding: 0px 0px 3px 15px;
	margin: 0px;
}

html*#mainArea h3 a {
	background: url(/nmd/shared/images/arrow_middle_right.gif) 0px 1px no-repeat;
}

* html #mainArea h3 a {
	background: url(/nmd/shared/images/arrow_middle_right.gif) 0px 1px no-repeat;
	_background: none;
	_background/* */: url(/nmd/shared/images/arrow_middle_right.gif) 0px 1px no-repeat;
}

/* bnrBox
-------------------------------------------------- */

#rightArea .bnrBox{
	width: 292px;
	padding: 0px;
	margin: 0px 0px 18px;
}

#rightArea .bnrBox .bnr{
	padding: 0px;
	margin: 0px;
}

/* menuBoxType_030
-------------------------------------------------- */

#rightArea .menuBoxType_030 {
	width: 292px;
	padding: 0px;
	margin: 0px 0px 18px;
	background: url(/nmd/images/mb3_bg.gif) left top repeat-y;
}

#rightArea .menuBoxType_030 .menuBoxTop {
	background: url(/nmd/images/mb3_bg_top.gif) left top no-repeat;
}

#rightArea .menuBoxType_030 .menuBoxBottom {
	padding: 10px;
	background: url(/nmd/images/mb3_bg_bottom.gif) left bottom no-repeat;
}

#rightArea .menuBoxType_030 h2 {
	width: 272px;
	padding: 0px;
	margin: 0px 0px 1px;
}

#rightArea .menuBoxType_030 .newsBox {
	width: 272px;
	padding: 0px;
	margin: 0px;
}

#rightArea .menuBoxType_030 .newsBox .news {
	width: 272px;
	padding: 8px 0px 10px;
	margin: 0px;
	background: url(/nmd/shared/images/hr_001.gif) left bottom repeat-x;
}

#rightArea .menuBoxType_030 .newsBox .newsEnd {
	width: 272px;
	padding: 8px 0px 4px;
	margin: 0px;
	border: none;
}

#rightArea .menuBoxType_030 .date {
	width: 67px;
	padding: 0px 0px 0px 8px;
	margin: 0px;
	float: left;
	word-break: break-all;
}

#rightArea .menuBoxType_030 .text {
	width: 190px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/* checkBox
-------------------------------------------------- */

#rightArea .pad15 {
	padding-bottom: 15px;
}

#rightArea #checkBox {
	width: 291px;
	padding: 0px;
	margin: 0px 0px 15px;
	background: url(/nmd/images/cb_bg.gif) center top repeat-y;
}

#rightArea #checkBox .checkBoxTop{
	background: url(/nmd/images/cb_bg_top.gif) center top no-repeat;
}

#rightArea #checkBox .checkBoxBottom{
	background: url(/nmd/images/cb_bg_bottom.gif) center bottom no-repeat;
}

#rightArea #checkBox h2 {
	padding: 18px 0px 0px;
	margin: 0px 18px 0px;
}

#rightArea #checkBox .layout {
	padding: 16px 22px 8px;
	margin: 0px;
}

#rightArea #checkBox .lead {
	padding: 0px;
	margin: 0px 0px 7px;
}

#rightArea #checkBox .text_010 {
	padding: 0px;
	margin: 0px 0px 6px;
}

#rightArea #checkBox .text_020 {
	padding: 0px;
	margin: 15px 0px 3px;
}

#rightArea #checkBox .age {
	width: 141px;
	height: 14px;
}

#rightArea #checkBox .btn {
	width: 191px;
	height: 32px;
	padding: 0px;
	margin: 14px 0px 0px 27px;
}

#rightArea #checkBox .textBottom {
	padding: 0px 5px 4px;
	margin: 0px;
}

/* Attention Element
-------------------------------------------------- */

#rightArea ul.attention {
	padding: 0px;
	margin: 0px 0px 15px;
	list-style: none;
	font-size: 85%;
}

#rightArea ul.attention li {
	padding: 1px 0px 0px 2em;
	margin: 0px;
	color: #999999;
	text-indent: -2em;
	background: none;
	line-height: 120%;
}

/* Link Element
-------------------------------------------------- */

#mainArea ul.link {
	padding: 0px;
	margin: 0px 0px 12px;
	list-style: none;
}

#mainArea ul.link li {
	padding: 1px 0px 2px;
	margin: 0px 0px 1px;
	background: none;
	line-height: 130%;
}

#mainArea ul.link a {
	padding: 0px 0px 0px 7px;
	background: url(/nmd/images/arrow_small_right.gif) 0px 3px no-repeat;
}

html*#mainArea ul.link a {
	background: url(/nmd/images/arrow_small_right.gif) 0px 3px no-repeat;
}

* html #mainArea ul.link a {
	background: url(/nmd/images/arrow_small_right.gif) 0px 2px no-repeat;
	_background: none;
	_background/* */: url(/nmd/images/arrow_small_right.gif) 0px 2px no-repeat;
}

/* hrElement
-------------------------------------------------- */

hr {
	display: none;
}

#mainArea .hr {
	height: 1px;
	padding: 1px 0px 0px;
	margin: 0px 0px 13px;
	background: url(/nmd/images/hr_010.gif) left top repeat-x;
}

/* footer
-------------------------------------------------- */

#footerAreaType1 {
	width: 960px;
}

#footerAreaType1 #twoColumnsTop {
	padding: 0px 15px 0px 15px;
	width: 930px;
}

#footerAreaType1 #twoColumnsBottom {
	padding: 0px 15px 0px 15px;
	width: 930px;
}

#flashContent {
	#height: 246px;
	#margin: -17px 0px 0px 0px;
}