@charset "utf-8";

/* ------------ SUB TOP ------------ */
#sub-top { margin:0px auto 30px; width:800px; height:160px; clear:both; }
#sub-top span { display:none; }


/* ------------ WORKS ------------ */
#works { background:url(../images/works/body.jpg) repeat-x #fffff7; }
#works h3,  #works h5 { margin:5px auto; }
#works h3 { height:30px; background:url(../images/works/h3_works.gif) no-repeat; }
#works h5 { margin-bottom:25px; height:15px; background:url(../images/works/h5_works.gif) no-repeat; }
#works span{ display:none; }

#works #page { background:url(../images/works/page.jpg) no-repeat; }
#works #sub-top { background:url(../images/works/top.jpg) no-repeat; }
#works #box-1 { margin:0px 0px 20px; width:530px; float:left; }
#works #box-2 { margin:0px 0px 20px 15px; width:230px; float:right; }

#works #main a { color:#0159B4; } 
#works #main a:hover, #works #main a:active { background-color:#0159B4; color:#ffffff; border:none; } 

.portfolio { margin:0px 0px 20px; padding:0px; width:500px; background:#f4f4ec; float:left; }

.comment { margin:15px 15px 15px 0px; width:305px; float:right; }
.comment strong { margin:0px 0px 5px; padding:0px 0px 5px; width:305px; letter-spacing: 0.3em; border-bottom:1px dotted #333333; display:block; }
.comment h4, .comment ul, .comment  li { margin:0px; display:inline; }
.note { margin:0px 10px; }
.link { margin:5px 0px 0px; text-align:right; }

.thumb { margin:0px; width:150px; float:left; clear:right; }
.thumb img { width:150px; }
.image{ margin:0px ; padding:15px; }
.no-image{ margin:0px; padding:15px; width:150px; height:100px; background:url(../images/works/no_image.gif) no-repeat; }

.list{ width:500px; padding-bottom:15px; clear:both; }
#works  #box-1 .list a:link { color:#333333; }
#works  #box-1 .list a:visited { color:#999999; }
#works  #box-1 .list a:hover { color:#000000; background:transparent; }
#works  #box-1 .list a:active { color:#666666; }

#works span.current_page { font-weight:bold; display:inline; }

#works span.pagebutetitle { display:inline; }

/* ------------ TAG ------------ */
#tag { margin:0px; width:230px; min-height:225px; background:url(../images/works/back_tag.jpg) repeat-x #e3f8fd; }
#tag ul {  }
#tag ul li{ display:inline; }

#tag .level1 { font-size:200%; font-weight:bold; }
#tag .level2 { font-size:150%; font-weight:bold; }
#tag .level3 { font-size:120%; }
#tag .level4 { font-size:100%; }
#tag .level5 { font-size:11px;  }
#tag .level6 { font-size:10px;  }

#tag-cloud { margin:0px; padding:15px; } 



/* ------------ SEARCH RESULT ------------ */
#result { margin:0px; width:530px; height:30px;  }
#result h3 { margin:0px; height:auto; display:inline; border:none; background-image:none; }



/* ------------ SERVICE ------------ */
#service { background:url(../images/service/body.jpg) repeat-x #fffff7; }

#service #page { background:url(../images/service/page.jpg) no-repeat; }
#service #sub-top { background:url(../images/service/top.jpg) no-repeat; }
#service #box-1 { margin:0px 0px 20px; width:380px; float:left; }
#service #box-2 { margin:0px 0px 20px 15px; width:380px; float:right; }

#service #main ul { margin:0px 0px 0px 90px; padding-top:10px; }
#service ol { margin:0px 0px 0px 110px; padding-top:10px; }
#service li {  }
#service span { display:none; }

#service h3,  #service h5 { margin:5px auto; width:775px; }
#service h3 { height:30px; background:url(../images/service/h3_service.gif) no-repeat; }
#service h5 { margin-bottom:25px; height:15px; background:url(../images/service/h5_service.gif) no-repeat; }

#web-1, #web-2, #cd-rom, #movie { margin:0px 0px 10px; width:380px; height:200px; }
#graphic, #other { margin:0px 0px 10px; width:380px; height:135px; }
#web-1 { background:url(../images/service/back_web.gif) no-repeat; }
#web-2 { background:url(../images/service/back_web.gif) no-repeat; }
#cd-rom { background:url(../images/service/back_cd_rom.gif) no-repeat; }
#movie { background:url(../images/service/back_movie.gif) no-repeat; }
#graphic { background:url(../images/service/back_graphic.gif) no-repeat; }
#other { background:url(../images/service/back_other.gif) no-repeat; }

#work-flow { margin:0px; clear:both; }
#work-flow h3 { height:30px; background:url(../images/service/h3_work_flow.gif) no-repeat; }
#work-flow h5 { height:15px; background:url(../images/service/h5_work_flow.gif) no-repeat; }

#sample { height:225px; background:url(../images/service/back_sample.gif) no-repeat; }



/* ------------ COMPANY ------------ */
#company { background:url(../images/company/body.jpg) repeat-x #fffff7; }

#company #page { background:url(../images/company/page.jpg) no-repeat; }
#company #sub-top { background:url(../images/company/top.jpg) no-repeat; }

#company h3 { margin-bottom:25px; height:30px; background:url(../images/company/h3_company.gif) no-repeat; }
#company dl { margin:0px 0px 20px; width:500px; }
#company dt { margin:10px 0px 0px; padding-left:10px; width:80px; height:20px; text-align:left; font-weight:bold; }
#company dd { margin:-20px 0px 0px; padding:0px 0px 10px 80px; text-align:left; border-bottom:1px dotted #333333; }
#company span { display:none; }

#map { margin:0px; padding:10px 0px; width:500px; background:#f4f4ec; }
#map ul { margin:10px auto; width:340px; }
#map li { margin-bottom:10px; padding-left:17px; height:15px; }

#google-map { margin:0px auto; width:475px; height:350px; border:1px solid #333333; }
#google-map h4 { display:none; }
#red { color:red; font-weight:bold; font-size:14px; }

#print { background:url(../images/company/print.gif) no-repeat left center; }
#odakyu { background:url(../images/company/odakyu.gif) no-repeat left center; }
#metro { background:url(../images/company/metro.gif) no-repeat left center; }
#parking { background:url(../images/company/parking.gif) no-repeat left center; }



/* ------------ CONTACT ------------ */
#contact { background:url(../images/contact/body.jpg) repeat-x #fffff7; }

#contact #page { background:url(../images/contact/page.jpg) no-repeat; }
#contact #sub-top { background:url(../images/contact/top.jpg) no-repeat; }