/*------------------------------------------------------------------
[Layout]
- (css reset)
- body
+ wrapper #wrapper
+ page #page
- header #header
+ topmenu #topmenu
- sidebar #sidebar
+ top #sidetop
+ bottom #sidebtm
+ events calendar #wp-calendar
- table
- content #content
+ top #top
+ bottom #btm
+ box .box
+ hide .hide
+ avatar .avatar
+ footer #footer
覧覧覧覧覧覧覧覧覧覧覧-*/
* {
border: 0;
outline: none;
padding: 0;
margin: 0;
}
body {
background: #777 url(../images/bg.jpg) top center no-repeat ;
margin: 0;
}
#wrapper {
background: #e0e0e0 url(../images/bg.jpg) top center no-repeat;
padding-bottom: 30px;
}
#page {
font-family: Arial;
width: 900px;
margin-left: auto;
margin-right: auto;
}
#header {}
#topmenu {
height: 70px;
}
#sidebar {
background: url(../images/sidebarbg.png) repeat-y;
float: left;
margin-top: 30px;
width: 231px;
}
#sidebtm {
position: absolute;
}
#wp-calendar {
margin-top: 10px;
}
table {
margin: auto;
}
tr {}
td{
padding: 4px;
padding-top: 0px;
}
.pad {
display: none;
}
#content {
background: url(../images/cbg.png) repeat-y;
float: right;
width: 587px;
padding-left: 20px;
padding-right: 20px;
}
#top {
margin-left: -20px;
margin-top: -8px;
position: absolute;
}
#btm {
margin-left: -20px;
position: absolute;
}
.box {
float: left;
padding-right: 25px;
}
.hide {
display: none;
}
.avatar {
float: left;
height: 45px;
margin-top: 5px;
margin-right: 10px;
}
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
#footer {
margin: auto;
margin-bottom: 5px;
margin-top: 10px;
width: 900px;
}/*------------------------------------------------------------------
[Text Styles]
- anchors
- heading 1
- paragraph
- date #date
- sidebar #sidebar
+ ul
- ul
+ h1
- footer #footer
+ p
+ a
覧覧覧覧覧覧覧覧覧覧覧-*/
a {
color: #0060B6;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #002C54;
}
h1, h1 a {
color: #0060B6;
font: 28px Georgia;
text-decoration: none;
}
p, ul, ol, td {
color: #666;
font: 12px Arial;
line-height: 18px;
margin-bottom: 25px;
}
ul, ol {
margin-left: 40px;
}
.date {
border-bottom: 1px solid #D9D9D9s;
color: #666;
font: 10px Arial;
margin-bottom: 10px;
}
#sidebar {
color: #666;
font: 16px arial;
}
#sidebar ul {
list-style-type: none;
font-size: 0.9em;
margin-left: 0px;
}
#sidebar ul ul {
list-style-type: disc;
margin-bottom: 20px;
margin-left: 38px;
margin-top: 10px;
padding-right: 10px;
}
#sidebar h1 {
background: url(../images/headings/bg.png) no-repeat;
font-size: 20px;
height: 38px;
line-height: 38px;
padding-left: 46px;
}
#footer {
font-family: Arial;
font-size: 0.75em;
letter-spacing: 1px;
text-align: right;
}
#footer p {
color: #FFF;
}
#footer a {
color: #FFF;
}/**
* The CSS for Shadowbox.
*
* This file is part of Shadowbox.
*
* Shadowbox is free software: you can redistribute it and/or modify it under
* the terms of the GNU Lesser General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option)
* any later version.
*
* Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Shadowbox. If not, see .
*
* @author Michael J. I. Jackson
* @copyright 2007 Michael J. I. Jackson
* @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
* @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
*/
/*_________________________________________________________________ Overlay */
#shadowbox_overlay {
visibility: hidden;
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 998;
}
/*_______________________________________________________________ Container */
#shadowbox_container {
position: fixed;
height: 0px;
width: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 999;
text-align: center; /* centers in quirks and IE */
}
/*_______________________________________________________________ Shadowbox */
#shadowbox {
display: none;
visibility: hidden;
margin: 0 auto;
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
text-align: left; /* reset left alignment */
color: #888;
}
/*___________________________________________________________________ Title */
/*
HTML snapshot:
*/
#shadowbox_title {
height: 30px;
padding: 0;
overflow: hidden;
}
#shadowbox_title_inner {
height: 16px;
font-size: 16px;
line-height: 16px;
white-space: nowrap;
padding: 10px 0 4px 10px;
background-color: #fff;
}
/*____________________________________________________________________ Body */
/*
HTML snapsnot:
*/
#shadowbox_body {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
border: 10px solid #fff;
background-color: #eee;
}
#shadowbox_body_inner {
position: relative;
overflow: hidden;
}
#shadowbox_loading {
position: absolute;
top: 0;
left: 0;
height: 10000px; /* overflow:hidden will clip this */
width: 100%;
background-color: #ccc;
}
#shadowbox_loading img {
float: left;
margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
float: left;
margin-top: 16px;
font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
height: 100%;
width: 100%;
overflow: auto;
}
/*_________________________________________________________________ Toolbar */
/*
HTML snapshot:
*/
#shadowbox_toolbar {
margin: 0;
padding: 0;
height: 26px;
overflow: hidden;
}
#shadowbox_toolbar_inner {
height: 26px;
background-color: #fff;
}
#shadowbox_toolbar_inner div {
padding-top: 6px;
font-size: 10px;
height: 10px;
line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
text-decoration: underline;
font-weight: bold;
}
#shadowbox_toolbar_inner div a {
text-decoration: none;
color: #888;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
float: right;
padding-right: 10px;
}
#shadowbox_counter {
float: left;
padding-left: 10px;
}
#shadowbox_counter a {
padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
text-decoration: underline;
font-weight: bold;
}
/*________________________________________________________________ Messages */
div.shadowbox_message {
text-align: center;
padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
text-decoration: none;
color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
text-decoration: underline;
}
/*------------------------------------------------------------------
[Gallery]
- gallery #gallery
+ stripNav .stripNav
- ul
+ li
- a
+ a:hover
+ span
+ current
- span
+ stripNavL .stripNavL
- a
+ a:hover
+ stripNavR .stripNavR
- a
+ a:hover
+ csw .csw
- loading .loading
+ strip viewer .stripViewer
- panel container .panelContainer
+ panel .panel
- wrapper .wrapper
+ icon .icon
- img
+ top .top
- icon
+ bottom .bottom
- icon
- zoom box #ZoomBox
覧覧覧覧覧覧覧覧覧覧覧-*/
#gallery {background:url(../images/gallery/gallery.png) no-repeat; padding-left: 33px; padding-right: 33px; margin-bottom: 48px; margin-top: 56px;}
.stripNav {position: absolute; margin-top: 276px; margin-left: 20px;}
.stripNav ul {}
.stripNav ul li {float: left; height: 43px; list-style-type: none; margin-right: 50px;}
.stripNav ul li a {color: #666; display: block; font-size: 15px; font-weight: bold; height: 43px; line-height: 43px; margin-left: -5px; padding-left: 5px; padding-right: 50px; text-decoration: none; text-transform: uppercase;}
.stripNav ul li a:hover {color: #222;}
.stripNav ul li a span {display: block; margin-left: -24px; padding-left: 50px;}
.stripNav ul li .current {background: url(../images/gallery/tabright.png) right no-repeat; color: #222;}
.stripNav ul li .current span {background: url(../images/gallery/tableft.png) no-repeat;}
.stripNavL { background: url(../images/gallery/left.png) no-repeat; height: 28px; margin-left: -29px; margin-top: 120px; position: absolute; width: 27px; }
.stripNavL a {display: block; height: 28px;}
.stripNavL a:hover {background: url(../images/gallery/left_on.png) no-repeat;}
.stripNavR { background: url(../images/gallery/right.png) no-repeat; height: 28px; width: 27px; margin-left: 837px; margin-top: 120px; position: absolute;}
.stripNavR a {display: block; height: 28px;}
.stripNavR a:hover {background: url(../images/gallery/right_on.png) no-repeat;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 281px; overflow: hidden; display: none;}
.csw .loading {margin: 200px 0 300px 0; text-align: center;}
.stripViewer {clear: both; height: 281px; overflow: hidden; width: 833px; position: relative; margin: auto;}
.stripViewer .panelContainer {position: relative;}
.stripViewer .panelContainer .panel { float:left; width: 833px;}
.panel .wrapper {padding: 1px;}
.icon{float: left; height: 125px; line-height: 125px; padding-left: 5px; padding-right: 5px;}
.icon a {display: block;}
.icon img {vertical-align: middle;}
.top {margin-top: 10px;}
.top .icon {border-bottom: 1px solid #DDD;border-right: 1px solid #DDD;}
.bottom .icon {border-right: 1px solid #DDD;}
#ZoomImage {
background: url(../images/zoom/bg.png) no-repeat;
padding: 44px 55px 88px 48px;
}/*------------------------------------------------------------------
[Menus]
- mainmenu #menu
+ li
- cap .cap
+ a
- strategy #strategy
- design #design
- web #web
- video #video
- events #events
- printing #printing
- home menu #menubar
+ a
覧覧覧覧覧覧覧覧覧覧覧-*/
/* ----------- main menu ----------- */
#menu {
float: right;
margin-top: -22px;
margin-bottom: 0px;
}
#menu li {
background: url(../images/menu/bg.jpg) repeat-x;
float: left;
list-style-type: none;
}
#menu .cap {
background: transparent;
padding: 0;
}
#menu li a {
display: block;
height: 31px;
margin-bottom: 29px;
}
#menu #strategy a {background: url(../images/menu/menu.jpg); width: 117px;}
#menu #strategy a:hover, #menu #strategy .current {background: url(../images/menu/menu.jpg) 4px 32px;}
#menu #design a {background: url(../images/menu/menu.jpg) -111px 0; width: 101px;}
#menu #design a:hover, #menu #design .current {background: url(../images/menu/menu.jpg) -111px 32px;}
#menu #web a {background: url(../images/menu/menu.jpg) -213px 0px; width: 87px;}
#menu #web a:hover, #menu #web .current {background: url(../images/menu/menu.jpg) -213px 32px;}
#menu #video a {background: url(../images/menu/menu.jpg) -300px 0px; width: 94px;}
#menu #video a:hover, #menu #video .current {background: url(../images/menu/menu.jpg) -300px 32px;}
#menu #events a {background: url(../images/menu/menu.jpg) -394px 0px; width: 103px;}
#menu #events a:hover, #menu #events .current {background: url(../images/menu/menu.jpg) -394px 32px;}
#menu #printing a {background: url(../images/menu/menu.jpg) 110px 0px; width: 109px;}
#menu #printing a:hover, #menu #printing .current {background: url(../images/menu/menu.jpg) 110px 32px;}
/* ----------- home menu ----------- */
#menubar {
background: url(../images/menu/menubar2.png) no-repeat;
display: block;
height: 26px;
margin-left: 535px;
margin-top: -94px;
padding-left: 13px;
width: 370px;
}
#menubar a {
color: #666;
display: block;
float: left;
font-size: 10px;
letter-spacing: 0px;
margin-right: 13px;
margin-top: 8px;
text-transform: uppercase;
}
#menubar a:hover {
text-decoration: underline;
}
#menubar .current {
background: url(../images/menu/arrow.png) left center no-repeat;
padding-left: 10px;
}/*------------------------------------------------------------------
[Forms]
- form
+ label
+ input, textarea
+ checkbox .checkbox
+ contactus #contactus
- contact #contact
- request #request
+ label
+ row .row
- comments #comments
+ textarea
- submit #submit
+ response2 #Response2
+ close #close
+ search #searchform
覧覧覧覧覧覧覧覧覧覧覧-*/
form {
font-family: Arial;
}
label {
display: block;
font-size: 11px;
margin-top: 7px;
}
input, textarea {
border: 1px solid #AAA;
width: 245px;
}
.checkbox {
border: 0;
width: 10px;
}
#enewsregister {
background: url(../images/form/e_news.png) no-repeat;
height: 190px;
margin-left: 590px;
overflow: hidden;
padding-left: 38px;
position: absolute;
width: 320px;
z-index: 2000;
}
#enewscontact {margin-top: 42px;}
#enewsregister #submit {
background: url(../images/form/signup.jpg) no-repeat;
border: 0;
display: block;
height: 24px;
margin-left: 195px;
margin-top: 17px;
width: 66px;
}
#contactus {
background: url(../images/form/form.png) no-repeat;
height: 570px;
margin-left: 590px;
overflow: hidden;
padding-left: 38px;
position: absolute;
width: 320px;
z-index: 2000;
}
#contact {margin-top: 42px;}
#request {margin-top: 46px;}
#request label {display: inline; font-size: 14px; margin-right: 30px;}
#request .row {margin-top: 10px;}
#comments{margin-top: 55px;}
#comments textarea {height: 136px; width: 246px;}
#contactus #submit {
background: url(../images/form/submit.jpg) no-repeat;
border: 0;
display: block;
height: 24px;
margin-left: 195px;
margin-top: 17px;
width: 66px;
}
#response2 {
position: absolute;
margin-left: -38px;
}
#response3 {
position: absolute;
margin-left: -38px;
}
#close {
margin-left: -36px;
margin-top: -6px;
position: absolute;
}
#searchform {
margin-top: 20px;
margin-left: 20px;
}
#searchform #s {
height: 20px;
width: 165px;
padding-right: 24px;
}
#searchform .submit {
border: 0;
background: url(../images/search.png) no-repeat right;
cursor: pointer;
height: 20px;
left: 169px;
position: relative;
top: -21px;
width: 20px;
}