/* CSS Document */


body{
	/*Lyout*/
	background-color:#fffff;
	width:100%;
	padding:10px 0px 0px 0px;
	
	/*other*/
	color:#666666;
	
    	overflow-x: hidden;

	
	font-size:90%;
}


#my_body {
	 margin: 0 auto; 
	 width : 700px ;
	 /*height: 650px;*/
	 font-family:Courier New, Verdana, Arial, Helvetica, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}


#my_header {
	/*Lyout*/
	
	width:100%;
	height:100px;
	
	/*header一つの時
	width:100%;
	height:100px;
	*/
	
	/*other*/
	background-color:#ffffff;
}

#my_header ul li{
	/*Lyout*/
	margin:0px 0px 0px -40px;
	
	/*other*/
	text-decoration: none;
	list-style-type: none;
	font-size:70%;
	color : #444444;
	letter-spacing: 0.1em;
	
}


#my_header ul li a:link {
	color: #444444;
	text-decoration:none;
	background-color:#D3D3D3;
}

#my_header ul li a:visited {
	color: #ffffff;
	text-decoration:none;
	background-color:#707070;
	
}

#my_header ul li a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color:#444444;	
}

#my_header ul li a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}




#my_header h1 {
	font-size : 80%;
	color : #ff0066;
	letter-spacing: 0.1em;
	
}

#my_header h1 a:link {
	color:  #444444;
	text-decoration: none;
	border:none;
} 

#my_header h1 a:visited {
	color: #999999;
	text-decoration: none;
	background-color:#ffffff;
	border:none;
} 

#my_header h1 a:hover {
	color: #ffffff;
	background-color:#C0C0C0;
	text-decoration: none;
	border:none;
} 

#my_header h1 a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}

ul li{
	/*Lyout*/
	margin:0px 0px 0px 10px;
	
	/*other*/
	text-decoration:none;
	list-style-type:none;
	font-size:80%;
}



#my_navigation { 
	float : left ; 
	width : 150px ;
	/*height: 600px;	*/ 
	
}

#my_navigation h2{
	font-size:85%;
	margin:0px 0px 0px 0px ;
	letter-spacing: 0.1em;
	
}

#my_navigation h2 a:link {
	color:  #444444;
	text-decoration: none;
	border:none;
} 

#my_navigation h2 a:visited {
	color: #999999;
	text-decoration: none;
	background-color:#ffffff;
	border:none;
} 

#my_navigation h2 a:hover {
	color: #ffffff;
	background-color:#C0C0C0;
	text-decoration: none;
	border:none;
} 

#my_navigation h2 a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}

#my_navigation p {
	font-size:85%;
	margin:-8px 0px 0px 0px ;
	padding-top:10 ;
	letter-spacing: 0.1em;
}

#my_navigation p a:link {
	color:  #444444;
	text-decoration: none;
	border:none;
} 

#my_navigation p a:visited {
	color: #999999;
	text-decoration: none;
	background-color:#ffffff;
	border:none;
} 

#my_navigation p a:hover {
	color: #ffffff;
	background-color:#C0C0C0;
	text-decoration: none;
	border:none;
} 

#my_navigation p a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}

#my_contents ul li{
	/*Lyout*/
	margin:0px 0px 0px -40px;
	
	/*other*/
	text-decoration: none;
	list-style-type: none;
	font-size:80%;
	color : #444444;
	letter-spacing: 0.1em;
	
}


#my_contents ul li a:link {
	color: #444444;
	text-decoration:none;
	background-color:#D3D3D3;
}

#my_contents ul li a:visited {
	color: #ffffff;
	text-decoration:none;
	background-color:#707070;
	
}

#my_contents ul li a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color:#444444;	
}

#my_contents ul li a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}


#my_contents { 
	float : left ; 
	width : 550px ;
	/*height: 600px*/ 
	
	margin:0px 0px 20px 0px;
	
	/*other*/
	background-color:#ffffff;
}

#my_contents p{
	margin:0px 0px 20px 0px;
}


.my_content {
	/*Lyout*/
	line-height:1em;
	letter-spacing:0.1em;
	
	padding:0px 0px 0px 0px;
	
	/*other*/
	/*
	border-bottom:1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	*/
}


.my_content p{
	margin:0px 0px 20px 0px;
}


.my_content caption {
	/*lyout*/
	
	
	/*other*/
	font-size:80%;
	text-align:left;
}

#my_contents_top { 
	float : left ; 
	width : 550px ;
	height: 25px 
}

#my_contents_left{
	/*Lyout*/
	float:left;
	width:275px;
	
	
	/*header一つの時
	width:100%;
	height:100px;
	*/
	
	/*other*/
	background-color:#ffffff;
}


a.imagelink:link,
a.imagelink:visited,
a.imagelink:hover{
	background-color:#ffffff;
	text-decoration:none;
	border:none;
}

.activepage{
	color: #ffffff;
	background-color:#666666;
	text-decoration: none;
	border:none;
}

#my_contents_right{
	/*Lyout*/
	float:left;
	width:275px;
	
	
	text-align:left;
	
	/*header一つの時
	width:100%;
	height:100px;
	*/
	
	/*other*/
	background-color:#ffffff;
	
}





#my_contents p { 
	font-size : 80%;
	color : #444444;
	letter-spacing: 0.1em;
	margin:0px 0px 0px 0px ;
	padding:20px 0px 0px 0px;
	
}

#my_contents h3 { 
	font-size : 80%;
	color : #444444;
	letter-spacing: 0.1em;
	margin:0px 0px 0px 0px ;
	
}

#my_contents h4 { 
	font-size : 80%;
	color : #444444;
	letter-spacing: 0.2em;
	margin:0px 0px 0px 0px ;
	height:10px;
	padding-top:20 ;
	
}

#my_contents h5 { 
	font-size : 75%;
	color : #444444;
	letter-spacing: 0.1em;
	margin:0px 0px 0px 0px ;
	height:10px;
	padding-top:10 ;
}

#my_contents h6 { 
	font-size : 75%;
	color : #444444;
	letter-spacing: 0.1em;
	margin:0px 0px 0px 0px ;
	height:10px;
	padding-top:10 ;
	text-decoration:none;
	text-align: right;
}

#my_contents h6 a:link {
	color: #444444;
	text-decoration:none;
	background-color:#D3D3D3;
}

#my_contents h6 a:visited {
	color: #ffffff;
	text-decoration:none;
	background-color:#707070;
	
}

#my_contents h6 a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color:#444444;	
}

#my_contents h6 a:active {
	color: #ff00ff;
	text-decoration: none;
	border:none;
}


#photodiv {
 	 background-repeat: no-repeat;
}





#my_footer{
	/*Lyout*/
	width:100%;
	clear:both;
	
	height:50px;
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	
	/*other*/
	background-color:ffffff;
	font-size:80%;
	text-align:center;
	
	border-top:1px;
	border-top-style: dotted;
	border-top-color: #666666;
}