@charset "UTF-8";

/* 全てのカラムに共通 */
.column {
padding: 0 0 700px 0;
width: 180px;
background: url(../image/column-footer.png) center bottom no-repeat;
}

.column-220 {
padding: 0 0 700px 0;
width: 220px;
background: url(../image/column-footer-220.png) center bottom no-repeat;
}

.column-design20-top {
padding: 0 0 700px 0;
width: 370px;
background: url(../image/column-footer-design20.png) center bottom no-repeat;
}

#first {
position: absolute;
top: 105px;
left: 34px;
}

#first-top {
position: absolute;
top: 105px;
left: 15px;
}

#first-top-second {
position: absolute;
top: 409px;
left: 15px;
}

#second {
position: absolute;
top: 105px;
left: 205px;
}

#second-top {
position: absolute;
top: 105px;
left: 395px;
}

#third {
position: absolute;
top: 105px;
left: 395px;
}

#third-top {
position: absolute;
top: 105px;
left: 585px;
}

#fourth {
position: absolute;
top: 105px;
left: 585px;
background: url(../image/column-footer2.png) center bottom no-repeat;
}

#fourth-top {
position: absolute;
top: 105px;
left: 775px;
}

#fifth {
position: absolute;
top: 105px;
left: 794px;
text-align: center;
}

#fifth-top {
position: absolute;
top: 105px;
left: 965px;
text-align: center;
}

#from-opus {
position: absolute;
top: 105px;
left: 775px;
text-align: center;
}

.column-header-info {
height: 44px;
}

.opus-info {
margin: 0 5px 10px 5px;
}

.container {
background: url(../image/column-body.gif) center repeat-y;
}

.container-double {
background: url(../image/column-body-double.gif) center repeat-y;
}

.container-220 {
background: url(../image/column-body-220.png) center repeat-y;
}

#item-column {
padding: 0 0 700px 0;
position: absolute;
top: 105px;
left: 265px;
width: 480px;
background: url(../image/column-footer-item.png) center bottom no-repeat;
}

#item-column-none {
padding: 0 0 700px 0;
position: absolute;
top: 59px;
left: 265px;
width: 480px;
}

.grey-bg {
padding: 15px 0;
background: #ccc;
}
/* reform ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#item-body-column {
padding: 0 0 700px 0;
position: absolute;
top: 125px;
left: 246px;
z-index: 20;
width: 480px;
background: url(../image/column-footer-item.png) left bottom no-repeat;
}

#item-body-column2 {
padding: 0 0 700px 0;
position: absolute;
top: 125px;
left: 246px;
z-index: 20;
width: 480px;
background: url(../image/column-footer-item2.png) left bottom no-repeat;
}

#item-body-container {
padding: 0 12px;
line-height: 1.6;
color: #1a1a1a;
background: url(../image/column-body-item.gif) left repeat-y;
}

#first-fix {
position: fixed;
top: 105px;
left: 34px;
width: 180px;
color: #0b1f65;
}

#first-fix-company {
position: fixed;
top: 54px;
left: 34px;
width: 180px;
color: #0b1f65;
}

#fifth-menu-column {
padding: 0 0 67px 0;
position: absolute;
top: 105px;
left: 794px;
width: 180px;
font-size: 85%;
text-align: left;
}

#fifth-menu-column-company {
padding: 0 0 67px 0;
position: absolute;
top: 59px;
left: 794px;
width: 180px;
font-size: 85%;
text-align: left;
}

#fifth-menu-container {
padding: 0 0 17px 0;
background: url(../image/3note-menu-footer.png) center bottom no-repeat;
}

.fifth-menu-title {
margin: 5px 5px 0 5px;
padding: 12px 0 19px 0;
color: #280c0b;
background: #f5f3ee;
font-size: 130%;
font-weight: bold;
text-align: center;
}
/* reform ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

#item-body {
padding: 0 12px;
border-top: 1px solid #ebebeb;
line-height: 1.6;
color: #1a1a1a;
background: url(../image/column-body-item.gif) center repeat-y;
}

#item-body-company {
padding: 0 12px;
border-top: none;
line-height: 1.6;
color: #1a1a1a;
background: none;
}

#item-body a:link,
#item-body a:visited,
#item-body-container a:link,
#item-body-container a:visited,
#item-body-container-arten a:link,
#item-body-container-arten a:visited {
color: #0052b2;
background: #fcff22;
}
#item-body a:hover,
#item-body-container a:hover,
#item-body-container-arten a:hover {
background: #fcff22;
text-decoration: underline;
}
#item-body a:active,
#item-body-container a:active,
#item-body-container-arten a:active {
color: #92b6ff;
}

.morelink {
margin: 0.3em 10px 20px 10px;
font-size: 85%;
}

.item-image {
display: block;
margin: 0 0 1em 0;
}

.pageswitch {
margin: 20px 0 0 0;
clear: both;
line-height: 1.0;
text-align: center;
}
#item-body .pageswitch a:link,
#item-body .pageswitch a:visited {
color: #0052b2;
background: none;
}
#item-body .pageswitch a:hover {
background: #fcff22;
}
#item-body .pageswitch a:active {
color: #92b6ff;
}

.nolink {
color:#cccccc;
}

.menu-about {
padding: 3px 0;
line-height: 1.5;
font-size: 90%;
}

.menu-category-list {
margin: 0 10px;
padding: 0 0 0.6em 0;
font-size: 85%;
}
.menu-category-list a:link,
.menu-category-list a:visited {
color: #0052b2;
}
.menu-category-list a:hover {
background: #fcff22;
}
.menu-category-list a:active {
color: #92b6ff;
}

.menu-list {
margin: 0.8em 0 0.4em 0;
}

.column-description {
margin: 0 10px 20px 10px;
line-height: 1.4;
font-size: 80%;
}

.column-description.ver-3note {
color: #fff;
}

.column-description.company {
color: #9f9fa0;
}

.column-go-to-home {
margin: 0 10px 16px 10px;
line-height: 1.6;
}

.column-go-to-home a:link,
.column-go-to-home a:visited {
color: #fff;
}
.column-go-to-home a:hover {
color: #92b6ff;
}
.column-go-to-home a:active {
color: #0052b2;
}

.column-go-to-home-company {
margin: 0 10px 16px 10px;
line-height: 1.6;
}

.column-go-to-home-company a:link,
.column-go-to-home-company a:visited {
color: #9f9fa0;
}
.column-go-to-home-company a:hover {
color: #fff;
background: #deded2;
}
.column-go-to-home-company a:active {
color: #0052b2;
}

.clear-both {
clear: both;
}

hr.clear-both {
border: none;
clear: both;
height: 0;
color: #ffffff;
}

hr.separator {
margin: 4em 0;
border: none;
clear: both;
height: 0;
color: #ffffff;
}

hr.page-footer {
margin: 0 0 -35px 0;
border: none;
clear: both;
height: 0;
color: #ffffff;
line-height: 1.0;
}

.float-right {
margin: 0 0 0 5px;
float: right;
}

.float-left {
margin: 0 5px 0 0;
float: left;
}

.align-right {
text-align: right;
}

.align-center {
text-align: center;
}

.align-left {
text-align: left;
}

.uppercase {
text-transform: uppercase;
}

.lowercase {
text-transform: lowercase;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* <FRAME DELIVERY> */
#frame-top-body {
width: 370px;
height: 210px;
background: #000000;
text-align: center;
}

.frame-top-movie {
margin: 15px 0 0 0;
}

.frame-top-info {
margin: 0 0 0 25px;
font-size: 85%;
}

.frame-top-archives {
margin: -1.2em 30px 0 0;
padding: 0 0 15px 0;
font-size: 85%;
text-align: right;
}

.column-frame-top a:link,
.column-frame-top a:visited {
color: #717171;
}
.column-frame-top a:hover,
.column-frame-top a:active {
background: #ff0;
}

/* 個別記事 */
#frame-item-title {
margin: 0 0 30px 0;
padding: 15px 0 0 0;
line-height: 1.2;
}

#frame-item-container {
margin: 0 0 0 -12px;
width: 480px;
background: #000000;
text-align: center;
}

.frame-item-movie {
margin: 15px 0;
}

.frame-item-archives {
text-align: right;
}
/* /個別記事 */
#frame-archive-title {
margin: 0 0 0 0;
padding: 15px 0 0 0;
font-size: 95%;
letter-spacing: 1px;
}

#frame-container {
margin: 0 0 0 -12px;
padding: 22px 0 0 0;
width: 480px;
background: #000000;
}

#frame-archive-list {
margin: 0 -34px 0 29px;
font-size: 85%;
}

.frame-archive {
margin: 0 20px 22px 0;
float: left;
width: 128px;
color: #999999;
}

