@charset "shift_jis";


/* basic elements */

html
{
   margin: 0px;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0px;
   height: 100%;
}

body
{
   margin: 0px;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0px;
   font-family: "cochin", "ヒラギノæ?æœ? Pro W6", 'trebuchet ms', "verdana", "helvetica", "arial", serif;
   font-size: x-small;
   color:#B4B192;
   background: #282C21;
   height: 100%;
}

html>/**/body {
	font-size: 12px;
}

a:link { color: #B4B192; text-decoration: none; }
a:visited { color: #B4B192; text-decoration: none; }
a:hover { color: #FF0033; text-decoration: none; }
a:active { color: #FFCC33; text-decoration: none; }



/* page layout */

body
{
   min-width: 750px;
   width: 100%;
   background: #282C21 url("site_sozai/back03.jpg");
   background-repeat: repeat-x;
   margin: 0px;
   padding: auto;
}


#container
{
   width: 700px;
   height: 100%;
   border-right: 1px solid #505A4F;
   border-left: 1px solid #505A4F;
   margin: auto;
   padding: 0px;
}


#header
{
   width: 700px;
   height: 80px;
   background: #282C21 url("site_sozai/back_head3.gif");
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   position: relative;
}


#logo
{
   margin: 20px 20px;
   float:left;
}

#navigation
{
   margin: 0px;
   text-align: right;
   float: right;
   position:absolute;
   bottom: 3px; left: 160px;
}


#contents
{
   width: 700px;
   height: 385px;
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
   padding: 0px;
}

#footer
{
   margin: auto;
   text-align: center;
   clear: both;
}

#sub-navi
{
   width: 132px;
   height: 385px;
   border-right: 1px solid #505A4F;
   margin: 0px;
   float:left;
}

#sub-navi-title
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   border-bottom: 1px solid #505A4F;
}

#sub-works-next
{
margin: 10px;
 text-align: center;
}

#sub-works img
{
   border: 1px solid #505A4F;
   margin: 3px -3px -2px 3px;
}



#sub-migi
{
   width: 567px;
   height: 379px;
   float: right;
   position:relative;
   padding: 0px;
   margin: 0px;
}


#sub-works-date
{
   font-size: 14px;
   position:absolute; top:10px; left:10px;
   z-index: 2;
}

#works-no
{
    line-height: 20px;
}

#works-image
{
   position:relative;
   z-index: 1;
   text-align: right;
   margin: 2px;
   padding: 0px;
}

#layer_3
{
margin: -3px 0px 0px 0px;
}



/* concetp page*/


#sub-navi-title-concept
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   background: #282C21;
   border-bottom: 1px solid #505A4F;
   border-right: 1px solid #505A4F;
}


#contents-concept
{
   width: 700px;
   height: 385px;
   background: #282C21 ;
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
}

#concept-text
{
   margin: 0px 80px;
   padding: 20px;
   letter-spacing: 3px;
   line-height: 20px;
   color: #B4B192;
   font-size: 12px;
}

#concept-title
{
   margin: 60px 100px 0px;
   letter-spacing: 3px;
   color: #B4B192;
font-size: 17px;
font-waight: heavy;
}


/* contact page*/


#sub-navi-title-contact
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   background: #282C21;
   border-bottom: 1px solid #505A4F;
   border-right: 1px solid #505A4F;
}


#contents-contact
{
   width: 700px;
   height: 385px;
   background: #282C21 ;
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
}

#contact-text
{
   margin: 60px 100px;
   padding: 20px;
   letter-spacing: 3px;
   line-height: 20px;
   color: #B4B192;
   font-size: 12px;
}

#contact-title
{
   margin: 60px 100px 0px;
   letter-spacing: 3px;
   color: #B4B192;
font-size: 17px;
font-waight: heavy;
}





/* profile page*/

#sub-navi-title-profile
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   background: #282C21;
   border-bottom: 1px solid #505A4F;
   border-right: 1px solid #505A4F;
}

#contents-profile
{
   width: 700px;
   height: 385px;
   background: #282C21 right no-repeat ;
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
}

#profile-text
{
   margin: 0px 200px;
   padding: 20px;
   font-size: 12px;
}



/* recruit page*/

#contents-recruit
{
   width: 700px;
   height: 385px;
   background: #282C21 ;
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
   color: #B4B192;
   background-repeat: no-repeat;
position:relative;
}

#sub-navi-title-recruit
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   background: #282C21;
   border-bottom: 1px solid #505A4F;
   border-right: 1px solid #505A4F;
}

#recruit-title
{
   margin: 33px auto 15px;
   font-size: 15px;
   text-align: center;
   letter-spacing: 2px;
}

#recruit-left
{
   width: 600px;
   height: 260px;
   margin: 0px 0px 0px 30px;
   padding: 0px 15px;
   float: left;
   border-right: 0px;
   font-size: 12px;
}

#recruit-right
{
   width: 180px;
   height: 260px;
   margin: 0px 50px 0px 0px;
   padding: 0px;
   float: right;
   font-size: 11px;
   position:absolute; top:90px; left:430px;
}

/* news page*/

#contents-news
{
   width: 700px;
   height: 385px;
   background: #ffffff url("site_sozai/news_bg01.jpg");
   border-top: 1px solid #505A4F;
   border-bottom: 1px solid #505A4F;
   margin: 0px;
   color: #B4B192;
   background-repeat: no-repeat;
position:relative;
}

#sub-navi-title-news
{
   width: 126px;
   height: 20px;
   padding: 2px 3px;
   background: #282C21;
   border-bottom: 1px solid #505A4F;
   border-right: 1px solid #505A4F;
}

#news-title
{
   margin: 33px auto 15px;
   font-size: 15px;
   text-align: center;
   letter-spacing: 2px;
}

#news-left
{
   width: 600px;
   height: 260px;
   margin: 0px 0px 0px 30px;
   padding: 0px 15px;
   float: left;
   border-right: 0px;
   font-size: 12px;
}

#news-right
{
   width: 180px;
   height: 260px;
   margin: 0px 50px 0px 0px;
   padding: 0px;
   float: right;
   font-size: 11px;
   position:absolute; top:90px; left:430px;
}