/* ===============================================
	▼ディスコグラフィー
=============================================== */
#discography {
	text-align: left;
	padding: 10px 0px 0px 0px;
}
#discography #discArea {
	float: left;
	width: 500px;
	padding:15px;
	_display:inline;
}
#discography #thumbsArea{
	float: right;
	width: 310px;
	padding:5px 0px 15px 0px;
}
#discography ul#thumbsArea li{
	padding:10px 15px 0 15px;
}
#discography ul#thumbsArea li div.img{
	width:105px;
	float:left;
	_display:inline;
}
#discography ul#thumbsArea li div.caption{
	width:165px;
	float:right;
	_display:inline;
}

#discography #ri-yoArea {
	clear:both;
	padding:10px 0 0;
}
#discography #ri-yoArea #ri-yoPad {
	padding:15px;
	width:820px;
}
#discography #ri-yoArea #ri-yoPad .ri-yoCaption{
	width:520px;
	float:left;
}
#discography #ri-yoArea #ri-yoPad .ri-yoEx{
	width:270px;
	float:right;
}
#discography #discArea .discBox {
	padding: 0 0 40px 0;
}
#discography #discArea .discBox .left{
	float: left;
	width: 175px;
}
#discography #discArea .discBox .right{
	float: right;
	width: 290px;
}
#discography #discArea .discBox .right h3 span{
	font-size: 10pt;
}
/*POP UP*/
div.popupBox{
	display:none;
}
div.popupBox{
	text-align:left;
	background:#ffffff;
}
div.disc{
	width:495px;
}
div#qr{
	width:627px;
}
div.popupBox div.discBox,
div.popupBox div.qrBox{
	padding:8px;
	border:#cccccc 1px solid;
}
div.popupBox div.empedBox{
	padding:50px;
	border:#cccccc 1px solid;
}
div.popupBox div.discBox .left{
	float: left;
	width: 175px;
}
div.popupBox div.discBox .right {
	float: right;
	width: 290px;
}
div.popupBox div.discBox .right h3 span {
	font-size: 10pt;
}
div.popupBox a.close {
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
}

/* ===============================================
	▼プロフィール
=============================================== */
#all_member {
	position: absolute;
	top: -48px;
	right: 23px;
}
#profile li {
	float: left;
}
#profile li#member1 {
	width: 48%;
	float: left;
	text-align:right;
	padding: 0 0 15px 0;
}
#profile li#member2 {
	width: 48%;
	float: right;
	text-align:left;
	padding: 0 0 15px 0;
}
#profile li#member3 {
	width: 33%;
	float: left;
	text-align:left;
}
#profile li#member4 {
	width: 33%;
	float: left;
	text-align:center;
}
#profile li#member5 {
	width: 33%;
	float: right;
	text-align:right;
}
#profile li#member6 {
	width: 48%;
	float: left;
	text-align:right;
	padding: 16px 0 0 0;
}
#profile li#member7 {
	width: 48%;
	float: right;
	text-align:left;
	padding: 16px 0 0 0;
}
/* ===============================================
	▼リンク
=============================================== */
#link {
	text-align: left;
	padding: 10px 0px 0px 0;
}
#link #linkList {
	float:left;
	width: 535px;
}
#link #linkList ul {
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding: 15px;
}
#link #linkList ul.end{
	background-image:none;
}
#link #linkList ul li.title {
	font-weight: bold;
	font-size: 12pt;
	background: url(../img/arrow_green.gif) no-repeat left center;
	padding: 0 0 0 20px;
}
#link #linkList ul li.link {
	font-weight: bold;
	font-size: 12pt;
	padding: 3px 0 8px 20px;
}
#link #linkList ul li.text {
	font-size: 80%;
	padding: 0 0 0 20px;
}

#link #linkFree {
	float:right;
	width: 270px;
	padding:15px;
	_display:inline;
}

/* ===============================================
	▼一覧ページ（NEWS, MEDIA, EVENT, SPECIAL）
=============================================== */
h2.listTitle{
	margin-bottom:15px;
}
* html h2.listTitle{
	margin-bottom:0;
}

h2.detailTitle{
	margin-top:10px;
	margin-bottom:15px;
}

#listArea {
	width: 100%;
	text-align: left;
}

