@charset "utf-8";



body {
	color: #333;
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #FFF;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}


a {
	color: blue;
}
a:hover {
	color: red;
	text-decoration: none;
}

#container {
	width: 1050px;
	margin: 20px auto 0px;
}

#container:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


header {
	width: 100%;
	text-align: center;
	margin-bottom:20px;
    background: #5b078c;
}

header h1 {
    font-size: 32px;
    font-weight: bold;
}

header h1 a {
	text-decoration: none;
	color: #FFFFFF;
    font-weight: bold;
}

header h1 a:hover{
	color: #FFF;
}


#menu {
	width: 270px;
	float: left;
}


.list {
	padding: 0 0 30px 0;
}
.list ul {
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
}

.list ul li { display: inline; }

.list ul li a {
  font-size:14px;
  text-align: center;
  margin: 0;
  padding: 5px 0 4px;
  width: 100%;
  display: block;
  background-color: #5b078c;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}

.list ul li a:hover {
  background-color: #3c1907;
  color: #e7ff92;
  text-decoration: none;
}

#main {
	width: 750px;
	margin-bottom: 15px;
	float:right;
}

#main img{
border:2px solid #000;
width:746px;
box-shadow:0px 0px 10px;
}

#main h2 {
	background: #5b078c;
	font-size: 100%;
	color: #FFF;
	padding: 10px 15px;
	margin-bottom: 20px;
}



.text{
width:100%;
margin:0 auto;
line-height:1.8;
}



footer {
	clear: both;
    width: 1050px;
    text-align: center;
	margin:0 auto;
    padding:15px 0;
    color: #FFF;
	background: #5b078c;
}