body {
		text-align: center;
		background-color:black;
		width: 1024px;
		height:  auto;
		margin: auto;
		margin-top:0;
		padding: 0px; 
	 
}
#sec1{
	
}
#header
	{
		width: 1024px;
		height: 103px;
		margin: 0px;
		padding-top: 0px;
		
	}
#header img.header
	{
		width: 1024px;
		height: 103px;
		margin: 0px;
		padding-top: 0px;
		
		
	}
#header img.bar{
		display: block;
		float: left;
		width: 1024px;
		height: 123px;
		position: absolute;
		top : 22px;
		z-index : 4;
			
}
#middle
	{
		width: 1024px;
		height: 614px;
		display: block;
		
		
		
	}
	
#middle img.menu
	{
	display: block;
	float: left;
	width: 141px;
	height: 614px;
	position: absolute;
	top : 118px;
	padding-left : 70px;
	margin-left: 0px;
	z-index : 2;
	border-style: none;
	}	
#news {
	display: block;
	float: left;
	width: 320px;
	height: 100px;
	position: absolute;
	top : 590px;
	margin-left: 600px;
	z-index : 4;
	border-style: none;
	
}
#news .news_p{
     line-height: 1.5;
	margin-top : 28px;
	margin-left: 10px;
	font-family:"Hiragino Kaku Gothic ProN";
	font-weight: bold;
	font-size:14px;	
}
#news .news_a{
     line-height: 1.5;
	margin-top : 30px;
	margin-left: 10px;
	font-family:"Hiragino Kaku Gothic ProN";
	font-weight: bold;
	font-size:14px;	
}
#middle img.kanban
	{
	display: block;
	float: left;
	width:400px;
	height: 160px;
	position: absolute;
	top : 560px;
	margin-left: 550px;
	z-index : 2;
	border-style: none;
	}	

#middle img.profile
	{
		display: block;
		position: absolute;
		width: auto;
		height: auto;
		top : 218px;
		margin-left : 98px;
		z-index : 3;
		border-style: none;

		}	
#middle img.gallery
	{
		display: block;
		position: absolute;
		top : 340px;
		margin-left : 93px;
		z-index : 3;
		border-style: none;
		}	
#middle img.diary
	{
		display: block;
		position: absolute;
		top : 467px;
		margin-left : 90px;
		z-index : 3;
		}	
#middle img.contact
	{
		display: block;
		position: absolute;
		top : 600px;
		margin-left : 86px;
		z-index : 3;
		}	
.mainimg {
	float: left;
	display: block;
	max-width: 1024px;
	position: absolute;
	z-index : 1;
}
.thumb {  border-style: none;
}
#middle_profile
	{
		width: 1024px;
		height: 595px;
		top : 715px;
		text-align:left;
		
	}
#sign_profile
	{
		width: 177px;
		height: 154px;
		position: absolute;
		top : 735px;
		background-image:url("../../images/sozai/top/sign.png");
		background-repeat: no-repeat;
		z-index : 3;
		margin-left: 40px;
	}
#sign_profile img.sign_profile
	{
		z-index : 4;
		margin-top: 65px;
		margin-left: 23px;
			}
#middle_profile img.bar
	{
		width: 1024px;
		height: 55px;
		position: absolute;
		top : 715px;
		z-index : 4;
	}
#middle_profile img.profile
	{
		width: 1024px;
		position: absolute;
		top : 715px;
		z-index : 3;
	}

#profile_txt{
		width: 340px;
		height: 250px;
		margin-left: 100px;
		position: absolute;
		margin-top : 200px;
		z-index : 4;
}
#profile_txt h4{
		font-family: "ヒラギノ角ゴ Pro W3";

}
#profile_txt p{
		line-height: 1.5;
	    font-family: "ヒラギノ角ゴ Pro W3"

}
#middle_gallery
	{
		width: 1024px;
		height: 613px;
		top : 700px;
		text-align:left;
		
		
	}
#middle_gallery img.bar
	{
		width: 1024px;
		height: 55px;
		position: absolute;
		top : 1305px;
		z-index : 4;
		display: block;
	}
#middle_gallery img.wallpaper
	{
		width: 1024px;
		height: auto;
	
	}
#sign_gallery
	{
		width: 177px;
		height: 154px;
		position: absolute;
		top : 1330px;
		background-image:url("../../images/sozai/top/sign.png");
		background-repeat: no-repeat;
		z-index : 3;
		margin-left: 40px;
	}
#sign_gallery img.sign_gallery
	{
		z-index : 4;
		margin-top: 68px;
		margin-left: 20px;
			}


#middle_slide 
	{
		width: 1024px;
		height: 560px;
		position: absolute;
		top : 1345px;
		z-index : 2;
		
}
#middle_slide img.slide
	{
		width: 1024px;
		height: 560px;
		
}
#thumb_slide 
	{
		width: 200px;
		height:150px;
		position: absolute;
		top : 1720px;
		margin-left: 800px;
		z-index : 3;
		
}

#middle_diary
	{
		width: 1024px;
		height: 613px;
		
}#sign_diary
	{
		width: 177px;
		height: 154px;
		position: absolute;
		top : 1930px;
		background-image:url("../../images/sozai/top/sign.png");
		background-repeat: no-repeat;
		z-index : 3;
		margin-left: 40px;
	}
#sign_diary img.sign_diary
	{
		z-index : 4;
		margin-top: 68px;
		margin-left: 0px;
			}
#diary_page
{
		width: 800px;
		height: 500px;
	    position: absolute;
	    top : 1980px;
	    margin-left: 190px;
		z-index : 2;
}
iframe{
	max-width: 100%;
	border: none;
}
#middle_diary img.bar
{
		width: 1024px;
		height: 55px;
		position: absolute;
		top : 1900px;
		z-index : 4;
		display: block;
}
#middle_diary img.wallpaper
	{
		width: 1024px;
		height: auto;
		z-index : 2;
}
#middle_contact
	{
		width: 1024px;
		height: 613px;
		
}
#middle_contact img.bar
	{
		width: 1024px;
		height: 55px;
		position: absolute;
		top : 2550px;
		z-index : 4;
		display: block;
	}
#middle_contact img.wallpaper
	{
		width: 1024px;
		height: auto;
		z-index : 2;
}
#sign_contact
	{
		width: 177px;
		height: 154px;
		position: absolute;
		top : 2580px;
		background-image:url("../../images/sozai/top/sign.png");
		background-repeat: no-repeat;
		z-index : 3;
		margin-left: 40px;
	}
#sign_contact img.sign_contact
	{
		z-index : 4;
		margin-top: 68px;
		margin-left:0px;
			}

img.sign{
	
}
#contact_page
{
		width: 1024px;
		height: 580px;
	    position: absolute;
	    top : 2590px;
	    margin-left: 0px;
		z-index : 2;
}
#footer
	{
		clear: both;
		margin : 0px;
		width: 1024px;
		background-image:url("../../images/sozai/back-ground.jpg");
		background-repeat: repeat-y;

	}

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 36%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 68%;
	clear: none;
	float: none;
}
#div1 {
}function switchImage(imgName, imgSrc) 

{

  if (document.images)

  {

    if (imgSrc != "none")

    {

      document.images[imgName].src = imgSrc;

    }

  }

}


.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px) {

.gridContainer {
	width: 93%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width:1280px){

.gridContainer {
	width: 90;
	max-width: 1232px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
@media (min-width : 480px ) and ( max-width : 1280px ){
}
.class {
}
#blog {
}

.no_border{
	border-style: none;
}
	
.profile_txt {
}