/*Start pager*/
ul.pager {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	padding: 10px 0px 10px 0;
}
ul.pager li {
	float: left;
	color: #ffffff;
	border-left: 1px solid #000000;
	font-size: 11pt;
	line-height:13px;
	font-weight: bold;
	padding: 0 8px;
}
ul.pager li a{color: #000000; text-decoration: underline; }
ul.pager li a:hover { color: #ffffff; text-decoration: underline; }
ul.pager li.end {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
/*End pager*/

/*Start List*/
/*latest*/
#listArea .latestBox {
	background: url(../img/box_openBottom.png) no-repeat left bottom;
	padding:10px 0px 16px 0px;
}
#listArea .latestBox .latestPad{
	background: url(../img/box_openTop.png) no-repeat left top;
	padding:8px 0px 0px 0px;
}
#listArea .latestBox dl {
	background: url(../img/box_openMiddle.png) repeat-y left top;
	padding: 7px 29px 0px 8px ;
}
#listArea .latestBox dl dt {
	float: left;
	width: 10%;
}
#listArea .latestBox dl .date {
	color: #ffffff;
	font-weight: bold;
	font-size:11px;
}
#listArea .latestBox dl dd {
	float: right;
	width: 88%;
}
#listArea .latestBox dl .category {
	color: #666666;
	font-weight: bold;
	padding: 0 0 3px 0;
}
#listArea .latestBox dl .title {
	color:#ff6600;
	font-weight: bold;
	font-size: 12pt;
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

/*CLOSE,OPEN*/
#listArea .closeBox,
#listArea .openBox{
	background: url(../img/box_closeBottom.png) no-repeat left bottom;
	padding:0px 0px 17px 0px;
}
#listArea .closeBox .closePad,
#listArea .openBox .closePad{
	background: url(../img/box_closeTop.png) no-repeat left top;
	padding:16px 0px 0px 0px;
}
#listArea .closeBox .closePad dl,
#listArea .openBox .closePad dl{
	background: url(../img/box_closeMiddle.png) repeat-y left top;
	padding: 7px 22px 0px 8px ;
}
/*CLOSE ON*/
#listArea .closeBoxOn{
	background: url(../img/box_closeBottom_on.png) no-repeat left bottom;
	padding:0px 0px 17px 0px;
}
#listArea .closeBoxOn .closePad{
	background: url(../img/box_closeTop_on.png) no-repeat left top;
	padding:16px 0px 0px 0px;
}
#listArea .closeBoxOn .closePad dl{
	background: url(../img/box_closeMiddle_on.png) repeat-y left top;
	padding: 7px 22px 0px 8px ;
}
/*共通*/
.closePad dl dt {
	float: left;
	width: 10%;
}
.closePad dl .date {
	color: #ffffff;
	font-weight: bold;
	font-size:11px;
	padding-top:2px;
}
dl .num,
dl .text {
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	padding-top:2px;
}
dl .text{
	font-size:11px;
}
.closePad dl dd {
	float: right;
	width: 88%;
}
.closePad dl .category {
	color: #666666;
	font-weight: bold;
	padding: 0 0 3px 0;
}
.closePad dl .title {
	color:#66cc00;
	font-weight: bold;
	font-size: 12pt;
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.closePad dl dd div.contents{
	width:670px;
	float:left;
}
.closePad dl dd div.contents .textBody{
	display:none;
}
.closePad dl dd a.bt_more{
	float:right;
	width:35px;
	margin:15px 0px 0px 0px;
}

#listArea dl div.img{
	width:210px;
	float:left;
}
#listArea dl div.outline{
	width:460px;
	float:right;
}

#listArea  dl .qrArea .left{
	float:left;
	width:20%;
}
#listArea  dl .qrArea .right{
	float:right;
	padding:10px 0 0;
	width:79%;
}

