
/*---------------------------------------------*/
/* ing-style Funiture Style Sheet              */
/* Author S.NISHIMURA                             */
/*---------------------------------------------*/

/* SITE BODY CSS ------------------------------*/

body {
font-family: 'ヒラギノ角ゴ Pro W3', 'ヒラギノ丸ゴ Pro W4', Osaka, 'MS P ゴシック', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 160%;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

table {
font-family: 'ヒラギノ角ゴ Pro W3', 'ヒラギノ丸ゴ Pro W4', Osaka, 'MS P ゴシック', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 160%;
margin: 0px;
padding: 0px;
}

div {
font-family: 'ヒラギノ角ゴ Pro W3', Osaka, 'MS P ゴシック', 'ヒラギノ丸ゴ Pro W4', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 160%;
margin: 0px;
padding: 0px;
}

/* Link Style */
a {
color: #666666;
text-decoration: none;
}

/* 訪問済みのリンク部分 */
a:visited { text-decoration: none; }

/* カーソルが上に来たとき */
a:hover {
color: #DF8A00;
text-decoration: underline;
}

a:active { color: #DF8A00; }

/* Block style */

#navi {
width: 850px;
height: 15px;
font-size: 9px;
padding-top: 10px;
}

#contents {
width: 850px;
margin: 0 auto;
border: 1px solid #BFBFBF;
}

#head {
width: 850px;
height: 230px;
border-bottom: 1px solid #BFBFBF;
}

#left-logo {
width: 249px;
height: 230px;
border-right: 1px solid #BFBFBF;
float: left;
}

#logoup {
width: 249px;
padding-top: 35px;
}

#logoup1 {
width: 249px;
padding-top: 40px;
}

#logo {
width: 249px;
padding-top: 30px;
}

#right-menu {
width: 600px;
height: 230px;
float: left;
}

#right-menu-top {
width: 599px;
height: 110px;
float: left;
}

#right-menu-contentsl, #right-menu-contentsc {
width: 199px;
height: 110px;
border-right: 1px solid #BFBFBF;
float: left;
}

#right-menu-contentsr {
width: 199px;
height: 110px;
float: left;
}

#right-contentstitlel, #right-contentstitlec, #right-contentstitler, #right-contentstitleu {
width: 180px;
padding: 25px 0px 10px 20px;
}

#right-contentsl, #right-contentsc, #right-contentsr {
padding: 3px 20px 0px 43px;
font-size: 9px;
}

#right-menu-bottom {
width: 600px;
height: 120px;
background: url(http://www.ing-style.jp/images/top-voice.jpg) no-repeat;
border-top: 1px solid #BFBFBF;
float: left;
}

#right-contents-bottom {
width: 557px;
padding: 3px 0px 0px 43px;
font-size: 9px;
line-height: 170%;
}

#menu {
width: 850px;
background-color: #B5B5B6;
padding: 8px 0px 3px 0px;
border-bottom: 1px solid #CCC;
}

#menu-in {
width: 790px;
height: 20px;
}

#menu-home, #menu-1p, #menu-2p, #menu-3p, #menu-table, #menu-chair, #menu-other, #menu-commode, #menu-outlet {
padding-right: 29px;
float: left;
}

#menu-goods { float: left; }

/* THUMBNAIL */



#thumb-title01 {
width: 850px;
height: 40px;
padding-top: 40px;
}

#thumb-title02 {
width: 120px;
padding-left: 60px;
float: left;
}

#thumb-title03 {
width: 650px;
font-size: 10px;
padding: 3px 0px 0px 20px;
float: left;
}

#thumb-outline01, #thumb-outline02 {
width: 850px;
height: 360px;
}

#thumb-outline03 {
width: 850px;
height: 360px;
border-bottom: 1px solid #BFBFBF;
}

#thumb-line01, #thumb-line02, #thumb-line03 {
width: 660px;
height: 360px;
}

#thumb-01-outline, #thumb-02-outline, #thumb-04-outline, #thumb-05-outline, #thumb-07-outline, #thumb-08-outline {
width: 170px;
height: 360px;
padding-right: 75px;
float: left;
}

#thumb-03-outline, #thumb-06-outline {
width: 170px;
height: 360px;
float: left;
}

#thumb-moontray-pic {
width: 170px;
height: 141px;
padding-top: 41px;
float: left;
}

#thumb-c-and-s-pic {
width: 170px;
height: 162px;
padding-top: 20px;
float: left;
}

