/*!
 * CSS Reset 2011-12-25
 * https://gist.github.com/gists/1360380
 *
 * Author:  Takeru Suzuki, http://terkel.jp/
 * License: Public domain
 *
 * Inspired by Normalize.css: http://necolas.github.com/normalize.css/
 */



/* HTML5 display definitions */

section, nav, article, aside, hgroup,
header, footer, figure, figcaption, details {
    display: block;
}

video, audio, canvas {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}



/* The root element */

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}



/* Sections */

body {
	height: 100%;
	width: 100%;
    margin: 0;
    text-align: center;
	font: 12px/1.8 Avenir,Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #222222;
}

h1, h2, h4, h5, h6 {
    font-size: 1em;
    margin: 0;
}

h3 {
	font-size: 14px;
	margin: 0;
	
}

/* Grouping content */

p, blockquote, dl, dd, figure {
    margin: 0;
    text-align: left;
}

hr {
    color: inherit;
    height: auto;
    -moz-box-sizing: content-box;
         box-sizing: content-box;
}

pre {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
}

ol, ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}



/* Text-level semantics */

a {
	 color: #222222;
	 text-decoration: none;
 }

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
	text-decoration: underline;
}

strong, b {
    font-weight: bold;
}

small {
    font-size: 0.83em;
}

q {
    quotes: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

code, samp, kbd {
    font-family: monospace, sans-serif;
}

mark {
    color: black;
    background-color: yellow;
}

sub, sup {
    font-size: 0.83em;
    line-height: 0;
    vertical-align: baseline;
    position: relative;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

br {
    *letter-spacing: 0;
}



/* Embedded content */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}



/* Tabular data */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    padding: 0;
    text-align: left;
}

th, td {
    text-align: left;
    vertical-align: baseline;
    padding: 0;
}



/* Forms */

form {
    margin: 0;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

legend {
    border: 0;
    *margin-left: -7px;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: 1em;
    color: inherit;
    margin: 0;
}

input, button {
    line-height: normal;
    vertical-align: inherit;
    *vertical-align: middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

input[type="search"]:focus {
    outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

select {
    background-color: inherit;
    line-height: normal;
}

textarea {
    vertical-align: top;
    overflow: auto;
    *font-family: sans-serif;
    width: 98%;
}







/* Tsukubane set */

#container {
    width:  820px;
    margin: 15px auto 0;
}

/* top のみ */
#container.container-top {
    margin: 43px auto 45px;
}

#navi-global { margin: 29px auto; }
    .new_gnavi {
        display: inline-block;
        background: url(../images/navi.png) no-repeat;
        height: 25px;
        background-position: 0 0;
    }
    .new_gnavi01{
        background-position: 0 0;
        width: 44px;
        margin-right: 73px;
    }
    .new_gnavi01.on{ background-position: 0 -25px ; }
    .new_gnavi02{
        background-position: -45px 0;
        width: 56px;
        margin-right: 68px;
    }
    .new_gnavi02.on{ background-position: -45px -25px; }
    .new_gnavi03{
        background-position: -102px 0;
        width: 55px;
        margin-right: 70px;
    }
    .new_gnavi03.on{ background-position: -102px -25px; }

    /* blueberry */
    .new_gnavi08{
      background: url("../images/blueberry/nav_bl.png");
      width: 88px;
      margin-right: 72px;
    }
    .new_gnavi08.on{ background: url("../images/blueberry/nav_bl_on.png"); }

    .new_gnavi04{
        background-position: -158px 0;
        width: 55px;
        margin-right: 74px;
    }
    .new_gnavi04.on{ background-position: -158px -25px; }
    .new_gnavi05{
        background-position: -214px 0;
        width: 42px;
        margin-right: 86px;
    }
    .new_gnavi05.on{ background-position: -214px -25px; }
    .new_gnavi06{
        background-position: -258px 0;
        width: 32px;
        /*margin-right: 100px; for blue berry*/
    }
    .new_gnavi06.on{ background-position: -257px -25px; }
    .new_gnavi07{
        background-position: -290px 0;
        width: 31px;
    }
    .new_gnavi07.on{ background-position: -290px -25px; }

    #navi-global a { display: block; height: 40px; }
    #navi-global img { width: 100%; height: 25px; }

#logo {
	width: 820px;
	margin: 50px auto 9px;
}

