/* CSS Document */


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {font-size:13px;
      color:#666666;
	  line-height:1.4em;}

.clr {clear:both;}

.box {
	width:580px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
}

.box2 {
	width:670px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
	  
#main {width:760px;
       height:auto;
	   margin-left:auto;
	   margin-right:auto;}

.bar {
	background-image: url(image/bar.gif);
	background-repeat: repeat-x;
	height: 50px;
}


#leftcome {
	color: #444444;
	background-image: url(image/come.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 240px;
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 60px;
}

#nightcome {
	color: #ffffff;
	background-image: url(image/nightcome.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 235px;
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 65px;
}

#photo {
	background-image: url(image/pwaku.gif);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 360px;
	display: block;
	padding-top: 5px;
}

#photo2 {
	background-image: url(image/night.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 450px;
	display: block;
	padding-top: 5px;
}

#photo2 img {margin-top:80px;}