@charset "Shift_JIS";


/* ================================================================
 *
 * Grand Top Page
 *
 ================================================================ */

/* ----------------------------------------------------------------
    Structure= Page Top= Page Title
----------------------------------------------------------------- */
body#grand-top #page-title{
margin:0 auto;
border-top:1px solid #6f6f6f;
padding-bottom:11px;
background:url("../images/page-top/page-title/bg_page-title_01.gif") 0 100% no-repeat;
width:830px;
}

body#grand-top #page-title ul li{
float:left;
}


/* ----------------------------------------------------------------
    Structure= Contents
----------------------------------------------------------------- */
body#grand-top #contents{
padding-bottom:1.5em;
}


/* ----------------------------------------------------------------
    Structure= Main Contents
----------------------------------------------------------------- */
body#grand-top #main{
float:left;
width:570px;
font-size:87.5%;
}

/* ----------------------------------------------------------------
    Structure= Sub Contents
----------------------------------------------------------------- */
body#grand-top #sub{
float:right;
width:188px;
font-size:81.25%;
}


/* ----------------------------------------------------------------
    Component= Grand Navigation
----------------------------------------------------------------- */
body#grand-top #main #nav-grand-01{
margin-bottom:30px;
}

body#grand-top #main #nav-grand-01 *{
margin:0;
}

body#grand-top #main #nav-grand-01 ul li.menu{
position:relative;
float:left;
margin-right:10px;
width:135px;
}

body#grand-top #main #nav-grand-01 ul li.menu#menu-04{
margin-right:0;
}

body#grand-top #main #nav-grand-01 ul li p.button{
position:absolute;
bottom:16px;
left:27px;
}


/* ----------------------------------------------------------------
    Structure= Sub= Market Price
----------------------------------------------------------------- */
body#grand-top #sub div.market-price{
margin-bottom:10px;
border:1px solid #e8e4d5;
}

body#grand-top #sub div.market-price-inner{
border:1px solid #fbfaf8;
background:#e8e4d5 url("../images/sub/bg_grand_market-price_body.gif") 0 0;
}

body#grand-top #sub div.market-price h2{
position:relative;
margin:-2px -2px 0;
padding:8px 8px 6px;
color:#fff;
background:#767676 url("../images/sub/bg_grand_market-price_hdg.gif") 0 100% repeat-x;
font-size:90%;
zoom:1;
}

body#grand-top #sub div.market-price p.note{
margin:10px 0 7px;
font-size:90%;
font-weight:bold;
text-align:center;
}

body#grand-top #sub div.market-price table{
border:0;
width:100%;
}

body#grand-top #sub div.market-price table th,
body#grand-top #sub div.market-price table td{
padding:3px 0 1px;
border:0;
}

body#grand-top #sub div.market-price table thead th{
background:#ddd9c4;
font-size:85%;
font-weight:normal;
line-height:1.2;
}

body#grand-top #sub div.market-price table tbody th{
padding-left:5px;
text-align:left;
}

body#grand-top #sub div.market-price table tbody td{
padding-right:3px;
text-align:right;
}

body#grand-top #sub div.market-price table tbody tr.gold th{ background:#ddd446 url("../images/sub/bg_market_market-price_gold.gif") 0 100% repeat-x; }
body#grand-top #sub div.market-price table tbody tr.silver th{ background:#e0e0e0 url("../images/sub/bg_market_market-price_silver.gif") 0 100% repeat-x; }
body#grand-top #sub div.market-price table tbody tr.platinum th{ background:#fff url("../images/sub/bg_market_market-price_platinum.gif") 0 100% repeat-x; }

body#grand-top #sub div.market-price table tbody tr.gold td,
body#grand-top #sub div.market-price table tbody tr.silver td{
background:#e9e6d5;
}

body#grand-top #sub div.market-price table tbody tr.platinum td{
background:#ddd9c4;
}

body#grand-top #sub div.market-price ul.link{
padding:10px 8px 4px;
border-top:7px solid #ddd9c4;
}

body#grand-top #sub div.market-price ul.link li{
margin-bottom:3px;
padding-left:18px;
background:url("../images/content/arrow-01.gif") 0 0.4em no-repeat;
}


/* ================================================================
 *
 * Grand Top Page (English)
 *
 ================================================================ */

/* ----------------------------------------------------------------
    Structure= Main
----------------------------------------------------------------- */
body#grand-top.en #main{
overflow:hidden;
}