#headerIndex {
	width: 820px;
	margin: 50px auto 36px;
}

/*#gnavi li {
	margin: 29px 40px 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 0;
}*/


/* Greeting */

.greetingTop {
	width: 820px;
	height: 270px;
	margin: 60px auto 45px;
}

.greetingContent {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	color: #222222;
	float: none;
	text-align: justify;
	text-justify: inter-ideograph;
	
}

.section01 {
	position: relative;
	width: 800px;
	height: 190px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.section01Left {
	width: 70px;
	height: 180px;
	background: url(../images/greeting_07.gif) no-repeat scroll left top;
	float: left;
}

.section01Center {
	width: 270px;
	height: 200px;
	background: url(../images/greeting_09.gif) no-repeat scroll left top;
	float: left;
}

.section01Center p {
	padding-top: 57px;
}

.section01Right {
	height: 180px;
	float: left;
	padding-left: 42px;
	width: 390px;
	padding-top: 4px;
}


.section02 {
	position: relative;
	width: 800px;
	height: 181px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.section02Left {
	width: 70px;
	height: 200px;
	background: url(../images/greeting_17.gif) no-repeat scroll left top;
	float: left;
	padding-top: 0;
	margin-top: 10px;
}

.section02Center {
	width: 270px;
	height: 200px;
	background: url(../images/greeting_19.gif) no-repeat scroll left top;
	float: left;
	margin-top: 10px;
}

.section02Center p {
	padding-top: 31px;
}

.section02Right {
	height: 200px;
	float: left;
	padding-left: 46px;
	width: 390px;
	margin-top: -27px;
}


.section03 {
	position: relative;
	width: 800px;
	height: 420px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.section03Left {
	width: 70px;
	height: 380px;
	background: url(../images/greeting_24.gif) no-repeat scroll left top;
	float: left;
	margin-top: 10px;
}

.section03Center {
	width: 270px;
	height: 380px;
	background: url(../images/greeting_26.gif) no-repeat scroll left top;
	float: left;
	margin-top: 10px;
}

.section03Center p {
	padding-top: 31px;
}

.section03Right {
	width: 390px;
	height: 380px;
	float: left;
	padding-left: 33px;
	padding-top: 35px;
}


.section04 {
	position: relative;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.section04Left {
	width: 70px;
	height: 200px;
	background: url(../images/greeting_31.gif) no-repeat scroll left top;
	float: left;
}

.section04Center {
	width: 270px;
	height: 200px;
	background: url(../images/greeting_32.gif) no-repeat scroll left top;
	float: left;
}

.section04Center p {
	padding-top: 57px;
}

.section04Right {
	height: 200px;
	float: left;
	padding-left: 38px;
	width: 390px;
	padding-top: 10px;
}


/* PICKING */

.pickingTop {
	height: 400px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 820px;
}

.pickingContent {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	color: #222222;
	float: none;
	font-size: 12px;
	padding-bottom: 0;
}


.pickingSide {
	width: 230px;
	float: left;
	margin-top: 0;
	margin-left: 10px;
}

.pickingMain {
	width: 440px;
	float: left;
	margin-top: 5px;
}

.ryokin span {
	display: block;
	float: left;
	width: 50px;
	
}

#yoyaku {
	margin-bottom: 0;
	margin-top: 3px;
}

.pickingMain dt {
	width: 90px;
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 13px;
}

.pickingMain dd {
	padding: 0 0 0 90px;
}

/*テーブル*/
.pickingTable td {
	width: 100px;
	font-size: 14px;
	line-height: 21.6px;
}

#leftRow {
	font-size: 12px;
	line-height: 21.6px;
}

#rightRow  {
	
	text-align: right;
	width: 60px;
}


#formItems {
	text-align: left;
	clear: both;
}

#formItems label {
	font-size: 12px;
}


#formItems input[type="text"] {
	width: 177px;

}

#formItems input[type="submit"] {
	width: 94px;
}

