@charset "UTF-8";

/* Tags
===================================================*/
*{
	margin: 0px;
	padding: 0px;
}
img{
	border: none;
}
body{
	background: #000000 url(/images/wallpaper.jpg) top center no-repeat;
	text-align: center;
}

/* Font 
===================================================*/
body,th,td{
	color: #3b392e;
	font-size: 14px;
	line-height: 1.5em;
	font-family: "メイリオ","ＭＳ Ｐゴシック",Osaka,Verdata,Arial;
}

/* Link
===================================================*/
a:link {
	color: #047596;
	text-decoration: none; 
}
a:active {
	color: #047596;
	text-decoration: underline;
}
a:visited {
	color: #047596;
	text-decoration: none;
}
a:hover {
	color: #047596;
	text-decoration: none;
}

/* Common Class
===================================================*/
.sFont{
	font-size: 10px;
	line-height: 12px;
}
.lFont{
	font-size: 18px;
	line-height: 22px;
}
.cRed{
	color: #ff0000;
}
.icon{
	vertical-align: middle;
}
.more{
	text-align: right;
}
.pCenter{
	text-align: center;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* pager */
.pager{
	margin-bottom: 10px;
}
.pager ul{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}

.pager li{
	float: left;
	padding: 8px;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
	border: 1px solid #e2e2e2;
	background-color: #f1f1f1;
	margin-right: 5px;
}
/* message */
.errorMessage{
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 10px;
	padding: 20px;
	color: #ff0000;
	font-weight: bold;
}
.message{
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 10px;
	padding: 20px;
}
.message h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
/* listTB */
.listTB{
	width: 100%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
.listTB th{
	text-align: left;
	background-color: #e5e5e5;
	padding: 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.listTB td{
	padding: 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.listTB td p{
	margin-bottom: 5px;
}
/* formTB */
.formTB{
	width: 100%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 10px;
}
.formTB th{
	text-align: left;
	background-color: #e5e5e5;
	padding: 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	width: 120px;
}
.formTB td{
	padding: 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.formTB td p{
	margin-bottom: 5px;
}
.formTB .tdSubmit{
	text-align: center;
	padding: 30px;
}
.formTB .about{
	font-size: 12px;
	line-height: 18px;
}
.inputBoxS{
	width: 200px;
}
.inputBoxXS{
	width: 50px;
}
.inputBoxL{
	width: 330px;
}
.textareaS{
	width: 200px;
	height: 200px;
}
.textareaL{
	width: 330px;
	height: 300px;
}



/* container
===================================================*/
#container{
	margin: 0px auto;
	text-align: left;
	width: 924px;
}

/* headerArea
===================================================*/
#headerArea{
	margin: 0px;
	height: 120px;
	overflow: hidden;
	background: url(/images/bg_header.gif) bottom left no-repeat;
}
/* gMenu */
#gMenu{
	margin: 20px 0px 0px 400px;
	list-style-type: none;
	width: 524px;
	height: 54px;
	background: url(/images/bg_gmenu.gif) top left no-repeat;
}
#gMenu li.gMenuImg{
	float: left;
	height: 54px;
	text-indent: -9999px;
}
#gMenu li.gMenuImg a{
	display: block;
	height: 54px;
}
a#gMenuHome{width:66px; background:url(/images/gmenu_home.gif);}
a#gMenuNews{width:68px; background:url(/images/gmenu_news.gif);}
a#gMenuLive{width:58px; background:url(/images/gmenu_live.gif);}
a#gMenuProf{width:58px; background:url(/images/gmenu_prof.gif);}
a#gMenuDisc{width:68px; background:url(/images/gmenu_disc.gif);}
a#gMenuMedia{width:68px; background:url(/images/gmenu_media.gif);}
a#gMenuBlog{width:64px; background:url(/images/gmenu_blog.gif);}
a#gMenuGoods{width:74px; background:url(/images/gmenu_goods.gif);}
#gMenu li.gMenuImg a:hover {background-position:0px -54px;}

/* lMenu */
#lMenu{
	margin: 5px 0px 0px 500px;
	width: 424px;
	text-align: right;
}
#lMenu ul{
	list-style-type: none;
}
#lMenu li{
	display: inline;
	font-size: 11px;
	line-height: 12px;
	padding: 7px 10px 5px 10px;
	background-color: #e0e0e0;
	border: 2px solid #301506;
}

/* footerArea
===================================================*/
#footerArea{
	padding: 20px;
}
#footerArea p{
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	line-height: 13px;
}
/* fMenu */
#fMenu{
	margin-bottom: 20px;
	list-style-type: none;
	height: 40px;
}
#fMenu li.fMenuImg{
	float: left;
	height: 40px;
	text-indent: -9999px;	
}
#fMenu li.fMenuImg a{
	display: block;
	height: 40px;
}
a#fMenuAudioleaf{width:200px; background:url(/images/fmenu_audioleaf.gif);}
a#fMenuMyspace{width:156px; background:url(/images/fmenu_myspace.gif);}
a#fMenuPurevolume{width:150px; background:url(/images/fmenu_purevolume.gif);}
a#fMenuMixi{width:70px; background:url(/images/fmenu_mixi.gif);}
a#fMenuMtk{width:80px; background:url(/images/fmenu_mtk.gif);}
a#fMenuSushi{width:125px; background:url(/images/fmenu_sushi.gif);}
#fMenu li.fMenuImg a:hover {background-position:0px -40px;}

