@charset "utf-8";
/*============================================================
//
// INDEX---------------------
// --reset.css �������p
// --font.css ���p
// --default.css ���p
// --concept/css/contents.css ���p
// --�ʐݒ�
//
//==========================================================*/
/*============================================================
// reset.css �������p
//==========================================================*/
html {
color: #000;
background: #FFF;
}
body, div, ul, li, form, fieldset, input, textarea, p {
margin: 0;
padding: 0;
}
fieldset, img {
border: 0;
}
address {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
/*============================================================
// font.css ���p
//==========================================================*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
body {
font: 12px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
font-size: inherit;
font: 100%;
}
/**
* Bump up IE to get to 13px equivalent
*/
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size:108%;
line-height: 100%;
}
/*============================================================
// default.css ���p
//==========================================================*/
/* ============ default ============ */
html {
}
body {
background: #fff url(../img/bg-body.png) left 4px repeat-x;
color: #000;
}
a:link, a:visited, a:active {
color: #69c;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
border: none;
}
/* ======== clearfix ======== */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Mac-IE \*/
*html.clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* ============ wrapper ============ */
#wrapper {
_text-align: center;
}
/* ============ wrapper-inner ============ */
#wrapper-inner {
margin: 0 auto;
width: 900px;
position: relative;
}
/* ============ header ============ */
#header {
}
/* ============ global-nav ============ */
#global-nav {
border-top: 1px solid #fff;
_text-align: left;
}
#global-nav ul {
margin: 0 14px;
}
#global-nav li {
display: inline;
_float: left;
}
#global-nav .nav1 a, #global-nav .nav2 a, #global-nav .nav3 a, #global-nav .nav4 a, #global-nav .nav5 a, #global-nav .nav6 a, #global-nav .nav7 a, #global-nav .nav8 a {
height: 50px;
background: url(../img/global-nav.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
float: left;
}
#global-nav .nav1 a {
width: 107px;
background-position: 0px -70px;
}
#global-nav .nav2 a {
width: 108px;
background-position: -107px -70px;
}
#global-nav .nav3 a {
width: 91px;
background-position: -215px -70px;
}
#global-nav .nav4 a {
width: 94px;
background-position: -306px -70px;
}
#global-nav .nav5 a {
width: 144px;
background-position: -400px -70px;
}
#global-nav .nav6 a {
width: 120px;
background-position: -544px -70px;
}
#global-nav .nav7 a {
width: 120px;
background-position: -664px -70px;
}
#global-nav .nav8 a {
width: 88px;
background-position: -784px -70px;
}
/* */
#global-nav .nav1 a:hover {
width: 107px;
background-position: 0px 0;
}
#global-nav .nav2 a:hover {
width: 108px;
background-position: -107px 0;
}
#global-nav .nav3 a:hover {
width: 91px;
background-position: -215px 0;
}
#global-nav .nav4 a:hover {
width: 94px;
background-position: -306px 0;
}
#global-nav .nav5 a:hover {
width: 144px;
background-position: -400px 0;
}
#global-nav .nav6 a:hover {
width: 120px;
background-position: -544px 0;
}
#global-nav .nav7 a:hover {
width: 120px;
background-position: -664px 0;
}
#global-nav .nav8 a:hover {
width: 88px;
background-position: -784px 0;
}
/* ============ global-nav-estate ============ */
#global-nav-estate {
border-top: 1px solid #fff;
_text-align: left;
}
#global-nav-estate ul {
margin: 0 14px;
}
#global-nav-estate li {
display: inline;
_float: left;
}
#global-nav-estate .nav1 a, #global-nav-estate .nav2 a, #global-nav-estate .nav3 a, #global-nav-estate .nav4 a, #global-nav-estate .nav5 a, #global-nav-estate .nav6 a, #global-nav-estate .nav7 a, #global-nav-estate .nav8 a, #global-nav-estate .nav1-active a, #global-nav-estate .nav2-active a, #global-nav-estate .nav3-active a, #global-nav-estate .nav4-active a, #global-nav-estate .nav5-active a, #global-nav-estate .nav6-active a, #global-nav-estate .nav7-active a, #global-nav-estate .nav8-active a {
height: 42px;
background: url(../img/global-nav-estate.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
float: left;
}
#global-nav-estate .nav1 a {
width: 124px;
background-position: 0px -42px;
}
#global-nav-estate .nav2 a {
width: 111px;
background-position: -124px -42px;
}
#global-nav-estate .nav3 a {
width: 87px;
background-position: -235px -42px;
}
#global-nav-estate .nav4 a {
width: 111px;
background-position: -322px -42px;
}
#global-nav-estate .nav5 a {
width: 86px;
background-position: -433px -42px;
}
#global-nav-estate .nav6 a {
width: 108px;
background-position: -519px -42px;
}
#global-nav-estate .nav7 a {
width: 157px;
background-position: -627px -42px;
}
#global-nav-estate .nav8 a {
width: 88px;
background-position: -784px -42px;
}
/* */
#global-nav-estate .nav1 a:hover {
background-position: 0 0px;
}
#global-nav-estate .nav2 a:hover {
background-position: -124px 0px;
}
#global-nav-estate .nav3 a:hover {
background-position: -235px 0px;
}
#global-nav-estate .nav4 a:hover {
background-position: -322px 0px;
}
#global-nav-estate .nav5 a:hover {
background-position: -433px 0px;
}
#global-nav-estate .nav6 a:hover {
background-position: -519px 0px;
}
#global-nav-estate .nav7 a:hover {
background-position: -627px 0px;
}
#global-nav-estate .nav8 a:hover {
background-position: -784px 0px;
}
/* */
#global-nav-estate .nav1-active a {
width: 124px;
background-position: 0 0px;
}
#global-nav-estate .nav2-active a {
width: 111px;
background-position: -124px 0px;
}
#global-nav-estate .nav3-active a {
width: 87px;
background-position: -235px 0px;
}
#global-nav-estate .nav4-active a {
width: 111px;
background-position: -322px 0px;
}
#global-nav-estate .nav5-active a {
width: 86px;
background-position: -433px 0px;
}
#global-nav-estate .nav6-active a {
width: 108px;
background-position: -519px 0px;
}
#global-nav-estate .nav7-active a {
width: 157px;
background-position: -627px 0px;
}
#global-nav-estate .nav8-active a {
width: 88px;
background-position: -784px 0px;
}
/* ============ container ============ */
#container {
margin: 0 14px;
margin-top: 16px;
background: url(../../common/img/bg-container.png) 662px 71px no-repeat;
_background-position: 662px 82px;
_text-align: left;
}
p {
_letter-spacing: -0.08em;
line-height: 1.56;
text-align: justify;
text-justify: distribute;
}
/* annotation */
p.annotation {
padding-left: 10px;
font-size: 10px;
color: #666;
}
p.annotation span {
margin-left: -10px;
}
/* ============ footer ============ */
#footer {
margin-bottom: 28px;
_text-align: left;
}
.footer-nav {
padding: 24px 0 12px;
;
background: url(../img/bg-footer.png) repeat-x;
}
.footer-nav ul {
}
.footer-nav li {
margin-left: 8px;
display: inline;
}
.footer-nav li.arrow a {
padding-left: 16px;
background: url(../img/arrow.gif) left center no-repeat;
}
.footer-under {
margin-top: 8px;
}
.footer-under .address {
width: 380px;
float: left;
}
.footer-under .banner-flash {
width: 500px;
float: right;
}
* html .footer-under .banner-flash {
width: 460px;
}
.footer-under .banner-flash img {
float: right;
}
/* plugin */
.footer-under .banner-flash p.plugin {
color: #666;
}
.footer-under .banner-flash p.plugin span {
margin-left: -16px;
}
.footer-under .banner-flash p.plugin {
margin-left: 10px;
margin-right: 10px;
}
/*============================================================
// concept/css/contents.css ���p
//==========================================================*/
/* ============ default ============ */
body {
background-image: none;
}
/* ============ wrapper-inner ============ */
#wrapper-inner {
background: url(../../common/img/bg-wrapper-inner.png) left 64px repeat-x;
}
/* ============ header ============ */
/*
http://www.designwalker.com/2006/12/css.html
*/
#header {
background: url(../../common/img/bg-header.png) repeat-x;
height: 71px;
}
.site-id-estate, .site-id {
margin-left: 24px;
margin-top: 23px;
float: left;
display: inline;
}
.sub-nav-estate, .sub-nav {
margin: 46px 0 6px;
margin-right: 16px;
float: right;
display: inline;
}
#srchBox, #srchBox-estate {
margin: 43px 0 6px;
margin-right: 14px;
float: right;
width: 162px;
position: relative;
}
#srchInput {
height: 18px;
width: 119px;
_height: 20px;
_width: 121px;
}
#srchBox #srchBtn, #srchBox-estate #srchBtn {
position: absolute;
top: 0;
right: 0;
width: 41px;
height: 20px;
display: inline;
background: url(../img/btn_search.gif) no-repeat;
border: none;
text-indent: -9999px;
}
#btnCatalog {
margin: 15px 14px 0 0;
padding: 0;
width: 163px;
float: right;
display: inline;
}
#btnCatalog a {
height: 50px;
background: url(../img/btn_catalog.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
float: left;
}
#btnCatalog a {
width: 163px;
background-position: 0 0;
}
#btnCatalog a:hover {
background-position: 0 -50px;
}
.sub-nav-estate ul, .sub-nav ul {
}
.sub-nav-estate li, .sub-nav li {
margin-left: 8px;
display: inline;
text-decoration: none;
}
.sub-nav li a, .sub-nav-estate li a {
text-decoration: none;
}
.sub-nav-estate li.home a, .sub-nav-estate li.arrow a, .sub-nav-estate li.mail a, .sub-nav-estate li.member a, .sub-nav-estate li.bookbt a, .sub-nav li.home a, .sub-nav li.arrow a, .sub-nav li.mail a, .sub-nav li.member a, .sub-nav li.bookbt a {
padding-left: 16px;
background-position: left center;
background-repeat: no-repeat;
}
.sub-nav-estate li.home a, .sub-nav li.home a {
padding-left: 20px;
background-image: url(../../common/img/home.gif);
}
.sub-nav-estate li.arrow a, .sub-nav li.arrow a {
background-image: url(../../common/img/arrow.gif);
}
.sub-nav-estate li.mail a, .sub-nav li.mail a {
padding-left: 20px;
background-image: url(../../common/img/mail.gif);
}
.sub-nav-estate li.member a, .sub-nav li.member a {
padding-left: 20px;
background-image: url(../../common/img/member.gif);
}
.sub-nav-estate li.bookbt a, .sub-nav li.bookbt a {
padding-left: 20px;
background-image: url(../../common/img/bookbt.gif);
}
/* add 2011.1.20*/
#topagepH1 {
position: absolute;
top: 18px;
right: 190px;
width: 400px;
_width: 400px;
text-align: right;
font-size: 11px;
color: #888888;
}
/* ============ container ============ */
#container {
margin-top: 10px;
background-color: #fff;
background-image: none;
}
/* ============ aws contents only ============ */
#awsReset img {
margin: 0;
padding: 0;
}
body#awsReset table {
border-collapse: collapse;
border-spacing: 0;
}
body#awsReset table tr {
margin: 0;
padding: 0;
}
body#awsReset td {
line-height: 0;
}
.lineheight0 {
line-height: 0;
}
#awsSeinoTableMt {
border: #CCCCCC 1px solid;
text-align: left;
}
.padding2 {
padding: 2px;
}
.padding5 {
padding: 5px;
}
.linehMargPadd0 {
line-height: 0;
margin: 0;
padding: 0;
}
.tressHeight3 {
height: 3px;
}
/*20131026*/
.center_btn {
text-align: center;
margin: -80px 0 0;
position: relative;
}
.center_btn a:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/*20131028*/
#konokiAllbox {
padding: 0px 35px;
}
#konokiAllbox a:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#konokiAllbox .child_box {
overflow: hidden;
margin: 27px 0 0;
font-size: 15px;
}
#konokiAllbox .child_box.second {
margin: 70px 0 0;
}
#konokiAllbox .child_box dt {
margin: 0 0 10px;
}
#konokiAllbox .child_box dl p {
margin: 0 0 1em;
padding: 0 10px;
}
#konokiAllbox .child_box .left_box {
float: left;
width: 534px;
}
#konokiAllbox .child_box .right_box {
float: right;
width: 266px;
}
#konokiAllbox .child_box .clear_box {
clear: both;