﻿@charset "utf-8"; /*utf-8の場合*/

/*デフォルトの余白解除*/
html, body, div, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, 
ul, ol, li, dl, dt, dd, 
table, th, td, 
form, fieldset, input, textarea,img{ 
  	margin: 0; 
	padding: 0;
	font-family:sans-serif;
 
} 




body{
	background-color:#1B1B1B;
	color:#000000;
	font-size:10pt;
	width:800px;/*右のボックスが伸びる限界*/
	margin-left:auto;/*全体を画面の左右の中央に配置*/
	margin-right:auto;
	margin-top:3%;
	margin-bottom:auto;
	}
	

body.ww{
	background-color:#1B1B1B;
	background-image:url("");
	color:#000000;
	font-size:10pt;
	width:800px;/*右のボックスが伸びる限界*/
	margin-left:auto;/*全体を画面の左右の中央に配置*/
	margin-right:auto;
	margin-top:3%;
	margin-bottom:auto;
	}


h1.bio{		/*経歴ページの見出し*/
	font-size:13pt;
	margin-top:30px;
		}

h2{	/*ディスコグラフィのCDタイトル*/
	font-size:12pt;
	margin-top:10px;
		}


h3{	/*ww販売フォームの商品名*/
	font-size:11pt;
	margin-top:10px;
	margin-left:10px;	}

p{
	font-size:10pt;
		}


p.ww{   /*ww販売ページの文章、フォームの日時指定の注意書*/
	font-size:10pt;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px
	}



ul.list>li {	/* 履歴一覧の項目を太字に*/
	margin: 0px;
	padding: 0px;
	list-style:disc;
	font-weight:bold;
	font-size:11pt;
	line-height:250%;
	}


ul.list li ul li {	/* 履歴一覧の詳細の設定 */
	margin: 0px;
	padding-left:15px;
	font-weight:normal;
	font-size:10pt;
	line-height:180%;
	list-style-position:inside;
	}

ul.ww>li {	/* 履歴一覧の項目を太字に*/
	margin: 0px;
	padding: 0px;
	list-style:disc;
	font-weight:normal;
	font-size:10pt;
	line-height:180%;
	}

ul.ww li ul li {	/*特商法の2段目のリスト */
	margin: 0px;
	padding-left:15px;
	font-weight:normal;
	font-size:10pt;
	line-height:180%;
	list-style-position:inside;
	}




.tb{ 　　　/*ww販売カートで使う表*/
border:1px solid #000000; 
border-collapse:collapse; 
}
.tb td{ 
border:1px solid #000000; 
border-collapse:collapse; 
}
.btn{
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#D8D8D8;
}



/* ---トップページの日本語、英語入り口の設定------------------------ */

.navi ul {	
	padding: 0px;
	list-style:none;
	margin-left:30%;
	margin-right:auto;
	margin-top:10px;
	}

.navi ul li{	
	/* li要素を横に並べる */
	float:left;	
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height:80px;
	
	}

.navi ul li a:link, .navi ul li a:visited, .navi ul li a:active{	 
	/* a要素をブロックに */	
	display: block;
	/* 背景画像と同じ幅高さ指定 */
	height: 80px;
	width: 160px;	
	color:#ffffff;
	/* 文字を横軸中央に */	
	text-align: center;
	text-decoration: none;
	font-size:13pt;
	font-weight:bold;
	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(image/gcref.jpg) 0 0 no-repeat;}

.navi ul li a:hover {
	color:#808080;
	font-size:13pt;	
	/* 背景画像指定 X:0 Y:-80px 繰り返し無し */
	background: url(image/gcref.jpg) 0 -80px no-repeat;}



/* ---メニューバーの設定------------------------ */

.menu ul {	margin: 0px;
	padding: 0px;
	list-style:none;
	
	}

.menu ul li{	/* li要素を横に並べる */
	float:left;	
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height: 40px;}

.menu ul li a:link, .menu ul li a:visited, .menu ul li a:active{	 
	/* a要素をブロックに */	
	display: block;
	/* 背景画像と同じ幅高さ指定 */
	height: 40px;
	width: 100px;	
	color: #003366;
	/* 文字を横軸中央に */	
	text-align: center;
	text-decoration: none;
	font-size:10pt;
	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(image/menu.jpg) 0 0 no-repeat;}

.menu ul li a:hover {
	color:#990099;
	font-size:10pt;	
	/* 背景画像指定 X:0 Y:-45px 繰り返し無し */
	background: url(image/menu.jpg) 0 -40px no-repeat;text-decoration: none;}



/* ---WWメニューバーの設定------------------------ */

.wwmenu ul {	margin: 0px;
	padding: 0px;
	list-style:none;
	
	}

.wwmenu ul li{	/* li要素を横に並べる */
	float:left;	
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height: 40px;}

