@charset "Shift_JIS";


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

/* ======================== English Site ======================== */
body.en{
font-family:arial, helvetica, verdana, sans-serif;
}

/* ----------------------------------------------------------------
    Structure= Page Top
----------------------------------------------------------------- */
#page-top{
background:#f4f2e8 url("../images/page-top/bg_page-top_01.gif") 0 100% repeat-x;
font-size:81.25%;
}

/* ======================== Market Site ======================== */
body.market #page-top{
padding-top:3px;
padding-bottom:11px;
background:none;
}


/* ----------------------------------------------------------------
    Structure= Page Top= Header
----------------------------------------------------------------- */
#header{
position:relative;
margin:0 auto;
width:832px;
min-height:63px;
_height:63px;
}

#header div.utility{
margin-left:350px;
}

#header div.utility-inner{
clear:both;
position:relative;
height:33px;
}

/* _____ CI _____ */
#header #ci{
position:absolute;
top:25px;
left:11px;
font-size:10px;
line-height:1;
}

#header #ci .logo{
position:absolute;
top:0;
left:0;
}

#header #ci .catchcopy{
position:absolute;
top:0;
left:165px;
}

/* _____ Utility Navigation _____ */
#header div.utility ul.nav{
float:right;
padding:5px 10px 5px 0;
}

#header div.utility ul.nav li{
float:left;
margin-left:6px;
padding-left:12px;
background:url("../images/content/bullet_arrow_01.gif") 0 45% no-repeat;
}

/* _____ google Search _____ */
input::-ms-clear {
    visibility:hidden;
}

.gsc-control-searchbox-only{
position:absolute;
right:168px;
top:0;
width:199px !important;
}
.gsc-search-button-v2 svg {
  display: none !important;
}
#gsc-iw-id1{
position:absolute;
top:0;
right:53px;
padding:3px 0 2px 1px !important;
border:1px solid #e8e4d5 !important;
border-right:0 !important;
width:146px !important;
height:18px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
height:18px !important;
}

.gsc-search-button-v2{
position:absolute;
top:0;
right:0;

width:  0px !important;
height: 0px !important;
margin: 0px !important;
min-width: 0px !important;
border:none !important;
padding:13px 26px 12px 27px!important;
border-radius:0 !important;

background:url("/shared/images/page-top/header/search_button.gif") no-repeat 0 0 !important;
background-size: contain;
}

.gsib_a{
padding-top:0 !important;
}


/* _____ Site Search _____ */
#header fieldset#site-search p{
position:absolute;
top:0;
right:168px;
}

#header fieldset#site-search p input.ss-query{
position:absolute;
top:0;
right:53px;
padding:3px 0 2px 1px !important;
border:1px solid #e8e4d5 !important;
border-right:0 !important;
width:146px !important;
height:18px !important;
}

#header fieldset#site-search p input.ss-button{
position:absolute;
top:0;
right:0;
}

/* _____ Style Switch _____ */
#header div#style-switch{
position:absolute;
top:0;
right:10px;
width:148px;
font-size:0;
}

#header div#style-switch dl{
background:url("../images/page-top/header/style-switch_bg.gif") 100% 0 no-repeat;
}

#header div#style-switch dl dt,
#header div#style-switch dl dd{
float:left;
}

#header div#style-switch dl dt{
margin-right:2px;
}

#header div#style-switch dl dd{
margin-top:2px;
}

/* ======================== Market Site ======================== */
body.market #header{
width:778px;
height:67px;
overflow:hidden;
}

body.market #header div.utility{
margin-left:350px;
}

body.market #header div.utility-inner{
clear:both;
position:relative;
height:33px;
}


/* _____ google Search _____ */
body.market #header .gsc-control-searchbox-only{
right:150px !important;
}


/* _____ Site Search _____ */
body.market #header fieldset#site-search p{
position:absolute;
top:0;
right:150px;
}

body.market #header fieldset#site-search p input.ss-query{
position:absolute;
top:0;
right:52px;
padding:3px 0 2px 1px;
border:1px solid #ccc;
border-right:0;
width:145px;
height:18px;
}

body.market #header fieldset#site-search p input.ss-button{
position:absolute;
top:0;
right:0;
}