#item-body .frame-archive a:link,
#item-body .frame-archive a:visited {
color: #ffffff;
background: none;
}
#item-body .frame-archive a:hover,
#item-body .frame-archive a:active {
color: #ffff00;
text-decoration: none;
}

.frame-archive img {
margin: 8px 0 0 0;
}

#frame-menu-head {
margin: 0 0 22px 12px;
}

.frame-menu-subhead {
margin: 0 0 32px 12px;
font-size: 85%;
}

.frame-menu-subhead a:link,
.frame-menu-subhead a:visited,
.frame-menu-title a:link,
.frame-menu-title a:visited {
color: #000;
}
.frame-menu-subhead a:hover,
.frame-menu-subhead a:active,
.frame-menu-title a:hover,
.frame-menu-title a:active {
background: #ff0;
}

.frame-menu-subhead2 {
margin: 0 0 18px 12px;
font-size: 85%;
}

#frame-menu-footer {
margin: 15px 10px 0 10px;
padding: 0 0 0.6em 0;
font-size: 85%;
}
/* </FRAME DELIVERY> */
/* <design20> */
#design20-logo-top {
margin: 0;
padding: 0;
text-align: center;
}

.top-desc {
margin: 12px 12px 0 12px;
line-height: 1.5;
color: #808080;
font-size: 80%;
}

#design20-recent-top-imagebox {
margin: 12px 11px 23px 11px;
}

.design20-recent-top-image {
float: left;
line-height: 0.0;
}

.design20-recent-top-image a {
margin: 0 5px 5px 0;
display: block;
width: 82px;
height: 82px;
}

.design20-recent-top-image a img {
border: 1px solid #d1d1cf;
width: 80px;
height: 80px;
}

.design20-recent-top-image a:hover,
.design20-recent-top-image a:active {
border: 3px solid #ff0;
width: 76px;
height: 76px;
}

.design20-recent-top-image a:hover img,
.design20-recent-top-image a:active img {
width: 74px;
height: 74px;
}

#design20-recent-top {
margin: 12px 11px 23px 11px;
}

.design20-top-item {
float: left;
clear: both;
}

.design20-top-item a:link,
.design20-top-item a:visited,
#column-design20-top-footer a:link,
#column-design20-top-footer a:visited {
color: #808080;
}

.design20-top-item a:hover,
.design20-top-item a:active,
#column-design20-top-footer a:hover,
#column-design20-top-footer a:active {
background: #ff0;
}

.design20-recent-top-date {
padding: 0 15px 0 0;
}

.design20-top-review {
float: right;
}

.design20-top-review a img {
background: #fff;
}

.design20-top-review a:hover img,
.design20-top-review a:active img {
background: #ff0;
}

#column-design20-top-footer {
margin: 0 11px;
padding: 0 0 10px 0;
}
/* <個別記事> */
.design20-item-date,
.design20-item-author {
padding: 0;
color: #38e944;
font-size: 85%;
letter-spacing: 2px;
}

.design20-item-date {
margin: 15px 0;
float: left;
text-transform: uppercase;
}

.design20-item-author {
margin: 15px 0;
float: right;
}
a.daily-watch-cat-link:link,
a.daily-watch-cat-link:visited {
color: #ff6e00;
}
a.daily-watch-cat-link:hover {
color: #92b6ff;
}
a.daily-watch-cat-link:active {
color: #0052b2;
}

.design20-item-title {
margin: 0 0 15px 0;
clear: both;
color: #4d4d4d;
font-size: 120%;
font-weight: bold;
}

.design20-boderline {
margin: 1em 0;
border: none;
clear: both;
height: 77px;
background: url(../image/design20-borderline.png) center top repeat-y;
text-indent: -9999px;
}
/* </個別記事> */
/* <アーカイブ> */
.design20-category-title {
margin: 0 0 22px 0;
padding: 15px 0 0 0;
letter-spacing: 1px;
}

.design20-archive-date,
.design20-archive-author {
margin: 0 0 7px 0;
color: #38e944;
font-size: 85%;
letter-spacing: 2px;
}

.design20-archive-date {
float: left;
text-transform: uppercase;
}

.design20-archive-author {
float: right;
}

.design20-archive-title {
margin: 27px 0 22px 0;
clear: both;
}
#item-body .design20-archive-title a:link,
#item-body .design20-archive-title a:visited {
color: #ababab;
background: none;
}
#item-body .design20-archive-title a:hover,
#item-body .design20-archive-title a:active {
background: #ff0;
}

.design20-archive-body strong {
margin: 0 0 0 2px;
vertical-align: top;
}
/* </アーカイブ> *//* <menu> */
#design20-menu-head {
margin: 0 5px;
}

#design20-menu-desc {
margin: 15px 5px;
line-height: 1.5;
color: #808080;
letter-spacing: 2px;
font-size: 80%;
}

.design20-menu-subhead {
margin: 0 5px 20px 5px;
clear: both;
letter-spacing: 2px;
}

.design20-list {
margin: 0 5px 25px 10px;
}

.design20-menu-date {
color: #38e944;
font-size: 85%;
text-transform: lowercase;
}

.design20-menu-title {
margin: 0 0 4px 0;
font-size: 85%;
}
.design20-menu-title a:link,
.design20-menu-title a:visited {
color: #808080;
}
.design20-menu-title a:hover,
.design20-menu-title a:active {
background: #ff0;
}

#design20-menu-footer {
margin: 15px 10px 0 10px;
padding: 0 0 0.6em 0;
font-size: 85%;
}
#design20-menu-footer a:link,
#design20-menu-footer a:visited {
color: #0052b2;
}
#design20-menu-footer a:hover {
background: #ff0;
}
#design20-menu-footer a:active {
color: #92b6ff;
}
/* </menu> */
/* </design20> */

/* <daily-watch> */
#daily-watch-top-body {
margin: 16px auto 0 auto;
padding: 12px 0 5px 0;
width: 180px;
background: url(../image/daily-top-bg.png) center repeat-y;
}

#daily-watch-top-body h3 {
margin: 0 0 0 10px;
}

.daily-watch-top-image {
margin: 5px 0 0 10px;
}

.daily-watch-top-desc {
margin: 8px 12px 0 12px;
line-height: 1.5;
color: #808080;
font-size: 85%;
}

.daily-watch-top-desc dt {
padding: 2px;
width: 8em;
background: #fff;
}

.daily-watch-top-desc-body {
padding: 2px;
background: #fff;
}

.daily-watch-top-footer {
color: #00e8e8;
}

.image-180 {
margin: 0;
}

.top-daily-watch-h3 {
margin: 15px 10px 0 10px;
}
.top-daily-watch-h3 a:link,
.top-daily-watch-h3 a:visited {
color: #000000;
}
.top-daily-watch-h3 a:hover {
color: #ababab;
}
.top-daily-watch-h3 a:active {
color: #000000;
}

.top-daily-watch-p {
margin: 10px 10px 0 10px;
line-height: 1.4;
color: #4d4d4d;
}

.top-daily-watch-second-image {
margin: 0 5px 13px 5px;
float: left;
clear: both;
}

.top-daily-watch-second-date {
margin: 0 5px 0 0;
color: #ff6e00;
font-size: 85%;
text-transform: lowercase;
}

.top-daily-watch-second-p {
margin: 2px 10px 0 0;
font-size: 85%;
}
.top-daily-watch-second-p a:link,
.top-daily-watch-second-p a:visited {
color: #222222;
}
.top-daily-watch-second-p a:hover {
color: #ababab;
}
.top-daily-watch-second-p a:active {
color: #222222;
}

a.top-daily-watch-more:link,
a.top-daily-watch-more:visited {
color: #0052B2;
}
a.top-daily-watch-more:hover {
color: #92B6FF;
}
a.top-daily-watch-more:active {
color: #0052B2;
}

/* <アーカイブ> */
.daily-watch-category-title {
margin: 0 0 22px 0;
padding: 15px 0 0 0;
letter-spacing: 1px;
}

.daily-watch-archive-date,
.daily-watch-archive-author {
margin: 0 0 7px 0;
color: #ff6e00;
font-size: 85%;
letter-spacing: 2px;
}

.daily-watch-archive-date {
float: left;
text-transform: uppercase;
}

.daily-watch-archive-author {
float: right;
}

.daily-watch-archive-title {
margin: 27px 0 22px 0;
clear: both;
}
#item-body .daily-watch-archive-title a:link,
#item-body .daily-watch-archive-title a:visited {
color: #4d4d4d;
background: none;
}
#item-body .daily-watch-archive-title a:hover {
color: #ababab;
background: none;
}
#item-body .daily-watch-archive-title a:active {
color: #4d4d4d;
}

.daily-watch-archive-body strong {
margin: 0 0 0 2px;
vertical-align: top;
}
/* </アーカイブ> */

