body {
text-align: center;
}
#header,#contents,#footer{
width: 100%;
}
#header {
background: url(../img/sky.png) left top repeat-x;
}
#contents {
background: url(../img/cont_bg.png) left top repeat;
}
#footer {
background: url(../../common/foot_bg.png) left top repeat-x;
}
.header_inner,.contents_inner,.footer_inner {
width: 800px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
}


.header_inner {
background: url(../img/inner_bg.png) left top no-repeat;
height: 350px;
}
.header_inner ul li.about{
position: absolute;
top: 0;
left: 440px;
z-index: 10;
}
.header_inner ul li.company{
position: absolute;
top: 0;
left: 630px;
z-index: 10;
}
.header_inner ul li.pwee{
position: absolute;
right: 0;
top: 0;
z-index: 5;
}

.header_inner h2{
width: 800px;
}
.header_inner h3{
position: absolute;
right: 0;
top: 0;
z-index: 5;
}


.contents_inner {
background: url(../img/cont_inner_white.png) left top repeat-y;
overflow: hidden;
position: relative;
}
.main {
width: 470px;
float: left;
padding: 15px 0;
background: url(../img/cont_top_white.png) left top no-repeat;
}
.main p{
padding: 0 5px;
}
.sub {
width: 320px;
float: right;
}
.sub_box {
width: 320px;
margin-bottom: 20px;
}
.sub h2 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 5px;
color:  #0033FF;
}
.sub_top,.sub_foot {
width: 320px;
height: 15px;
font-size: 0px;
}
.sub_top {
background: url(../img/sub_top-trans.png) left top no-repeat;
}
.sub_foot {
background: url(../img/sub_foot-trans.png) left top no-repeat;
}
.sub_inner {
background: url(../img/sub_inner-trans.png) left top no-repeat;
padding: 0 10px;
}


.footer_inner p {
margin: 0;
padding: 0;
line-height: 1;
}


.weblogBlock {
padding: 0 20px;
}
.weblogBlock h3 { 
font-size: 1.1em;
padding: 10px 0 5px 20px;
background: url(../img/pw_icon.gif) 0px 11px no-repeat; 
color: #0033FF;
font-weight: bold;
}
	

div.pageswitch {
    text-align: left;
	margin: 10px 0 0 0;
	}


/*selection*/
.sub ul.selectBox {
    width: 300px;
	overflow: hidden;
	position: relative;
	}
ul.selectBox li {
    width: 150px;
	height: 145px;
	overflow: hidden;
    float: left;
	font-size:0.8em;
	}
/*worksBox*/
.sub ul.worksBox{
    width: 300px;
	overflow: hidden;
	position: relative;
	}
.sub p, .sub ul{
    width: 300px;
	overflow: hidden;
	position: relative;
	}
.sub ul.worksBox li {
    width: 150px;
	min-height: 135px;
	overflow: hidden;
    float: left;
	font-size:0.8em;
	}
/*sateiya*/
.resultbox{
	border: 3px solid red;
	padding: 3px;
	}
.mojibox{
	border: 2px solid green;
	padding: 3px;
	margin: 0 5px;
	line-height: 2;
	}