#formItems textarea {
	margin-top: 3px;

}

#formItems p {
	font-size: 10px;
	color: #555555;
	margin-top: 4px;

}

#formItems .question {
	display: block;
	width: 54px;
	float: left;
	
}



.contactMain {
	width: 440px;
	float: left;
	margin-top: 5px;
}


/* SHOPPING */


.shoppingTop {
	height: 400px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 820px;
}

.shopContent {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	color: #222222;
	float: none;
	text-align: justify;
	text-justify: inter-ideograph;

}

.shopSection01 {
	width: 820px;
	/*height: 240px;*/
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
.shopSection01Left {
	width: 472px;
	float: left;
}
.shopSection01Left1 {
	width: 472px;
}
.shopSection01Left2 {
	width: 400px;
	padding-left: 50px;
	padding-top: 18px;
    margin-bottom: 38px;
}
.shopSection01Left3 {
	/*width: 472px;*/
    padding-left: 50px;
    vertical-align: middle;
    margin-bottom: 44px;
}
.shopSection01Left3 a:hover {
	opacity: 0.39;
}
.btn-add-cart { margin-left: 24px;}

.shopSection01Right {
	width: 324px;
	height: 220px;
	float: left;
}


.shopSection02 {
	position: relative;
	width: 800px;
	height: 181px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.shopSection02Left {
	width: 70px;
	height: 200px;
	float: left;
	padding-top: 0;
	margin-top: 10px;
}

.shopSection02Center {
	width: 270px;
	height: 200px;
	float: left;
	margin-top: 10px;
}

.shopSection02Center p {
	padding-top: 31px;
}

.shopSection02Right {
	height: 200px;
	float: left;
	padding-left: 46px;
	width: 390px;
	margin-top: -27px;
}


.shopSection03 {
	position: relative;
	width: 800px;
	height: 420px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.shopSection03Left {
	width: 70px;
	height: 380px;
	float: left;
	margin-top: 10px;
}

.shopSection03Center {
	width: 270px;
	height: 380px;
	float: left;
	margin-top: 10px;
}

.shopSection03Center p {
	padding-top: 31px;
}

.shopSection03Right {
	width: 390px;
	height: 380px;
	float: left;
	padding-left: 33px;
	padding-top: 35px;
}


.shopSection04 {
	position: relative;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	text-align: left;
	float: left;
	left: 3px;
}

.shopSection04Left {
	width: 70px;
	height: 200px;
	float: left;
}

.shopSection04Center {
	width: 270px;
	height: 200px;
	float: left;
}

.shopSection04Center p {
	padding-top: 57px;
}

.shopSection04Right {
	height: 200px;
	float: left;
	padding-left: 38px;
	width: 390px;
	padding-top: 10px;
}

.shopEtc {
	margin-left: 15px;
}

.shopEtc a {
	background-color: #FFFF00;
}

#shopLightbox {
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    /* display:none set inline in jcart.php */
    margin: auto;
    padding: 0px 10px 50px;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 20px;
    /*opacity: 0.9;*/
    border-radius: 0 0 inherit inherit;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    width: 505px;
    padding-bottom: 20px;
}
#btn-close-cart {
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 13px;
}

#shopLightboxHeader1 {
	height: 38px;
	margin-top: 10px;
    margin-bottom: 11px;
}

#shopLightboxFooter{
    top: 0;
    border-top: solid 1px #ccc;
}

#shopLightboxFooter a:hover {
    opacity: 0.5;
}

#shopLightBoxFooterLeft {
    float: left;
    width: 190px;
    font-size: 14px;
    line-height: 31px;
}

#shopLightBoxFooterRight {
    float: left;
    text-align: right;
}

#shopLightboxBero {
    cursor: pointer;
    clear: left;
    position: absolute;
    bottom: -35px; /* to -17*/
    right: 20px;
}
#shopLightboxBero.bero-hide { bottom: -17px; }

#shopLightboxHeader2 {
	border-bottom: 1px solid #cccccc;
	width: 700px;
	height: 25px;
	text-align: right;
	font-size: 12px;
}

.shopLightboxItem01 {
	width: 680px;
	height: 80px;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}

