/* タグ設定 */

body {
	background: #ffffff;
	color:      #000000;
	margin:     5px 0px;
	font-size:  13px;
	overflow-x: hidden;
}

a {
	color:           #0000cc;
	text-decoration: none;
}

a:link {
	color: #0000cc;
}

a:active {
	color: #33ffff;
}

a:hover {
	color: #33ffff;
}

/* conteiner設定 */

#conteiner {
	width:   740px;
	margin:  auto;
	padding: 0px;
	background: #ffffff;
	border:  1px solid #9999ff;
}

/* top設定 */

#top {
	width:  740px;
	margin: 0px;
}

#top .toplogo {
	width:  740px;
	height: 100px;
	/*background-color: #cccccc;*/
	background-image: url(./img/mizu.jpg);
}

#top .toplogo .toptext {
	height: 20px;
	padding: 50px 0px 0px 0px;
	margin:0px;
}

#top .toplogo h1 {
	/*background-color: #999999;*/
	/*height:           100px;*/
	/*text-indent:      -9999px;*/
	font-family: Comic Sans MS;
	font-size: 30px;
	color:  #ff3300;
	float:  left;
	width:  550px;
	margin: 0px;
	padding: 0px 5px;
}

#top .toplogo span {
	/*display: none;*/
	color: #ffffff;
	font-size:10px;
	width:130px;
	padding-top:3em;
	padding-right: 5px;
	float:right;
}

#top .topmenu {
	width:            740px;
	height:           1em;
	font-size:        105%;
	margin:           0px;
	padding:          0px;
	border-top:       1px solid #9999ff;
	border-bottom:    1px solid #9999ff;
	background-color: #ffffff;
}

#top .topmenu ul {
	width:           550px;
	float:           left;
	text-align:      left;
	color:           #999999;
	padding:         0px 10px;
	margin:          0px;
	list-style-type: none;
}

#top .topmenu li {
	display: inline;
}

#top .topmenu .counter {
	width:           150px;
	float:           right;
	text-align:      right;
	padding:         0px 10px;
	margin:          0px;
}

/* main設定 */

#main {
	clear:   left;
	width:  740px;
}

#main .contents {
	width:         525px;
	border-left:   1px dashed #9999ff;
	float:         right;
}

#main .contents p {
	margin:  5px;
	padding: 5px;
}

#main .contents .update {
	padding: 10px;
}

#main .contents .update .news {
	height:         auto;
	width:          500px;
	margin:         0px;
	padding-bottom: 10px;
}

#main .contents .update .news .date {
	font-size: 110%;
	margin:    0px;
	padding:   0px;
}

#main .contents .update .news .text {
	padding-left:  5px;
	margin-left:   5px;
	margin-bottom: 5px;
	border-left:   1px solid #0000cc;
}

#main .contents .history {
	font-size:  80%;
	width:      500px;
	padding:    5px 0px;
	margin:     0px;
	text-align: right;
	display:    block;
}

#main .contents .release {
	height:       auto;
	margin:       0px;
	padding:      5px 15px;
	border-bottom:    1px dashed #9999ff;
}

#main .contents .release h2{
	font-size:     98%;
	padding: 5px;
	border-left: 5px solid #6666ff;
	border-top: 1px solid #9999ff;
	border-bottom: 1px solid #6666ff;
}

#main .contents .discography {
	height:        120px;
	border-top:    1px dashed #9999ff;
}

#main .contents .discography .disc{
	font-weight:   bold;
	height:        20px;
	font-size:     18px;
	padding:       0px 10px;
	color:         #339966;
}

#main .contents .discography .maxi  ,
#main .contents .discography .albam  {
	height:  50px;
}

#main .contents .discography .maxi img  ,
#main .contents .discography .albam img  {
	height:  40px;
	padding: 5px 10px;
	float:   left;
	display: block;
}

#main .sidemenu {
	width:   210px;
	margin:  0px;
	float:   left;
}

#main .sidemenu .aboutmenu   ,
#main .sidemenu .membermenu  ,
#main .sidemenu .worksmenu   ,
#main .sidemenu .soundmenu     {
	border-bottom: 1px dashed #9999ff;
}

#main .sidemenu ul {
	padding:         0px 10px;
	margin:          0px;
	list-style-type: none;
	display:         block;
}

#main .sidemenu li {
	margin:  0px;
	padding: 3px;
	display: block;
}

#main .sidemenu .sidelink {
	padding: 5px;
}

#main .sidemenu .sidelink .sidetext {
	font-size: 85%;
	margin:    0px;
}

#main .sidemenu #player {
	padding: 5px;
	border-top: 1px dashed #9999ff;
}

#main .sounds {
	font-size: 80%;
	padding:   5px;
}

#contentstitle {
	color: #333366
	height:     1em;
	width:      450px;
	font-weight: bold;
	font-size: 130%;
	padding:   5px;
	margin:    5px 15px;
	border-left: 5px solid #6666ff;
	border-top: 1px solid #9999ff;
	border-bottom: 1px solid #6666ff;
}

/* footer設定 */

