@charset "utf-8";

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

body {
	line-height: 1.5;
	color: #666;
	font-family: "���C���I","Meiryo","�l�r �o�S�V�b�N","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	font-size: 12px;
}

a:link,
a:visited {
	color: #00aeff;
	text-decoration: underline;
	font-weight: bold;
}

a:hover,
a:active {
	color: #00aeff;
	text-decoration: underline;
	font-weight: bold;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.txt01 {
	color: #333;
}

.txt02 {
	color: #999;
}

.mb20 {
	margin-bottom: 20px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mt40 {
	margin-top:40px;
}

/* --------------------------------------------------
	=clearfix
-------------------------------------------------- */

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearfix {
	overflow: hidden;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

/* --------------------------------------------------
	=wrapper 
-------------------------------------------------- */

#wrapper {
	width: 100%;
}

#container {
	width: 100%;
}

/* --------------------------------------------------
	=header
-------------------------------------------------- */

#header {
	width: 100%;
	height: 191px;
	background: url(../common/header_bg01.gif);
}

#headerArea {
	margin: 0 auto;
	width: 1000px;
	height: 191px;
	background: url(../common/header_bg02.gif);
}

#headerArea-box {
	width: 1000px;
	height: 139px;
}

#boxLeft {
	margin-top: 42px;
	height: 80px;
	float: left;
}

#boxLeft img {
	margin-right: 20px;
	float: left;
}

#boxLeft h1 {
	line-height: 80px;
	font-size: 10px;
	float: left;
	color:#CCCCCC;
}

#boxRight {
	margin-top: 70px;
	float: right;
}

#searchTxt {
	width: 180px;
	height: 18px;
	background: #fff url(../common/search_img.gif) no-repeat left;
	padding-left: 20px;
	float: left;
}

#searchBtn {
	margin-left: 5px;
	float: left;
}

.searchBox {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.searchHeading01 {
	padding-left: 15px;
	background: url(../common/ic_square01.gif) no-repeat left center;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.searchHeading02 {
	padding-left: 15px;
	background: url(../common/ic_square02.gif) no-repeat left center;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

#headerArea-navi {
	height: 52px;
}

#headerArea-navi ul li {
	float: left;
}
/* --------------------------------------------------
	menu
-------------------------------------------------- */
.menuclearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#mainnav1 {
	width: 93px;
	height: 52px;
	background: url(../common/navi01_off.gif) no-repeat left center;
	display: block;
}

#mainnav1:hover {
	width: 93px;
	height: 52px;
	background: url(../common/navi01_on.gif) no-repeat left center;
	display: block;
}

#mainnav2 {
	width: 113px;
	height: 52px;
	background: url(../common/navi02_off.gif) no-repeat left center;
	display: block;
}

#mainnav2:hover {
	width: 113px;
	height: 52px;
	background: url(../common/navi02_on.gif) no-repeat left center;
	display: block;
}

#mainnav3 {
	width: 151px;
	height: 52px;
	background: url(../common/navi03_off.gif) no-repeat left center;
	display: block;
}

#mainnav3:hover {
	width: 151px;
	height: 52px;
	background: url(../common/navi03_on.gif) no-repeat left center;
	display: block;
}

#mainnav4 {
	width: 102px;
	height: 52px;
	background: url(../common/navi04_off.gif) no-repeat left center;
	display: block;
}

#mainnav4:hover {
	width: 102px;
	height: 52px;
	background: url(../common/navi04_on.gif) no-repeat left center;
	display: block;
}


#mainnav5 {
	width: 164px;
	height: 52px;
	background: url(../common/navi05_off.gif) no-repeat left center;
	display: block;
}

#mainnav5:hover {
	width: 164px;
	height: 52px;
	background: url(../common/navi05_on.gif) no-repeat left center;
	display: block;
}

#mainnav6 {
	width: 163px;
	height: 52px;
	background: url(../common/navi06_off.gif) no-repeat left center;
	display: block;
}

#mainnav6:hover {
	width: 163px;
	height: 52px;
	background: url(../common/navi06_on.gif) no-repeat left center;
	display: block;
}

#mainnav7 {
	width: 101px;
	height: 52px;
	background: url(../common/navi07_off.gif) no-repeat left center;
	display: block;
}

#mainnav7:hover {
	width: 101px;
	height: 52px;
	background: url(../common/navi07_on.gif) no-repeat left center;
	display: block;
}


#mainnav8 {
	width: 113px;
	height: 52px;
	background: url(../common/navi08_off.gif) no-repeat left center;
	display: block;
}

#mainnav8:hover {
	width: 113px;
	height: 52px;
	background: url(../common/navi08_on.gif) no-repeat left center;
	display: block;
}



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

#footer {
	width: 100%;
	height: 165px;
	background: url(../common/footer_bg01.gif) repeat-x;
}

#footerArea {
	margin: 0 auto;
	width: 1000px;
	height: 165px;
	background: url(../common/footer_bg02.gif);
}

#pagetop {
	height: 25px;
	width: 1000px;
	text-align: right;
}

#footerLink {
	color: #ccc;
	font-size: 10px;
	height: 36px;
	line-height: 36px;
}

#footerLink a:link,
#footerLink a:visited {
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}

#footerLink a:hover,
#footerLink a:active {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
}

#footerLogo {
	margin: 15px 0 13px 0;
	height: 37px;
	color: #656565;
	font-size: 10px;
	line-height: 37px;
}

