﻿@charset "utf-8";


/* shinsei 2009.2.13:Start */
html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* shinsei 2009.2.13:End */

/* base............................................................................... */

body {
margin: 0px;
padding: 0px;
background: #FAF9EE url(/NR/rdonlyres/F823302D-F3A2-4C06-865E-B6F9F3AA10E6/0/_loop_bg.jpg) repeat-x left top;
/* shinsei 2009.3.2:End */
text-align:center;
/* shinsei 2009.3.2:End */
}

img, form, script {
margin: 0px;
padding: 0px;
border: none;
}

#line {
margin: 10px;
height: 20px;
background: url(/NR/rdonlyres/85C4391A-2C7D-45D3-BB31-AD856A5C7693/0/_hr.gif) repeat-x left top;
}

/* layout............................................................................. */

.wrap {
width : 960px;
margin: 0px auto 0px auto;
background: #FFF;
/* shinsei 2009.3.2:End */
text-align:left;
/* shinsei 2009.3.2:End */
}

.head {
width : 960px;
height: 70px;
background: url(/NR/rdonlyres/E30F2722-1F4A-4E26-BD40-0EA076ECFF7D/0/_loop_head.jpg) no-repeat center top;
}

.wrapMain {
margin: 0px 178px 0px 180px;
background: url(/NR/rdonlyres/F378EF03-147F-4EDB-9D12-4EDFE2341C0C/0/_loop_contmain.gif) repeat-y left top;
}

.wrapLeft {
float: left;
display: inline;
width: 180px;
height: 500px;
background: url(/NR/rdonlyres/9A0EE25A-3BF9-49C3-9734-43AAD61AE19F/0/_loop_contleft.jpg) repeat-y left top;
}

.wrapRight {
float: right;
display: inline;
width: 178px;
}

#contMain {
border: 1px solid #AA968B;
}

#contLeft {
margin: 0px;
padding: 0px;
}

#contRight {
margin: 0px;
padding: 0px;
text-align: right;
}

#logo {
position: relative;
left: 0;
top: 20px;
margin: 0px 0px 0px 15px;
}

.foot {
clear: left;
width: 960px;
height: 120px;
background: #FFF url(/NR/rdonlyres/ADF89785-F26C-4FC4-9F18-956308C463E5/0/_loop_foot.jpg) no-repeat center top;
}

.foot #footer {
margin: 0px 20px 0px 20px;
padding: 0px;
font-size: 10px;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 180%;
letter-spacing: 1px;
color: #752E18;
}

#qr {
position: relative;
left: 0px;
top: 10px;
width: 180px;
height: 95px;
background: url(/NR/rdonlyres/C4AB33C9-81A7-4CDB-92E4-C6A87F45CFE2/0/_qr.gif) no-repeat left top;
}

/* home features...................................................................... */

#homeFeature {
font-size: 80%;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 180%;
color: #752E18;
}

#homeFeature .v01 {
float: left;
display: inline;
background: url(/NR/rdonlyres/40773CCF-B825-4439-B794-975849D5F29D/0/_banner_home01.jpg) no-repeat left top;
}
/* shinsei 2009.10.7:Start */
#homeFeature .v01_0910{
float: left;
display: inline;
background: url(/NR/rdonlyres/771830FE-D6B7-42D5-9F4E-4261959A35AF/0/_banner_home01.jpg) no-repeat left top;
}
/* shinsei 2009.10.7:End */

#homeFeature .v02 {
float: left;
display: inline;
background: url(/NR/rdonlyres/9D334352-FFD7-4E06-8A37-D898BC206181/0/_banner_home02_090327.jpg) no-repeat left top;
}

#homeFeature .v03 {
float: left;
display: inline;
background: url(/NR/rdonlyres/D0324F90-E8A5-4F22-9387-0A5BCFB2C6B2/0/_banner_home03.jpg) no-repeat left top;
}

/* ___ 修正 2009/04/30 分 start ________ */

/* shinsei 2009.3.2:Start */
#homeFeature .v01_2 {
float: left;
display: inline;
background: url(/NR/rdonlyres/A99FE1E9-0BC3-410C-840C-A39224938FD4/0/_banner_home01.jpg) no-repeat left top;
}
/* shinsei 2009.3.2:End */

#homeFeature .v04 {
float: left;
display: inline;
background: url(/NR/rdonlyres/B0AF644B-4F0A-4CA1-B5D2-D5B4B514A3F6/0/_banner_home04.jpg) no-repeat left top;
}
/* shinsei 2009.10.7:Start */
#homeFeature .v04_0910{
float: left;
display: inline;
background: url(/NR/rdonlyres/204FA49E-2C01-43C2-AAAD-9C0E9B455374/0/_banner_home04.jpg) no-repeat left top;
}
/* shinsei 2009.10.7:End */

