/* === ヘッダー部分のスタイル === */

.head	{background-color:#ffffff;
	 width:100%;}

.head1	{width:70px;
	 text-align:right;}

.head2	{padding-left:50px;}


.head h1	{font-size:24px;
	 	font-family:'Comic Sans MS';
	 	color:white;
		 margin-bottom:1px;}

.head div {font-size:12px;
	   color:white;}

BODY	{margin:0px;
	padding:0pt;
	scrollbar-3dlight-color:#cc3399;
	scrollbar-track-color:white;
	scrollbar-darkshadow-color:#cc3399;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-arrow-color:#cc3399;
  
  
  
  
}

/* === サイドバーとコンテンツ部分のスタイル === */

.side_main	{width:100%;
		 height:100%;
		 border-top:none;}


/* === サイドバー部分のスタイル === */

.side	{width:145px;
	 background-color:#ffffff;
	 padding:20px;
	 vertical-align:top;}

.sidebtm	{width:145px;
		 background-color:#ffffff;
	 	padding:20px;
	 	vertical-align:bottom;}

.sidebtm a	{
	display:block;
	width:80px;
	border:solid 1px;
	padding:23px 0px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	margin-bottom:10px;
	color:white;}

.sidebtm a:hover	{background-color:white;}

.sidebtm a.menu8:hover	{color:#660066;}

.sidebtm a.menu8	{background-color:#660066;}

.side a	{
	display:block;
	width:80px;
	border:solid 1px;
	padding:23px 0px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	margin-bottom:10px;
	color:white;}

.side a:hover	{background-color:white;}

.side a.menu1:hover	{color:#cc0099;}
.side a.menu2:hover	{color:#cc3399;}
.side a.menu3:hover	{color:#cc6699;}
.side a.menu4:hover	{color:#cc9999;}
.side a.menu5:hover	{color:#cccc99;}
.side a.menu6:hover	{color:#ccff99;}
.side a.menu7:hover	{color:#99ccff;}

.side a.menu1	{background-color:#cc0099;}
.side a.menu2	{background-color:#cc3399;}
.side a.menu3	{background-color:#cc6699;}
.side a.menu4	{background-color:#cc9999;}
.side a.menu5	{background-color:#cccc99;}
.side a.menu6	{background-color:#ccff99;}
.side a.menu7	{background-color:#99ccff;}

.copy	{margin-top:30px;
	width:150px;
	border-left:solid 8px #cc9999;
	padding-left:5px;
	line-height:12px;
	font-size:10px;
	font-weight:bold;}

/* === コンテンツ部分のスタイル === */

.main	{padding-left:30px;
	 padding-right:30px;
	 padding-top:5px;
	 padding-bottom:20px;
	 vertical-align:top;}

.main h1	{font-size:18px;
	 	font-family:Arial, Helvetica;}

.main h1 img	{vertical-align:middle;
	 	margin-right:8px;}

.main h2	{border-bottom:solid 5px #cc9999;
	 font-size:14px;
	 color:black;
	 padding:5px 0px 3px;}

.main P	{font-size:14px;
	 line-height:120%;
	 color : black;}

.main a	{text-decoration:none;
	color:#ff00ff;
	border-bottom:dotted 1px #ff00ff;}

.main a:hover {background-color:#ff00ff;
		color:white;}


.photo td	{vertical-align:bottom;
	 	font-size:12px;
	 	padding:0px;}

.photo img	{margin-right:8px;}


/* === サイドバー部分（右）のスタイル === */

.side2	{vertical-align:top;
	width:140px;
	padding-left:20px;
	 padding-right:20px;
	background-color:#cc9999;}

.side2 .td	{padding:0px;}

.side2 .submenu	{font-size:14px;
	 	font-family:Arial, Helvetica;
		 background-color:#999999;
	 	padding:3px;
	 	margin-top:30px;}

.side2 div	{font-size:12px;
	 	margin-bottom:10px;}

.side2 a	{color:#333333;text-decoration:none;}

.side2 IMG	{border : #cc9999;
		border-top-style :
		solid;border-right-style :
		solid;border-bottom-style :
		solid;border-left-style : solid;}


/* === youtube埋め込み（レスポンシブル） のスタイル === */

.video	{
	position: relative;
	width: 100%;
	}

.video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}