.shopLightboxItem01 .shopLightboxItem01_photo {
	float: left;
}

.shopLightboxItem01 .shopLightboxItem01_title {
	float: left;
	height: 80px;
	position: relative;
	width: 320px;
	margin-left: 10px;
}

.shopLightboxItem01 .shopLightboxItem01_title p {
	top: 50%;
	position: absolute;
	margin-top: -1em;
}
.shopLightboxItem01 .shopLightboxItem01_price {
	float: left;
	height: 80px;
	position: relative;
	width: 90px;
}

.shopLightboxItem01 .shopLightboxItem01_price p {
	top: 50%;
	position: absolute;
	margin-top: -1em;
}
.shopLightboxItem01 .shopLightboxItem01_quantity {
	float: left;
	height: 80px;
	position: relative;
	width: 70px;
}
.shopLightboxItem01 .shopLightboxItem01_quantity p {
	top: 50%;
	position: absolute;
	margin-top: -1em;
}

.shopLightboxItem01 .shopLightboxItem01_quantity input {
	width: 18px;
	margin-left: -5px;
}
.shopLightboxItem01 .shopLightboxItem01_subtotal {
	float: left;
	height: 80px;
	position: relative;
	width: 60px;
}
.shopLightboxItem01 .shopLightboxItem01_subtotal p {
	top: 50%;
	position: absolute;
	margin-top: -1em;
}
#shopLightboxTotal {
	margin-left: 543px;
	margin-top: 30px;
	height: 20px;
}



	
/* CONTACT */


.contactTop {
	height: 400px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 820px;
}


.contactContent {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	color: #222222;
	float: none;
	font-size: 12px;
	padding-bottom: 0;
}



.contactSide {
	width: 360px;
	float: left;
	margin-top: 0;
	margin-left: 10px;
}

.contactMain {
	
}

#contactDetail {
	font-size: 12px;
	margin-left: 3px;
}

#contactDetail a {
	background-color: #FFFF00;
}

#contactPicking {
	margin-top: 6px;
	margin-left: 30px;
}


.article { margin-bottom: 4em; }

.contactJisage {
	margin-left: 30px;
}

.contactJisage a {
	background-color: #FFFF00;
}

.contactMap {
	width: 820px;
	margin: 20px auto 0 370px;
}


/* Footer */
#footerIndex {
	width: 820px;
	height: 50px;
	margin: 30px auto 0;
  text-align: center;
  font-size: 10px;
  color: #cccccc;
  letter-spacing: 0.1em;
}

#footerGreeting {
	width: 820px;
	height: 20px;
	margin: 0 auto 20px;
	clear: left;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	letter-spacing: 0.1em;
	/* float: left; */
	text-align: left;
}


#footerPicking {
	width: 820px;
	height: 20px;
	margin: 70px auto 20px;
	clear: left;
}

#footerPicking {
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	letter-spacing: 0.1em;
	/* float: left; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

#footerShopping  {
	width: 820px;
	height: 20px;
	margin: 100px auto 20px;
	clear: left;
	text-align: left;
}

#footerShopping {
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	letter-spacing: 0.1em;
	/* float: left; */
	text-align: left;
}



#footerContact  {
	width: 820px;
	height: 20px;
	margin: 50px auto 20px;
	clear: left;
}

#footerContact {
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	letter-spacing: 0.1em;
	/* float: left; */
	text-align: left;
}




#footer hr {
	width: 820px;
	margin: 0 auto auto 0;
}

/* for jcart tooltip*/
#jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; /*background:url(../images/checkmark.png) 3px center no-repeat #fdfdfd; border:1px solid #a6c9e2;*/ z-index:9999; }

