﻿@import url(parts.css);
@import url(tinyTips.css);


/* common */
/* -------------------------------------------------------- */
* {margin:0; padding:0;}
html {overflow-y:scroll;}
body {font:12px Meiryo,"MS PGothic","Osaka",arial,helvetica,sans-serif; color:#666; text-align:center; background:#e6f2fa url(../img/body_bg.gif) repeat-x left top;}
h1, h2, h3, h4, h5, h6, h7 {font-size:100%; line-height:140%;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%; line-height:160%;}
input, select, textarea, button {font-size:100%; vertical-align:middle;}
ul {list-style-type:none;}
img {border:0; display:block;}
a img {display:inline; vertical-align:top;}



/* container */
/* -------------------------------------------------------- */

#container {width:1002px; text-align:left; margin:0 auto; padding:0 0 15px 0;}



/* header */
/* -------------------------------------------------------- */

#header {width:1002px; height:177px; font-size:10px; line-height:12px; position:relative;}


/* h-logo */

#h-logo {width:215px; position:absolute; top:13px; left:0;}


/* h-lng */

#h-lng {position:absolute; top:8px; right:4px;}


/* h-btn */

#h-btn {width: 340px; position:absolute; top:8px; left:581px;}
#h-btn li {padding:0 12px 0 0; float:left;}


/* h-search */

#h-search {width:250px; height:28px; background:url(../img/h_search_bg.gif) no-repeat left top; position:absolute; top:32px; left:582px;}
#h-search .box {width:140px; position:absolute; top:4px; left:5px;}
#h-search .box input {width:140px; height:15px; font-size:12px; line-height:15px; background: #fff; border:0;}
#h-search .box input {_height:20px;}
#h-search .btn {width:90px; height:20px; position:absolute; top:4px; left:156px;}


/* h-font */

#h-font {width:165px; height:28px; background:url(../img/h_font_bg.gif) no-repeat left top; position:absolute; top:32px; left:836px;}
#h-font .ttl {width:70px; position:absolute; top:4px; left:4px;}
#h-font .up {width:40px; cursor:pointer; position:absolute; top:4px; left:77px;}
#h-font .down {width:40px; cursor:pointer; position:absolute; top:4px; left:120px;}


/* h-navi */

#h-navi {width:1002px; position:absolute; top:74px; left:0;}
#h-navi li {padding:0 1px 0 0; float:left;}


/* global-navi */

#global-navi {width:1001px; position:absolute; top:108px; left:1px;}
#global-navi li {float:left;}



/* contents */
/* -------------------------------------------------------- */

#contents {width:1000px; margin:0 0 12px 1px; padding:10px 0 0 0; background:url(../img/c_bg_01a.gif) no-repeat left top;}
#contentsInner {width:1000px; margin:0; padding:0 0 10px 0; background:#fff url(../img/c_bg_01b.gif) no-repeat left bottom;}


/* content */

#content {width:980px; margin:0 10px;}


/* main */

#main {width:740px; float:right;}


/* side */

#side {width:220px; background:url(../img/parts/bg_02b.gif) repeat-y left top; float:left;}
#sideInner1 {width:100%; background:url(../img/parts/bg_02a.gif) no-repeat left top;}
#sideInner2 {width:100%; padding:5px 0 1px 0; background:url(../img/parts/bg_02c.gif) no-repeat left bottom;}




/* footer */
/* -------------------------------------------------------- */

#footer {width:1000px; margin:0 0 0 1px; background:#83afef url(../img/f_bg_01a.gif) no-repeat left top;}
#footerInner {width:1000px; margin:0; padding:5px 0; background:url(../img/f_bg_01b.gif) no-repeat left bottom;}


/* f-navi */

#f-navi {font-size:10px; color:#fff; margin:0 15px;}
#f-navi li {padding:0 5px 0 0; float:left;}
#f-navi li.copy {padding:0; float:right;}
#f-navi img {vertical-align:middle; display:inline;}
#f-navi a {margin:0 5px 0 0;}
#f-navi a:link,
#f-navi a:visited,
#f-navi a:active {color:#fff; text-decoration:none;}
#f-navi a:hover {color:#0c378d; text-decoration:none;}



/* clear */
/* -------------------------------------------------------- */

.pkg:after, #h-btn:after, #h-navi:after, #global-navi:after, #trackList:after, #f-navi:after, #content:after, #printBtn:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.pkg, #h-btn, #h-navi, #global-navi, #trackList, #f-navi, #content, #printBtn { display:inline-block; }
/* no ie mac \*/
* html .pkg, * html #h-btn, * html #h-navi, * html #global-navi, * html #trackList, * html #f-navi, * html #content, * html #printBtn { height:1%; }
.pkg, #h-btn, #h-navi, #global-navi, #trackList, #f-navi, #content, #printBtn { display:block; }
/* */