@charset "utf-8";

/* common
----------------------------------------------------------------*/
body {
    font-size: 13px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Sans-Serif;
    *font-family: "メイリオ", "ＭＳ Ｐゴシック", Meiryo;
    *font-size: small;
    *font: x-small;
    color: #444;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, address, caption {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: 140%;
    text-align: left;
}

ul, ol, li, dl, dt, dd, th, td, table, form {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    list-style-type: none;
}

table {
    border-collapse: collapse;
}

a {
    color: #1573B8;
    outline: 0;
    text-decoration: none;
}

a:hover {
    color: #FA7A07;
}

input {
    outline: 0;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす
----------------------------------------------------------------*/
input, textarea {
    font-size: 13px;
    padding: 2px;
}

/* 画像の下にできる隙間をなくす
----------------------------------------------------------------*/
img {
    vertical-align: bottom;
    border: none;
}

/* clearFix
----------------------------------------------------------------*/
.clearfix {
    zoom: 100%;
}

.clearfix:after {
    content: url(../img/clearfix.gif);
    display: block;
    clear: both;
    height: 0;
}

/* decoration style [font size]
----------------------------------------------------------------*/
.text09 {
    font-size: 69%;
}

.text10 {
    font-size: 77%;
}

.text11 {
    font-size: 85%;
}

.text12 {
    font-size: 93%;
}

.text13 {
    font-size: 100%;
}

.text14 {
    font-size: 108%;
}

.text15 {
    font-size: 116%;
}

.text16 {
    font-size: 123.1%;
}

.text17 {
    font-size: 131%;
}

.text18 {
    font-size: 138.5%;
}

.text19 {
    font-size: 146.5%;
}

.text20 {
    font-size: 153.9%;
}

.text21 {
    font-size: 161.6%;
}

.text22 {
    font-size: 167%;
}

.text23 {
    font-size: 174%;
}

.text24 {
    font-size: 182%;
}

.text25 {
    font-size: 189%;
}

.text26 {
    font-size: 197%;
}

/* decoration style [other]
----------------------------------------------------------------*/
.price {
    font-size: 153.9%;
    color: #F00;
    font-weight: bold;
}

.red {
    color: #e11521;
}

.orange {
    color: #F60;
}

.yellow {
    color: #FF0;
}

.green {
    color: #0F0;
}

.blue {
    color: #00F;
}

.deep_blue {
    color: #009;
}

.black {
    color: #000;
}

.white {
    color: #FFF;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.txt_center {
    text-align: center;
}

.txt_right {
    text-align: right;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.clear {
    clear: both;
}

.mrg_t10 {
    margin-top: 10px;
}

.mrg_b5 {
    margin-bottom: 5px;
}

.mrg_tb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* decoration style [hr]
----------------------------------------------------------------*/
hr {
    color: #FFF;
    height: 5px;
    margin-bottom: 10px;
    border: #b3b3b3 solid 1px;
    clear: both;
}

/* base layout
----------------------------------------------------------------*/
#wrapper {
    background-image: url(/img/common/global_navi/bg_gnavi.gif);
    background-repeat: repeat-x;
    background-position: left top;

}

#container {
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 950px;
}

#footer {
    background: #000 url(/img/common/footer_bg.jpg) repeat-x;
    height: 284px;
    position: relative;
    clear: both;
}

/* header
----------------------------------------------------------------*/
#header {
    width: 1010px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/img/common/global_navi/bg_header.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
}

h1, h2 {
    font-size: 10px;
    position: absolute;
    left: 246px;
    top: 26px;
}

h2 {
    font-weight: normal;
    top: 40px;
}

#logo {

}

a#logo {
    display: block;
    position: absolute;
    left: 15px;
    top: 17px;

}

#adv_main {
    float: right;
}

/* navigation
----------------------------------------------------------------*/
#g_navi {
    margin-bottom: 15px;
    clear: both;
}

#g_navi li {
    float: left;
}

#g_navi li a {
    display: block;
}


#shop_navi {
    clear: both;
    padding-top: 100px;
    padding-bottom: 8px;
    text-align: center;
}

#shop_navi li {
    display: inline;
    margin-right: 5px;
    margin-bottom: 5px;
}

#header_navi li.btn_01 {
    position: absolute;
    top: 10px;
    right: 190px;
}

#header_navi li.btn_02 {
    position: absolute;
    top: 10px;
    right: 80px;
}

/*ご利用ガイドへのリンク*/
#header_navi_guide {
    font-size: 85%;
    position: absolute;
    top: 60px;
    right: 40px;
}

#header_navi_guide li {
    background-image: url(/img/icon/arrow_03.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 8px;
    display: inline;
    margin-right: 8px;
}


/* pankuzu navigation
----------------------------------------------------------------*/
/*#pankuzu {
	background:url(/img/common/pan_bg.gif) repeat-x;
	height:20px;
	padding-top:2px;
}
#pankuzu li {
	float:left;
	font-size:85%;
	background:url(/img/common/pan_arrow.gif) left 50% no-repeat;
	padding:0 8px 0 12px;
}
#pankuzu li.pankuzu_home {
	background:none;
	padding:0 8px 0 20px;
}*/

/* icon list
----------------------------------------------------------------*/
.icon_list li {
    float: left;
    margin: 5px 5px 0 0;
    display: inline;
}

.icon_list li.last {
    margin: 5px 0 0 0;
}

