@charset "utf-8";
/* CSS Document */

body{
margin-top:20px;          
padding:0px;       
text-align:center;
color:#666666;
font-size: 12px;
line-height:1.5;
}

#main{
margin-left:auto;  
margin-right:auto; 
text-align:left;    
width:900px;     
    }
	
	
/* ヘッダー */

#head{
width:900px;
height:50px;
}

#head ul{
margin:0px;
padding:0px;
list-style:none;
}

#head ul li{
float:left;
}

#content{
margin-top:5px;
width:900px;
height:400px;
background: #ffffff url(http://www.okinomi.com/images/topbg.gif) no-repeat ;
}

#content_l{
margin-top:5px;
margin-left:10px;
width:188px;
color:#666666;
float:left;

}


#content_r{
margin-top:5px;
width:700px;
float:right;
}


#content_rl{
margin-top:5px;
width:355px;
float:left;
}


#content_rr{
margin-top:5px;
text-align:right;
width:345px;
float:right;
}


#blognews{
margin-top:5px;
width:900px;
height:60px;
clear:both;
}


#blognews_l{
width:404px;
height:55px;
background: #ffffff url(http://www.okinomi.com/images/shasen.gif) repeat ;
padding-top:5px;
padding-left:10px;
color:#666666;
float:left;
}


#blognews_r{
width:486px;
height:60px;
float:right;
}

#blognews_r ul{
margin:0px;
padding:0px;
list-style:none;
}

#blognews_r ul li{
float:left;
}

#blogmenu a{
color:#666666;
}

/* 作品一覧 */
#workslist{
width:900px;
}

#workslist_head{
margin-bottom:10px;
height:20px;
}

#workslist_head ul{
margin:0px;
padding:0px;
list-style:none;
}

#workslist_head ul li{
float:left;
}

#workslist_cont{
color:#666666;
}

#workslist_cont_l{
width:120px;
float:left;
}

#workslist_cont_r{
width:780px;
float:right;
}

#workslist_cont_rl{
width:180px;
float:left;
}

#workslist_cont_rr{
width:600px;
float:right;
}

#workslist_cont_rrl{
width:250px;
float:left;
}

#workslist_cont_rrr{
width:350px;
float:right;
}

#nondisplay{
display:none;
}

#workslist_foot{
clear:both;
border-bottom:#cccccc solid 1px;
margin-bottom:10px;
}

/* システム */
#systemlist{
margin-top:20px;
width:900px;
}

#systemtitle{
padding-bottom:10px;
}

#systemcont{
color:#666666;
margin-bottom:20px;
}

#systemsubtitle{
color:#eb48a3;
margin-bottom:5px;
}

a{
color:#eb48a3; 
text-decoration: none;
}

/* オフィス */
#office{
margin-top:20px;
width:900px;
}

#office_l{
width:500px;
float:left;
}

#office_r{
width:400px;
float:right;
}

#officetitle{
padding-bottom:10px;
}

#officecont{
color:#666666;
padding-bottom:20px;
clear:both;
}

#officecont_l{
width:110px;
float:left;

}
#officecont_r{
width:390px;
float:right;
margin-bottom:20px;
}



/* blog */
#blogs{
margin-top:20px;
width:900px;
background: transparent url(http://www.okinomi.com/images/blogbg.gif) repeat-y;

}


#blogs_l{
background-color:transparent;
width:620px;
float:left;
}

#blogs_r{
background-color:transparent;
width:260px;
float:right;
}

#blogconttitle{
background: transparent url(http://www.okinomi.com/images/blogtitlebg.gif) no-repeat;
padding-right:20px;
width:600px;
}

#blogconttitle_l{
float:left;
}

#blogconttitle_r{
float:right;
}

#blogs_cont{
padding-right:20px;
padding-top:10px;
width:600px;
}

#blogs_footer{
padding-right:20px;
text-align:right;
}

#blogtitle{
padding-bottom:14px;
}

#blogtitle02{
padding-top:20px;
padding-bottom:14px;
}



/* フッター */
#footer{
margin-top:5px;
clear:both;
width:900px;
text-align:right;
font-size:95%;
color:#999999;
}

#footer02{
margin-top:10px;
margin-bottom:10px;
clear:both;
width:900px;
text-align:right;
font-size:95%;
color:#999999;
}

#footerborder{
border-bottom:#999999 solid 1px;
clear:both;
width:900px;
}