/* Init
-------------------------------------*/
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0; padding-top: 5px; padding-bottom: 5px; }

body {
   text-align: center;
   font-size: 80%;
   line-height: 120%;
   color: #000000;

   background-image: url(../img/common/bg.gif);
   background-repeat: repeat-y;
   background-position: center;
   background-color: #e3ddce;

   _margin-left: 3px;
}

table { font-size: 100%; }

a:link {
   color: #756853;
}

a:visited {
   color: #756853;
}

a:hover {
   color: #fd7598;
}

a:active {
   color: #fd7598;
}

ol, ul {
   padding-left: 22px;
   *padding-left: 0;
   margin: 0;
   *margin-left: 25px;
}

.clearfix:after {
   content: url(../img/common/blank.gif);
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
   display: inline-block;
}
/* for mac ie \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end for mac ie */


form input.btn {
   padding: 0px;
   padding-left: 7px;
   padding-right: 7px;
   *padding-left: 0px;
   *padding-right: 0px;
   font-family: 'メイリオ', Verdana;
   font-size: 90%;
}
form input.btn:hover {
   color: #295456;
}


/* Error Message
-------------------------------------*/
span.error-message {
   font-size: 100%;
   font-weight: bold;
   color: #DD0000;
}


/* Container
-------------------------------------*/
#container {
   width: 983px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

/* Header
-------------------------------------*/
#header {
   margin-top: 5px;
   background-image: url(../img/common/header_background.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 93px;
}

#header div#header-logo {
   float: left;
   width: 340px;
}

#header div#header-right {
   height: 93px;
}


#header div#header-logo h2 {
   text-indent: -9999px;
   background-image: url(../img/common/ecas.gif);
   background-repeat: no-repeat;
   background-position: left;
   font-size: 1pt;

   margin-top: 3px;
   margin-left: 8px;
   height: 17px;
   margin-bottom: 3px;
}

#header div#header-logo h1 {
   text-indent: -9999px;
   background-image: url(../img/common/logo.gif);
   background-repeat: no-repeat;
   background-position :left;
   height: 46px;
   margin-left: 8px;
   font-size: 1pt;
}
#header div#header-logo h1 a {
   display: block;
   height: 46px;
}


#header div#header-right div#header-link {
   float: left;
   width: 240px;
   margin-top: 0px;
}

#header div#header-right div#header-link h1 {
   text-indent: -9999px;
   background-repeat: no-repeat;
   background-position :left;
   height: 20px;
   margin-left: 0px;
   margin-top: 0px;
   font-size: 1pt;
}
#header div#header-right div#header-link h1 a {
   display: block;
   height: 50px;
}

#header div#header-right div#header-menu {
   float: right;
   height: 32px;
   width: 980px;
   padding: 0px;
   padding-top: 4px;
}

#header div#header-right div#header-menu h1 {
   text-indent: -9999px;
   background-image: url(../img/common/logo.gif);
   background-repeat: no-repeat;
   background-position :left;
   height: 46px;
   margin-left: 8px;
   font-size: 1pt;
}

#header div#header-right div#header-menu ul {
   margin: 0; padding: 0;
   list-style-type: none;
   font-size: 100%;
   float: right;
}
#header div#header-right div#header-menu ul li {
   float: left;
   border-left: 1px solid #b5ab7b;
   border-right: 1px solid #e9e7d8;
   padding-left: 4px;
   padding-right: 4px;
}

#header div#header-right div#header-menu ul li:first-child {
   border-left: none;
}


#header div#header-right div#header-banner {
   clear: right;
   float: right;
   padding: 3px;
}
#header div#header-right div#header-banner ul {
   margin: 0; padding: 0;
   list-style-type: none;
}
#header div#header-right div#header-banner ul li {
   float: left;
   margin-left: 3px;
}

/* Footer
-------------------------------------*/
#footer {
   clear: both;
   background-image: url(../img/common/footer-bg.gif);
   background-repeat: no-repeat;
   background-position: top left;
   font-size: 100%;
}

#footer div#footer-menu {
   text-align: center;
   height: 42px;
}
#footer div#footer-menu ul {
   margin: 0; padding: 0;
   list-style-type: none;
   padding-top: 9px;
}
#footer div#footer-menu ul li {
   display: inline;
}
#footer div#footer-menu ul li a {
   text-decoration: none;
   color: #fff;
   border-left: 1px solid #fff;
   padding-left: 5px;
   padding-right: 3px;
}
#footer div#footer-menu ul li:first-child a {
   border-left: none;
}
#footer div#footer-menu ul li a:hover {
   text-decoration: underline;
}


#footer div#copyright p {
   margin: 0; padding: 0;
   text-align: center;
   font-size: 80%;
   color: #000000;
}


/* Contents
-------------------------------------*/
#contents {
   clear: both;
   background-image: url(../img/common/main-bg.gif);
   background-repeat: repeat-y;
   background-position: top left;
}


/* Global Navi
-------------------------------------*/
#contents div#global-navi {
   background-image: url(../img/common/contents-header.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-top: 17px;
   height:auto;
}

#contents div#global-navi ul {
   margin: 0; padding: 0;
   list-style-type: none;
}

#contents div#global-navi ul li {
   float: left;
   height: 32px;
   margin-left: 2px;
   background-image: url(../img/common/menu/bg-left.gif);
   background-repeat: no-repeat;
   background-position: left;
   font-weight: bold;
}
#contents div#global-navi ul li:first-child {
   margin-left: 12px;
}
#contents div#global-navi ul li a {
   display: block;
   float: left;
   background-image: url(../img/common/menu/bg-right.gif);
   background-repeat: no-repeat;
   background-position: right top;

   padding-left: 15px;
   padding-right: 15px;

   height: 26px;
   padding-top: 6px;

   text-decoration: none;
   font-size: 100%;
}