/* <個別記事> */
.daily-watch-item-date,
.daily-watch-item-author,
.dnews-item-date {
padding: 0;
color: #ff6e00;
font-size: 85%;
letter-spacing: 2px;
}

.daily-watch-item-date {
margin: 15px 0;
float: left;
text-transform: uppercase;
}

.daily-watch-item-author {
margin: 15px 0;
float: right;
}
a.daily-watch-cat-link:link,
a.daily-watch-cat-link:visited {
color: #ff6e00;
}
a.daily-watch-cat-link:hover {
color: #92b6ff;
}
a.daily-watch-cat-link:active {
color: #0052b2;
}

.daily-watch-item-title {
margin: 0 0 15px 0;
clear: both;
color: #4d4d4d;
font-size: 120%;
font-weight: bold;
}
/* </個別記事> */
/* <menu> */
#daily-watch-menu-head {
margin: 0 5px;
padding: 7px 5px 1px 5px;
background: url(../image/bg-daily-menu.gif);
letter-spacing: 2px;
}

.daily-watch-menu {
margin: 0 5px 5px 5px;
padding: 7px 5px;
background: url(../image/bg-daily-menu.gif);
letter-spacing: 2px;
}

.daily-watch-menu-description {
padding: 3px 0;
background: #ffffff;
letter-spacing: 2px;
line-height: 1.5;
font-size: 90%;
}

.daily-watch-menu-subhead {
margin: 0 5px 20px 5px;
padding: 7px 5px;
clear: both;
background: url(../image/bg-daily-menu.gif);
letter-spacing: 2px;
}

.daily-watch-menu-subhead-category {
margin: 4px 5px 20px 5px;
padding: 7px 5px;
clear: both;
background: url(../image/bg-daily-menu.gif);
letter-spacing: 2px;
}
/* </menu> */
/* </daily-watch> */

/* <Press> */
.top-press-date {
margin: 0 0 7px 0;
width: 180px;
height:10px;
color: #9e9e9e;
background: #ffff00;
font-size: 85%;
text-indent: 10px;
text-transform: lowercase;
letter-spacing: 2px;
}

.top-press-image {
margin: 0 10px;
}

.top-press-title {
margin: 12px 0 0 10px;
font-size: 85%;
}

.top-press-title a:link,
.top-press-title a:visited {
color: #000000;
}
.top-press-title a:hover {
color: #ababab;
}
.top-press-title a:active {
color: #000000;
}

.top-press-host {
margin: 0 10px 10px 10px;
color: #3fb7d4;
font-size: 85%;
}

.top-press-p {
margin: 0 10px;
color: #4d4d4d;
font-size: 90%;
}

.top-press-p-morelink {
margin: 0.3em 10px 0 10px;
font-size: 85%;
}

a.top-press-more:link,
a.top-press-more:visited {
color: #0052B2;
}
a.top-press-more:hover {
color: #92B6FF;
}
a.top-press-more:active {
color: #0052B2;
}

.top-column-footer {
margin: 1.5em 10px 0 10px;
padding: 0.5em 0 0 0;
border-top: 1px dotted #ffff00;
clear: both;
font-size: 90%;
}

.design-news-top-date {
margin: 18px 0 7px 0;
clear: both;
width: 180px;
height:10px;
color: #9e9e9e;
background: url(../image/design-news-date-bg.gif) left bottom no-repeat;
font-size: 85%;
text-indent: 10px;
text-transform: lowercase;
letter-spacing: 2px;
}

.design-news-top-column-footer {
margin: 1.5em 10px 0 10px;
padding: 0.5em 0 25px 0;
clear: both;
font-size: 90%;
}

.design-news-top-title {
margin: 12px 10px 0 10px;
font-size: 85%;
}

.design-news-top-title a:link,
.design-news-top-title a:visited {
color: #000000;
}
.design-news-top-title a:hover,
.design-news-top-title a:active {
background: #ff0;
}

.design-news-top-column-footer a:link,
.design-news-top-column-footer a:visited {
color: #0052B2;
}
.design-news-top-column-footer a:hover,
.design-news-top-column-footer a:active {
background: #ff0;
}

/* 2010-11 */
#tab-event a {
display: block;
width: 85px;
height: 20px;
background: url(../image/top-tab-event.png) left top no-repeat;
text-indent: -9999px; 
}
#tab-place a {
display: block;
width: 85px;
height: 20px;
background: url(../image/top-tab-place.png) left top no-repeat;
text-indent: -9999px; 
}
#tab-event a:link,
#tab-event a:visited,
#tab-place a:link,
#tab-place a:visited {
background-position: left top;
}
#tab-event a:hover,
#tab-event a:active,
#tab-place a:hover,
#tab-place a:active {
background-position: left bottom;
}

#dnews {
background: #ccc;
}

#ui-tab {
margin: 0 0 0 5px;
width: 170px;
background: #fff;
}

#event {
padding: 25px 0 0 0;
}

#event dl {
margin: 0 10px;
width: 150px;
}

.dnews-index-event-date {
margin: 0 0 10px 0;
color: #fff;
font-size: 110%;
}

.dnews-index-event-date span {
padding: 0 2px;
background: #ff3399;
}

.dnews-index-event-title {
font-size: 85%;
}

#event a:link,
#event a:visited {
color: #000;
}
#event a:hover,
#event a:active {
background: #eb008b;
}

.dnews-index-event-place {
margin: 0 0 25px 0;
}

.dnews-index-event-thumb {
margin: 5px 0;
}

#place {
padding: 0 10px;
background: #fff;
}

.dnews-index-place {
margin: 0 0 15px 0;
padding: 25px 0 0 0;
font-size: 110%;
}

.dnews-index-place-box {
overflow: hidden;
font-size: 85%;
}

#place .float-left {
margin: 0 9px 15px 0;
clear: both;
}

.dnews-index-place-date {
margin: 0;
color: #4d4d4d;
}

.dnews-index-place a:link,
.dnews-index-place a:visited {
color: #fff;
background: #09f;
}
.dnews-index-place a:hover,
.dnews-index-place a:active {
background: #666;
}

.dnews-index-place-title {
margin: 0 0 15px 0;
width: 150px;
}
.dnews-index-place-title a:link,
.dnews-index-place-title a:visited {
color: #4d4d4d;
}
.dnews-index-place-title a:hover,
.dnews-index-place-title a:active {
background: #09f;
}

#place .clearfix {
width: 150px;
overflow: hidden;
}

#place-list {
margin: 25px 0 0 -10px;
padding: 20px 0;
width: 170px;
background: #09f;
font-size: 85%;
}

#place-list li {
margin: 0 10px .4em 10px;
}

#place-list a:link,
#place-list a:visited {
color: #fff;
}
#place-list a:hover,
#place-list a:active {
background: #666;
}

.dnews-item-date {
margin: 15px 0;
float: left;
}
/* /2010-11 */

/* <アーカイブ> */
.press-category-title {
margin: 0 0 22px 0;
padding: 15px 0 0 0;
font-size: 85%;
letter-spacing: 1px;
}

.press-archive-date {
margin: 0 0 15px -12px;
width: 480px;
height: 10px;
line-height: 1.0;
color: #9e9e9e;
background: #ffff00;
font-size: 85%;
text-indent: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}

.press-archive-item-title {
margin: 0 12px 5px 0;
clear: both;
color: #000000;
}

#item-body .press-archive-item-title a:link,
#item-body .press-archive-item-title a:visited {
color: #000000;
background: none;
}
#item-body .press-archive-item-title a:hover {
color: #ababab;
background: none;
}
#item-body .press-archive-item-title a:active {
color: #000000;
}

.press-archive-host {
margin: 0 0 23px 0;
line-height: 0;
color: #3fb7d4;
font-size: 85%;
}
/* </アーカイブ> */
/* <個別記事> */
#item-body.press {
padding: 15px 0 0 0;
}

.press-item-date {
margin: 0 0 15px 0;
width: 480px;
height: 10px;
line-height: 1.0;
color: #9e9e9e;
background: #ffff00;
font-size: 85%;
text-indent: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}

.press-item-title {
margin: 0 12px;
clear: both;
color: #000000;
}

.press-item-title a:link,
.press-item-title a:visited {
color: #000000;
}
.press-item-title a:hover {
color: #ababab;
}
.press-item-title a:active {
color: #000000;
}

.press-item-host {
margin: 0 12px 10px 12px;
line-height: 0.8;
color: #3fb7d4;
}

.press-item-body p {
margin: 0 12px;
}

#item-body .press-item-body p.pageswitch {
margin: 20px 12px 0 12px;
}

hr.press-borderline {
margin: 1em 0;
border: none;
clear: both;
width: 480px;
height: 10px;
background: #fcff22;
}

