@charset "utf-8";
/* --------------------
大まかなレイアウト
-ヘッダフッタ等各頁共通のもの
 --------------------*/
* html ul#catenavi li { }/* ie6のみ */
*:first-child+html ul#catenavi li {  }/* ie7のみ */
/*body    { background: #e2e5ec url(../img/bg-body.gif) repeat-y center top;  }*/


/* ========== 全体を囲う ====================  */
#container   { margin-right: auto; margin-left: auto; width: 100%; }

#headerarea  { margin-right: auto; margin-left: auto;  position: relative; width: 100%; height: 280px }
#headerarea2  { margin-right: auto; margin-left: auto;  position: relative; width: 100%; height: 80px }
#headerarea3  { margin-right: auto; margin-left: auto;  position: relative; width: 100%; height: 80px }
/* ========== ヘッダ ====================  */
#header    { position: absolute; top: 0px; width: 100%; height: 60px }
/* ロゴ */
h1  { float: left; margin-top: 22px; _margin-top:10px; }
*:first-child+html h1 {  margin-top:10px; }/* ie7のみ */
/* 電話番号 */
p#tel  { float: right; margin-top: 22px }

/* ========== ヘッダ下のナビ ====================  */
#hdnavi      { background-color:#4DBDC3; text-align: right; padding-top:2px;  padding-right: 35px; position: absolute; top: 60px; left: 0px; width: 100%; height: 25px; _width: 100% }
#hdnavi li  { line-height: 20px; padding: 0px 10px 0px 15px; display: inline }#hdnavi li a    { color: white; font-weight: bold; text-decoration: none }#hdnavi li a:hover   { color: white; text-decoration: underline }
#hdnavi li.home  { background: url(../img/ic-home.gif) no-repeat left center } 
#hdnavi li.logout  { background: url(../img/ic-logout.gif) no-repeat left center } 
#hdnavi li.mail { background: url(../img/ic-mail.gif) no-repeat left center } 
#hdnavi li.history { background: url(../img/ic-history.gif) no-repeat left center } 
#hdnavi li.order { background: url(../img/ic-order.gif) no-repeat left center }

.header_line {
    background-color: #4DBDC3;
    height: 25px;
}

/* ========== メインのイメージ ====================  */
#mainimage {
    text-align:center;padding:20px;
} 
h2  { margin-left: 50px }

/* ========== イメージ画像横のボタンエリア ====================  */
#btarea     { border-left: 1px solid #999; position: absolute; top: 80px; right: 0px; width: 285px; height: 200px }
#btarea  ul  { text-align: center; margin-top: 30px }
#btarea  ul li  { margin-bottom: 14px }

#container2    { margin-right: auto; margin-left: auto; padding:20px 20px 10px 20px; min-height: 700px;}
#container2 #contents2   { margin-right: 50px; margin-left: 50px; padding-top: 50px; padding-bottom: 50px; width: 100% }
#container2 #contents2 p { margin-bottom:1em; line-height:150%; }
/* ========== メイン ====================  */
#main     { float: left; width: 615px }
#main #contents  { margin-top: 35px; margin-right: auto; margin-left: auto; width: 515px }
/* 見出し */
h3      { _text-align: left; margin-bottom: 15px }
/* 最新情報 */
dl#news  { margin-right: 15px; margin-left: 15px; width: 485px }
dl#news dt   { float: left; padding-top: 8px; padding-bottom: 11px; width: 8em; _text-align: left }
dl#news  dd  { background: url(../img/bg-dd_news.gif) repeat-x left bottom; padding-top: 8px; padding-bottom: 11px; _text-align: left }

/* ========== サイドのナビ ====================  */
#navi      { float: right; width: 285px }
#navi li  { width: 285px; height: 60px }

/* ==========  下部ボタンエリア  ====================  */
#ftinfoarea       { text-align: center; clear: both; margin-right: auto; margin-left: auto; padding-top: 16px; padding-bottom: 16px; width: 100% }
#ftinfoarea  ul { }
#ftinfoarea  ul li { display:inline; padding:0px 2px; }

/* ========== フッター ====================  */
#footer {
    background-color: #4DBDC3;
    text-align: center;
    width: 100%;
    height: 40px;
    padding:5px;
}
#footer p#copyright  { color: white; font-weight: bold; padding-top: 5px }

/* ========== ログイン画面  ====================  */
#login     { background: url(../img/bg-login.gif) no-repeat center top; margin-top:30px; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding-top: 30px; width: 380px; height: 220px; _height: 210px }
#login dl   { margin-right: auto; margin-bottom: 12px; margin-left: auto; width: 280px }
#login dl dt   { _text-align: left; float: left; padding-top: 5px; padding-bottom: 5px; width: 6em }
#login dl dd   { _text-align: left; padding-top: 5px; padding-bottom: 5px }
#login p { text-align:center;  margin-bottom:12px;}