/* _____ Style Switch _____ */
body.market #header div#style-switch{
right:0;
width:138px;
}

body.market #header div#style-switch dl{
background:#000;
}

body.market #header div#style-switch dl dt{
margin-right:0;
}

body.market #header div#style-switch dl dd{
margin-right:2px;
margin-top:3px;
}


/* ----------------------------------------------------------------
    Structure= Page Top= Global Navigation
----------------------------------------------------------------- */
#nav-global{
margin:0 auto;
width:832px;
}

#nav-global ul li{
float:left;
}

/* ======================== Market Site ======================== */
body.market #nav-global{
width:778px;
}

body.market #nav-global li{
padding-right:1px;
background:url("../images/page-top/nav-global/bg_market_nav-global.gif") 100% 0 no-repeat;
}

body.market #nav-global li.last{
padding-right:0 !important;
background:none;
}


/* ----------------------------------------------------------------
    Structure= Page Top= Page Title
----------------------------------------------------------------- */
#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;
}

/* ======================== Market Site ======================== */
body.market #page-title{
border:0;
padding:0;
width:784px;
background:none;
}


/* ----------------------------------------------------------------
    Structure= Contents
----------------------------------------------------------------- */
#contents{
position:relative;
margin:0 auto;
padding:0 20px 3em;
width:778px;
background:url("../images/content/bg_content_01.gif") 0 0 repeat-y;
}

#contents p#content-end{
position:absolute;
right:20px;
bottom:5px;
padding-right:12px;
background:url("../images/content/bullet_arrow_top_01.gif") 100% 45% no-repeat;
font-size:81.25%;
}

/* ======================== Market Site ======================== */
body.market #contents{
padding:0 0 3em;
width:778px;
background:none;
}

body.market #contents p#content-end{
right:0;
}


/* ----------------------------------------------------------------
    Structure= Contents= Location Navigation
----------------------------------------------------------------- */
#nav-location{
position:relative;
top:-2px; /* パンくずナビの頭と背景のラインを揃えるため */
margin-bottom:8px;
font-size:68.75%;
}

#nav-location dt{
position:absolute;
top:-99999px;
left:-99999px;
height:0;
font-size:0;
line-height:0;
visibility:hidden;
overflow:hidden;
}

#nav-location dd strong{
color:#333;
font-weight:normal;
}


/* ----------------------------------------------------------------
    Structure= Main Contents
----------------------------------------------------------------- */
#main{
font-size:87.5%;
}

body.layout-M #main{

}

body.layout-SM #main{
float:right;
width:570px;
}

/* ----------------------------------------------------------------
    Structure= Sub Contents
----------------------------------------------------------------- */
body.layout-SM #sub{
float:left;
width:188px;
font-size:81.25%;
}


/* ----------------------------------------------------------------
    Structure= Page Bottom
----------------------------------------------------------------- */
#page-bottom{
padding:15px 0 0;
border-top:1px solid #fff;
background:url("../images/page-bottom/bg_page-bottom_01.gif") 0 0 repeat-x;
min-width:832px;
font-size:81.25%;
}

/* ======================== Market Site ======================== */
body.market #page-bottom{
min-width:784px;
}


/* ----------------------------------------------------------------
    Structure= Page Bottom= Footer
----------------------------------------------------------------- */
#footer{
position:relative;
margin:0 auto;
padding:0 20px;
width:778px;
min-height:100px;
_height:100px;
}

/* _____ Utility Navigation _____ */
#footer ul.nav li{
float:left;
margin-right:10px;
padding-left:12px;
background:url("../images/content/bullet_arrow_01.gif") 0 45% no-repeat;
}

/* _____ Logo and Copyright _____ */
#footer #logo2{
position:absolute;
top:3px;
right:39px;
}

#footer #copyright{
position:absolute;
top:34px;
right:37px;
}

/* ======================== Market Site ======================== */
body.market #footer{
padding:0;
}

/* _____ Logo and Copyright _____ */
body.market #footer #logo2{
right:0;
}

body.market #footer #copyright{
right:0;
}

/* ======================== English Site ======================== */
/* _____ Utility Navigation _____ */
#footer ul.nav li{
background:url("../images/content/bullet_arrow_01.gif") 0 50% no-repeat;
}