#homeFeature .v05 {
float: left;
display: inline;
background: url(/NR/rdonlyres/656203F8-3C05-4376-A2EF-A4554C233630/0/_banner_home05.jpg) no-repeat left top;
}

#homeFeature .v06 {
float: left;
display: inline;
background: url(/NR/rdonlyres/D2EFB39A-B903-4D0D-A23D-8E5E615D445A/0/_banner_home06.jpg) no-repeat left top;
}

#homeFeature #banner_top_right {
float: left;
display: inline;
}
/* ___ 修正 2009/04/30 分 end ________ */

/* ___ 修正 2009/09/25 分 start ________ */

#homeFeature .v07 {
float: left;
display: inline;
background: url(/NR/rdonlyres/710726E9-6F59-4B19-BD7A-FA639DB443E4/0/_banner_home07.jpg) no-repeat left top;
}
/* ___ 修正 2009/09/25 分 end ________ */

/* ___ 修正 2010/01/21 分 start ________ */

#homeFeature .v08 {
float: left;
display: inline;
background: url(/NR/rdonlyres/0592B35E-EFFE-47F6-A157-E7912809E504/0/1003_banner_home08.jpg) no-repeat left top;
}
/* ___ 修正 2010/01/21 分 end ________ */

/* right features...................................................................... */

/* ___ 修正 2010/02/10 分 start ________ */
#feature {
padding: 0px 0px 0px 10px;
font-size: 80%;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 180%;
color: #752E18;
}

#feature div {
width: 170px;
margin: 0px 0px 5px 0px;
}
/* ___ 修正 2010/02/10 分 end ________ */

/* other.............................................................................. */

#varietyTab {
margin: 0px 20px 0px 20px;
background: url(/NR/rdonlyres/81879A98-FC92-4468-8331-822FF48A0473/0/variety_tab.gif) no-repeat left top;
}

#varietyTab02 {
margin: 0px 20px 0px 20px;
background: url(/NR/rdonlyres/E960377F-DADB-480C-A502-B2D08D559B10/0/variety_tab02.gif) no-repeat left top;
}

.varietyBox {
margin: 0px 20px 20px 20px;
}

.varietyBox #body {
border: 20px solid #F8DE99;
}

.varietyBox #howto {
border: 20px solid #CEB0A5;
}

.varietyBox #mats {
border: 20px solid #E3D57F;
}

#varietyPhoto {
width: 230px;
margin: 0px 0px 0px 20px;
line-height: 160%;
word-break: break-all;
}

#rollOver .variety_espresso a {
display: block;
background: url(/NR/rdonlyres/FA8B2F07-E103-46A9-8786-B41F0A4A047A/0/variety_ico_espresso.gif) no-repeat left top;
}
#rollOver .variety_espresso a:hover {
background: url(/NR/rdonlyres/FA8B2F07-E103-46A9-8786-B41F0A4A047A/0/variety_ico_espresso.gif) no-repeat right bottom;
}

/* shinsei 2010.02.24:Start */
#rollOver .variety_lungo a {
display: block;
background: url(/NR/rdonlyres/A76E9E95-D6C8-4539-A57B-433EF41E999B/0/variety_ico_lungo.gif) no-repeat left top;
}
#rollOver .variety_lungo a:hover {
background: url(/NR/rdonlyres/A76E9E95-D6C8-4539-A57B-433EF41E999B/0/variety_ico_lungo.gif) no-repeat right bottom;
}

#rollOver .variety_lungo_mild a {
display: block;
background: url(/NR/rdonlyres/C3ACA572-A7BD-4215-A4A9-784701C9CA41/0/variety_ico_lungo_mild.gif) no-repeat left top;
}
#rollOver .variety_lungo_mild a:hover {
background: url(/NR/rdonlyres/C3ACA572-A7BD-4215-A4A9-784701C9CA41/0/variety_ico_lungo_mild.gif) no-repeat right bottom;
}
/* shinsei 2010.02.24:End */

#rollOver .variety_latte a {
display: block;
background: url(/NR/rdonlyres/27E87E05-0ABB-4EA3-BC88-118AB5580F0B/0/variety_ico_latte.gif) no-repeat left top;
}
#rollOver .variety_latte a:hover {
background: url(/NR/rdonlyres/27E87E05-0ABB-4EA3-BC88-118AB5580F0B/0/variety_ico_latte.gif) no-repeat right bottom;
}