hr.design-news-borderline {
margin: 1em 0 1em -12px;
border: none;
clear: both;
width: 480px;
height: 10px;
background: #fcff22;
}
/* <menu> */
#press-menu-head {
margin: 0 5px;
padding: 7px 5px 1px 5px;
background: url(../image/bg-press-menu.gif);
letter-spacing: 2px;
}

.press-menu {
margin: 0 5px 5px 5px;
padding: 7px 5px;
background: url(../image/bg-press-menu.gif);
letter-spacing: 2px;
}

.press-menu-subhead {
margin: 0 5px 20px 5px;
padding: 7px 5px;
clear: both;
background: url(../image/bg-press-menu.gif);
letter-spacing: 2px;
}

.press-menu-subhead-category {
margin: 20px 5px 5px 5px;
padding: 7px 5px;
clear: both;
background: url(../image/bg-press-menu.gif);
letter-spacing: 2px;
}
/* </menu> */
/* </個別記事> */
/* </Press> */

/* <Project Report> */
#third object {
margin: 0 5px;
}

#top-project-report {
margin: 0 5px;
padding: 0 0 12px 0;
background: url(../image/footer-project-report2.gif) #0b1f65 center bottom no-repeat;
}

.top-project-report-image {
margin: 0 5px 15px 5px;
float: left;
clear: both;
}

.top-project-report-date {
margin: 0;
color: #ffff00;
font-size: 85%;
text-transform: lowercase;
}

.top-project-report-p {
margin: 2px 5px 15px 0;
color: #ffffff;
font-size: 85%;
}
.top-project-report-p a:link,
.top-project-report-p a:visited {
color: #ffffff;
}
.top-project-report-p a:hover {
color: #babaff;
}
.top-project-report-p a:active {
color: #ffffff;
}

a.top-goto-partner-page {
margin: 0 5px -7px 5px;
padding: 7px 0 0 13px;
display: block;
height: 19px;
line-height: 1.0;
background: url(../image/partner-link.gif) left top no-repeat;
}
 a:link.top-goto-partner-page,
 a:visited.top-goto-partner-page {
color: #0b1f65;
}
 a:hover.top-goto-partner-page {
color: #1c4eff;
}
 a:active.top-goto-partner-page {
color: #0b1f65;
}

#third-column-footer {
margin: 0;
padding: 1px 0 0 0;
background: url(../image/third-column-footer-bg.gif) left top no-repeat;
}

#third-column-end {
background: url(../image/third-column-footer-bg.gif) 0 25px no-repeat;
}

/* ******* 2008-11-23 top-about-opus ******* */
#top-about-opus {
margin: 0 5px;
height: 740px;
background: url(../image/top-opus-bg.gif) no-repeat;
}

#top-about-opus h3 {
padding: 22px 0 27px 10px;
}

#top-about-opus ul {
margin: 0 0 23px 4px;
}

#top-opus-works {
margin: 0 0 0 10px;
width: 149px;
height: 340px;
background: url(../image/top-opus-works-bg.gif) no-repeat;
}

#top-opus-partners {
margin: 13px 0 0 10px;
width: 149px;
height: 178px;
background: url(../image/top-opus-partners-bg.gif) no-repeat;
}

.top-opus-imagebox {
margin: 0 0 0 8px;
padding: 18px 0 0 0;
}

.top-opus-more {
margin: 8px 8px 0 0;
text-align: right;
}

#info-about-opus {
margin: 0 5px;
padding: 13px 0;
background: #f5f5f5;
text-align: left;
}

#info-about-opus h3 {
background: #fff;
font-weight: bold;
text-align: center;
}

#info-about-opus p {
margin: 10px 10px 0 10px;
font-size: 80%;
}
/* ******* 2008-11-23 top-about-opus ******* */

/* <menu> */
#first.project-report-column {
width: 180px;
position: fixed;
top: 105px;
left: 34px;
color: #0b1f65;
}

.project-report-column-logo {
margin: 5px 10px 15px 10px;
}

.project-report-column-concept {
margin: 0 10px 15px 10px;
}

.project-report-column-description {
margin: 0 10px 20px 10px;
line-height: 1.4;
}

.project-report-go-to-home {
margin: 0 10px 16px 10px;
line-height: 1.6;
}

.project-report-column-about-opus {
margin: 0 10px;
}
.project-report-go-to-home a:link,
.project-report-go-to-home a:visited,
.project-report-column-about-opus a:link,
.project-report-column-about-opus a:visited {
color: #0052b2;
}
.project-report-go-to-home a:hover,
.project-report-column-about-opus a:hover {
color: #92b6ff;
}
.project-report-go-to-home a:active,
.project-report-column-about-opus a:active {
color: #0052b2;
}
/* </menu> */
/* <category> */
#fifth.project-report-category-column {
width: 180px;
padding: 0 0 67px 0;
font-size: 85%;
text-align: left;
}

.project-report-container {
padding: 0 0 17px 0;
background: url(../image/project-report-cat-footer.gif) #0b1f65 center bottom no-repeat;
}

.project-report-category-logo {
padding: 16px 0 0 0;
background: url(../image/project-report-cat-header.gif) #0b1f65 center top no-repeat;
text-indent: 10px;
}

#project-report-category {
margin: 16px 10px;
}

.project-report-category-list {
margin: 0 0 8px 0;
}
.project-report-category-list a:link,
.project-report-category-list a:visited {
padding: 2px 0 1px 4px;
line-height: 1.4;
color: #0052b2;
background: #ffffff;
}
.project-report-category-list a:hover  {
color: #92b6ff;
}
.project-report-category-list a:active {
color: #0052b2;
}

.project-report-title {
margin: 5px 5px 0 5px;
padding: 12px 0 19px 0;
background: #ffffff;
text-align: center;
}

.project-report-articles {
margin: 0 5px;
background: #ffffff;
}

.project-report-articles .top-project-report-date {
color: #ffb500;
font-size: 100%;
}

.project-report-articles .top-project-report-p {
color: #4d4d4d;
font-size: 100%;
}

.project-report-cat-p {
margin: 0 5px 15px 0;
}
.project-report-cat-p a:link,
.project-report-cat-p a:visited {
color: #4d4d4d;
}
.project-report-cat-p a:hover {
color: #ababab;
}
.project-report-cat-p a:active {
color: #4d4d4d;
}

.project-report-hot-image {
margin: 0 5px 5px 5px;
}

.project-report-hot-copy {
margin: 0 5px;
padding: 0 0 19px 0;
font-size: 100%;
}

.project-report-hot-copy a:link,
.project-report-hot-copy a:visited {
color: #000000;
}
.project-report-hot-copy a:hover {
color: #ababab;
}
.project-report-hot-copy a:active {
color: #000000;
}
/* </category> */
/* <個別記事> */
#item-column.project-report {
top: 125px;
left: 246px;
z-index: 20;
}

.project-report-item-category {
margin: 0 0 0 -12px;
padding: 19px 0 0 0;
position: relative;
top: -20px;
width: 480px;
color: #0b1f65;
background: url(../image/project-report-item-header.png) center top no-repeat;
font-size: 110%;
}

.project-report-item-category strong {
margin: 0 0 0 12px;
padding: 2px 0 1px 21px;
background: url(../image/project-report-circle.gif) left center no-repeat;
}
#item-column.project-report a:link,
#item-column.project-report a:visited {
color: #0b1f65;
}
#item-column.project-report a:hover {
color: #1c4eff;
}
#item-column.project-report a:active {
color: #0b1f65;
}

.project-report-item-title {
margin: -12px 0 0 0;
color: #4d4d4d;
font-weight: bold;
}

.project-repot-item-date {
margin: 0 0 15px 0;
color: #7f7f7f;
text-transform: uppercase;
letter-spacing: 1px;
}

h3.name{
padding: 2px 0 1px 21px;
color:  #0b1f65;
background: url(../image/project-report-circle.gif) left center no-repeat;
font-size: 110%;
font-weight: bold;
}

hr.project-repot-borderline {
margin: 1em 0 1em -12px;
border: none;
clear: both;
width: 480px;
height: 10px;
background: #0b1f65;
}
/* </個別記事> */
/* <アーカイブ> */
.project-report-category-title {
margin: 0 0 12px -12px;
padding: 19px 0 0 0;
position: relative;
top: -20px;
width: 480px;
color: #4d4d4d;
background: url(../image/project-report-item-header.png) center top no-repeat;
text-indent: 12px;
}

.project-report-archive-title {
margin: 0 0 30px 0;
color: #4d4d4d;
}
#item-body .project-report-archive-title a:link,
#item-body .project-report-archive-title a:visited {
color: #4d4d4d;
background: none;
}
#item-body .project-report-archive-title a:hover {
color: #ababab;
background: none;
}
#item-body .project-report-archive-title a:active {
color: #4d4d4d;
}
.project-report-archive-title strong {
margin: 0 0 0 2px;
vertical-align: top;
}