#contents div#global-navi ul li.on, #contents div#global-navi ul li:hover {
   background-image: url(../img/common/menu/active-bg-left.gif);
}
#contents div#global-navi ul li.on a, #contents div#global-navi ul li:hover a {
   background-image: url(../img/common/menu/active-bg-right.gif);
}


/* Sub menu
-------------------------------------*/
#contents div#sub-menu {
   background-image: url(../img/common/menu/submenu-bg.gif);
   background-repeat: repeat-x;
   background-position: left top;
   margin-left: 3px;
   margin-right: 3px;
   _margin-right: 6px;
   height: 21px;
}

#contents div#sub-menu ul {
   margin: 0; padding: 0;
   list-style-type: none;
   font-size: 100%;
   padding-top: 3px;
   padding-left: 8px;
}
#contents div#sub-menu ul li {
   float: left;
   padding-right: 10px;
}
#contents div#sub-menu ul li a {
   background-image: url(../img/common/menu/submenu-pointer.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 17px;
}

#contents div#sub-menu ul li.on a {
   font-weight: bold;
}

/* Main Contents
-------------------------------------*/
#main-container {
   padding: 19px;
}

#main {
   padding-bottom: 10px;
}


#main div.contents-title {
   background-image: url(../img/common/title-bg.gif);
   background-repeat: no-repeat;
   background-position: left top;
   margin-bottom: 10px;
}

#main div.contents-title h3 {
   background-image: url(../img/common/title-bg-right.gif);
   background-repeat: no-repeat;
   background-position: right top;
   font-size: 120%;
   font-weight: normal;
   color: #000000;
   padding-left: 23px;
   padding-bottom: 8px;
   padding-top: 11px;
}

#main span.img {
   background-image: url(../img/common/menu/submenu-pointer.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 17px;
}

#main div.notice {
   color: #ff5c04;
   margin-top: 5px;
   margin-bottom: 5px;
}

#main span.required {
   color: #ff0000;
}

#main h4 {
   padding: 10px;
   border-bottom: 1px dashed #d3d3d3;
   margin-bottom: 10px;
}

#main ul.menu {
   margin: 0; padding: 0;
   list-style-type: none;
   padding-left: 10px;
}
#main ul.menu li {
   margin-bottom: 5px;
}

#main a.pointer {
   background-image: url(../img/common/menu/submenu-pointer.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 17px;
}

#main div.contents-body {
   padding-left: 20px;
   padding-right: 20px;
}


#main table.default-left{
   border-collapse: collapse;
   border-width: 1px 1px 0 0;
   border-style: solid;
   border-color: #aba9a9;
   width: 100%;
   margin-left: 0px;
   margin-right: auto;
   margin-bottom: 10px;
}
/* Table (default)
-------------------------------------*/
#main table.default {
   border-collapse: collapse;
   border-width: 1px 1px 0 0;
   border-style: solid;
   border-color: #aba9a9;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

#main table.default thead th, #main table.default tbody th {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #aba9a9;

   padding: 3px;
   color: #000000;
   font-weight: normal;
   font-size: 100%;

   background-image: url(../img/common/table/default/th.gif);
   background-repeat: repeat-x;
   background-position: top left;
   background-color: #dceef0;
}

#main table.default tbody td {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #aba9a9;
   padding: 3px;
   font-size: 100%;
   background-color: #fff;
}
#search-result table.default tbody tr.odd td {
   background-color: #fff;
}
#search-result table.default tbody tr.even td {
   background-color: #f1f1f1;
}

#main table.default thead th a.sort img {
   vertical-align: middle;
}

#main table.default thead th.numeric, #main table.default tbody td.numeric {
   text-align: right;
}

#main div#cart table#price {
   width: 300px;;
   border: 2px solid #aba9a9;
   margin-left: auto;
   margin-right: 0;
}

/* Table (mini)
-------------------------------------*/
#main table.mini {
   border-collapse: collapse;
   border-width: 1px 1px 0 0;
   border-style: solid;
   border-color: #aba9a9;
   margin-bottom: 10px;
}

#main table.mini thead th, #main table.mini tbody th {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #aba9a9;

   padding: 3px;
   color: #000000;
   font-weight: bold;
   font-size: 100%;

   background-image: url(../img/common/table/default/th.gif);
   background-repeat: repeat-x;
   background-position: top left;
   background-color: #dceef0;
}

#main table.mini tbody td {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #aba9a9;
   padding: 3px;
   font-size: 100%;
   background-color: #fff;
}
#main table.mini tbody tr.odd td {
   background-color: #fff;
}
#main table.mini tbody tr.even td {
   background-color: #f1f1f1;
}

#main table.mini thead th a.sort img {
   vertical-align: middle;
}

#main table.mini thead th.numeric, #main table.mini tbody td.numeric {
   text-align: right;
}

#content{width: 950px;margin: 0 auto;}

#left {width: 200px;float: left;}

#left ul {
list-style-image: url(../img/common/menu/point.gif);
}

#left ul.menu li {
   margin-bottom: 5px;
}

#right {width: 750px;float: right;}

#main div#cart table#price {
   width: 300px;;
   border: 2px solid #aba9a9;
   margin-left: auto;
   margin-right: 0;
}