@charset "Shift-jis";

.mark {behavior:url (#default#homepage);}




html>body .layout{width: 960px;}

body{
	position: relative;
	float: auto;
	width: 100%x;	
	height:100%;/* 高さ100％にしないと、firefox では、途中でボックスが終わってしまう */
	margin:  auto;	/* opera では body に padding を指定しないと余白が残る */
	padding: 30px 0px ;
	border: 0px solid #e6e7e1;
	background : #b5bb9d url(common/back.jpg) repeat fixed center top;
	color: #656565;
	font-family: verdana,chicago,'Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.4em;

	scrollbar-3dlight-color:#666;
	scrollbar-arrow-color:#666;
	scrollbar-base-color:#b5bb9d;
	scrollbar-darkshadow-color:#666;
	scrollbar-face-color:#b5bb9d;
	scrollbar-highlight-color:#b5bb9d;
	scrollbar-shadow-color:#b5bb9d;
	}

#layout{
	display : inline-block;/* inline-block　をしないと、firefox では、class=layout に高さが入らない */
	float: auto;
        width: 965px;
	height: 100%;
        margin: 10px 0px 10px 15px;
	padding: auto;
        border: 0px solid #000;
	text-align: center;
	}

a {
	background: transparent;
	color: #a0522d;
	text-decoration: underline;
	}

a:active, a:hover  {
	background: transparent;
	color: #a0522d;
	text-decoration: none;
	}

.marker {
	display : inline-block;
	color: #a0522d;
	margin: 5px 10px 2px 5px;
	}

ul {
	list-style-type: disc;
	list-style-position: outside; 
	}

ol{
	list-style-type: decimal;
	list-style-position: outside;
	}

h1{
	display : inline-block;/* inline-block　をしないと、class=layout に高さが入らない */
	width: 960px;
	margin: 30px 0px 30px 0px ;
	padding: 0x 0px 0px 0px;
	background: transparent;
	color: #f0f0f0;
	font-size: 16px;
	letter-spacing: 0.3em;
	text-decoration: bold;
	text-align: left;
	}

h2 {
	position: relative;
	margin: 2px 0px 0px 30px ;
	padding: 15px;
	border: 0px solid #7e8b94;
	border-bottom: 0px solid #666;
	background: transparent;
	color: #656b6d;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-decoration: bold;
	text-align: left;
	}

h3 {
	position: relative;
	margin: 2px 0px 0px 0px ;
	padding: 15px;
	border: 0px solid #7e8b94;
	border-bottom: 0px solid #aaa;
	background: transparent;
	color: #656b6d;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: bold;
	text-align: left;
	}

h4 {
	position: relative;
	margin: 20px 0px 0px 10px;
	padding: 0px 10px;
	border: 0px solid #7e8b94;
	border-bottom: 0px solid #aaa;
	background: transparent;
	color: #656b6d;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: bold;
	text-align: left;
	}

.right_middle p{
	margin : 10px 5px 0px 5px;
	}

h5 {
	position: relative;
	margin: 25px 0px 0px 0px ;
	padding: 15px;
	border: 0px solid #7e8b94;
	border-bottom: 1px solid #aaa;
	background: transparent;
	color: #656565;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: bold;
	text-align: left;
	}

h6 {
	position: relative;
	margin: 25px 0px 0px 0px ;
	padding: 5px;
	width: 400px;
	border: 0px solid #7e8b94;
	border-left: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
	background: transparent;
	color: #656565;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: bold;
	text-align: left;
	}

h3,h5{
	color: #f5666;
	}



.top_flame{height: auto;
		
	}

.main_contents{
        overflow: auto; 
        float: left;
        margin: 0px 0px 10px 0px;
        border: 0px solid #7e8b94;
        padding: 0px 0px 0px 0px;
	background: transparent;
        width: 680px;
        text-align: center;
        height: auto;
        position: ralative;
	}

.main_top{	
	display : inline-block;/* inline-block　をしないと、firefox では、class=layout に高さが入らない */        
	float: left;
	background: transparent url(common/main_top.jpg) no-repeat;
	width: 678px;
	height: 50px;
	position: ralative;
	}

.main_top2{
	/* inline-block　をしないと、firefox では、class=layout に高さが入らない */
	display : inline-block;
        float: left;
	background: transparent url(common/main_top2.jpg) no-repeat;
	width: 678px;
	height: 50px;
	position: ralative;
	}

.main_middle{
        
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 0px;
       	background: transparent url(common/main_middle.jpg) repeat-y;
        width: 678px;
        text-align: center;
        height: auto;
        position: ralative;
	}

.main_middle2{
        
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 0px;
       	background: transparent url(common/main_middle.jpg) no-repeat;
        width: 678px;
        text-align: center;
        height: 127px;
        position: ralative;
	}

.main_middle3{
        
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 0px;
       	background: transparent url(common/main_middle.jpg) no-repeat;
        width: 99%;
        text-align: center;
        height: 99%;
        position: ralative;
	}

.main_bottom{        
	float: left;
        margin: 0px 0px 15px 0px;
	background: transparent url(common/main_bottom.jpg) no-repeat;
	width: 678px;
	height: 18px;
        position: ralative;
	}

.main_bottom2{        
	float: left;
	background: transparent url(common/main_bottom2.jpg) no-repeat;
	width: 678px;
	height: 18px;
        position: ralative;
	}

.cd_picture{
	margin: 40px 30px 0px 0px;
        border: 0px solid #aaa;
	float: left;
	padding: 0px 0px 20px 0px;
	width: 265px;
	text-align: center;
	position: relative;
	background: transparent;
	}

.coment_eg{
	margin: 0px 0px 0px 0px;
        border: 0px solid #aaa;
	float: left;
	
	padding: 0px 10px 0px 30px;
	width: 100%;
	position: relative;
	text-align: left;
	height: auto;
	}

.coment_jp{
	margin: 0px 0px 0px 0px;
        border: 0px solid #aaa;
	float: left;
	padding: 0px 15px 20px 0px;
	width: 355px;
	position: relative;
	height:auto;
	text-align: left;
	}

coment_jp,p{
	padding: 0px 15px;
	}


.youtube{
	margin: 0px 0px 0px 0px;
        border: 0px solid #aaa;
	float: right;
	padding: 20px 0px 0px 0px;
	width: 558px;
	position: relative;
	height: auto;
	text-align: center;
	}

/*左寄せの文章の時*/
.youtube_left{
	margin: 0px 0px 0px 0px;
        border: 1px solid #aaa;
	float: right;
	padding: 20px 0px 20px 0px;
	width: 558px;
	position: relative;
	height: auto;
	text-align: left;
	}



.right_00{
        font-size: 12px;
        float: left;/* float:left　をしないと、opera が回り込まない */
	overflow: auto;
        margin: 0px 0px 12px 15px;
        border: 0px solid #aaa;
	background: transparent;
        line-height: 1.5em;
        padding:  1px 0px 0px 0px;
        width: 262px;
        text-align: left;
        min-height: 10px;
        position: relative;
	}     


.right_00 p{
	margin: 9px 5px 0px 0px;
	}

.right_00 a{
	color: #656565;
	font-weight: bold;
	text-decoration: underline;
	}

.right_00 a:hover{
	color: #a0522d;
	font-weight: bold;
	text-decoration: underline;
	}


.right_00 ul{
	list-style-type: disc;/* inline-block　をしないと、class=layout に高さが入らない */
	}

.right_00 ul li{
	line-height: 1.5em;
	position: relative;
	font-weight: bold;
	margin: 20px 10px 0px -10px;
	}

/*トップ右カラムのジャケット写真*/
.items{
	font-size: 10px;
	margin: 15px 5px -5px 0px;
	float: left;
	padding: 0px 0px;
	width: 98%;
	text-align: center;
	position: relative;
	background: transparent ;
	filter:alpha(opacity=70);
	}

.items_over{
	width: 256px;
	height: 100px;
	background-color: rgba(255,255,255,0.7);
	}


/*本文、右カラム*/
.right01{
        font-size: 12px;
        float: left;/* float:left　をしないと、opera が回り込まない */
	overflow: auto;	
        margin: 0px 0px 10px 15px;
        border: 0px solid #aaa;
	background: transparent;
        line-height: 1.5em;
        padding:  0px 0px 0px 0px;
        width: 262px;
        text-align: left;
        min-height: 10px;
        position: relative;
	}     


.right02{
        font-size: 12px;
        float: left;/* float:left　をしないと、opera が回り込まない */
	overflow: auto;	
        margin: 0px 0px 10px 15px;
        border: 0px solid #aaa;
	background: transparent;
        line-height: 1.5em;
        padding:  0px 0px 0px 0px;
        width: 262px;
        text-align: left;
        min-height: 10px;
        position: relative;
	}     



.right01 a{
	font-weight: bold;
	text-decoration: underline;
	color: #888;
	}

.right01 a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #a0522d;
	}