#thumb-teaholder-pic {
width: 170px;
height: 154px;
padding-top: 28px;
float: left;
}

#thumb-sweetbowl-pic {
width: 170px;
height: 145px;
padding-top: 15px;
float: left;
}

#thumb-biscuitbox-pic {
width: 170px;
height: 155px;
padding-top: 5px;
float: left;
}

#thumb-chopsticks-pic {
width: 170px;
height: 160px;
padding-top: 0px;
float: left;
}

#thumb-teaholder-s-pic {
width: 170px;
height: 187px;
padding-top: 0px;
float: left;
}

#thumb-natsume-pic {
width: 170px;
height: 162px;
padding-top: 25px;
float: left;
}

#thumb-moontray-com {
width: 152px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 18px;
float: left;
}

#thumb-c-and-s-com {
width: 165px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 5px;
float: left;
}

#thumb-teaholder-com {
width: 164px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 6px;
float: left;
}

#thumb-sweetbowl-com {
width: 159px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 11px;
float: left;
}

#thumb-biscuitbox-com {
width: 163px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 7px;
float: left;
}

#thumb-chopsticks-com, #thumb-natsume-com {
width: 166px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 4px;
float: left;
}

#thumb-teaholder-s-com {
width: 170px;
height: 195px;
font-size: 10px;
line-height: 130%;
padding-left: 0px;
float: left;
}

#thumb-moontray-title, #thumb-c-and-s-title, #thumb-teaholder-title, #thumb-sweetbowl-title, #thumb-biscuitbox-title, #thumb-chopsticks-title, #thumb-teaholder-s-title, #thumb-natsume-title {
color: #666666;
font-size: 10px;
padding: 3px 0px 8px 0px;
}

/* 以下商品ページ */

h1, h2, p, ul {
margin: 0;
padding: 0;
}

li { list-style: none; }

#title, #catch {
width: 850px;
height: 40px;
padding-top: 40px;
}

#title h1 {
margin-left: 60px;
float: left;
}

#title p {
font-size: 10px;
margin-top: 3px;
margin-left: 15px;
float: left;
}

#catch { text-align: center; }



#main-image {
width: 850px;
height: 380px;
}

#main-image-thumbnail {
width: 620px;
height: 80px;
margin-bottom: 40px;
}

.thumbnail {
width: 155px;
height: 80px;
float: left;
}



#comment {
width: 850px;
margin-bottom: 50px;
}

#comment p {
width: 730px;
margin-bottom: 1.6em;
margin-left: 60px;
color: #333333;
}



#scene {
width: 730px;
height: 190px;
margin-bottom: 60px;
}

.scene-thumbnail {
width: 167px;
height: 167px;
padding-right: 20px;
float: left;
}

.scene-thumbnail#right-side { padding: 0; }

#scene-enlarge {
width: 730px;
height: 10px;
margin-top: 5px;
font-size: 9px;
text-align: left;
float: left;
}



#coordinate {
width: 850px;
height: 50px;
border-top: 1px solid #BFBFBF;
}

#coordinate a {
display: block;
width: 850px;
height: 50px;
background: url(../images/coordinate.jpg) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}

#coordinate a:hover { background-position: 0 -50px; }



.section {
width: 850px;
padding-top: 40px;
border-bottom: 1px solid #BFBFBF;
text-align: left;
overflow: hidden;
}

.section h2 {
margin-left: 40px;
text-indent: -9999px;
overflow: hidden;
}

.section ul, .description {
width: 720px;
margin: 30px 0px 40px 65px;
color: #333333;
}

.section p { margin-bottom: 1.6em; }

.section span {
  color: #FF0000;
}



.detail {
height: 140px;
border-top: 1px solid #BFBFBF;
}

.detail#moontray {
background: url(moontray/images/detail-back.jpg) no-repeat;
}

.detail#cup-and-saucer {
background: url(cup-and-saucer/images/detail-back.jpg) no-repeat;
}

.detail#tea-and-natsume {
background: url(tea-and-natsume/images/detail-back.jpg) no-repeat;
}

.detail#tea-holder {
background: url(tea-holder/images/detail-back.jpg) no-repeat;
}

.detail#biscuit-box {
background: url(biscuit-box/images/detail-back.jpg) no-repeat;
}

.detail#natsume-box {
background: url(natsume-box/images/detail-back.jpg) no-repeat;
}

.detail#sweet-bowl {
background: url(sweet-bowl/images/detail-back.jpg) no-repeat;
}

