@charset "utf-8";

/*====================================================================================
TOPコンテンツ

■01.FLASH（タイトル）エリア

■02.TOPコンテンツ枠

■03.TOPコンテンツ内容
  03_1.collection
  03_2.CONCEPT,FEATURE
  03_3.news&topics
  03_4.バナー

■04.新着情報
====================================================================================*/

/*====================================================================================
■01.FLASH（タイトル）エリア
====================================================================================*/

#titlearea {
	text-align: center;
	background: url(../images/bg_top.jpg) left top repeat-x;
	position: relative;
}
#titlearea ul.sec01 {
	width: 984px;
	margin: 0 0 0 -491px;
	position: absolute;
	bottom: 105px;
	left: 50%;
}
#titlearea ul.sec01 li {
	width: 324px;
	margin: 0 2px 4px;
	text-align: left;
	float: left;
}
#titlearea ul.sec01 li a,
#titlearea ul.sec01 li a:link,
#titlearea ul.sec01 li a:visited {
	color: #F8F8F8;
	text-decoration: none;
	display: block;
}
#titlearea ul.sec01 li a:hover,
#titlearea ul.sec01 li a:active,
#titlearea ul.sec01 li a:focus {
	color: #CC0000;
	text-decoration: none;
}
#titlearea ul.sec01 li.n01 a,
#titlearea ul.sec01 li.n02 a,
#titlearea ul.sec01 li.n03 a {
	height: 70px;/* 135 */
	padding: 65px 110px 0 28px
}
#titlearea ul.sec01 li.n04 a,
#titlearea ul.sec01 li.n05 a,
#titlearea ul.sec01 li.n06 a {
	height: 46px;/* 102 */
	padding: 56px 20px 0 28px
}
#titlearea ul.sec01 li.n01 a {
	background: url(../images/tnavi01.png) no-repeat;
}
#titlearea ul.sec01 li.n02 a {
	background: url(../images/tnavi02.png) no-repeat;
}
#titlearea ul.sec01 li.n03 a {
	background: url(../images/tnavi03.png) no-repeat;
}
#titlearea ul.sec01 li.n04 a {
	background: url(../images/tnavi04.png) no-repeat;
}
#titlearea ul.sec01 li.n05 a {
	background: url(../images/tnavi05.png) no-repeat;
}
#titlearea ul.sec01 li.n06 a {
	background: url(../images/tnavi06.png) no-repeat;
}

#titlearea p {
	width: 100%;
	height: 250px;
	padding: 50px 0 0 0;
	font-size: 22px;
	text-align: center;
	text-shadow: 0 0 20px #FFFFFF;
	position: absolute;
	top: 15px;
	left: 0;
}

/*====================================================================================
■02.TOPコンテンツ枠
====================================================================================*/

#top_contents {
	width: 1002px;
	margin: 0 auto;
}

/*====================================================================================
  03_1.collection
====================================================================================*/

/*
  03_1.collection
--------------------------------------------------------------------*/
#top_collection {
	margin: 0 0 52px 0;
	background: url(../images/bg_line.jpg) left top repeat-x;
}
#top_collection h4 {
	text-align: center;
}
#top_collection .sec01 {
	width: 1080px;
	height: 399px;
	margin: 0 auto;
	background: url(../images/bg_collection.jpg) center bottom no-repeat;
}
#top_collection .sec01 .area01 {
	width: 990px;
	margin: 0 auto;
}
#top_collection .sec01 .box01 {
	width: 142px;
	margin: 0 28px;
	float: left;
}
#top_collection .sec01 .box01 p {
	margin: 5px auto 0;
}
#top_collection .sec01 .box01 p a,
#top_collection .sec01 .box01 p a:link,
#top_collection .sec01 .box01 p a:visited {
	color: #F8F8F8;
	text-decoration: none;
}
#top_collection .sec01 .box01 p a:hover,
#top_collection .sec01 .box01 p a:active,
#top_collection .sec01 .box01 p a:focus {
	color: #CC0000;
	text-decoration: none;
}

/*
  03_2.CONCEPT,FEATURE
--------------------------------------------------------------------*/
#top_contents .sec01 .area01 {
	width: 645px;
	padding: 0 0 0 1px;
	float: left;
}

#top_contents .sec01 .area01 .box01 {
	height: 299px;
	background: url(../images/concept.jpg) no-repeat;
}
#top_contents .sec01 .area01 .box01 p {
	width: 235px;
	margin: 0 0 0 60px;
	padding: 129px 0 0 0;
}

#top_contents .sec01 .area01 .box02 {
	height: 462px;
	background: url(../images/feature.jpg) #000 no-repeat;
}
#top_contents .sec01 .area01 .box02 dl {
	margin: 0 0 0 268px;
	padding: 41px 0 0 0;
	color: #F8F8F8;
}
#top_contents .sec01 .area01 .box02 dl dt {
	margin: 0 0 10px 0;
	font-size: 16px;
}
#top_contents .sec01 .area01 .box02 dl dd {
	margin: 0 43px 30px 0;
}

/*
  03_3.news&topics
--------------------------------------------------------------------*/
#top_contents .sec01 .area02 {
	width: 315px;
	float: right;
}

#top_contents .sec01 .area02 .bar01 {
	position: relative;
}
#top_contents .sec01 .area02 .bar01 p {
	position: absolute;
	top: 21px;
	left: 200px;
}
#top_contents .sec01 .area02 .bar01 p a,
#top_contents .sec01 .area02 .bar01 p a:link,
#top_contents .sec01 .area02 .bar01 p a:visited {
	color: #1D77E5;
	text-decoration: underline;
}
#top_contents .sec01 .area02 .bar01 p a:hover,
#top_contents .sec01 .area02 .bar01 p a:active,
#top_contents .sec01 .area02 .bar01 p a:focus {
	color: #9EC5F3;
	text-decoration: underline;
}

#top_contents .sec01 .area02 .bg_news {
	height: 237px;
	margin: 0 auto 5px;
	padding: 0 0 0 23px;
	background: #F8F8F8;
}

/*
  03_4.バナー
--------------------------------------------------------------------*/
#top_contents .sec01 .area02 ul.n01 li {
	padding: 20px 0 0 0;
}

/*====================================================================================
■04.新着情報
====================================================================================*/

#nProgram {
	width: 281px;
	height: 219px;
	overflow: auto;
}
#nProgram dl {
	margin: 5px 14px 5px 0;
}
#nProgram dl dt {
	margin: 0 0 0 0;
	color: #1D77E5;
}
#nProgram dl dd {
	margin: 0 0 7px 0;
	padding: 0 0 8px 0;
	background: url(../common_img/line01.gif) left bottom repeat-x;
}

/* safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

#nProgram dl dd a,
#nProgram dl dd a:link,
#nProgram dl dd a:visited {
	color: #333333;
	text-decoration: none;
}
#nProgram dl dd a:hover,
#nProgram dl dd a:active,
#nProgram dl dd a:focus {
	color: #333333;
	text-decoration: underline;
}