/* ----------------------------------------------------------------
    Structure= Main= Main Layout
----------------------------------------------------------------- */
body#grand-top.en #main div.en-layout{
width:582px;
}

body#grand-top.en #main div.en-layout div.segment{
float:left;
margin-right:12px;
width:279px;
}

body#grand-top.en #main div.en-layout div.segment div.hdg-type-03-02-wrap{
background-image:url("../images/content/bg-hdg-t3-01_en-top.gif");
}

body#grand-top.en #main div.en-layout div.segment div.hdg-type-03-02-wrap .hdg-type-03-02{
width:auto;
}


/* ----------------------------------------------------------------
    Structure= Main= Main Menu
----------------------------------------------------------------- */
body#grand-top.en #main div.main-menu{
padding:0 7px;
}

body#grand-top.en #main div.main-menu *{
margin:0;
}

body#grand-top.en #main div.main-menu p.image{
float:left;
width:66px;
}

body#grand-top.en #main div.main-menu ul.link{
float:right;
width:192px;
}

body#grand-top.en #main div.main-menu ul.link li{
margin-bottom:2px;
}


/* ----------------------------------------------------------------
    Structure= Sub= Market Price
----------------------------------------------------------------- */
body#grand-top.en #sub div.market-price table{

}

body#grand-top.en #sub div.market-price table tbody tr.gold td,
body#grand-top.en #sub div.market-price table tbody tr.silver td,
body#grand-top.en #sub div.market-price table tbody tr.platinum td{
background:#fff;
}

body#grand-top.en #sub div.market-price table tbody tr.gold td,
body#grand-top.en #sub div.market-price table tbody tr.platinum td{
border-bottom:1px solid #e8e4d5;
}

body#grand-top.en #sub div.market-price table tbody th,
body#grand-top.en #sub div.market-price table tbody td{
font-size:85%;
}

body#grand-top.en #sub div.market-price ul.link{
padding:10px 8px 4px;
border-top:0;
}

/* ================================================================
 *
 * Recruit Top Page
 *
 ================================================================ */

/* ----------------------------------------------------------------
    Structure= Page Top= Page Title
----------------------------------------------------------------- */
body#recruit-top #page-title{
margin:0 auto;
border-top:1px solid #6f6f6f;
padding-bottom:11px;
background:url("../images/page-top/page-title/bg_page-title_01.gif") 0 100% no-repeat;
width:830px;
}

body#recruit-top #page-title ul li{
float:left;
}


/* ----------------------------------------------------------------
    Structure= Contents
----------------------------------------------------------------- */
body#recruit-top #contents{
padding-bottom:1.5em;
}


/* ----------------------------------------------------------------
    Structure= Main Contents
----------------------------------------------------------------- */
body#recruit-top #main{
position:relative;
top:-11px;
float:left;
width:570px;
font-size:87.5%;
}

/* ----------------------------------------------------------------
    Structure= Sub Contents
----------------------------------------------------------------- */
body#recruit-top #sub{
position:relative;
top:-11px;
float:right;
width:188px;
font-size:81.25%;
}

/* ----------------------------------------------------------------
    Component= Recruit Navigation
----------------------------------------------------------------- */
body#recruit-top #main #nav-recruit-01{
margin-bottom:30px;
}

body#recruit-top #main #nav-recruit-01 *{
margin:0;
}

body#recruit-top #main #nav-recruit-01 ul li{
position:relative;
float:left;
margin-right:10px;
width:183px;
}

body#recruit-top #main #nav-recruit-01 ul li.corporate{
margin-right:11px;
}

body#recruit-top #main #nav-recruit-01 ul li.works{
margin-right:0;
}

body#recruit-top #main #nav-recruit-01 ul li p.button{
position:absolute;
bottom:16px;
right:13px;
}


/* ================================================================
 *
 * Market Top Page
 *
 ================================================================ */

/* ----------------------------------------------------------------
    Structure= Body
----------------------------------------------------------------- */
body#market-top{
background:url("../images/page-top/bg_market-top_body_01.jpg") 0 0 repeat-x;
}

/* ----------------------------------------------------------------
    Structure= Page Top
----------------------------------------------------------------- */
body#market-top #page-top{
padding-bottom:24px;
}


/* ----------------------------------------------------------------
    Structure= Page Top= Header
----------------------------------------------------------------- */
body#market-top #header{
height:64px;
}


