@charset "utf-8";
/**
 * Studio Misty
 * Cascading Style Sheet Ver.10
 * Copyright(C) 2009 Yossy All Rights Reserved.
 **/

/*--- reseter ---*/
* {
	padding : 0;
	margin : 0;
}

html{
	height : 100%;
}

/*--- tag selector ---*/
body{
	height : 100%;
    font-family: "Times New Roman", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, Arial, Helvetica, Times New Roman, sans-serif;
	color : #445555;
	background : url(img/common/bg_body.png) repeat-x #000000;
}

a{
	text-decoration : none;
	color : #555599;
	position : relative;
	top : 0px;
	left : 0px;
}

#Footer a{
	color : white;
}

p{
	margin-bottom : 1em;
}

img{
	border : 0px;
}

address{
	text-decoration : none;
}
ul.LeftList
{
	list-style-type: square;
	margin-left : 1em;
}
ul.CommonList{
	list-style-image: url(img/common/list.png);
	margin-left : 20px;
	margin-bottom : 1em;
}
ul.CommonList li{
	margin-bottom : 0.5em;
}

hr{
	margin-top : 5px;
	margin-bottom : 5px;
	height : 1px;
	color : #EEEEEE;
}

.Strike{
	text-decoration : line-through;
}

.ErrorMsg{
	color : red;
}
.ErrorMsg ul{
	margin-left : 20px;
}

.Header1{
	width : 720px;
	height : 35px;
	font-size : large;
	padding : 8px 0 0 20px;
	color : white;
	background : url(img/common/bg_header.png) no-repeat;
}

.Header2{
	height : 25px;
	margin-top : 0.7em;
	margin-bottom : 0.7em;
	padding-left : 25px;
	font-weight : bold;
	font-size : medium;
	color : #778997;
	background : url(img/common/head_point.png) no-repeat;
	border-bottom : 1px solid #C1CDD6;
}

.Header3{
	color : #660000;
	font-size : medium;
	margin-bottom : 1em;
	border-bottom : 1px solid #E0E0E0;
}

/*-- Layout --*/
#Logo{
	width : 1000px;
	height : 100px;
	margin : 0px;
	padding : 0px;
	color : white;
	margin-left : auto;
	margin-right : auto;
	border-style : solid;
	border-color : black;
	border-width : 30px 1px 2px;
	background : url(img/common/logo.jpg) no-repeat #333333;
}
#SubTitle{
	font-size : small;
	margin : 75px 0 0 10px;
	float : left;
}
#TopComment{
	margin : 75px 10px 0 0;
	float : right;
}

#Menu{
	width : 1000px;
	height : 30px;
	border : 1px solid #333333;
	border-bottom : 0px;
	background : #333333;
	font-size : 10pt;
	margin-left : auto;
	margin-right : auto;
}
#Menu ul{
	height : 30px;
	list-style-type : none;
	margin : 0;
	padding : 0;
	display : inline;
}
#Menu ul li{
	height : 30px;
	display : inline;
	margin : 0;
	padding : 0;
}
#Menu ul li img{
	margin : 0;
}
#Menu em{
	width : 210px;
	text-decoration : none;
	font-style : normal;
	font-size : small;
	display : none;
	position : absolute;
	z-index : 2;
}
#Menu em .Header{
	height : 15px;
	background : url(img/common/small_box_sub_head.png) no-repeat;
}
#Menu em .Contents{
	padding : 0 15px 0 10px;
	background : url(img/common/small_box_sub_contents.png) repeat-y;
	color : #335555;
}
#Menu em .Footer{
	height : 15px;
	background : url(img/common/small_box_sub_foot.png) no-repeat;
}

#PageTitle{
	height : 20px;
	width : 195px;
	font-size : 15pt;
	margin-top : 10px;
	padding-left : 30px;
	background : url(img/common/corner.png) no-repeat white;
	float : left;
}
#Language{
	height : 20px;
	width : 40px;
	font-size : 15pt;
	margin-top : 10px;
	background : white;
	float : right;
}

#MainContainer{
	width : 1000px;
	padding : 0;
	background : white;
	margin-left : auto;
	margin-right : auto;
	background : url(img/common/bg_left.png) repeat-y white;
}
#MainContainer #TopInfo{
	width : 400px;
	float : right;
	font-size : small;
	text-align : right;
	line-height : 1em;
	color : #660000;
}

#LeftTower{
	width : 240px;
	height : 100%;
	float : left;
	background : url(img/common/bg_left.png) repeat-y white;
}
#LeftTower dt{
	color : #660000;
	margin-top : 0.5em;
	padding-left : 15px;
	background : url(img/common/list.png) no-repeat;
	background-position : left center;
}
#LeftTower dd{
	margin-left : 1em;
}
#LeftTower dd img{
	margin-left : 0em;
}