#rollOver .variety_latte_nonsweet a {
display: block;
background: url(/NR/rdonlyres/B105521D-E2E8-46AA-9EED-796BA57A16BD/0/variety_ico_latte_nonsweet.gif) no-repeat left top;
}
#rollOver .variety_latte_nonsweet a:hover {
background: url(/NR/rdonlyres/B105521D-E2E8-46AA-9EED-796BA57A16BD/0/variety_ico_latte_nonsweet.gif) no-repeat right bottom;
}

#rollOver .variety_cappccino a {
display: block;
background: url(/NR/rdonlyres/3D6D08BA-9CFC-4564-9C39-4B3E0A6F9081/0/variety_ico_cappccino.gif) no-repeat left top;
}
#rollOver .variety_cappccino a:hover {
background: url(/NR/rdonlyres/3D6D08BA-9CFC-4564-9C39-4B3E0A6F9081/0/variety_ico_cappccino.gif) no-repeat right bottom;
}

#rollOver .variety_mocha a {
display: block;
background: url(/NR/rdonlyres/BA4983DA-878D-4D6A-9993-844C55B32B55/0/variety_ico_mocha.gif) no-repeat left top;
}
#rollOver .variety_mocha a:hover {
background: url(/NR/rdonlyres/BA4983DA-878D-4D6A-9993-844C55B32B55/0/variety_ico_mocha.gif) no-repeat right bottom;
}

#rollOver .variety_chococino a {
display: block;
background: url(/NR/rdonlyres/6DD11320-D21B-4ACD-82DA-41534482C428/0/variety_ico_chococino.gif) no-repeat left top;
}
#rollOver .variety_chococino a:hover {
background: url(/NR/rdonlyres/6DD11320-D21B-4ACD-82DA-41534482C428/0/variety_ico_chococino.gif) no-repeat right bottom;
}
/* shinsei 2009.10.7:Start */
#rollOver .variety_chococino_0910 a {
display: block;
background: url(/NR/rdonlyres/4542EFCC-9676-43B0-B0CA-917477ECC5C7/0/variety_ico_chococino.gif) no-repeat left top;
}
#rollOver .variety_chococino_0910 a:hover {
background: url(/NR/rdonlyres/4542EFCC-9676-43B0-B0CA-917477ECC5C7/0/variety_ico_chococino.gif) no-repeat right bottom;
}
/* shinsei 2009.10.7:End */

/* shinsei 2010.02.24:Start */
#rollOver .variety_ice a {
display: block;
background: url(/NR/rdonlyres/DA57225B-499E-4261-8383-2AEEDDB9258D/0/variety_ico_ice.gif) no-repeat left top;
}
#rollOver .variety_ice a:hover {
background: url(/NR/rdonlyres/DA57225B-499E-4261-8383-2AEEDDB9258D/0/variety_ico_ice.gif) no-repeat right bottom;
}
/* shinsei 2010.02.24:End */

/* ___ 修正 2009/04/30 分 start ________ */
#rollOver .variety_classico a {
display: block;
background: url(/NR/rdonlyres/E34D8832-B198-4CC1-A8D8-59CAE0CF9984/0/variety_ico_classico.gif) no-repeat left top;
}
#rollOver .variety_classico a:hover {
background: url(/NR/rdonlyres/E34D8832-B198-4CC1-A8D8-59CAE0CF9984/0/variety_ico_classico.gif) no-repeat right bottom;
}

#rollOver .variety_icecappuccino a {
display: block;
background: url(/NR/rdonlyres/EF194C6F-CA0A-40E1-9175-0F0EB6A76619/0/variety_ico_icecappuccino.gif) no-repeat left top;
}
#rollOver .variety_icecappuccino a:hover {
background: url(/NR/rdonlyres/EF194C6F-CA0A-40E1-9175-0F0EB6A76619/0/variety_ico_icecappuccino.gif) no-repeat right bottom;
}
/* ___ 修正 2009/04/30 分 end ________ */

/* ___ 修正 2010/4/8 分 start ________ */
#rollOver .variety_icemilktea a {
display: block;
background: url(/NR/rdonlyres/6EE80040-2B25-4DCA-B42B-C14BBDC33A22/0/variety_ico_icemilktea.gif) no-repeat left top;
}
#rollOver .variety_icemilktea a:hover {
background: url(/NR/rdonlyres/6EE80040-2B25-4DCA-B42B-C14BBDC33A22/0/variety_ico_icemilktea.gif) no-repeat right bottom;
}
#rollOver .variety_lungo_mild a {
display: block;
background: url(/NR/rdonlyres/E153B933-649C-481E-B2F9-6EEE61E99E29/0/variety_ico_lungo_mild.gif) no-repeat left top;
}
#rollOver .variety_lungo_mild a:hover {
background: url(/NR/rdonlyres/E153B933-649C-481E-B2F9-6EEE61E99E29/0/variety_ico_lungo_mild.gif) no-repeat right bottom;
}
/* ___ 修正 2010/4/8 分 end ________ */