/* ===============================================
	▼詳細ページ（NEWS, MEDIA, EVENT, SPECIAL, CAMPAIGN）
=============================================== */
#detailArea {
	width: 100%;
	text-align: left;
	padding: 10px 0 25px 0;
	margin-bottom:25px;
}
#detailArea .backList a{
	margin:0 10px 0 0;
}
#detailArea ul#detailBox {
	border-top: 2px solid #b1cb97;
}
#detailArea ul#detailBox  {
	border-top: 2px solid #b1cb97;
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding: 15px;
}
#detailArea ul#detailBox li#date {
	float: left;
	width: 20%;
}
#detailArea ul#detailBox li#date div,
div.outline div.date{
	color: #33cc66;
	font-weight: bold;
	background: url(../img/arrow_green.gif) no-repeat left center;
	padding: 0 0 0 1.5em;
}
#detailArea ul#detailBox li#category {
	float: right;
	width: 84%;
}
#detailArea ul#detailBox li#category div {
	color: #666666;
	font-weight: bold;
	padding: 0 0 3px 0;
}
#detailArea ul#detailBox li#title {
	clear: both;
	width: 100%;
}
#detailArea ul#detailBox li#title div {
	color: #339966;
	font-weight: bold;
	font-size: 12pt;
	padding: 3px 20px;
}
#detailArea .detailText {
	padding: 20px 35px 10px 35px;
}
/*ARCHIVE*/
dl.archive{
	width:100%;
	margin:0px 0px 10px 0;
}
dl.archive dt{
	width:15%;
	float:left;
}
dl.archive dd{
	width:83%;
	float:right;
}
/*▼cmapignのみ▼*/
#campaign {
	text-align: left;
	padding: 10px 0 0 0;
}
#outlineBox{
	border-top: 2px solid #b1cb97;
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding:15px 35px 15px 35px;
}
#outlineBox .title {
	color:#ff6600;
	font-weight: bold;
	font-size: 12pt;
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#outlineBox div.img{
	width:210px;
	float:left;
}
#outlineBox div.outline{
	width:550px;
	float:right;
}
/*▲cmapignのみ▲*/
/*▼specialのみ▼*/
#specialArea {
	text-align: left;
	margin-bottom:25px;
	padding: 10px 0 0 0;
}
/*illust*/
#illustArea{
	width:100%;
	margin-bottom:25px;
	background:#990000 url(../../special/img/ill_back.gif) top left no-repeat;
	text-align:center;
}
#illustArea .illustBox{
	padding:150px 75px 7px 75px;
	background:transparent url(../../special/img/ill_back_bottom.gif) bottom left no-repeat;
}
#illustArea .illustMain{
	padding-bottom:20px;
}
#illustArea .illustSub{
	padding-bottom:20px;
	background:transparent url(../../special/img/ill_back_middle.gif) top left repeat-y;
}
.illustMain img,
.illustSub img{
	border:#996666 2px solid;
}
p.illustTitle{
	width:700px;
	height:48px;
	padding-top:17px;
	color:#333333;
	font-weight: bold;
	font-size: 16pt;
	margin:20px auto 0;
	background:transparent url(../../special/img/ill_title_back.gif) top left no-repeat;
}
.illArchiveBox{
	height:500px;
	padding:200px 75px 7px 75px;
	background:transparent url(../../special/img/ill_back_bottom.gif) bottom left no-repeat;
}
/*talk*/
#talkArea{
	padding:160px 20px 20px 20px;
	background:transparent url(../../special/img/talk_title.gif) 2px 1px no-repeat;
}
#talkArea h3.title{
	font-size:12pt;
	color:#ff6600;
}
#talkArea dl{
	font-size:12pt;
	width:100%;
	margin:10px 0;
}
#talkArea dt{
	float:left;
	width:15%;
}
#talkArea dd{
	float:right;
	width:83%;
}
/*maxim*/
#maximArea{
	padding:160px 25px 20px 25px;
	background:transparent url(../../special/img/maxim_title.gif) 2px 1px no-repeat;
}
.maximBox{
	padding:20px;
	margin-bottom:40px;
	background:#ffffff url(../../special/img/maxim_back.gif) top left repeat;
}
.maximPad{
	padding:20px 10px 10px 10px;
	background:#ffffff url(../../special/img/maxim_back_pad.gif) top left repeat;
}
.maximPad div.titleBox{
}
.maximPad div.leftBox{
	float:left;
	width:430px;
}
.maximPad div.rightBox{
	float:right;
	width:300px;
}
.maximPad p.date{
	padding:10px 0;
	margin-bottom:10px;
	border-top:2px #b7ac9d dotted;
	border-bottom:2px #b7ac9d dotted;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
}
.maximPad div.empedBox{
	text-align:center;
	margin-bottom:20px;
}
.maximPad div.imgBox{
	text-align:center;
	margin-bottom:20px;
}
.maximPad div.imgBox img{
	background:#996633;
	padding:15px;
}
.maximPad div.textBox{
	clear:both;
	padding:10px 0 0 0;
	border-top:1px #b7ac9d solid;
}
.maximPad dl.archiveBox{
	width:100%;
	padding-bottom:10px;
	font-size:12pt;
	font-weight:bold;
}
.maximPad dl.archiveBox dt{
	width:28%;
	float:left;
}
.maximPad dl.archiveBox dd{
	width:70%;
	float:right;
}

/*Start pager*/
p.spPager {
	text-align:center;
	padding: 10px 0px 5px 0;
}
p.spPager span {
	color:#000000;
	border-left: 1px solid #000000;
	font-size: 11pt;
	line-height:13px;
	font-weight: bold;
	padding: 0 8px;
}
p.spPager span.end {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
/*End pager*/
/*▲specialのみ▲*/



/* ===============================================
	▼20110906 add MEDIA用タブ
=============================================== */

ul#tabnavi{
	padding:0 0 10px 0;
}

ul#tabnavi li{
	float:left;
	list-style:none;
	margin-right:10px;
	text-align:center;
}
ul#tabnavi li a{
	display:block;
	behavior: url(/common/js/border-radius.htc);
	padding:5px;
	background:#ffffff;
	width:83px;
	text-decoration:none;
	font-weight:bold;
	border: 2px solid #000000;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

ul#tabnavi li a.on{
	display:block;
	behavior: url(/common/js/border-radius.htc);
	padding:5px;
	background:#65cccc;
	color:#ffffff;
	width:83px;
	text-decoration:none;
	font-weight:bold;
	border: 2px solid #000000;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

ul#tabnavi li a:hover{
	
}