#RightContents{
	width : 720px;
	padding : 20px;
	float : right;
}

#Footer{
	width : 1000px;
	height : 50px;
	color : white;
	text-align : center;
	background : url(img/common/bg-footer.jpg) no-repeat #000000;
	border : 1px solid #333333;
	margin-left : auto;
	margin-right : auto;
}

/*-- Common Box --*/
.SmallBoxHeader{
	width : 210px;
	height : 20px;
	margin-top : 5px;
	padding-left : 5px;
	color : white;
	text-transform : capitalize;
	vertical-align : middle;
	letter-spacing : 0.3em;
	background : url(img/common/bg_small_box.png) no-repeat #333333;
}
.SmallBoxHeader img{
	margin-right : 5px;
}

.SmallBox{
	margin-left : 10px;
	margin-right : 20px;
	padding-top : 3px;
	font-size : small;
}

.SmallBox div.Head{
	height : 15px;
	background : url(img/common/small_box_sub_head.png) no-repeat;
}
.SmallBox .InnerBox{
	background : url(img/common/small_box_sub_contents.png) repeat-y;
	padding : 0 10px 0 5px;
}
.SmallBox div.Foot{
	height : 15px;
	background : url(img/common/small_box_sub_foot.png) no-repeat;
}

.GoTop{
	width : 100%;
	text-align : right;
	margin-bottom : 1em;
}

.ReadmeHead{
	width : 720px;
	height : 35px;
	font-size : large;
	font-weight : bold;
	margin-top : 1em;
	padding : 8px 0 0 20px;
	color : white;
	background : url(img/common/bg_header.png) no-repeat;
}

.Readme{
	width : 690px;
	padding : 10px;
	font-size : small;
	margin-bottom : 2em;
	border : 3px double #AAAAAA;
}

.CommonBox{
	width : 690px;
	font-size : small;
	padding-left : 20px;
	padding-right : 20px;
}

.CommonBox p{
	font-size : medium;
	line-height : 1.3em;
}

.CommonBox dl{
	margin-left : 30px;
}
.CommonBox dt{
	font-weight : bold;
}
.CommonBox table{
	border-collapse:collapse;
    border-spacing:0;
}
.CommonBox td, .CommonBox th{
	border : 1px solid #666666;
	padding : 2px;
}
.CommonBox th{
	color : white;
	background : #666666;
}

/*-- Specific Styles --*/
#Update{
	width : 205px;
	height : 250px;
	margin-bottom : 0.5em;
	overflow : auto;
}
#Update dt{
	color : #660000;
	background : none;
}
#Update dd{
	margin-left : 1em;
}

#LinkPop{
	display : none;
	width : 400px;
	padding : 5px;
	font-size : small;
	border : 1px dotted black;
	background : #FAFFFE;
	position : absolute;
	z-index : 3;
}
#LinkPop div.LinkTitle{
	color : #660000;
	font-weight : bold;
}
#LinkPop div.Detail{
	float : right;
	overflow : hidden;
	width : 300px;
}
#LinkPop #LinkThumb{
	float : left;
}

.StatusCode{
	padding-left : 30px;
	background : url(img/common/icn_error.png) no-repeat;
}

.DiaryLogNavi{
	float : left;
	font-size : small;
}
.DiaryTitle{
	width : 720px;
	height : 35px;
	font-size : large;
	padding : 8px 0 0 20px;
	color : white;
	background : url(img/common/bg_header.png) no-repeat;
}
.DiaryEntry{
	line-height : 1.2em;
	padding : 0 7px 0 7px;
}

.DiaryEntry blockquote{
	font-size : small;
	color : #999999;
	padding : 0.5em 1em 0.5em 1em;
	border : 1px dashed #999999;
	background : #EEEFFF;
}

.DiaryFooter{
	width : 720px;
	margin : 0.5em 0 0.5em 0;
	font-size : small;
	text-align : right;
	color : #660000;
}
.DiaryComment{
	display : none;
	padding : 1em 20px 1em 20px;
	margin-bottom : 1em;
	width : 676px;
	border : 2px solid #666666;
	background : #FAFCFE;
	font-size : small;
}
.DiaryComment .Name{
	color : #660000;
	margin-top : 0.7em;
}
.DiaryComment .Comment{
	margin-left : 1em;
}
.DiaryComment .Timestamp{
	width : 100%;
	text-align : right;
}
.DiaryComment .CommentClose{
	width : 100%;
	text-align : right;
}