#productHead {
position: absolute;
left: 50%;
top: 580px;
height: 300px;
width: 260px;
margin-left: 20;
font-size: 80%;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 180%;
color: #562E18;
}

#productTab {
margin: 0px 20px 0px 20px;
background: url(/NR/rdonlyres/671D58D4-8CA1-407A-80A5-2979881AFCA9/0/product_tab.gif) no-repeat left top;
}

#faqTab {
margin: 0px 20px 0px 20px;
background: url(/NR/rdonlyres/CBEA29FA-9358-4169-A10F-B564FB8988CE/0/faq_tab.gif) no-repeat left top;
}

/* text............................................................................... */

p {
margin: 10px 19px 10px 19px;
padding: 0px;
font-size: 80%;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 180%;
color: #562E18;
}

.headline {
color: #C15017;
}

.bit {
color: #562E18;
font-size: 10px;
line-height: 160%;
letter-spacing: 1px;
}

.new {
padding: 2px 3px 2px 3px;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, Osaka, Helvetica, sans-serif;
color: #FFF;
letter-spacing: 1px;
background: #43BDE7;
}

/* ___ 修正 2009/09/25 分 start ________ */
.red {
padding: 2px 3px 2px 3px;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, Osaka, Helvetica, sans-serif;
color: #FFF;
letter-spacing: 1px;
background: #DD0000;
}
/* ___ 修正 2009/09/25 分 end ________ */
#focus {
color: #FFBF00;
}

#blank {
margin-top: 30px;
}

a:link, a:visited {
color: #C15017;
text-decoration: underline;
}

a:hover {
color: #562E18;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px 20px 0px 20px;
padding: 0px;
font-family: 'メイリオ', 'MS P ゴシック', Osaka, Geneva, Tahoma, Arial, sans-serif;
color: #562E18;
}

h1 {
font-size: 14px;
line-height: 140%;
}

h2 {
font-size: 12px;
color: #6D1A42;
border-bottom: 2px solid #6D1A42;
}

h2#yellow {
color: #B49C00;
border-bottom: 2px solid #C7AC00;
}

h3 {
margin: 20px 20px 0px 20px;
padding: 0px 4px 0px 4px;
font-size: 12px;
line-height: 200%;
color: #9B411A;
background: #FAF9EE;
border: 1px solid #9B411A;
}

h4 {
margin: 20px 20px 0px 20px;
font-size: 12px;
font-weight: normal;
border-bottom: 1px dashed #9B411A;
}

h5 {
font-size: 11px;
font-weight: normal;
color: #6D1A42;
}

h5#yellow {
color: #B49C00;
}

ul, ol {
margin: 10px 20px 20px 40px;
padding: 0px;
font-size: 12px;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 160%;
color: #562E18;
}

ul {
list-style-type: square;
}

li.nohead {
list-style-type: none;
}

dl {
margin: 15px 0px 10px 0px;
padding: 0px;
font-size: 80%;
font-family: 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
line-height: 220%;
color: #562E18;
}

dt {
margin: 0px;
padding: 0px;
font-weight: bold;
color: #562E18;
}

dd {
margin: 0px 0px 10px 0px;
padding-left: 0px;
color: #562E18;
}

/* table.............................................................................. */

#lineTable {
width: 476px;
margin: 0px;
padding: 0px;
color: #562E18;
font-size: 12px;
font-family: 'メイリオ', 'MS P ゴシック', Osaka, Geneva, Tahoma, Arial, sans-serif;
}

#lineTable th {
margin: 0px 0px 0px 0px;
padding: 0px 50px 0px 0px;
text-align: left;
font-size: 11px;
white-space: nowrap;
border-bottom: 1px solid #000;
}

#lineTable td {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #000;
}

#lineTable td.text {
width: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
vertical-align: top;
border: none;
}

/* form............................................................................... */

input, textarea {
margin: 0px 0px 0px 0px;
color: #752E18;
background: #FFF;
border: 1px solid #752E18;
}

.post {
margin: 5px 0px 0px 0px;
color: #FFF;
background: #752E18;
font-size: 10px;
font-weight: bold;
font-family: 'メイリオ', 'MS UI Gothic', Osaka, Geneva, Tahoma, Arial, sans-serif;
}

#req {
color: #BB0000;
font-weight: normal;
}