.project-report-archive-date {
margin: -10px 0 0 0;
color: #999999;
font-size: 85%;
letter-spacing: 1px;
}

.project-report-shop-item {
margin: 0 10px 0 0;
float: left;
}

.project-report-shop-item-detail {
margin: 0 0 0 130px;
}

hr.shop-list-borderline {
margin: 2em 0 2em -142px;
border: none;
clear: both;
width: 480px;
height: 10px;
background: #0b1f65;
}
/* </アーカイブ> */
/* </Project Report> */

/* </Event Calendar> */
.calendar-info {
margin: 15px 5px 0 5px;
padding: 0 0 0 5px;
border-left: 5px solid #add912;
font-size: 90%;
}

.calendar-title {
margin: 0.3em 0;
}
.calendar-title a:link,
.calendar-title a:visited {
color: #008837;
}
.calendar-title a:hover {
color: #add912;
}
.calendar-title a:active {
color: #add912;
}

.calendar-date {
margin: 0;
text-transform: lowercase;
}
.open {
/*
background: #ffeeee;
font-weight: bold
*/
margin: 0;
color: #000000;
text-transform: lowercase;
}

.calendar-category {
margin: 0;
color: #4d4d4d;
}
/* </Event Calendar> */

/* <Pick Up AD> */
.ad-list {
margin: 0;
padding: 0 0 15px 0;
}
/* </Pick Up AD> */

/* <Flip> */
/* ******* 2008-11-23 ******* */
#flip-top-body {
margin: 0 auto;
padding: 12px 0 5px 0;
width: 180px;
background: url(../image/flip-top-bg2.png) center repeat-y;
}

.flip-top-logo {
margin: 10px 0 0 15px;
}

.flip-top-title {
margin: 0 10px 13px 10px;
text-align: right;
}
.flip-top-title a:link,
.flip-top-title a:visited {
color: #fff;
}
.flip-top-title a:hover {
color: #7f7b88;
}
.flip-top-title a:active {
color: #7f7b88;
}
.flip-top-title a span.sub-title {
color: #7f7b88;
}
.flip-top-title a:hover span.sub-title {
color: #fff;
}

.flip-top-title a img {
margin: 5px 0 0 0;
width: 160px;
height: 100px;
}

.flip-top-title a:hover img,
.flip-top-title a:active img {
width: 154px;
height: 94px;
border: 3px solid #ff0;
}

.flip-top-desc {
margin: 0 12px;
line-height: 1.5;
color: #bfbfbf;
font-size: 80%;
}

.flip-top-desc dt {
margin: 0 0 0.5em 0;
}
/* ******* 2008-11-23 ******* */

/* <個別記事> */
#item-body.flip {
border: none;
line-height: 1.6;
font-size: 105%;
}

.flip-item-category {
margin: 0 0 -20px -12px;
padding: 14px 0 0 0;
position: relative;
top: -20px;
width: 480px;
background: url(../image/project-report-item-header.png) center top no-repeat;
}

.flip-item-category strong {
margin: 0 0 0 12px;
padding: 2px 0 1px 15px;
background: url(../image/flip-underbar.gif) left center no-repeat;
font-size: 110%;
}

.flip-item-title {
margin: 0 0 18px 0;
color: #4d4d4d;
font-weight: bold;
}

.flip-item-date {
color: #7f7f7f;
letter-spacing: 1px;
font-weight: normal;
}

dl.flip-interview {
margin: 0 0 1em 0;
}
dl.flip-interview dt,
div.flip-interview h4 {
float: left;
clear: both;
width: 13px;
line-height: 1.4;
vertical-align: top;
font-weight: bold;
}
dl.flip-interview dd {
margin: 0 0 0 20px;
}
dl.flip-interview dd p {
line-height: 1.6;
}
div.flip-interview p {
margin: 0 0 1em 20px;
line-height: 1.6;
}
div.flip-interview p img {
margin: 0 0 0 -20px;
line-height: 1.6;
}

#ver-flip .flip a:link,
#ver-flip .flip a:visited {
color: #0052b2;
background: none;
}
#ver-flip .flip  a:hover {
color: #92b6ff;
}
#ver-flip .flip a:active {
color: #0052b2;
}
/* </個別記事> */
/* <about> */
.flip-logo {
     background: none repeat scroll 0px 0px #FFFFFF;
     margin: 2px 5px 0px 13px;
     padding: 15px 8px 5px 4px;
}

.flip-column-description {
     background: none repeat scroll 0px 0px #FFFFFF;
     color: #000000;
     line-height: 1.4;
     margin: 0px 5px 15px 13px;
     padding: 10px 5px 10px 8px;
}

.flip-column-editer {
margin: 0 15px 25px 15px;
line-height: 1.4;
color: #000000;
}

.flip-go-to-home {
margin: 0 15px 16px 15px;
line-height: 1.6;
}

.flip-column-editer a:link,
.flip-column-editer a:visited,
.flip-go-to-home a:link,
.flip-go-to-home a:visited {
color: #336699;
}
.flip-column-editer a:hover,
.flip-go-to-home a:hover {
color: #5c94cb;
}
.flip-column-editer a:active,
.flip-go-to-home a:active {
color: #336699;
}
/* </about> */
/* <menu> */
#flip-fifth {
padding: 0 0 67px 0;
position: absolute;
top: 105px;
left: 794px;
width: 180px;
font-size: 90%;
}

.flip-container {
padding: 0 0 17px 0;
}

.flip-features {
padding: 16px 0 0 0;
text-indent: 10px;
}

.flip-features-date {
margin: 16px 10px 0.3em 10px;
color: #000000;
text-transform: lowercase;
letter-spacing: 1px;
}

#flip-features-list {
margin: 20px 0 0 0;
color: #f5f3ee;
}

.flip-features-list-title {
margin: 0 10px;
line-height: 1.6;
color: #aaaaaa;
letter-spacing: 1px;
}
.flip-features-list-title a:link,
.flip-features-list-title a:visited {
color: #69665f;
}
.flip-features-list-title a:hover {
color: #AAAAAA;
}
.flip-features-list-title a:active {
color: #69665f;
}

.flip-features-title {
margin: 0 10px;
line-height: 1.2;
letter-spacing: 1px;
}
.flip-features-title a:link,
.flip-features-title a:visited {
color: #336699;
}
.flip-features-title a:hover {
color: #5c94cb;
}
.flip-features-title a:active {
color: #336699;
}
/* </menu> */
/* <アーカイブ> */
#flip-archive {
margin: 18px 0 0 0;
width: 456px;
}

.flip-archive-title {
margin: 0;
padding: 0;
float: left;
line-height: 0.0;
}

.flip-index-footer {
padding: 26px 0 0 0;
}
/* </アーカイブ> */
/* </Flip> */

/* <online shop banner> */
#online-shop-banner-top {
font-size: 98%;
}

#online-shop-banner-top-title {
margin: 0 5px 10px 5px;
}
/* <online shop banner> */

/* <3NOTE> */
#copy-3note {
margin: 35px 0 0 0;
padding: 0 0 26px 0;
background: url(../image/3note-border.png) center bottom no-repeat;
}
/*
.title-3note {
margin: 25px 0 0 0;
color: #959595;
}

.date-3note {
color: #b1b1b1;
}
*/
#category-list-3note {
text-align: center;
}

#category-list-3note li {
margin: 2em 0 0 0;
}

#item-body-container #category-list-3note a:link,
#item-body-container #category-list-3note a:visited {
color: #959595;
}

#category-list-3note-first,
#category-list-3note-end {
padding: 26px 0 0 0;
background: url(../image/3note-border.png) center top no-repeat;
}

.ver-3note-archive-date {
margin: -10px 0 0 0;
color: #999999;
font-size: 85%;
letter-spacing: 1px;
}

.ver-3note-archive-title {
margin: 0 0 30px 0;
color: #4d4d4d;
}
#item-body-container .ver-3note-archive-title a:link,
#item-body-container .ver-3note-archive-title a:visited {
color: #4d4d4d;
background: none;
}
#item-body-container .ver-3note-archive-title a:hover {
color: #ababab;
background: none;
}
#item-body-container .ver-3note-archive-title a:active {
color: #4d4d4d;
}
.ver-3note-archive-title strong {
margin: 0 0 0 2px;
vertical-align: top;
}
/* <menu> */
#fifth.ver-3note-category-column {
width: 180px;
padding: 0 0 67px 0;
font-size: 85%;
text-align: left;
}

.ver-3note-container {
padding: 0 0 17px 0;
background: url(../image/3note-menu-footer.png) center bottom no-repeat;
}

