#notice4ie { display: none; }


body { padding-top: 1px; } /* opera対策 */

body #bg-left {
	position: absolute;
	width: 40px;
	height: 100%;
	background: #f6f6f6 url(../../../img/sozai/content.bg.l.png) left top repeat-y;
}
body #bg-right {
	position: absolute;
	top: 0;
	right: 0;
	/*width: 300px;*/
	width: 312px;
	height: 100%;
	background: #ffffff url(../../../img/sozai/content.bg.r.png) right top repeat-y;
}




#midashi {
	margin: 0 0 16px 0;
}

#midashi h2 {
	margin: 0;
	padding: 0;
	height: 192px;
}

h3 {
	margin-bottom: 12px;
	padding: 0 48px 9px 2px;
	clear: both;
	background: url(../../../img/sozai/h3.g.bg.png) right bottom no-repeat;
}
h3:first-child {
	margin-top: 0;
}

h4 {
	margin-bottom: 12px;
	border-bottom: 1px dotted #51a2da;
	color: #666666;
}
h4:first-child {
	margin-top: 0;
}

h5 {
	margin-bottom: .5em;
	padding: 0 0 0 6px;
	border-left: 6px solid #8dc448;
	color: #666666;
}
h4 + h5 {
	margin-top: 1em;
}



#head {
	margin: -32px 0 0 0;
/*border-bottom: 1px solid;*/
	position: relative;
	z-index: 1;
	clear: both;
	overflow: hidden;
	height: 300px;
	background: url(../../../img/sozai/head.bg.png) repeat-x;
}
#head-left {
	width: 40px;
	height: 300px;
	background: url(../../../img/sozai/head.bg.l.png) no-repeat;
}
#head-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 300px;
	overflow: hidden;
	background: url(../../../img/sozai/head.bg.r.png) no-repeat;
}
#head-right h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#head-right h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#head-right h1 a:hover { background: none; }




#foot {
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
	z-index: 100;
	height: 260px;
	background: url(../../../img/sozai/foot.bg.png) left bottom repeat-x;
	font-size: 85%;
}
#foot-left {
	position: relative;
	z-index: 100;
	float: left;
	width: 40px;
	height: 260px;
	height: 100%;
	background: url(../../../img/sozai/foot.bg.l.png) left bottom no-repeat;
}
#foot-right {
/*
	position: absolute;
	top: 0;
	right: 0;
*/
	position: relative;
	z-index: 100;
	float: right;
	width: 300px;
	height: 260px;
	height: 100%;
	background: url(../../../img/sozai/foot.bg.r.png) right bottom no-repeat;
}
#foot-content {
	/*padding: 20px 0 0px 0;*/
	position: absolute;
	bottom: 34px;
	left: 40px;
}

#foot-content-hoge {
	margin: 8px 0 0 0;
}
#foot-content-hoge ul {
	margin: 0;
	padding: 0;
}
#foot-content-hoge ul li {
	margin: 0 8px 0 0;
	float: left;
	overflow: hidden;
	width: 96px;
	height: 16px;
	height: 18px;
}

#foot-content-hoge ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../../img/sozai/foot.bg.c.png) no-repeat;
	text-decoration: none;
}

#foot-content-hoge ul li a span { visibility: hidden; }

#foot-content-hoge ul li#foot-content-hoge-blue  a { background-position:     0  2px; }
#foot-content-hoge ul li#foot-content-hoge-green a { background-position:  -96px 2px; }
#foot-content-hoge ul li#foot-content-hoge-gray  a { background-position: -192px 2px; }

#foot-content-hoge ul li#foot-content-hoge-blue  a:hover { background-position:     0  0; }
#foot-content-hoge ul li#foot-content-hoge-green a:hover { background-position:  -96px 0; }
#foot-content-hoge ul li#foot-content-hoge-gray  a:hover { background-position: -192px 0; }



#foot .navi-foot h3 {
	display: none;
}
#foot .navi-foot ul {
	margin: 0;
	padding: 0;
}
#foot .navi-foot li {
	display: inline;
}


#foot address {
	position: absolute;
	right: 30px;
	bottom: -20px;
	z-index: 101;
	color: #666666;
	font-style: normal;
	font-size: 12px;
}




/**
 *
 *
 *  #content
 *
 *
 **/
#content {
	/*margin: -1px 300px 0 0;*/
	margin: -1px 312px 0 0;
margin: -1px 304px 0 0;
	padding: 1px 0 0 40px;
	position: relative;
	z-index: 900;
	background: #ffffff url(../../../img/sozai/content.bg.l.png) repeat-y;
}




#content-side {
	margin: -120px -300px -80px 0;/*	margin: -120px -288px -80px 0;*/
margin-right: -292px;
	padding: 0 4px;
	float: right;
	z-index: 1000;
	width: 280px; /*	width: 300px;*/
width: 272px;
}



#content-main {
	margin: -212px 0 -80px 0;
	padding: 0 12px 0 0;
padding: 0;
	float: left;
	z-index: 1000;
	overflow: hidden !important;
/*background: #fff0f0;*/
	width: 100%;
}

#content-main-left {
	float: left;
	padding: 8px 1% 8px 0;
	z-index: 1000;
	width: 65%; /* 三分割 */
	width: 61%;/*width: 62%;*/ /* 62 : 38 ≒ 1.6 : 1 (黄金比っぽく) */
}

#content-main-right {
	padding: 8px 0 8px 1%;
	float: right;
	z-index: 1000;
	width: 32%; /* 三分割 */
	width: 37%; /*width: 38%;*/ /* 62 : 38 ≒ 1.6 : 1 (黄金比っぽく) */
}







/**--------------------------------------------------------------------------------
 *
 *
 *  navi
 *
 *
 *--------------------------------------------------------------------------------*/