/* for slides */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* "GARI" info table */
#pickingMain {
    width: 580px;
    display: table;
    border-bottom: solid 1px #CCC;
}
    #pickingMain dl { display: table; }
    #pickingMain dl dt,dd {
      display: table-cell;
      vertical-align: middle;
      /* letter-spacing: 4px; */
      padding-left: 1em;
      margin: 1em 0;
    }
    #pickingMain dl dt {
      width: 85px;
      font-weight: bold;
      padding-left: 1em;
     }
    #pickingMain dl dd { width: 460px; padding: 1em; }
    #pickingMain dl.pickingInfoTableRow { border-top: solid 1px #CCC; }
    #pickingMain dl.pickingInfoTableRow dt { letter-spacing: 0.5em; }
    #pickingMain dl.pickingInfoTableRow dt.longer { vertical-align: top; padding-top: 33px; }
    #pickingMain dl.pickingInside { border-left: solid 1px #CCC; }
    #pickingMain dl.pickingInside dt { width: 54px; padding: 0 18px;}
    #pickingMain dl.pickingInside dd { margin: 0; padding: 0; }
    #pickingMain dl.pickingInfoTableRow dl.pickingInside { padding: 0.5em 0; }
#pickingPrice { width: 188px; }
#pickingPrice td { text-align: right; }

/* "GARI" UI */
#gnavibox, #navi-global { position: relative; z-index: 10; }
#callCalendar { font-weight:bold; font-size: larger; background-color: yellow; cursor: pointer; }

/* clearfix */
.cf, .cleafix { zoom:1; } /* For IE 6/7 (trigger hasLayout) */
.cf:before, .cf:after, .cleafix:before, .cleafix:after { content:""; display:table; }
.cf:after, .clearfix:after { clear:both; }


/* cart - payment */
/* common styles */
span.caution { color: #cd0012; }
a.highlight { font-weight:bold; font-size: larger; background-color: yellow; padding: 0 0.5em; cursor: pointer; }

.col-left {
    float: left;
    width: 170px;
}
.col-right {
    float: left;
    width: 510px;
    padding-left: 42px;
}

.onerow {
    text-align: left;
    line-height: 31px;
    padding: 2px 0;
    font-size: 14px;
}
.bigrow {
    text-align: left;
    line-height: 31px;
    padding: 14px 0;
    font-size: 14px;
}
.verybigrow {
    text-align: left;
    line-height: 42px;
    padding: 9px 0;
    font-size: 14px;
}
.unbalancedbigrow {
    text-align: left;
    line-height: 48px;
    padding-top: 18px;
    padding-bottom: 6px;
    font-size: 14px;
}
.indent { padding-left: 0.5em; }
.padding-tb { padding-top: 18px; padding-bottom: 18px; }

.hr-top { border-top: solid 1px #ccc; }
.hr-bottom { border-bottom: solid 1px #ccc; }

/* buttons */
input.btn { height: 31px; border: none; }
#btn-refresh-cart {
    width: 123px;
    background: url(../images/shopping_payment_btn_refresh.gif) left top no-repeat;
}
#btn-calc-shipcost {
    margin-left: 27px;
    width: 116px;
    background: url(../images/shopping_payment_btn_calcshipcost.gif) left top no-repeat;
}
#btn-payment-bank {
    width: 173px;
    background: url(../images/shopping_payment_btn_bank.gif) left top no-repeat;
}
#btn-payment-paypal {
    margin-left: 27px;
    width: 185px;
    background: url(../images/shopping_payment_btn_paypal.gif) left top no-repeat;
}
#btn-go-confirm {
    margin-left: 27px;
    width: 136px;
    background: url(../images/shopping_payment_btn_confirm.gif) left top no-repeat;
}
#btn-modify-shipinfo {
    width: 124px;
    background: url(../images/shopping_payment_btn_modify.gif) left top no-repeat;
}
#btn-shopping-complete {
    margin-left: 27px;
    width: 112px;
    background: url(../images/shopping_payment_btn_complete.gif) left top no-repeat;
}
#btn-toOrderInfo {
  margin-left: 27px;
  width: 115px;
  background: url(../images/shopping_payment_btn_shipinfo.gif) left top no-repeat;
}

/* uniwue elements */
/* for cart positioning */
#jcart {
    width: 740px; /* = shopLightbox + its padding */
    margin: auto;
}
#overlay {
    position: fixed;
    z-index:99;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
    opacity: 0.6;
}