/* mainArea
===================================================*/
#mainArea{
	background: url(/images/bg.gif) top left repeat-y;
}
#mainArea .innerBox{
	padding: 20px;
	text-align: left;
}
#mainArea .imageBox{
	padding: 5px 0px 5px 7px;
	text-align: left;
}
#mainArea h2{
	margin-bottom: 20px;
}

/* headerBanner
===================================================*/
#headerBanner{
	padding: 5px 0px 5px 7px;
	list-style-type: none;
}
#headerBanner li{
	float: left;
	margin-right: 1px;
}

/* topBanner
===================================================*/
#topPage .imageBox{
	padding: 5px 0px 0px 7px;
}
#topPage #headerBanner{
	padding: 1px 0px 5px 7px;
	list-style-type: none;
}


#topBanner{
	text-align: center;
	width: 910px;
	height: 1100px;
	background: url(/images/1st/1st.jpg) bottom left no-repeat;
}
#topLink{
	width: 640px;
	padding-top: 210px;
	margin: 0px auto 10px auto;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	list-style-type: none;
}
#topLink li{
	float: left;
}
#topPV{
	text-align: center;
}
#topBtn{
	width: 640px;
	margin: 10px auto;
}
.topBtn{
	float: left;
	width: 210px;
}
.topBtn img{
	border: 1px solid #000000;
}

/* loginForm
===================================================*/
#loginForm{
	text-align: center;
	width: 910px;
	background: #ffffff url(/images/bg_photo.jpg) top left no-repeat;
	padding: 200px 0px;
}
.loginFormInner{
	margin: 0px auto;
	width: 830px;
}
.loginFormBox{
	float: left;
	width: 400px;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
}
.loginFormBox .formTB{
	margin-bottom: 0px;
}
.loginFormBox .message{
	margin-bottom: 5px;
}
.loginRegistBox{
	float: right;
	width: 400px;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
}
.loginRegistBox .message{
	margin-bottom: 0px;
}
/* registForm
===================================================*/
#registForm{
	width: 910px;
	background: #ffffff url(/images/bg_photo.jpg) top left no-repeat;
	text-align: center;
	padding: 200px 0px;
}
#registForm .message{
	font-size: 12px;
	line-height: 18px;
}
.registFormBox{
	margin: 0px auto;
	width: 400px;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
}
.registFormBox .formTB{
	margin-bottom: 0px;
}
/* contactForm
===================================================*/
#contactForm{
	width: 910px;
	background: #ffffff url(/images/bg_photo.jpg) top left no-repeat;
	text-align: center;
	padding: 200px 0px;
}
#contactForm .message{
	font-size: 12px;
	line-height: 18px;
}
.contactFormBox{
	margin: 0px auto;
	width: 400px;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
}
.contactFormBox .formTB{
	margin-bottom: 0px;
}

/* newsDL
===================================================*/
.newsDLMenu{
	list-style-type: none;
	border: 1px solid #cccccc;
}
.newsDLMenu li{
	float: left;
	border-right: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px;
}
.newsDL{
	margin-bottom: 30px;
}
.newsDL dt{
	border-bottom : 1px solid #cccccc;
	background-color: #e5e5e5;
	padding: 10px;
}
.newsDL dd{
	display: none;
	padding: 10px;
	background-color: #ffffff;
}
.newsDL h3{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.newsDL .newsImg{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 5px solid #e5e5e5;
}
/* For Media-page */
#menu_NC_song{
	background-color: #efefef;
}
#elm_NC_movie,#elm_NC_photo,#elm_NC_web,#elm_NC_magazine,#elm_NC_tv,#elm_NC_radio,#elm_NC_chakuuta{
	display: none;
}

/* newsArticle
===================================================*/
.newsArticle{
	margin-bottom: 30px;
}
.newsArticle .newsSubject{
	border-top : 3px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color: #e5e5e5;
	margin-bottom: 15px;
}
.newsArticle h3{
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 15px 15px 15px 15px;
}
.newsArticle h4{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.newsArticle .newsComment{
	margin-bottom: 10px;
}
.newsArticle .newsImg{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 5px solid #e5e5e5;
}
.newsArticle .newsSignature{
	clear: both;
	text-align: right;
	font-size: 12px;
}

/* itemThumb
===================================================*/
.itemThumb{
	margin-bottom: 20px;
	background-color: #e5e5e5;
	border: 1px solid #cccccc;
	padding: 20px;
}
.itemThumbPic{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.itemThumb img{
	border: 3px solid #ffffff;
}
.itemThumb h3{
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.itemThumbInfo{
	margin-bottom: 10px;
}