@charset "utf-8";

/* CSS Document */

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

html, body {
	font-family: Verdana, arial, helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	height: 100%;
	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;
	font-size: 14px;
}

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

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;
	font-size: 14px%;
}

ul {
	list-style-type: none;
}

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

/* 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 {
	font-size: 14px;
	top: 0;
	right: 0;
}

h2 {
	color: #333333;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 3px 0 3px 9px;
	border-bottom: 1px solid #333333;
	border-left: 5px solid #333333;
	width: 98%;
}
	
h3 {
	color: #FFFFFF;
	background-color: #2F4F4F;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 5px;
}

h3.article_title {
	font-size: 18px;
	line-height: 32px;
}

h3.link_category {
	font-size: 18px;
	font-weight: bold;
}

h4 {
	font-size: 14px;
        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: #CC33FF;
	text-decoration: none;
}

a:link {
	color: #2F4F4F;
	text-decoration: underline;
  }
h3 a:link{
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
h3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #CC33FF;
	text-decoration: none;
}

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

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

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

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

.middle {
	vertical-align: middle;
}
	
.baseline {
	vertical-align: baseline;
}
	
/* Base -----------------------------------------------------------*/
#base {
	background: transparent;
	width: 630px;
	margin: 0 auto;
	padding: 0;
}
	
#base_inner {
	vertical-align: top;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
	
/* --- Header ----------------------------------------------- */
#header {
	text-align: left;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

#logo {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#glo_menu {
	text-align: left;
	float: left;
	font-size: 14px;
	margin: 10px 0;
	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;
}
ul#menu li a img {
	vertical-align: bottom
}
#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 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* -- wrapper ----------------------------------------------------------- */


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

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

ul#artist_link {
	margin: 5px 0 45px 15px;
	padding: 0 0 0 0;
}

ul#artist_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;
}

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

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

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

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


/* --- Footer ----------------------------------------------- */
#footer {
	clear: both;
	background-color: #2F4F4F;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	width: 100%;
	height: 50px;
	padding: 25px 0 0 0;
	margin: 50px auto 0;
	position: relative;
  }

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

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ---------------------------------------------------------------------------------------- */
/* --- 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 {
	margin: 0 0 15px 5px;
	padding: 0 0;
}

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

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

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

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

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

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


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

ol {
  list-style-position: inside;
  margin: 10px 10px;
}
ol li {
  margin: 15px 0;
}
/* ---------------------------------------------------------------------------------------- */
/* --- profile Page ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#artist_main {
	text-align: left;
	font-size: 14px;
	margin: 5px 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: 14px;
	margin: 0 0 0 0;
	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.link_box {
	margin: 0 0 0 0;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #333333;
}

#artist_main div.release_box {
	height: 60px;
	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;
}

/* ---------------------------------------------------------------------------------------- */
/* --- Comment Area ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
div.trackbacks {
	margin: 20px 0;
}

div.comments {
	margin: 20px 0;
}
div.trackbacks-info {
	margin: 20px 0 10px 20px;
}
div.comments-content {
	margin: 20px 0;
}
div.comment-header {
	margin: 10px 0 10px 20px;
}
div.comment-content {
	margin: 10px 0 10px 20px;
}
div.comments-open-content {
	margin: 20px 0 10px 20px;
}

.article iframe {
	width: 120px;
	height: 240px;
}