.ver-3note-category-logo {
padding: 16px 0 0 0;
background: url(../image/3note-menu-header.png) center top no-repeat;
text-indent: 10px;
}

.ver-3note-item-category {
margin: 0 0 0 -12px;
padding: 19px 0 0 0;
position: relative;
top: -20px;
width: 480px;
color: #280c0b;
background: url(../image/project-report-item-header.png) center top no-repeat;
font-size: 110%;
}

#item-body-container .ver-3note-item-category a:link,
#item-body-container .ver-3note-item-category a:visited {
color: #280c0b;
background: none;
}

.item-category-3note {
margin: 0 0 -20px -12px;
padding: 14px 0 0 0;
position: relative;
top: -20px;
width: 480px;
background: url(../image/project-report-item-header.png) center top no-repeat;
}

.item-category-3note strong {
margin: 0 0 0 12px;
padding: 2px 0 1px 15px;
background: url(../image/flip-underbar.gif) left center no-repeat;
font-size: 110%;
}

.ver-3note-item-category strong {
margin: 0 0 0 12px;
padding: 2px 0 1px 21px;
background: url(../image/3note-circle.png) left center no-repeat;
}

.ver-3note-item-title {
margin: -12px 0 0 0;
color: #848384;
font-weight: bold;
}

#item-body-container .ver-3note-item-title a {
background: none;
}

.ver-3note-item-date {
margin: 0 0 15px 0;
color: #b7b7b8;
text-transform: uppercase;
letter-spacing: 1px;
}

#ver-3note-category {
margin: 16px 10px;
}

.ver-3note-category-list {
margin: 0 0 8px 0;
}
.ver-3note-category-list a:link,
.ver-3note-category-list a:visited {
padding: 2px 0 1px 4px;
line-height: 1.4;
color: #fff;
}
.ver-3note-category-list a:hover {
color: #92b6ff;
}
.ver-3note-category-list a:active {
color: #0052b2;
}

.ver-3note-title {
margin: 5px 5px 0 5px;
padding: 12px 0 19px 0;
color: #280c0b;
background: #f5f3ee;
font-size: 130%;
font-weight: bold;
text-align: center;
}

.ver-3note-articles {
margin: 0 5px;
background: #f5f3ee;
}

.ver-3note-articles .top-ver-3note-date {
color: #ffb500;
font-size: 100%;
}

.ver-3note-articles .top-ver-3note-p {
color: #4d4d4d;
font-size: 100%;
}

.ver-3note-articles object {
margin: 0 0 0 5px;
padding: 0 0 3px 0;
width: 160px;
height: 130px;
}

.ver-3note-articles embed {
margin: -3px 0 0 0;
width: 160px;
height: 130px;
}

.ver-3note-date {
margin: 0;
color: #280c0b;
font-size: 85%;
text-transform: lowercase;
}

.ver-3note-cat-p {
margin: 0 5px 15px 0;
}
.ver-3note-cat-p a:link,
.ver-3note-cat-p a:visited {
color: #280c0b;
}
.ver-3note-cat-p a:hover {
color: #ababab;
}
.ver-3note-cat-p a:active {
color: #4d4d4d;
}

.ver-3note-hot-image {
margin: 0 5px 5px 5px;
}

.ver-3note-hot-copy {
margin: 0 5px;
padding: 0 0 19px 0;
font-size: 100%;
}

.ver-3note-hot-copy a:link,
.ver-3note-hot-copy a:visited {
color: #280c0b;
}
.ver-3note-hot-copy a:hover {
color: #ababab;
}
.ver-3note-hot-copy a:active {
color: #000000;
}
/* </menun> */
/* </3NOTE> */

/* <About OPUS> */
.about-item-title {
margin: 0 12px 8px 12px;
clear: both;
color: #000000;
font-size: 120%;
}

dt.about-item-title {
margin: 0 12px;
}

.about-item-title a:link,
.about-item-title a:visited {
color: #000000;
}
.about-item-title a:hover {
color: #ababab;
}
.about-item-title a:active {
color: #000000;
}

.about-item-body h3 {
margin: 18px 0 7px 0;
font-weight: bold;
text-indent: 12px;
}

.about-item-body h3 span {
background: #ffff00;
}

.about-item-body h3 a:link,
.about-item-body h3 a:visited {
color: #000000;
}
.about-item-body h3 a:hover {
color: #ababab;
}
.about-item-body h3 a:active {
color: #000000;
}

.about-item-date {
margin: 0 0 15px 0;
width: 480px;
height: 10px;
line-height: 1.0;
color: #9e9e9e;
background: #ffff00;
font-size: 85%;
text-indent: 12px;
letter-spacing: 2px;
}

.about-item-body p {
margin: 0 12px 3em 12px;
}

.about-item-body h4 {
clear: both;
text-indent: 12px;
}

.about-archive-body {
margin: 0 12px 20px 12px;
border-bottom: 1px solid #cccccc;
}

.about-archive-body p {
margin: 0 0 1em 0;
color: #333333;
}

.about-images {
margin: 0 2em 15px 0;
}

hr.about-borderline {
margin: 15px 0;
}

.about-menu-subhead {
margin: 0 5px 0 5px;
padding: 7px 5px;
clear: both;
background: url(../image/bg-press-menu.gif);
letter-spacing: 2px;
}
/* </About OPUS> */
/* <Company> */
h1#company-logo {
margin: 5px 10px 15px 10px;
width: 131px;
height: 55px;
position: static;
background: none;
}

#item-column-none h2 {
margin: 0 0 8px 0;
}

#item-column-none h2#company-title {
margin: 0 0 60px 0;
}

#item-column-none h3 {
margin: 0 0 34px 0;
padding: 3px 0 0 0;
color: #9f9fa0;
}

#item-column-none h3.company-shop-name {
margin: 8px 0 0 0;
}

#item-column-none h4 {
margin: 10px 0 5px 0;
padding: 3px 0 0 0;
color: #9f9fa0;
}

#company-banner-list {
margin: 18px -14px 0 0;
}

#company-banner-list li {
margin: 0 14px 4px 0;
float: left;
}

#item-column-none p {
color: #9f9fa0;
}

#item-body-company a:link,
#item-body-company a:visited {
color: #00aae8;
}
#item-body-company a:hover {
color: #fff;
background: #00aae8;
}
#item-body-company a:active {
color: #00aae8;
}

#company-image {
margin: 0 0 33px 0;
}

#company-about-list .company-border {
margin: 0 0 34px 0;
padding: 3px 0 0 0;
}

.company-border {
margin: 11px 0 0 0;
border-top: 1px solid #9f9fa0;
color: #9f9fa0;
}

#company-cat-box {
width: 180px;
height: 180px;
background: url(../image/company-menu-bg.png) 0 0 no-repeat;
}

#fifth-menu-column-company h2 {
margin: 35px 0 15px 18px;
}

#company-category {
padding: 25px 0 32px 15px;
}

#company-category a {
margin: 0 0 12px 0;
display: block;
background: url(../image/company-menu.png) 0 0 no-repeat;
text-indent: -9999px;
}

a#company-news {
width: 61px;
height:14px;
}
a#company-news-active {
width: 130px;
height:14px;
}
a#company-news:link,
a#company-news:visited {
background-position: 0 0;
}
a#company-news:hover,
a#company-news-active {
width: 130px;
background-position: -130px 0;
}
a#company-news:active {
background-position: 0 0;
}

a#company-project {
width: 95px;
height:16px;
}
a#company-project-active {
width: 130px;
height:16px;
}
a#company-project:link,
a#company-project:visited {
background-position: 0 -14px;
}
a#company-project:hover,
a#company-project-active {
width: 130px;
background-position: -130px -14px;
}
a#company-project:active {
background-position: 0 -14px;
}

a#company-about2 {
margin: 0 0 38px 0;
width: 70px;
height:16px;
}
a#company-about2-active {
margin: 0 0 38px 0;
width: 1300px;
height:16px;
}
a#company-about2:link,
a#company-about2:visited {
background-position: 0 -30px;
}
a#company-about2:hover,
a#company-about2-active {
width: 130px;
background-position: -130px -30px;
}
a#company-about2:active {
background-position: 0 -30px;
}

a#company-shop {
width: 58px;
height:16px;
}
a#company-shop-active {
width: 130px;
height:16px;
}
a#company-shop:link,
a#company-shop:visited {
background-position: 0 -46px;
}
a#company-shop:hover,
a#company-shop-active {
width: 130px;
background-position: -130px -46px;
}
a#company-shop:active {
background-position: 0 -46px;
}

#company-link li {
margin: 0 0 15px 18px;
}

#company-link li a:link,
#company-link li a:visited {
color: #9f9fa0;
}
#company-link li a:hover {
margin: 0 0 0 -2px;
padding: 0 2px;
color: #fff;
background: #deded2;
}
#company-link li a:active {
color: #9f9fe0;
}
/* </Company> */