#footer {
	width:      740px;
	text-align: center;
	padding:    2px 0px;
	border-top: 1px solid #9999ff;
	clear:      both;
}

/* member設定 */

#memberprof {
	padding: 10px;
	height:  350px;
}

#memberprof #title {
	font-weight: bold;
	font-size:   16px;
	padding:     0px;
}

#memberprof #subtitle {
	font-weight: bold;
	padding:     0px 10px;
}

#memberprof a {
	padding-left: 50px;
}

#memberprof p {
	border-left: 1px solid #0000cc;
	width:      400px;
	font-size:  12px;
	padding:    10px;
}

#memberprof ul {
	list-style-type: none;
	padding:         0px 10px;
	margin:          0px;
}

/* update設定 */

#update {
	padding: 10px;
}

#update .news {
	width:          500px;
	margin:         0px;
	padding-bottom: 10px;
}

#update .news .date {
	font-size: 110%;
	margin:    0px;
	padding:   0px;
}

#update .news .text {
	padding-left:  5px;
	margin-left:   5px;
	margin-bottom: 5px;
	border-left:   1px solid #0000cc;
}

/* about設定 */

#what {
	width: 500px;
	margin: 0px;
	padding: 10px;
}

#what #title {
	font-weight: bold;
	font-size:   16px;
	padding:     20px 0px;
}

#what #subtitle {
	font-weight: bold;
	padding:     0px 10px;
}

#what p {
	border-left: 1px solid #0000cc;
	font-size:  12px;
	padding:    10px;
	margin:     10px;
}

/* works設定 */

#works {
	padding: 10px;
}

#works ul {
	list-style-type: none;
}

#works .date {
	font-size:   16px;
	padding:     10px 0px;
	display:     block;
}

#works .worksinfo {
	margin:      0px 10px;
	border-left: 1px solid #0000cc;
}

#works .worksinfo ul {
	padding: 0px 10px;
	margin:  0px;
}

#works .worksinfo li {
	margin:  0px;
	padding: 10px 0px;
	display: block;
}

#works #title {
	font-weight: bold;
	font-size:   16px;
	padding:     20px 0px;
}

#works .linkinfo {
	padding:     5px;
}

#works .linkinfo ul {
	border-left: 1px solid #0000cc;
	padding: 0px 5px;
	margin:  0px;
}

#works .linkinfo li {
	margin:  0px;
	padding: 0px;
	display: block;
}

#works .col {
	height:         auto;
	width:          450px;
	padding:        20px 10px;
	border-bottom:  1px dashed #0000cc;
}

#works .col .name {
	font-size: 110%;
	width:     180px;
	margin:    0px;
	padding:   0px;
	float:     left;
}

#works .col .text {
}

/* disco設定 */

#disco {
	padding: 10px;
}

#disco ul {
	list-style-type: none;
}

#disco #title {
	font-weight: bold;
	font-size:   16px;
	padding:     0px 10px;
}

#disco .worksinfo {
	padding:     10px;
}

#disco .worksinfo ul {
	padding: 0px 10px;
	margin:  0px;
}

#disco .worksinfo li {
	margin:  0px;
	padding: 10px 0px;
	display: block;
}

#disco .linkinfo {
	padding:     10px;
}

#disco .linkinfo ul {
	padding: 0px 10px;
	margin:  0px;
}

#disco .linkinfo li {
	margin:  0px;
	padding: 0px;
	display: block;
}

#disco .col {
	height:         auto;
	width:          500px;
	padding:        10px;
	margin:         0px;
	padding-bottom: 10px;
}

#disco .col .name {
	font-size: 115%;
	margin:    0px;
	padding:   0px;
}

#disco .col .text {
	padding-left:  5px;
	margin-left:   5px;
	margin-bottom: 5px;
	border-left:   1px solid #0000cc;
}

/* 終了関係 */

#end {
	font-weight: bold;
	font-size:   10px;
	color:       #ff0000;
}

/* その他関係 */

.error {
	font-size:10px;
	color:#ff0000;
}
.error:link{
	color:#ff0000; 
}
.error:active{
	color:#ff9999;
}
.error:visited{
	color:#ff0000;
}
.error:hover{
	color:#ff9999;
}

/* スマートフォン対策 */
#margin{
    margin-top:100px;
}
#crop{
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
}
#crop table{
    width:100%;
    margin:auto;
    overflow:hidden;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    background-color:#ffffff;
}
#crop td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    height:120px;
}
#crop td p{
    margin:auto;
    overflow:hidden;
    position:relative;
}
#crop td .home,.info,.twi,.prof,.work,.link {
    width:76px;
    height:60px;
}
#crop td .home img{
    position:absolute;
    top:-228px;
    left:-248px;
}	
#crop .info img{
    position:absolute;
    top:-344px;
    left:-500px;
}	
#crop .twi img{
    position:absolute;
    top:-228px;
    left:-124px;
}	
#crop .prof img{
    position:absolute;
    top:-228px;
    left:-752px;
}	
#crop .work img{
    position:absolute;
    top:-228px;
    left:-372px;
}	
#crop .link img{
    position:absolute;
    top:-112px;
    left:6px;
}	