.navi {
	margin: 0 0 0 -8px;
	padding: 16px 0 0 0;
	background: left top no-repeat;
}
.navi h3 {
	display: none;
}
.navi ul {
	margin: 0;
	padding: 0 0 16px 0;
	background: left bottom no-repeat;
}
.navi ul li {
	padding: 0;
	height: 32px;
	overflow: hidden;
}
.navi ul li a {
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.navi ul li a span { visibility: hidden; }


#navi-g {
	background-image: url(../../../img/sozai/navi.g.bg.t.png);
}
#navi-g ul {
	background-image: url(../../../img/sozai/navi.g.bg.b.png);
}
#navi-g ul li a {
	background-image: url(../../../img/sozai/navi.g.bg.c.png);
}
#navi-g ul li a:hover {
	background: none;
	background-image: url(../../../img/sozai/navi.g.bg.c.png);
}



#navi-b {
	background-image: url(../../../img/sozai/navi.b.bg.t.png);
}
#navi-b ul {
	background-image: url(../../../img/sozai/navi.b.bg.b.png);
}
#navi-b ul li a {
	background-image: url(../../../img/sozai/navi.b.bg.c.png);
}
#navi-b ul li a:hover {
	background: none;
	background-image: url(../../../img/sozai/navi.b.bg.c.png);
}


#navi-g li#navi-g-top      a { background-position: 0      0; }
#navi-g li#navi-g-about    a { background-position: 0  -32px; }
#navi-g li#navi-g-services a { background-position: 0  -64px; }
#navi-g li#navi-g-news     a { background-position: 0  -96px; }
#navi-g li#navi-g-staff    a { background-position: 0 -128px; }
#navi-g li#navi-g-works    a { background-position: 0 -160px; }
#navi-g li#navi-g-contact  a { background-position: 0 -192px; }

#navi-g li#navi-g-top      a:hover,  #navi-g li#navi-g-top      a.active { background-position: -288px      0; }
#navi-g li#navi-g-about    a:hover,  #navi-g li#navi-g-about    a.active { background-position: -288px  -32px; }
#navi-g li#navi-g-services a:hover,  #navi-g li#navi-g-services a.active { background-position: -288px  -64px; }
#navi-g li#navi-g-news     a:hover,  #navi-g li#navi-g-news     a.active { background-position: -288px  -96px; }
#navi-g li#navi-g-staff    a:hover,  #navi-g li#navi-g-staff    a.active { background-position: -288px -128px; }
#navi-g li#navi-g-works    a:hover,  #navi-g li#navi-g-works    a.active { background-position: -288px -160px; }
#navi-g li#navi-g-contact  a:hover,  #navi-g li#navi-g-contact  a.active { background-position: -288px -192px; }


#navi-b li#navi-b-blog  a { background-position: 0 0; }
#navi-b li#navi-b-pc    a { background-position: 0 -32px; }
#navi-b li#navi-b-labs  a { background-position: 0 -64px; }
#navi-b li#navi-b-omake a { background-position: 0 -96px; }

#navi-b li#navi-b-blog  a:hover, #navi-b li#navi-b-blog   a.active { background-position: -288px 0; }
#navi-b li#navi-b-pc    a:hover, #navi-b li#navi-b-pc     a.active { background-position: -288px -32px; }
#navi-b li#navi-b-labs  a:hover, #navi-b li#navi-b-labs   a.active { background-position: -288px -64px; }
#navi-b li#navi-b-omake a:hover, #navi-b li#navi-b-omake  a.active { background-position: -288px -96px; }




/**
 *
 *  .block
 *
 */
.block {
	margin: 0 0 2em 0;
	padding: 0;
}

#midashi + .block {
	padding-top: 8px;
}






.kakomi {
	margin-left: -8px;
}
.kakomi .t, .kakomi .b {
	height: 28px;
	background-repeat: no-repeat;
}
.kakomi .m {
	padding: 0 32px;
	background-repeat: repeat-y;
}

.kakomi-g .t { background: url(../../../img/sozai/kakomi.g.bg.png) left top; }
.kakomi-g .b { background: url(../../../img/sozai/kakomi.g.bg.png) left bottom; }
.kakomi-g .m { background: url(../../../img/sozai/kakomi.g.bg.m.png); }


.kakomi-b .t { background: url(../../../img/sozai/kakomi.b.bg.png) left top; }
.kakomi-b .b { background: url(../../../img/sozai/kakomi.b.bg.png) left bottom; }
.kakomi-b .m { background: url(../../../img/sozai/kakomi.b.bg.m.png); }










.decoration {
	position: absolute;
	z-index: 2000;
}

#deco-corner-tl-1 {
	top: -44px;
	left: -60px;
	width: 360px;
	height: 320px;
	background: url(../../../img/sozai/deco.corner.tl.0.megane.png) left top no-repeat;
}

#deco-corner-tl-2 {
	top: -40px;
	left: -60px;
	width: 380px;
	height: 320px;
	background: url(../../../img/sozai/deco.corner.tl.1.momiji.png) left top no-repeat;
}

#deco-corner-tl-3 {
	top: -60px;
	left: -40px;
	width: 320px;
	height: 320px;
	background: url(../../../img/sozai/deco.corner.tl.2.snowcrystal.png) left top no-repeat;
}

#deco-corner-tl-4 {
	top: -44px;
	left: -60px;
	width: 360px;
	height: 320px;
	background: url(../../../img/sozai/deco.corner.tl.3.sakura.png) left top no-repeat;
}

#deco-corner-tl-5 {
	top: -36px;
	left: -60px;
	width: 380px;
	height: 320px;
	background: url(../../../img/sozai/deco.corner.tl.4.umbrella.png) left top no-repeat;
}