/* <Arten> */
#arten-top-body {
margin: 15px auto 0 auto;
padding: 12px 0 5px 0;
width: 180px;
background: url(../image/arten-top-bg.png) center repeat-y;
}

.arten-top-logo {
margin: 3px 0 5px 9px;
}

.arten-top-title {
margin: 0 10px 13px 10px;
text-align: right;
}
.arten-top-title a:link,
.arten-top-title a:visited {
color: #000;
}
.arten-top-title a:hover {
color: #7f7b88;
}
.arten-top-title a:active {
color: #7f7b88;
}

.arten-top-title a img {
margin: 5px 0 0 0;
width: 160px;
height: 100px;
}

.arten-top-title a:hover img,
.arten-top-title a:active img {
width: 154px;
height: 94px;
border: 3px solid #ff0;
}

.arten-top-desc {
margin: 0 12px;
line-height: 1.5;
color: #342421;
font-size: 80%;
}

.arten-top-desc dt {
margin: 0 0 0.5em 0;
font-weight: bold;
}

#item-body-container-arten {
padding: 0 12px;
line-height: 1.6;
color: #727172;
background: url(../image/column-body-item2.gif) left repeat-y;
}

.arten-subtitle {
margin: 0 0 1em 0;
font-size: 90%;
font-weight: bold;
}

.arten-border {
margin: 2em 0 0 0;
padding: 0 0 2em 0;
width: 457px;
height: 11px;
background: url(../image/arten-border.png) left top no-repeat;
text-indent: -9999px;
}

.arten-desc-box {
background: url(../image/arten-menu-footer.png) center bottom no-repeat;
}

.arten-desc-box .column-go-to-home {
margin: -1em 10px 16px 10px;
padding: 0 0 1em 0;
line-height: 1.6;
}

.arten-cat-box {
z-index: 20;
background: url(../image/arten-menu-footer2.png) center bottom no-repeat;
}

.arten-logo {
padding: 10px 0 0 0;
background: url(../image/arten-menu-header.png) center top no-repeat;
}

.arten-cat-logo {
padding: 10px 0 0 0;
background: url(../image/arten-menu-header2.png) center top no-repeat;
text-align: center;
}

.arten-logo a {
display: block;
background: url(../image/arten-menu-body.png) center repeat-y;
text-align: center;
}

.arten-articles {
color: #353e0b;
background: url(../image/arten-menu-body2.png) center repeat-y;
}

.arten-articles a:link,
.arten-articles a:visited {
color: #953e0b;
}
.arten-articles a:hover {
color: #653e0b;
}
.arten-articles a:active {
color: #353e0b;
}

.column-description-arten {
margin: 0 10px 20px 10px;
padding: 0.5em 0 0 0;
line-height: 1.4;
}

.column-go-to-home-arten {
margin: 3em 10px;
}

.arten-item-title {
margin: 0 0 0 -12px;
padding: 19px 0 0 12px;
position: relative;
top: -20px;
width: 480px;
color: #280c0b;
background: url(../image/project-report-item-header.png) left top no-repeat;
font-size: 110%;
}

#fifth-menu-arten {
margin: 0 0 -50px 0;
color: #350e0b;
background: url(../image/arten-menu-body.png) center repeat-y;
}

#arten-category {
margin: 0 5px;
padding: 0 0 1em 0;
background: #fff;
}

.arten-category-list {
margin: 0 0 6px 0;
}
.arten-category-list a:link,
.arten-category-list a:visited {
padding: 2px 0 1px 8px;
line-height: 1.4;
color: #953e0b;
}
.arten-category-list a:hover {
color: #653e0b;
}
.arten-category-list a:active {
color: #353e0b;
}

#arten-animation {
margin: 0 5px;
padding: 0 0 1em 0;
background: #fff;
text-align:center;
}

.fifth-menu-title-arten {
margin: 5px 5px 0 5px;
padding: 12px 0 19px 0;
background: #fff;
font-size: 130%;
font-weight: bold;
text-align: center;
}

.arten-recent-items {
margin: 0 5px;
background:  #fff;
}

.arten-date {
margin: 0;
color: #350e0b;
font-size: 85%;
text-transform: lowercase;
}

.arten-cat-p {
margin: 0 5px 15px 0;
}
.arten-cat-p a:link,
.arten-cat-p a:visited {
color: #221815;
}
.arten-cat-p a:hover {
color: #ababab;
}
.arten-cat-p a:active {
color: #4d4d4d;
}

.arten-books {
margin: 0 5px;
background:  #fff;
}

.arten-books-image {
margin: 0 5px 5px 5px;
}

.arten-books-copy {
margin: 0 5px;
padding: 0 0 19px 0;
font-size: 100%;
}

.arten-books-copy a:link,
.arten-books-copy a:visited {
color: #280c0b;
}
.arten-books-copy a:hover {
color: #ababab;
}
.arten-books-copy a:active {
color: #000000;
}
/* </Arten> */

/* <Design Dictionary> */
#dic-top-body {
margin: 15px 5px 15px 5px;
padding: 12px 0 5px 0;
border: 1px dashed #666;
background: #fff;
}

.dic-top-title {
margin: .5em auto 13px auto;
text-align: right;
width: 160px;
}
.dic-top-title a:link,
.dic-top-title a:visited {
color: #000;
}
.dic-top-title a:hover {
color: #7f7b88;
}
.dic-top-title a:active {
color: #7f7b88;
}

.dic-top-title a img {
margin: 5px 0 0 0;
width: 160px;
height: 100px;
}

.dic-top-title a:hover img,
.dic-top-title a:active img {
width: 154px;
height: 94px;
border: 3px solid #ff0;
}

.dic-logo {
padding: 30px 0 0 0;
background: url(../image/16-dic-menu-header.png) center top no-repeat;
text-align: center;
}

.dic-articles {
margin: 0 0 -40px 0;
padding: 20px 0 0 0;
color: #999;
background: #fff;
}

.dic-articles a:link,
.dic-articles a:visited {
color: #999;
}
.dic-articles a:hover,
.dic-articles a:active {
color: #333;
}

.column-go-to-home-dic {
margin: 5em 10px 1em 10px;
}

.dic-menu-index {
margin: 0 0 .2em 10px;
color: #666;
font-weight: bold;
}

.dic-menu-cat {
margin: 0 10px 2em 10px;
}

.dic-desc-box {
padding: 0 0 90px 0;
background: url(../image/16-dic-menu-footer.png) center bottom no-repeat;
}

.dic-desc-box-right {
position: relative;
z-index: 100;
background: url(../image/16-dic-menu-footer-right.png) center bottom no-repeat;
}

#dic-menu-title {
padding: 30px 0 0 10px;
color: #b3b3b3;
background: url(../image/16-dic-menu-header.png) center top no-repeat;
font-size: 120%;
font-weight: bold;
}

#dic-item-body {
padding: 0 0 700px 0;
position: absolute;
top: 125px;
left: 246px;
z-index: 20;
width: 480px;
}

.dic-item-body-container {
margin: 0 0 50px 0;
padding: 0 0 1em 0;
line-height: 1.6;
color: #727172;
background: url(../image/16-item-footer.png) left bottom no-repeat;
}

.dic-item-body-footer {
padding: 0 12px;
background: #fff;
}

a.thickbox:hover {
cursor: url(../images/zoom.cur), pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
/* </Design Dictionary> */

/* <Office Tour>  */
#office-tour-top-body {
margin: 0 auto;
padding: 12px 0 5px 0;
width: 170px;
color: #342421;
background: #fff;
}

.office-tour-top-title {
margin: 0 10px 13px 10px;
text-align: right;
}
.office-tour-top-title a:link,
.office-tour-top-title a:visited {
color: #333;
}
.office-tour-top-title a:hover,
.office-tour-top-title a:active {
color: #7f7b88;
}

.office-tour-top-title a img {
margin: 5px 0 0 -5px;
width: 160px;
height: 100px;
}

.office-tour-top-title a:hover img,
.office-tour-top-title a:active img {
width: 154px;
height: 94px;
border: 3px solid #ff0;
}

.office-tour-top-desc {
margin: 0 12px;
line-height: 1.5;
color: #342421;
font-size: 80%;
}

.office-tour-top-desc dt {
margin: 0 0 0.5em 0;
font-weight: bold;
}

#office-tour-contents {
padding: 0 0 775px 0;
position: absolute;
top: 125px;
left: 246px;
z-index: 20;
width: 506px;
line-height: 1.77;
color: #666464;
background: url(../image/17-office-tour-contents-bg-footer.png) center bottom no-repeat;
}