.wwmenu ul li a:link, .wwmenu ul li a:visited, .wwmenu ul li a:active{	 
	/* a要素をブロックに */	
	display: block;
	/* 背景画像と同じ幅高さ指定 */
	height: 40px;
	width: 160px;	
	color: #003366;
	/* 文字を横軸中央に */	
	text-align: center;
	text-decoration: none;
	font-size:10pt;
	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(image/wwmenu.jpg) 0 0 no-repeat;}

.wwmenu ul li a:hover {
	color:#000000;
	font-size:10pt;	
	/* 背景画像指定 X:0 Y:-40px 繰り返し無し */
	background: url(image/wwmenu.jpg) 0 -40px no-repeat;text-decoration: none;}


/* ---wwボタンの設定------------------------ */

.botan ul {	
	padding: 10px;
	list-style:none;
	margin:0px;
	}

.botan ul li{	
	/* li要素を横に並べる */
	float:left;	
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height:40px;
	
	}

.botan ul li a:link, .botan ul li a:visited, .botan ul li a:active{	 
	/* a要素をブロックに */	
	display: block;
	/* 背景画像と同じ幅高さ指定 */
	height: 40px;
	width: 320px;	
	color:#006633;
	/* 文字を横軸中央に */	
	text-align: center;
	text-decoration: none;
	font-size:13pt;
	font-weight:bold;
	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(image/botan.gif) 0 0 no-repeat;}

.botan ul li a:hover {
	color:#006633;
	font-size:13pt;	
	/* 背景画像指定 X:0 Y:-40px 繰り返し無し */
	background: url(image/botan.gif) 0 -40px no-repeat;}



	


.door{	/* トップページの大きな画像と入り口リンク */	
	background-color:#000000;
	height:540px;
	color:#ffffff;
	}


.wwdoor{	/* トップページの大きな画像と入り口リンク */	
	background-color:#000000;
	background-image:url("image/ww1-2.jpg");
	height:500px;
	color:#ffffff;
	font-size:8pt;
	line-height:150%;
	margin:0px;
	padding:0px 410px 0px 30px;
	overflow:auto;
	}


.wrapper{	/*トップページ以外のコンテンツ部分　メニューの上まで*/
	background-color:#000000;
	margin: 0; 
	
	}





.left-box2{	/*経歴ページの人物写真*/
	background-color:#000000;
	color:#ffffff;	
	font-size:10pt;
	width:300px;
	height:500px;
	border:none;
	float:left;
	margin:0;	
	overflow:hidden;
	}

.left-box3{	/*ご案内ページの風景写真　横幅480*/
	background-color:#000000;
	color:#ffffff;	
	font-size:10pt;
	width:480px;
	height:500px;
	border:none;
	float:left;
	margin:0;	
	overflow:hidden;
	}


.right-box2{	/*白背景に黒文字で文章やリストを書く部分*/
	background-color:#ffffff;
	color:#000000;	
	font-size:10pt;
	line-height:150%;
	margin:0px;
	padding:0 30px;
	height:500px;
	border:none;
	overflow:scroll;
	}


.right-box3{	/*ご案内ページ右側　黒背景に白文字　*/
	background-color:#000000;
	color:#ffffff;	
	font-size:10pt;
	line-height:150%;
	margin:0px;
	padding:0 30px;
	height:500px;
	overflow:auto;
	}

/* ---2カラムのクリア設定------------------------ */

.clear { clear:both; }   
.clear hr { display:none; }  


/* ---透明の水平線------------------------ */

.toumei hr { color:#ffffff; }  


img { 
	vertical-align:text-bottom;
	border: none;
	}


img.disc{	/*ディスコグラフィの画像配置*/
	float:left;
	padding-top:0px;
	padding-right:30px;
	padding-bottom:30px;
	
	} 



.foot{
	background-color:#696969;
	color:white;	
	font-size:10pt;
	line-height:150%;
	padding-left:10px;
	margin: 0; 
	
	}
	

.wwfoot{　　/*販売ページのフッター*/
	background-color:#666666;
	color:#ffffff;	
	font-size:10pt;
	line-height:150%;
	padding-left:10px;
	padding-bottom:10px; 
	padding-top:5px;
		}



.foot a:link, .foot a:visited{color:#ffffff;text-decoration:none;}
.foot a:hover{color:#660033;font-weight:normal;}
.foot a:active{color:#000000;}	

.bio a:link, .bio a:visited{color:#a9a9a9;text-decoration:none;}
.bio a:hover{color:#669966;font-weight:normal;}
.bio a:active{color:#000000;}

.ww a:link, .ww a:visited{color:#006633;text-decoration:underline;}
.ww a:hover{color:#669966;font-weight:normal;}
.ww a:active{color:#000000;}

a:link,a:visited{color:#808080;text-decoration:none;}
a:hover,a:active{color:#669966;text-decoration:underline;}
	

	