/* contents ttl
----------------------------------------------------------------*/
h3.ttl_h3_01 {
    font-size: 189%;
    line-height: 58px;
    background: url(/img/common/ttl/ttl_01.jpg) no-repeat;
    height: 58px;
    margin-bottom: 15px;
    padding-left: 25px;
    border: #b3b3b3 solid 1px;
}

h3.ttl_h3_02 {
    font-size: 189%;
    line-height: 52px;
    background: url(/img/company/ttl/ttl_company.gif) no-repeat;
    height: 52px;
    padding-left: 25px;
}

h3.ttl_h3_03 {
    font-size: 189%;
    line-height: 58px;
    background: url(/img/common/ttl/ttl_04.jpg) no-repeat;
    height: 58px;
    margin-bottom: 15px;
    padding-left: 25px;
    border: #b3b3b3 solid 1px;
}

h3 span {
    font-size: 80%;
    margin-left: 20px;
}

.ttl_head {
    background-image: url(/img/common/ttl/ttl_head.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFF;
    padding-left: 7px;
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #000;
    font-size: 85%;
}

.ttl_head.bdr_blue {
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #039;
}

.read_small {
    font-size: 85%;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    padding-right: 2px;
    padding-left: 2px;
}

.ul_list li {
    float: left;
    width: 8em;
}

h4.ttl_h4_01 {
    line-height: 28px;
    background: url(/img/common/ttl/ttl_02.jpg) no-repeat;
    height: 28px;
    margin-bottom: 6px;
    padding-left: 25px;
    border: #b3b3b3 solid 1px;
}

h4.ttl_h4_02 {
    line-height: 28px;
    background: url(/img/common/ttl/ttl_05.jpg) no-repeat;
    height: 28px;
    margin-bottom: 6px;
    padding-left: 25px;
    border: #b3b3b3 solid 1px;
}


/* contents box
----------------------------------------------------------------*/
.contents_box {
    margin-bottom: 20px;
}

/* login
----------------------------------------------------------------*/
#login {
    font-size: 12px;
    line-height: 30px;
    margin: 3px 0 5px;
}

/* footer
----------------------------------------------------------------*/
#footer li,
#footer li a,
#footer p,
#footer h3 {
    color: #c3c3c3;
}

#footer h4 {
    color: #d1d130;
}

#footer ul.footer_navi li {
    line-height: 28px;
    border-left: #3a3a3a solid 1px;
    height: 28px;
    padding: 0 8px;
    float: left;
}

#footer #foot_leftcol {
    width: 300px;
    padding: 35px 20px 0 0;
    float: left;
}

#footer #foot_leftcol h3 {
    text-indent: -999em;
    background: url(/img/common/footer_ttl.jpg) no-repeat;
    width: 224px;
    height: 30px;
}

#footer #foot_leftcol p {
    font-size: 77%;
    margin-top: 20px;
}

#footer #foot_rightcol {
    width: 630px;
    padding-top: 35px;
    float: left;
}

#footer #foot_rightcol .brand_list {
    width: 130px;
    margin-right: 30px;
    float: left;
}

#footer #foot_rightcol .brand_list_end {
    width: 130px;
    margin-right: 0;
    float: left;
}

#footer #foot_rightcol h4 {
    font-size: 93%;
    margin-bottom: 6px;
}

#footer #foot_rightcol li {
    font-size: 77%;
    background: url(/img/common/footer_arrow.gif) 0 50% no-repeat;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    border-bottom: #c3c3c3 solid 1px;
}

#footer_btn {
    width: 157px;
    height: 27px;
    position: absolute;
    top: 1px;
    right: 0;
}

/* btn
------------------------------------------------------------*/
.shop_btn {
    background: url(/img/common/btn/btn_online.gif) no-repeat;
    text-indent: -999em;
    width: 191px;
}

.shop_btn a {
    display: block;
    height: 42px;
}

.shop_btn:hover {
    background: url(/img/common/btn/btn_online.gif) 0 -42px no-repeat;
}

.btn_request,
.btn_detail {
    text-indent: -999em;
    display: block;
    width: 100px;
    height: 50px;
    margin: 3px auto;
}

.btn_detail {
    background: url(/img/icon/btn_detail.gif) no-repeat;
}

.btn_request {
    background: url(/img/icon/btn_request.gif) no-repeat;
}

.btn_detail:hover {
    background: url(/img/icon/btn_detail.gif) 0 -50px no-repeat;
}

.btn_request:hover {
    background: url(/img/icon/btn_request.gif) 0 -50px no-repeat;
}

.change_button {
    text-indent: -999em;
    background: url(/img/detail/btn_detail_right.jpg) no-repeat;
    width: 170px;
    height: 28px;
    margin: 10px auto 0;
    display: block;
}

/* error
------------------------------------------------------------*/
ul.error {
    margin: 15px 0;
}

ul.error li {
    color: #C00;
    list-style: disc;
    margin-left: 20px;
}

/* shop hours
------------------------------------------------------------*/
.shop_hours li img {
    margin: 0 1px;
    vertical-align: top;
}

/* pager
------------------------------------------------------------*/
.pager {
    margin: 5px 0 30px;
    float: right;
}

.pager li {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.pager li.next {
    border-right: none;
}

.pager li a:hover,
.pager li a:active {
    color: #FF6633;
}

.pager li em {
    font-weight: bold;
}