#office-tour-contents-wrap {
padding: 0 25px;
background: url(../image/17-office-tour-contents-bg-body.png) repeat-y;
}

#office-tour-item-title {
margin: -22px 0 0 0;
padding: 35px 30px 20px 30px;
color: #1a1a1a;
background: url(../image/17-office-tour-contents-bg-header.png) center top no-repeat;
font-size: 120%;
font-weight: bold;
}

.office-tour-index-item-title {
margin: 0 0 .5em 0;
font-size: 120%;
font-weight: bold;
}

.office-tour-item-date {
color: #9fa0a0;
font-size: 90%;
}

.office-tour-index-item-date {
margin: 0;
color: #9fa0a0;
font-size: 120%;
font-weight: bold;
}

#office-tour-catch {
font-weight: bold;
}

#office-tour-catch .align-right {
font-weight: normal;
}

.office-tour-body {
margin: 0 0 10px 0;
padding: 30px 0 0 0;
background: url(../image/17-office-tour-border.png) center top no-repeat;
font-size: 90%;
}

.office-tour-body h3 {
margin: 0 0 2em 0;
font-weight: bold;
}

.office-tour-body h4 {
float: left;
width: 6em;
font-weight: bold;
}

.office-tour-body p {
margin: 0 0 2em 0;
overflow: hidden;
}

.office-tour-item-list {
padding: 1em 0;
background: url(../image/17-office-tour-border.png) center bottom no-repeat;
}

.office-tour-index {
margin: 0 10px 0 0;
float: right;
width: 321px;
font-size: 90%;
}

#first-fix-office-tour {
position: fixed;
top: 105px;
left: 34px;
width: 200px;
color: #666464;
}

.office-tour-desc-box {
padding: 0 0 20px 0;
background: url(../image/17-office-tour-left-bg-footer.png) center bottom no-repeat;
}

.office-tour-logo {
padding: 30px 0 0 0;
background: url(../image/17-office-tour-left-bg-header.png) center top no-repeat;
text-align: center;
}

.office-tour-logo a {
display: block;
width: 200px;
}

.office-tour-logo a,
.office-tour-articles {
background: url(../image/17-office-tour-left-bg-body.png) repeat-y;
}
.office-tour-articles2 {
background: url(../image/17-office-tour-right-bg-body.png) repeat-y;
}

.office-tour-column-description {
margin: 0 20px 10px 20px;
padding: 25px 0 0 0;
}

.presented-by-kano {
margin: 0 0 10px 20px;
width: 160px;
height: 83px;
line-height: 1.6;
background: url(../image/17-office-tour-book.jpg) right bottom no-repeat;
}

.office-tour-column-go-to-home {
margin: 0 20px;
line-height: 1.0;
}

#office-tour-contents a:link,
#office-tour-contents a:visited {
color: #231815;
}
#office-tour-contents a:hover,
#office-tour-contents a:active {
color: #666464;
}

.office-tour-articles a:link,
.office-tour-articles a:visited,
.office-tour-articles2 a:link,
.office-tour-articles2 a:visited {
color: #666464;
}
.office-tour-articles a:hover,
.office-tour-articles a:active,
.office-tour-articles2 a:hover,
.office-tour-articles2 a:active {
color: #969494;
}

#office-tour-fifth-menu-column {
padding: 0 0 77px 0;
position: absolute;
top: 105px;
left: 794px;
width: 200px;
color: #666464;
font-size: 90%;
text-align: left;
}

.office-tour-desc-box-right {
position: relative;
z-index: 100;
background: url(../image/17-office-tour-right-bg-footer.png) center bottom no-repeat;
}

#office-tour-menu-title {
padding: 30px 0 10px 20px;
color: #231815;
background: url(../image/17-office-tour-right-bg-header.png) center top no-repeat;
font-size: 110%;
font-weight: bold;
}

.office-tour-list {
margin: 0 20px;
padding: 15px 0 10px 0;
background: url(../image/17-office-tour-border.png) center top no-repeat;
}

.office-tour-open {
margin: 0 0 1.5em 0;
}

.office-tour-open p {
margin: 0 0 2px 0;
font-size: 110%;
}
/* </Office Tour>  */

/* <Search Resoult> */
.search-result-title {/* <Office Tour>  */

margin: 0 0 22px 0;
padding: 15px 0 0 0;
letter-spacing: 1px;
}

.search-archive-date {
margin: 27px 0 0 0;
clear: both;
color: #999999;
font-size: 85%;
letter-spacing: 2px;
text-transform: uppercase;
}

.search-item-title {
color: #4d4d4d;
}
.search-item-title a:link,
.search-item-title a:visited {
color: #4d4d4d;
}
.search-item-title a:hover {
color: #ababab;
}
.search-item-title a:active {
color: #4d4d4d;
}

.query {
background: #ffff66;
}

.result {
font-size: 100%;
}

.search-pick-up {
/*margin: 0 5px 5px 5px;
padding: 0 0 5px 0;*/
float: left;
line-height: 0.0;
}
/* </Search Resoult> */

/* <OPUS INC> */
#opus-inc-logo {
margin: 0 0 0 15px;
padding: 25px 0;
}

.opus-inc-news {
margin: 0 0 30px 0;
line-height: 1.5;
color: #342421;
font-size: 80%;
}

.opus-inc-news p {
margin: 0 12px .8em 12px;
}

.opus-inc-news img {
margin: 0 0 1em -12px;
}

.opus-inc-news a:link,
.opus-inc-news a:visited {
color: #000;
}
.opus-inc-news a:hover,
.opus-inc-news a:active {
color: #666;
}
/* </OPUS INC> */

/* <Powered by OPUS> */
#powered-by-opus {
margin: -6px 0 0 0;
clear: both;
width: 94px;
height: 95px;
position: fixed;
left: 879px;
background: url(../image/opus.co.jp-logo-bg.png) left bottom no-repeat;
z-index: 10;
}

#powered-by-opus-pr {
margin: 19px 0 0 0;
clear: both;
width: 210px;
height: 70px;
position: fixed;
left: 764px;
background: url(../image/powered-by-opus-pr-bg.png) left bottom no-repeat;
z-index: 10;
}

#powered-by-opus-flip {
margin: 19px 0 0 0;
clear: both;
width: 210px;
height: 70px;
position: fixed;
left: 764px;
color: #ffffff;
background: url(../image/powered-by-opus-flip-bg.png) left bottom no-repeat;
z-index: 10;
}

#powered-by-opus-3note {
margin: 19px 0 0 0;
clear: both;
width: 210px;
height: 70px;
position: fixed;
left: 764px;
background: url(../image/powered-by-opus-3note-bg.png) left bottom no-repeat;
z-index: 10;
}

#powered-by-opus-arten {
margin: 19px 0 0 0;
clear: both;
width: 210px;
height: 70px;
position: fixed;
left: 764px;
z-index: 10;
}

#powered-by-opus-dictionary {
margin: 19px 0 0 0;
clear: both;
width: 210px;
height: 70px;
position: fixed;
left: 764px;
z-index: 10;
}

#opus-logo a {
display: block;
width: 210px;
height: 70px;
}

#powered-by-opus-dictionary #opus-logo a {
width: 76px;
height: 37px;
}

#opus-logo a img {
margin: 20px 0 0 105px;
}

#opus-logo a#opus-logo-2010-11 {
display: block;
width: 94px;
height: 95px;
}

#opus-logo a#opus-logo-2010-11 img {
margin: 34px 0 0 9px;
}
/* </Powered by OPUS> */

/* <Section Flickr> */
#flickr_badge_wrapper {
margin: 30px 5px 0 7px;
}

#goto-flickr a:link,
#goto-flickr a:visited {
color: #000;
font-weight: bold;
}
#goto-flickr a:hover,
#goto-flickr a:active {
color: #666;
}

.flickr_badge_image {
margin: 0 2px 2px 0;
float: left;
width: 54px;
}

.flickr_badge_image img {
width: 54px;
height: 54px;
}
/* <Section Flickr> */

/* <Section Twitter> */
#section-twitter {
width: 305px;
height: 69px;
position: fixed;
top: 20px;
left: 879px;
background: url(../image/twitter-bg.png) left bottom no-repeat;
z-index: 10;
}

#twitter-logo {
margin: 13px 60px 0 13px;
float: left;
}

#twitter-opus {
margin: 3px 0 0 0;
overflow: hidden;
width: 146px;
font-size: 85%;
}

#twitter-opus li {
margin: -1px 0 5px 0;
padding: 4px 0 0 16px;
border-top: 1px solid #666;
background: url(../image/twitter-icon.png) 0 6px no-repeat;
}

#twitter-opus a:link,
#twitter-opus a:visited {
color: #322421;
}
#twitter-opus a:hover,
#twitter-opus a:active {
color: #999;
}
/* </Section Twitter> */