@charset “UTF-8”;

* {
 margin:0px;
}

h1{
	font-size:11px;
	font-weight:normal;
	color:#333333;
	line-height:15px;
	height:13px;
	}

p{
	font-size:14px;
	color:#333333;
	}

p.r{
	font-size:11px;
	color:#333333;
	}

span.r { color: #770000	; }


#container {
/*background-color: red;*/
width: 800px;
margin: 0 auto; /* 自動的に真ん中に配置 */
}


#Head {
/*	background-color: blue;*/
	width: 800px;
	height: 45px;
	}

#Title {
/*background-color: #ffff99;*/
width: 250px;
height: 45px;
float:left;
}

#Title h2{
	font-size:22px;
	margin:10px 0 0 0px;
	font-weight:normal;
	}
#Title h2 a{
	font-size:22px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none; 
	color:#333333;
	}


#Menu {
/*background-color: #99ffff;*/
width: 550px;
height: 45px;
float:left;
}


#Menu ul{
	list-style-type:none;
	margin:20px 0 0 10px;
	zoom:100%;
    }

	
#Menu ul li{
	float:left;
	font-size:12px;
	color:#333333;
	}
#Menu ul li a{
	color:#333333;
	text-decoration:none;
	font:13px;
	}
#Menu ul li a:hover{
	color:#FF6600;
	text-decoration:underline;
	}


#HeadPic {
/*	background-color: green;*/
	width: 800px;
	height: 345px;
	text-align:center;
}


#BoxA {
/*	background-color: #ff9999;*/
	width: 440px; /* Box Aのwidth + 2× padding A + Box Bのwidth + 2×padding B = Containerのwidth */
	height: auto;
	float:left;
	margin-top:15px;
}

#BoxA ul{
/*	list-style-type:none;*/
	margin:20px 0 20px -10px;
	line-height:100%;
	}


#BoxA li{
	font-size:13px;
	color:#333333;
	padding: 5px 0;
	}
#right{
text-align: right;
}




#Twitter {
/*	background-color: #9999ff;*/
	width: 335px; 
	height: 500px;
	float:left;
	margin:15px 0 0 20px;
}


#Info1 {
/*	background-color: #9999ff;*/
	width: 365px; 
	height: 180px;
	float:left;
	margin:15px 0 0 20px;
}

#InfoMark{
	height:24px;
}

#Info{
	background:url(fig/infobg.jpg);
	height:180px ;
}

#Info h4{
	font-size:10px;
	padding: 10px 0 0 10px;
	}

#Info1 p{
	margin:4px 10px 0 10px;
	font-size:12px;
	line-height:130%;
	}


#Info2 {
/*background-color: #99ff33;*/
width: 365px; 
height: 200px;
float:left;
margin:0 0 0 20px;
}

#Info2 h3{
	font-size:18px;
	margin:10px 0 0 10px;
    color: #754515;
	}
#Info2 p{
	font-size:12px;
	margin:0 0 0 10px;
	}

#Info2 img{
	vertical-align: middle; 
	}

#Footer{
	clear:left;
	background-color:#333333;
	height:20px;
	font-size:10px;
	text-align:right;
	color:#ffffff;
	border: double #330000;
	border-width:3px 0 0 0;
	padding:2px;
	}
	
#Footer2{
	height:10px;
}

/* Contents Page */ 

#HeadPicCont {
/*	background-color: green;*/
	width: 800px;
	height: 190px;
	text-align:center;
}

#Contents {
	height:auto;
}


#Contents h2{
	padding:10px 10px 10px 10px;
	font-size:15px;
/*	font-weight:normal*/;
	color:#333333;
	line-height:15px;
	height:13px;
}	

#Contents h3{
	padding:10px 10px 10px 20px;
	font-size:15px;
/*	font-weight:normal*/;
	color:#333333;
	line-height:15px;
	height:13px;
}
#Contents p{
	padding:10px 10px 10px 10px;
	font-size:13px;
/*	font-weight:normal*/;
	color:#333333;
	line-height:15px;
}

#Contents p.fn{
	font-size:11px;
	color:#333333;
	}


#Contents table{
	padding:10px 10px 10px 10px;
	font-size:13px;
/*	font-weight:normal*/;
	color:#333333;
	line-height:15px;
	height:13px;
}

#Contents ol{
	font-size:12px;
/*	font-weight:normal*/;
	color:#333333;
	margin: 1rem auto;
}

#Contents ul{
	font-size:12px;
/*	font-weight:normal*/;
	color:#333333;
	margin: 1rem auto;
}

#Contents ol li a{
	color:#333333;
	text-decoration:none;
	font:13px;
	}
#Contents ol li a:hover{
	color:#FF6600;
	text-decoration:underline;
	}


#ResContents {
	padding:0 10px 10px 10px;
}

#ResContents p{
	margin:10px 0 0 0px;
	font-weight:normal;
	font-size:18px;
}

#ResContents a{
	margin:10px 0 0 0px;
	text-decoration:none; 
	color:#333333;
	}
	
#BoxE{

}