@charset "utf-8";

/* CSS Document */

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

* {
	font-family: Verdana,arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
}

ul {
	list-style-type: none;
}
	

/*------------------------------------------------------------------------------------*/

body {
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.1ex;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

/* for IE bug */
br, {
 letter-spacing: normal;
 }
/* for IE bug */

img {
  border: none;
	margin: 0;
	vertical-align: middle;
}

/* ------------------------------------------------------------------ */

/* --- Decoration ----------------------------------------------- */
.line-bottom {
	border-bottom: 1px solid #999999;
}

.line-solid {
	border: 1px solid #999999;
}
.line-dot {
	border: 1px dotted #999999;
}
.line-dot2p {
	border: 2px dotted #999999;
}

/* --- Text ----------------------------------------------- */
.txt-l {
	text-align: left;
}
.txt-r {
	text-align: right;
}
.txt-c {
	text-align: center;
}

.txt-dotted {
	border-bottom: dotted 1px #999999;
}

/*  h1  h6  */
h1,h2,h3,h4,h5,h6 {
	text-align: left;
	padding: 0;
	margin: 0;
}
  
h1 {
	margin: 0;
	padding: 0;
}

h2 {
	color: #333333;
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 3px 0 3px 9px;
	border-bottom: 1px solid #333333;
	border-left: 5px solid #333333;
	width: 96%;
}
	
h3 {
	color: #FFFFFF;
	background-color: #669933;
	margin: 0;
	padding: 2px 0 2px 5px;
}

h3.article_title {
	font-weight: bold;
}

h3.alnaboard_title,
h3.catalog_title,
h3.live_title,
h3.link_category {
	font-weight: bold;
	margin: 0 10px 0 0;
}

h3.link_category {
	font-weight: bold;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0;
}

h5 {
	line-height: 0;
	font-size: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	background-color: #E6E6E6;
	margin: 12px 0 5px 0;
	padding: 0 0 0 5px;
}

/* --- Link ----------------------------------------------- */
a {
 color: #CC33AA;
 text-decoration: none;
  }

a:link {
 color: #CC33AA;
 text-decoration: none;
  }

a:visited {
 color: #CC33AA;
 text-decoration: none;
  }

a:hover {
 color: #FFFFFF;
 background-color: #CC33AA;
 text-decoration: underline;
  }

a:active
 {
 color: #CC33AA;
 text-decoration: underline;
  }

/* ---------------------------------------------------------------------------------------- */
/* --- Page layout ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */

/* --- float ----------------------------------------------- */
.float-l {
	float: left;
}
.float-r {
	float: right;
}
  
/* --- float cancel ----------------------------------------------- */
.float_cancel {
	clear: both;
	height: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
  }

/* --- vertical-align ----------------------------------------------- */

.middle {
	vertical-align: middle;
}
	
.baseline {
	vertical-align: baseline;
}
	
/* Base -----------------------------------------------------------*/
#base {
	width: 800px;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
	
#base_inner {
	vertical-align: top;
	width: 730px;
	margin: 0;
	padding: 0 0 0 0;
}
	
/* --- Header ----------------------------------------------- */
#header {
	text-align: left;
	width: 800px;
	margin: 10px auto 10px auto;
	padding: 0 0 0 0;
}

#logo {
	float: left;
	display: inline;
	width: 170px;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

#logo p.sitename {
	color: #333333;
	font-size: 22px;
	margin: 0;
	padding: 0 0 0 8px;
}


#glo_menu {
	text-align: left;
	float: right;
	font-size: 12px;
	margin: 58px 0 10px 58px;
	padding: 0 0 0 0;
}

ul#menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#menu li {
	float: left;
	display: inline;
	color: #999999;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
}

#glo_navi {
	float: left;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
	
#glo_button li {
	float: left; /* フロートで横に並べる */
	margin-right: 0; /* メニュー間の余白（一括指定の場合） */}
	
#glo_button li a {
	display: block; /* リンク領域を確保する */
	height: 212px; /* メニュー画像の高さ */
}
	
.li01 {
	width: 159px; /* 画像の幅を指定 */
}
	
.li02 {
	width: 159px;
}
	
.li03 {
	width: 159px;
}
	
.li04 {
	width: 159px;
}
	
.li05 {
	width: 159px;
}

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

#wrapper {
	width: 730px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* -- wrapper ----------------------------------------------------------- */


/* -- Sidemenu ----------------------------------------------------------- */

#side_menu {
	float: left;
	display: inline;
	text-align: left;
	width: 210px;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

ul#banner_link {
	margin: 10px 0 45px 0px;
	padding: 0 0 0 0;
}
ul#artist_link,
ul#catalog_link {
	margin: 5px 0 45px 5px;
	padding: 0 0 0 0;
}
ul#banner_link li {
	color: #999999;
	line-height: 10px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
ul#artist_link li,
ul#catalog_link li {
	color: #999999;
	line-height: 10px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

/* --- smenu_listen --- */

