@charset "utf-8";
/*------------------------------
    庭の写真館
      レイアウト(layout.css)
--------------------------------*/

/* ------------------------------- */
/*      全体構図
/*   高さ：100%　フッタ：固定）    */
/* ------------------------------- */
html, body {
  height:100%;
  min-height:100%;
  }
html {min-width:900px}
body {
	background : #fff url(../images/topimage.gif) no-repeat center -315px;
	margin-top: 0px;
  }
/* =========   wrap ============ */
#wrap	{
	background : url(../images/back_all.gif) repeat-x left top;
	min-height:100%;
	margin:0;
	width:100%;
}

/* =========   body1 & body2 ======= */
div#body1 {
	min-height:100%;
	margin:0 auto;
	}

* html div#body1{
    height:100%;
}
body > #body1 {
   height: auto;
}
div#body1{
	padding-bottom:370px;
	overflow:auto;
	_overflow:hidden;
	width: 950px;
	position: relative;
}
#body2{
	clear:both;
	position: relative;
	margin-top: -370px;
	width:100%;
	margin-bottom:0;
	background: url(../images/bk_bot_img.jpg) repeat-x left top;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

[if !IE 7]>
	<style type="text/css">
		#body1 {display:table;height:100%}
	</style>
<![endif]
/* ==================== body1  >  head 　何故かこれが必要？？==================== */
#wrap #body1 #head	{
	}
#body2_in {
	background: url(../images/bot_img.jpg) no-repeat center top;
}

/* ------------------------------- */
/*      body1  >  head
/* ------------------------------- */
#body1 #head	{
	width: 950px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 0px;
	top: 0px;
	height: 135px;
	}

/* ------------------------------- */
/*      body1  >  content
/* ------------------------------- */
#content	{
	float : left;
	margin-top: 20px;
	width: 950px;
	left: 0px;
	top: 10px;
}

#content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html #content { zoom: 1; } /* IE6 */
*:first-child+html #content { zoom: 1; } /* IE7 */

/*#content {
	zoom: 100%;
	padding-bottom: 10px;
}*/
/* ------------------------------- */
/*   content > content_in > main
/*    装飾用                       */
/* ------------------------------- */

#body1 #content {
/*	background: url(../images/waku_b_c.jpg) repeat-y left top;
	z-index: 1;*/
}
#content #content_in {
/*	background: url(../images/box_u.jpg) no-repeat left top;
	z-index: 10;*/
}
#content #content_in #main {
	/*	background: url(../images/waku_b_b.jpg) no-repeat left bottom;
  padding-top:20px;
	padding-left:30px;
	padding-bottom:45px;
	z-index: 100;*/
}
/* ------------------------------- */
/*      body2  >   foot
/* ------------------------------- */
#foot	{
  clear: both;
	margin: 0 auto;
	width:900px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
}
/* ======================================== */
/*      body1  >  content
/* ======================================== */
/* --------------------- */
/*      基本         */
/* --------------------- */
.col-1 {
	margin-left: 20px;
	width:720px;
	float: left;
	background:#eee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.col-2 {
	margin-left: 760px;
}
.col-1 .col1-in {
	width: 700px;
	border: 1px solid #CCC;
	min-height:300px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.col-1 .col1-in .photo {
	float: right;
	margin-left: 10px;
	margin-right: 25px;
}
.col-1 .col1-in .photo1 {
	float: left;
	margin-left: 40px;
	margin-right: 15px;
	margin-top: 20px;
}

.col-1 .col1-in .toiawase {
	margin-left: 10px;
	margin-right: 15px;
	text-align: right;
	margin-bottom: 10px;
}

.col-1 .col2-in {
	width: 700px;
	margin: 5px auto 10px;
	border: 1px solid #CCC;
	min-height:300px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
}

/* --------------------- */
/*      home         */
/* --------------------- */
.home #body1 #content {
	margin-top: 20px;
}
.home .col-1 {
	margin-left: 30px;
	background:#fff;
	width:900px;
}
.home .col-2 {
}