table.item-list {
    margin-top: -12px;
    margin-bottom: 20px;
}
table.item-list th, table.item-list td {
    font-weight: normal;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 48px;
    vertical-align: middle;
}
    table.item-list th input { text-align: right; }
    table.item-list th img { vertical-align: middle; }
.item-list-padding { padding-top: 14px; }


#shopLightbox table th { width: 432px; }
#shopping-payment-cart-right table th { width: 446px; }

#shopping-payment-flow { margin: 52px 0 74px; }
#shopping-payment-content { width: 723px; margin: 0 auto; margin-bottom: 54px; }
#shopping-payment-cart-subtotal { }
    #shopping-payment-cart-subtotal-left { float: left; font-size: 14px; line-height: 31px; }
    #shopping-payment-cart-subtotal-right { float: right; vertical-align: middle; }

#shopping-payment-shipcost { margin: 53px 0 53px; }
    #shopping-payment-shipcost-right { text-align: left; }
        #shopping-payment-shipcost-input { vertical-align: middle; }

#shopping-payment-method-right { margin-bottom: 27px; }
#shopping-payment-navi { clear: left; text-align: left; margin-left: 212px; }
  #shopping-payment-navi img { vertical-align: middle; }

#shopping-payment-shipinfo { width: 510px; margin-bottom: 56px; }
    #shopping-payment-shipinfo th,
    #shopping-payment-shipinfo td { font-weight: normal; font-size: 12px; padding: 1px 0; }
    #shopping-payment-shipinfo th { width: 139px; vertical-align: top; }
        #shopping-payment-shipinfo td input { width: 99%; font-size: 13px; }
        #shopping-payment-shipinfo td input,
        #shopping-payment-shipinfo td textarea { border: solid 1px #ccc; }

#shopping-payment { margin-bottom: 62px; }
#shopping-payment-shipinfo-confirm { width: 510px; margin-bottom: 62px; }
    #shopping-payment-shipinfo-confirm th,
    #shopping-payment-shipinfo-confirm td { font-weight: normal; font-size: 12px; line-height: 2em; }
    #shopping-payment-shipinfo-confirm th { width: 139px; vertical-align: top; }

#payment-selector { text-align: left; }
  #payment-selector h2 { font-size: 13px; padding-bottom: 4px; }
  #payment-selector ul { margin: 1em 0; line-height: 2.5; font-size: 13px; }
  #payment-selector label { cursor: pointer; }
  #payment-selector label:hover { background: beige; }
  #payment-selector input { vertical-align: middle; margin-right: 1em; }
  #payment-selector input:checked+span { background: yellow; }

#cart-spike-notice {
  color: #ee0000;
  font-size: 11px;
  margin: -1.2em 0 2em 24px;
  display: none;
}
#cart-payment-notice {
  color: #ee0000;
  margin-left: 155px;
  margin-top: 1em;
  display: none;
}

/* news */
#news-item-section {
    width: 836px;
    margin: 0 auto;
}
.news-item {
    border: solid 1px #e6e6e6;
    border-radius: 10px;
    width: 230px;
    text-align: left;
    margin: 7px;
    padding: 16px;
    float: left;
}
.news-item-middle { width: 507px; }
.news-item-large { width: 786px; }
    .news-item-date { font-size: 11px; color: #808080; letter-spacing: 1px; margin-bottom: 4px; }
    .news-item-header {
        font-family: Avenir, Helvetica, Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, sans-serif;
        font-size: 15px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: 1px;
        margin-bottom: 7px;
        margin-left: -1px;
    }
    .news-item-image-wrapper { margin-bottom: 11px; }
    .news-item-image { max-width: 100%; }
    .news-item-content { font-size: 12px; line-height: 21px; letter-spacing: 0.05em; }

#terms { margin-top: 3em; }
  #terms h1 { font-weight: bold; font-size: 21px; letter-spacing: 3px; margin-bottom: 1.5em; }
  #terms-terms { line-height: 2.25; }
  #terms-terms dt { font-weight: bold; }


/* 20140715 +blueberry by ts */
.blb-map {
  border-left: solid 1px #ccc;
  padding-left: 38px;
}
.clickable { text-decoration: underline; cursor: pointer; }
.mb2em { margin-bottom: 2em; }