.right01 ul{
	list-style-type: disc;
	}

.right01 ul li{
	line-height: 1.5em;
	position: relative;	
	margin: 20px 10px -10px -10px;
	}


.right_top{	
	display : inline-block;/* inline-block　をしないと、firefox では、class=layout に高さが入らない */
        float: right;
	background: transparent url(common/right_top.jpg) no-repeat;
	width: 262px;
	height: 50px;
	}

.right_middle_fix{
         
        float: right;
        padding: 27px 0px 13px 0px;
     	background: transparent url(common/right_middle.jpg) repeat-y;
        width: 262px;
        text-align: left;
	height: 86px;        
	}

.right_middle_top{
        padding: 2px 0px 0px 0px;
        float: right;
        margin: 0px;       
	background: transparent url(common/right_middle.jpg) repeat-y;
        width: 262px;
        text-align: left;
        height: 327px;        
	}


.right_middle{
        padding: 2px 0px 0px 0px;
        float: right;
        margin: 0px;       
	background: transparent url(common/right_middle.jpg) repeat-y;
        width: 262px;
        text-align: left;
        height: auto;        
	}


.right_bottom{
        
	float: right;
	background: transparent url(common/right_bottom.jpg) no-repeat;
	width: 262px;
	height: 21px;        
	}


.top{
	text-align: center;
	width: 678px;
	height: 522px;
	margin: 0px;
	background-color: transparent;
	}
.foot{
	text-align: center;
	width: 678px;
	height: 97px;
	margin: 0px;
	background-color: transparent;
	}

.top_pic{
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: 0px solid #999;
	background-color: transparent;/*ここ重要*/
	}

.navbar{
	overflow: auto;
	text-align: center;
	width: 678px;
	height: 46px;
	background: transparent;
	margin: 0px 0px 0px 2px;
	padding: 10px 0px 0px 0px;
	position: relative;
	list-style: none;
	}


.navbar a{
	width: 135px;
	font-weight: bold;
	color: #9b9f8b;
	}

.navbar a:hover{
	width: 135px;	
	font-weight: bold;
	background-color: #b5bb9d;
	color: #747670;
	}

.menu{
	font-size: 12px;
	float: left;
	background: transparent;
	border: 0px solid #e6e7e1;
	width: 135px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	}

.menu a:hover{background-color: #b5bb9d;}

#footer{
	display : inline-block;/* inline-block　をしないと、firefox では、class=layout に高さが入らない */
	width: 965px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

