body {
 margin: 15px;
 background-color: #FFF;
 font-size:SMALL;
 line-height:150%;
 color:#555;
}


a:link{
 color:#4FA1CA;
}

a:hover{
 text-decoration: none;
}

a:visited{
 color:#4FA1CA;
}

#content{
 text-align: center;
}

#main{
 width: 786px;
 margin-left:auto;
 margin-right:auto;
 
}

.text11{
 font-family: 'MS P ゴシック',Verdana,Helvetica,Airal,sans-serif;
 font-size: 11px;
 text-align:left;
}

/*header*/

#head{
	background-image:url(images/head_bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
	 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
}

#head1{
 text-align:left;
 float:left;
  width:150px;
 }

#head2{
 float:right;
 text-align:right;
}


ul { list-style:none; margin:0px; padding:0px;
 clear:both;}
#navi li { display:block; float:left;}

#mainImg{
 text-align:center;
}

#mainImg2{
 text-align:center;
 width: 383px;
 margin-left:auto;
 margin-right:auto;
}

.bnr{
 border-top: 1px dashed #666;

}

/*pres*/
#pressBg{
	background-image:url(images/press_bg2.jpg);
	background-repeat: repeat-y;
}

#pressMain{
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
	background-image:url(images/press_bg1.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	height:105px;
}

#release{
 width: 390px;
 text-align:left;
 padding-left:25px;
 float:left;
}

.r1{
 font-family: Verdana,Helvetica,Airal,sans-serif;
 font-size:x-small;
 padding-left: 10px;
 background-image:url(images/sq_blue.jpg);
 background-position:0px 6px;
 background-repeat:no-repeat;
 text-align:left;
}

.r2{
 padding-left: 10px;
}

.r3{
 font-family: Verdana,Helvetica,Airal,sans-serif;
 padding-left: 10px;
 background-image:url(images/sq_blue.jpg);
 background-position:0px 6px;
 background-repeat:no-repeat;
 text-align:left;
}
#goody{
 width: 320px;
 text-align:center;
 padding-right:25px;
 float:right;
}

#goody2{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

#hotweb{
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}

#copy{
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 font-size:x-small;
 clear:both;
 text-align:right;
}



/*top_detail*/
#sub{
 height:23px;
}

.webdesign {
clear:both;
 text-align:left;
}

.webdesign li{ display:block; float:left; 
 }
 
#webD{
	width: 417px;
	float: left;
}

#webM{
width: 369px;
float:right;
}

#webM2{
text-align:left;
background-color:#F7F7F7;
padding:10px;
}

#blog{
text-align:center;
background-color:#F7F7F7;
padding:7px;
}

.blog2{

}


.webmar li{ 
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 padding-left: 10px;
 background-image:url(images/sq_blue.jpg);
 background-position:0px 6px;
 background-repeat:no-repeat;
 }
 
#printD{
	width: 417px;
	float: left;
}

.print {clear:both;
 text-align:left;
}

.print li{
 display:block; float:left; 
 }
 

/*works&archives*/

.waMain h1{
 font-size:medium ;
 font-weight:bold;
 color:#4FA1CA;
 margin:0px;
 padding:0px;
}

.waMain h2{
 font-weight:bold;
 font-size:small ;
 margin:0px;
 padding:0px 0px 0px 10px;
}


.waMain a{
 text-decoration:none;
}

.waMain a:hover{
 text-decoration:underline;
}


.mainBg{
 background-image:url(images/main_bg.jpg);
 background-repeat: repeat-y;
 background-position:left top;
}

.sideNavi{
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 float:left;
 width: 200px;
 text-align:left;
 }

.waNavi li{
 padding-left: 12px;
 background-image:url(images/sq_blue.jpg);
 background-position:5px 9px;
 background-repeat:no-repeat;
 font-size:x-small;
}

.waMain{
 text-align: left;
 float:right;
 width:570px;
}

.waNavi li a{
 color:#555;
 text-decoration:none;
}

.waNavi li a:hover{
 color:#4FA1CA;
 text-decoration:underline;
}



#works{
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
}

#works dt{
 padding-left: 12px;
 background-image:url(images/sq_blue.jpg);
 background-position:5px 9px;
 background-repeat:no-repeat;
 color:#4FA1CA;
 font-weight: bold;
 margin:0px;
}

#works dd{
 margin:0px;
 padding:0px 0px 0px 10px;
}

#works2{

}

.works2 li{
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 padding-left: 12px;
 background-image:url(images/sq_blue.jpg);
 background-position:5px 9px;
 background-repeat:no-repeat;
}

.year{
 border: 1px solid #999;
 padding:0px;
 width: 140px;
 text-align:center;
 line-height:120%;
}

.box{
 border: 1px solid #999;
 padding:0px;
 width: 120px;
 text-align:center;
 line-height:120%;
 margin-left:auto;
 margin-right:auto;
}


.depaD{
 font-size:x-small ;
 line-height:130%;
 padding:0px 0px 0px 10px;
}

.txts{
 color:#4FA1CA;
 line-height:150%;
}

.webD2{
 padding: 5px 0px;
}



.w1{width:60px; height:66px;
 padding:8px 0px 0px 8px;
 background-image:url(images/webimg.jpg);
 background-repeat: no-repeat;
 background-position:left top;
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 }
 
.w2{
 width:215px; height:67px;
 line-height:120%;
 font-size:x-small;
  font-family: Verdana,Helvetica,Airal,sans-serif;
 }
 
 .print1{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 }
 
 .print2{
 text-align:left;
 padding:5px 25px;
 line-height:140%;
 }


/*about*/

#ac{
clear:both;
 padding-bottom:7px;
}

#ac .about li{
 display:block; float:left;
 padding-bottom:7px;
 }

.abo1{
	width:100px;
	font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
	padding-left: 12px;
	background-image:url(images/sq_blue.jpg);
	background-position:5px 9px;
	background-repeat:no-repeat;
	font-weight:bold;
}

.abo2{
}

/*other*/
.space{
 height:10px;
	clear:both;
	font-size:1px;
}

.spaceS{
 height:1px;
	clear:both;
	font-size:1px;
}
.space2{
	height:25px;
	font-size:1px;
	clear: both;
}

/*recruit*/
.rec{
 padding: 5px 0px;
}

.recruit{clear:both;
 text-align:left;
}


.recruit li{
  display:block; float:left; 
}

.rec1 {
 width:90px;
 font-family: Century Gothic,Verdana,Helvetica,Airal,sans-serif;
 padding-left: 12px;
 background-image:url(images/sq_blue.jpg);
 background-position:5px 9px;
 background-repeat:no-repeat;
 color:#4FA1CA;
}

.rec2 {
 width:400px;
}