#smenu_listen {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 200px;
        padding: 0 0 10px;
}

#smenu_listen h4 {
	font-weight: normal;
	padding: 10px 0 0 15px;
}

#smenu_listen p {
	padding: 10px 0 0 0;
}

/* --- /smenu_listen/ --- */

.rollOverImageLink .overImage, .rollOverImageLink .disabledImage {
	display:none;
}

.rollOverImageLink .overImage {
	position:absolute;
}

/* -- Sidemenu END ----------------------------------------------------------- */


/* --- Footer ----------------------------------------------- */
#footer {
	color: #999999;
	font-size: 11px;
	width: 800px;
	height: 25px;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 auto;
  }

#footer address {
	margin: 0;
	padding: 3px 0 0 0;
}

/* ---------------------------------------------------------------------------------------- */
/* --- Error Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
h1.error {
	text-align: center;
}
#error_logo {
	text-align: left;
	margin: 0 0 0 50px;
	padding: 0;
}

div.notfound {
	margin: 100px auto;
	padding: 10px 0;
	background-color: #FF33CC;
}

div.forbidden {
	margin: 100px auto;
	padding: 10px 0;
	background-color: #FFFFDD;
}

div.authorization {
	margin: 100px auto;
	padding: 10px 0;
	background-color: #99DDFF;
}
div.internal {
	margin: 100px auto;
	padding: 10px 0;
	background-color: #33FFDD;
}

/* ---------------------------------------------------------------------------------------- */
/* --- TOP Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#main_wrapper {
	float: left;
	display: inline;
	width: 800px;
	margin: 0 0 15px 0;
	padding: 0;
}

#main {
	float: right;
	display: inline;
	text-align: left;
	width: 560px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.article_box {
	width: 98%;
	margin: 0 0 0 0;
	padding: 5px 3px 5px 3px;
	/*
	border-bottom: 1px solid #6A6A6A;
	*/
}

.article {
	padding: 5px 3px 5px 3px;
}
.article p {
	margin: 0 0 10px 0;
}

.artist_l {
	float: left;
}
.artist_r {
	float: right;
}

/* --- top_photo --- */
#top_photo {
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
	background-color: #FFFFFF;
	height: 228px;
}

/* --- /top_photo/ --- */

/* --- mune_photo_top --- */
#mune_photo_top {
	margin: 0 auto;
	padding: 0;
}

.munephoto_box {
	width: 99%;
	margin: 0 auto;
	padding: 0;
}

.munephoto_txt {
	text-align: right;
	margin-right: 10px;
	padding: 0;
	font-size: 10px;
}

/* --- /mune_photo_top/ --- */

/* --- TOP Page END ------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* --- Lower Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* --- Common ------------------------------------------------------------------------- */

#pan {
  position: absolute;/* basic point : #page-title */
	right: 3px;
	bottom: 0;
  width: 785px;
	color: #003597;
	text-align: right;
	font-size: 10px;
	padding: 0;
  }

/* --- MailForm ------------------------------------------------------------------------- */
.comments-open-content {
	font-size: 12px;
	color: #333333;
}
.comments-open-content p {
	margin: 10px 0;
}
.comments-open-content span.form_contents {
	padding: 10px;
}
#mail-form-footer {
	margin: 10px 0 0 0;
}
	
.mailform_opyright {
	font-size: 11px;
	margin: 40px 0 0 0;
}

/* --- Lower Page END ------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* --- Artist Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#artist_main {
	text-align: left;
	font-size: 12px;
	width: 800px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}

#artist_main h1 {
	text-align: left;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#artist_main div.introduction_box {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #333333;
}

#artist_main p {
	text-align: left;
	font-size: 11px;
	margin: 5px 0 15px 5px;
	padding: 0 0 0 0;
}

#artist_main dl {
	 margin: 0 0 15px 0;
}
#artist_main dt {
	float: left;
	width: 7em;
}
#artist_main dd {
	 margin-left: 7em;
}
#artist_main div.release_box {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

div.cover_picture {
	margin: 0 0 15px 0;
}

div.title_text {
	margin: 0 0 0 20px;
}


/* ---------------------------------------------------------------------------------------- */
/* --- alnaboard Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#alnaboard {
	
}

#alnaboard p.requirements {
	font-weight: bold;
	margin: 5px 0 5px 5px;
}

#alnaboard dl {
	margin: 5px 0 5px 9px;
}

#alnaboard ul {
	margin: 5px 0 5px 9px;
}

#alnaboard p {
	margin: 5px 0 5px 9px;
}

/* ---------------------------------------------------------------------------------------- */
/* --- catalog Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

h4.contents {
	border-bottom: 2px dashed #999999;
	border-top: 2px dashed #999999;
	margin: 20px 0 5px 0;
	padding: 2px;
}

.cart {
	margin: 0;
	padding: 0;
}

.price {
	color: #FF0000;
	font-weight: bold;
}

.paypal_btn {
	float: right;
}

.paypal_btn input {
	float: right;
}

.paypal_btn table td {
	text-align: right;
}