.detail#chopsticks {
background: url(chopsticks/images/detail-back.jpg) no-repeat;
}



.detail h2 {
width: 81px;
height: 16px;
background: url(images/detail-title.jpg) no-repeat;
}



#nussha h2 {
width: 131px;
height: 16px;
background: url(images/nussha-title.jpg) no-repeat;
}

#designer h2 {
width: 183px;
height: 16px;
background: url(images/designer-title.jpg) no-repeat;
}

#designer .description {
background: url(images/kazuhiko-tomita.jpg) no-repeat;
width: 630px;
padding-left: 90px;
min-height: 92px;
}

#designer .description ul {
  margin: 0;
}

#venie h2 {
width: 251px;
height: 16px;
background: url(images/venie-title.jpg) no-repeat;
}

#gift h2 {
width: 206px;
height: 16px;
background: url(images/gift-title.jpg) no-repeat;
}



/*以下ショッピングカートのスタイル*/

#cart {
width: 850px;
overflow: hidden;
}

.cart-header {
width: 850px;
height: 40px;
padding-top: 25px;
}

.cart-title {
width: 215px;
margin-left: 40px;
float: left;
}

.look-cart {
width: 410px;
height: 40px;
float: left;
}

.back-thumbnail {
width: 180px;
height: 40px;
float: left;
}

.look-cart a, .back-thumbnail a { color: #000000; }

.cart-body {
width: 850px;
border-top: 1px solid #BFBFBF;
float: left;
}

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

table.cart th, table.cart td {
height: 55px;
border-bottom: 1px solid #BFBFBF;
vertical-align: middle;
}

table.cart th {
font-weight: normal;
text-align: center;
}

td.name, td.price {
font-size: 13px;
font-weight: bold;
}

.name, .price, .order, .cup, .saucer {
text-align: center;
}

.name, .price, .cup, .saucer {
border-right: 1px solid #BFBFBF;
}



/*以下moontrayのスタイル*/

table#moontray .name, table#moontray .price {
width: 280px;
}

table#moontray td.name {
width: 170px;
padding-left:110px;
text-align: left;
}

table#moontray #sakura { background: url(images/cart-image-sakura.jpg) no-repeat 55px 7px; }

table#moontray #ranman { background: url(images/cart-image-ranman.jpg) no-repeat 55px 7px; }

table#moontray #paradise { background: url(images/cart-image-pradice.jpg) no-repeat 55px 7px; }

table#moontray #kiku { background: url(images/cart-image-kiku.jpg) no-repeat 55px 7px; }

table#moontray .order {
width: 290px;
}



/*以下cup&saucerのスタイル*/

table#cup-and-saucer .name, table#cup-and-saucer .cup, table#cup-and-saucer .saucer {
  width: 170px;
}

table#cup-and-saucer .price {
  width: 100px;
}

table#cup-and-saucer .order {
  width: 240px;
}

table#cup-and-saucer td {
height: 70px;
}

/*ショッピングカートのスタイルはここまで*/



#infomation {
width: 850px;
height: 145px;
margin-top: 20px;
border-bottom: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
}

#present {
width: 430px;
height: 145px;
float: left;
}

#attention {
height: 420px;
height: 145px;
float: left;
}

/*---以下フッター ---*/

#footer {
width: 850px;
height: 110px;
margin: 0px;
}

#footer-left {
width: 730px;
float: left;
}

#footer-leftu {
width: 700px;
padding: 25px 0px 0px 35px;
font-size: 9px;
float: left;
}

#footer-leftu a {
color: #000000;
text-decoration: none;
}

#footer-leftu a:visited { text-decoration: none; }

#footer-leftu a:hover {
color: #DF8A00;
text-decoration: none;
}

#footer-leftu a:active { color: #DF8A00; }

#footer-leftb {
width: 700px;
padding: 5px 0px 0px 35px;
color: #C97D00;
font-size: 11px;
float: left;
}

#footer-right {
width: 115px;
height: 80px;
line-height: 150%;
padding-top: 30px;
float: left;
}

#right-logo { padding-bottom: 10px; }

#footer-copy01 {
width: 850px;
height: 15px;
}

#footer-copy02 {
width: 815px;
height: 15px;
font-size: 9px;
font-family: Helvetica, 'ヒラギノ角ゴ Pro W3', 'ヒラギノ丸ゴ Pro W4', Osaka, 'MS P ゴシック', Verdana, Arial, sans-serif;
padding: 5px 0px 5px 35px;
}