#footerLogo img {
	margin-right: 14px;
	float: left;
}

#footerCopy {
	height: 39px;
	line-height: 39px;
	font-size: 10px;
	color: #b2b2b2;
}

/* --------------------------------------------------
	=contents 
-------------------------------------------------- */

#contents {
	margin: 0 auto 50px auto;
	width: 1000px;
}

#main {
	width: 670px;
	float: left;
}

#side {
	width: 280px;
	float: right;
}

#sideBunner ul li p {
	font-size: 10px;
	padding: 3px 0 5px 0;
}

#sideTwitter {
	padding-top: 10px;
}

.heading {
	padding: 5px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
	margin-bottom: 20px;
}

/* --------------------------------------------------
	=top
-------------------------------------------------- */

#topMain {
	margin: 0 auto;
	width: 100%;
	background: url(../images/background.gif) repeat-x center top;
}

#topMain-box {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	height: 368px;
}

#frame {
	position: absolute;
	z-index: 0;
	width: 1000px;
	height: 315px;
	top: 0;
	left: 0;
}

#slides {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
}

.slides_container {
	width: 980px;
	overflow: hidden;
	position: relative;
	display: none;
}

.slides_container a {
	width: 980px;
	height: 280px;
	display: block;
}

.slides_container a img {
	display: block;
}

#slides .next,
#slides .prev {
	position: absolute;
	top: 112px;
	left: -65px;
	width: 29px;
	height: 56px;
	display: block;
	z-index: 101;
}

#slides .next {
	left: 1021px;
}

.pagination {
	margin: 26px auto 0;
	width: 105px;
}

.pagination li {
	float: left;
	padding: 0 5px;
	list-style: none;
}

.pagination li a {
	display: block;
	width: 11px;
	height: 0;
	padding-top: 10px;
	background-image: url(../images/pagination.gif);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	background-position: 0 -10px;
}

#topHeading {
	padding: 5px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
	margin-bottom: 5px;
}

#topHeading .press {
	float: left;
}

#topHeading .pressListbtn {
	margin-top: 6px;
	float: right;
}

#topPress-list {
	position: relative;
	width: 670px;
}

#topPress-list dl {
	width: 670px;
}
		
#topPress-list dt {
	padding: 15px 0;
	position: absolute;
	left: 0;
	width: 93px;
	background: url(../common/arrow01.gif) no-repeat right 18px;
}
		
#topPress-list dd {
	padding: 15px 0 15px 102px;
	border-bottom: dotted 1px #ccc;
	color: #999;
}

#topPress-list dd span {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#topPress-list dd span img {
	vertical-align: text-top;
	margin-right: 5px;
}

#topRecommend {
	padding-top: 40px;
	clear: both;
}

#topRecommend ul li {
	padding-right: 37px;
	width: 170px;
	float: left;
}

#topRecommend ul li.last {
	padding-right: 0;
}

#topRecommend ul img {
	margin-bottom: 10px;
}

#topRecommend ul a:link,
#topRecommend ul a:visited {
	color: #666;
	text-decoration: none;
}

#topRecommend ul a:hover,
#topRecommend ul a:active {
	color: #666;
	text-decoration: underline;
}

/*131129追加*/

.topDvd {
	width: 100%;
	margin-bottom: 50px;
}

.topIdol {
	padding: 5px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
	margin-bottom: 5px;
}

.topIdol .press {
	float: left;
}

.topIdol .pressListbtn {
	margin-top: 6px;
	float: right;
}

.topIdol-carousel {
	width: 670px;
	margin-top: 20px;
}

.topIdol-carousel a:link,
.topIdol-carousel a:visited {
	color: #666;
	text-decoration: none;
}

.topIdol-carousel a:hover,
.topIdol-carousel a:active {
	color: #666;
	text-decoration: underline;
}

.topIdol-carousel ul {
	display: block;
	float: left;
}

.topIdol-carousel li {
	display: block;
	float: left;
	width: 155px;
}

.topIdol-carousel li p {
	width: 131px;
	padding: 5px 12px 0 12px
}

.topIdol-carousel .responsive {
	margin-left: 0;
	width: auto;
}

.topIdol-carousel .prev {
	float: left;
	width: 25px;
}

.topIdol-carousel .next {
	float: right;
	width: 25px;
}

.topDvd-box {
	width: 324px;
}

.topEtc {
	padding: 5px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
	margin-bottom: 5px;
}

.topEtc .press {
	float: left;
}

.topEtc .pressListbtn {
	margin-top: 6px;
	float: right;
}

.topEtc-carousel {
	width: 324px;
	margin-top: 20px;
}

.topEtc-carousel a:link,
.topEtc-carousel a:visited {
	color: #666;
	text-decoration: none;
}

.topEtc-carousel a:hover,
.topEtc-carousel a:active {
	color: #666;
	text-decoration: underline;
}

.topEtc-carousel ul {
	display: block;
	float: left;
}

.topEtc-carousel li {
	display: block;
	float: left;
	width: 142px;
}

.topEtc-carousel li p {
	width: 122px;
	padding: 5px 10px 0 10px
}

.topEtc-carousel .responsive {
	margin-left: 0;
	width: auto;
}

.topEtc-carousel .prev {
	float: left;
	width: 20px;
}

.topEtc-carousel .next {
	float: right;
	width: 20px;
}