/*-- Link --*/
.LinkTab{
	height : 25px;
	font-size : 12pt;
	color : white;
	border-bottom : 3px solid #445D6F;
}
.LinkTab a{
	padding : 3px;
	height : 19px;
	margin-right : 2px;
	display : block;
	float : left;
	color : #445D6F;
	background : #C1CDD6;
}
.LinkList{
	width: 100%;
	display : none;
}
.LinkList td{
	padding : 5px;
}
.LinkList .Title{
	background : url(img/common/list.png) no-repeat;
	background-position : left center;
	padding-left : 15px;
	width : 580px;
}
.LinkList .Banner{
	border-bottom : 1px solid #E0E0E0;
}
.LinkList .Tag{
	padding-left : 25px;
	padding-bottom : 2em;
	font-size : x-small;
	border-bottom : 1px solid #E0E0E0;
}

/*-- Note --*/
.NoteList{
	width : 100%;
}

.NoteList img{
	border : 1px solid #666666;
}
.NoteList .Thumbnail{
	border-bottom : 1px solid #E0E0E0;
}
.NoteList .Title{
	background : url(img/common/list.png) no-repeat;
	background-position : left center;
	padding-left : 15px;
	width : 580px;
}
.NoteList .Description{
	width : 580px;
	padding-left : 25px;
	font-size : small;
	border-bottom : 1px solid #E0E0E0;
}
.NoteList .Description .Date{
	font-size : x-small;
	padding-right : 20px;
	text-align : right;
}

/*-- Liner Notes --*/
.LinerNotes img.LinerJacket{
	float : left;
	border : 1px solid #E0E0E0;
}
.LinerNotes dl{
	width : 400px;
	float : right;
}
.LinerNotes dt{
	font-weight : bold;
	color : #660000;
}
.LinerNotes dd{
	font-size : small;
	margin-left : 25px;
}
.LinerNotes p{
	margin-left : 15px;
}

/*-- Work --*/
.WorkList{
	margin-bottom : 25px;
}
.WorkList .Package{
	float : left;
	width : 150px;
	font-size : small;
	margin : 0 10px 0 10px;
}
.Jacket{
	border : 1px solid #666666;
}
.WorkList dl{
	float : right;
	width : 520px;
	margin-left : 25px;
}
.WorkList dt{
	font-size : small;
	color : #660000;
	background : url(img/common/list.png) no-repeat;
	background-position : left center;
	padding-left : 15px;
	width : 580px;
	margin : 0.5em 0 0.5em 0;
}
.WorkList dd{
	font-size : small;
	margin-left : 20px;
}

/*-- Profile --*/
.Profile dl{
	width : 650px;
	margin-left : 15px;
	margin-bottom : 0.7em;
}
.Profile dt{
	color : #660000;
	background : url(img/common/list.png) no-repeat;
	background-position : left center;
	padding-left : 15px;
	width : 580px;
	margin : 0.5em 0 0.5em 0;
}
.Profile dd{
	margin-left : 20px;
}
.Profile p{
	width : 650px;
	font-size : small;
	margin-left : 15px;
}
.Profile img.Jacket{
	float : left;
	margin-right : 10px;
}

/*-- Music --*/
.MusicTab{
	width : 575px;
	height : 25px;
	font-size : 12pt;
	color : white;
	border-bottom : 3px solid #445D6F;
	float : left;
}
.MusicTab a{
	width : 100px;
	padding : 5px;
	height : 15px;
	margin-right : 5px;
	display : block;
	float : left;
	color : #445D6F;
	background : #C1CDD6;
}
.ChangeMode{
	font-size : 13px;
	height : 22px;
	padding-top : 3px;
	width : 125px;
	float : right;
}
.ChangeMode img{
	float : left;
}
.MusicList{
	width : 700px;
}
.MusicList .Title{
	height : 30px;
	padding : 5px 0 0 10px;
	font-size : large;
	color : white;
	background : url(img/common/bg_common_header2.png) no-repeat;
}
.MusicList .Item{
	font-size : 12px;
	padding-top : 0.3em;
	margin-bottom : 1em;
}
.Item table{
	float : left;
}
.Item .ItemName{
	width : 80px;
	margin-left : 10px;
	color : #660000;
	font-size : 12px;
}
.Item .ItemDetail{
	width : 150px;
}
.Item .Comment{
	margin : 5px;
	width : 420px;
	float : right;
}
.Simple .Comment{
	display : none;
}
.Simple .Odd{
	width : 340px;
	float : left;
	border : 1px solid #E0E0E0;
	margin-bottom : 1em;
}
.Simple .Even{
	width : 340px;
	float : right;
	border : 1px solid #E0E0E0;
	margin-bottom : 1em;
}
.MusicList .EvenBreak{
	display : none;
}
.Simple .EvenBreak{
	display : block!important;
	clear : both!important;
}