/* ----------------------------------------------------------------
    Structure= Main Contents
----------------------------------------------------------------- */
body#market-top.layout-SM #main{
position:relative;
top:-3px;
}


/* ----------------------------------------------------------------
    Structure= Main= Main Menu
----------------------------------------------------------------- */
body#market-top #main div.market-main-menu{
margin-bottom:30px;
background:url("/market/images/index_bg_mainmenu_01.gif") 0 100% no-repeat;
}

body#market-top #main div.market-main-menu div.menu{
float:left;
}

body#market-top #main div.market-main-menu div.menu#menu-01{ margin-right:5px; width:186px; }
body#market-top #main div.market-main-menu div.menu#menu-02{ margin-right:6px; width:186px; }
body#market-top #main div.market-main-menu div.menu#menu-03{ width:186px; }

body#market-top #main div.market-main-menu div.menu *{
margin:0;
padding:0;
}

body#market-top #main div.market-main-menu div.menu ul{
padding:0 12px 10px;
}

body#market-top #main div.market-main-menu div.menu ul li{
margin-bottom:5px;
padding-left:16px;
background:url("../images/content/arrow-04.gif") 0 0.3em no-repeat;
font-size:90%;
}


/* ----------------------------------------------------------------
    Structure= Sub= Market Price
----------------------------------------------------------------- */
body#market-top #sub div.market-price{
margin-bottom:10px;
background:#e9e6d5;
}

body#market-top #sub div.market-price p.date{
margin:5px 10px 1px;
font-size:92.8%;
font-weight:bold;
}

body#market-top #sub div.market-price p.note{
margin:0 10px 5px;
font-size:85%;
}

body#market-top #sub div.market-price table{
border:0;
width:100%;
}

body#market-top #sub div.market-price table th,
body#market-top #sub div.market-price table td{
padding:3px 0 1px;
border:0;
}

body#market-top #sub div.market-price table thead th{
background:#ddd9c4;
font-size:85%;
font-weight:normal;
line-height:1.2;
}

body#market-top #sub div.market-price table tbody th{
padding-left:5px;
text-align:left;
font-size:85%;
}

body#market-top #sub div.market-price table tbody td{
padding-right:3px;
text-align:right;
font-size:85%;
}

body#market-top #sub div.market-price table tbody tr.gold th{ background:#ddd446 url("../images/sub/bg_market_market-price_gold.gif") 0 100% repeat-x; }
body#market-top #sub div.market-price table tbody tr.silver th{ background:#e0e0e0 url("../images/sub/bg_market_market-price_silver.gif") 0 100% repeat-x; }
body#market-top #sub div.market-price table tbody tr.platinum th{ background:#fff url("../images/sub/bg_market_market-price_platinum.gif") 0 100% repeat-x; }

body#market-top #sub div.market-price table tbody tr.platinum td{
background:#ddd9c4;
}

body#market-top #sub div.market-price p.more{
padding:4px 10px 3px 0;
border-top:7px solid #ddd9c4;
text-align:right;
}

body#market-top #sub div.market-price p.more a{
padding-left:16px;
background:url("../images/content/arrow-04.gif") 0 0.1em no-repeat;
}

body#market-top #sub div.market-price p.reload{
margin:5px;
padding:3px;
width:170px;
background-color:#f4f4f4;
border:1px solid #d5d5d5;
}

body#market-top #sub div.market-price p.reload a{
display:block;
width:100%;
}
body#market-top #sub div.market-price p.reload a span{
background:url("../images/content/icon-reload-01.gif") no-repeat 0 50%;
display:block;
padding-left:25px;
width:2.5em;
min-height:19px;
margin:0 auto;
cursor:pointer;
}

* html body#market-top #sub div.market-price p.reload a span{
height:19px;
}

/* ----------------------------------------------------------------
    Structure= Sub= Mobile Information
----------------------------------------------------------------- */
#sub div.mobile-info{
margin-bottom:10px;
padding-bottom:5px;
background:url("../images/sub/bg_market_mobile-info_01.gif") 0 0;
}

#sub div.mobile-info p.image{
float:left;
padding-left:7px;
width:81px;
}

#sub div.mobile-info div.text{
float:right;
padding-right:7px;
width:86px;
line-height:1.3;
}

#sub div.mobile-info div.text p{
margin-bottom:5px;
}

#sub div.mobile-info div.text p.link{
padding-left:16px;
background:url("../images/content/arrow-04.gif") 0 0.3em no-repeat;
}