/* ::::: http://www.sumirekyuen.jp/styles/css/base.css ::::: */

* { margin: 0pt; padding: 0pt; font-style: normal; text-decoration: none; }
h1, p, address { font-weight: normal; font-style: normal; }
img { border: medium none ; }
p, td, th, h3, h4, h5, #main li { color: rgb(0, 0, 0); }
body { margin: 0pt; padding: 0pt; background: rgb(255, 255, 255) url('bgbase.gif') repeat scroll 0% 0%; font-family: "ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",Osaka,sans-serif; text-align: center; }
#container { margin: 0pt auto; background: transparent url('bgcontainer.gif') repeat-y scroll 0% 0%; width: 702px; text-align: left; }
#main { float: right; }
#menu { float: left; width: 151px; height: 568px; }
.copeImg { display: block; clear: both; }
#footer { margin: 0pt auto; padding: 20px 0pt 10px; background: transparent url('bgfooter.gif') no-repeat scroll 0% 0%; width: 702px; text-align: left; font-size: 0.75em; color: rgb(153, 153, 153); }
#home #main { padding: 10px 11px 0pt 10px; width: 530px; }
#home #block01 { margin: 0pt 0pt 10px; padding-bottom: 5px; }
#home #block01 h2 { margin: 10px 0pt 0pt; padding: 0pt; text-align: center; font-size: 0.875em; }
#home #block01 p { font-size: 0.8125em; line-height: 1.4em; }
#home #block02 p, #home #block03 p { font-size: 0.75em; line-height: 1.4em; }
#others #main { padding: 35px 11px 0pt 10px; width: 530px; }
#others #main p { font-size: 0.8125em; line-height: 1.4em; }
#mainNav { background: transparent url('gnav.jpg') no-repeat scroll 0pt 0pt; position: absolute; top: 141px; width: 150px; height: 568px; margin-left: 1px; list-style-type: none; list-style-image: none; list-style-position: outside; z-index: 3; }
#mainNav a { background: transparent url('gnav.jpg') no-repeat scroll 0% 0%; display: block; width: 150px; height: 71px; text-decoration: none; }
#mainNav li { float: left; width: 150px; height: 71px; text-indent: -10000px; }
#greeting a { background-position: 0pt -568px; text-indent: -10000px; }
#solution a { background-position: 0pt -639px; text-indent: -10000px; }
#adjustment a { background-position: 0pt -710px; text-indent: -10000px; }
#example a { background-position: 0pt -781px; text-indent: -10000px; }
#access a { background-position: 0pt -852px; text-indent: -10000px; }
#organization a { background-position: 0pt -923px; text-indent: -10000px; }
#links a { background-position: 0pt -994px; text-indent: -10000px; }
#contacts a { background-position: 0pt -1065px; text-indent: -10000px; }
#mainNav a:hover { background: transparent none repeat scroll 0% 0% ! important; text-decoration: none; }
.skip { position: absolute; top: -10000px; width: 200px; }
#logo { position: absolute; top: 27px; width: 702px; height: 115px; margin-left: 1px; z-index: 1; text-indent: -10000px; }
#logo a { display: block; width: 702px; height: 115px; text-indent: -10000px; text-decoration: none; }
#others .sitemap { list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 0.8125em; line-height: 1.3em; }
#others .sitemap ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }
#others .sitemap .blank { display: inline; }
#others .sitemap li ul .blank { display: inline; }
#others .sitemap ul { display: block; }
#others .sitemap .subpage li { margin-left: 1em; }
h1 { margin: 0pt auto; padding: 12px 0pt 0pt; background: transparent url('bgheaderothers.jpg') no-repeat scroll 0pt 27px; width: 702px; height: 130px; font-size: 0.75em; color: rgb(0, 0, 0); line-height: 100%; text-align: left; }
h2 { margin: 0pt 0pt 10px; }
h3 { margin: 0pt 0pt 0.4em; font-size: 0.875em; font-weight: bold; }
h4 { margin: 0pt 0pt 3px; font-size: 0.8125em; font-weight: bold; }
h5 { margin: 0pt 0pt 3px; font-size: 0.8125em; font-weight: bold; }
a:link { color: rgb(0, 0, 255); text-decoration: underline; }
a:visited { color: rgb(0, 0, 255); text-decoration: underline; }
a:hover { color: rgb(255, 0, 0); text-decoration: underline; }
#topicPath a:link { color: rgb(0, 0, 0); text-decoration: none; }
#topicPath a:visited { color: rgb(153, 153, 153); text-decoration: none; }
#topicPath a:hover { color: rgb(204, 204, 204); text-decoration: underline; }
#footer a:link { color: rgb(0, 0, 0); text-decoration: none; }
#footer a:visited { color: rgb(0, 0, 0); text-decoration: none; }
#footer a:hover { color: rgb(204, 204, 204); text-decoration: underline; }
#links2 a:link, #links2 a:link strong { color: rgb(51, 51, 51); text-decoration: none; }
#links2 a:visited, #links2 a:visited strong { color: rgb(102, 102, 102); text-decoration: none; }
#links2 a:hover, #links2 a:hover strong { color: rgb(51, 51, 51); text-decoration: underline; }
#links2 { margin: 0pt auto; padding: 0pt 0pt 20px 11px; width: 691px; text-align: left; line-height: 1.5em; font-size: 0.5625em ! important; }
ul { margin: 0pt 0pt 1em; padding: 0pt; }
.listCircle { list-style-type: circle; list-style-image: none; list-style-position: outside; }
.listCircle li { margin: 0pt 0pt 0.4em 15px; padding: 0pt; font-size: 0.8125em; line-height: 1.3em; }
.listDisk {  }
.listDisk li { margin: 0pt 0pt 0.4em 15px; padding: 0pt; font-size: 0.8125em; line-height: 1.3em; }
.listSquare { list-style-type: square; list-style-image: none; list-style-position: outside; }
.listSquare li { margin: 0pt 0pt 0.4em 15px; padding: 0pt; font-size: 0.8125em; line-height: 1.3em; }
.listDecimal { list-style-type: decimal; list-style-image: none; list-style-position: outside; }
.listDecimal li { margin: 0pt 0pt 0.4em 19px; padding: 0pt; font-size: 0.8125em; line-height: 1.3em; }
.listStyleNone { list-style-type: none; list-style-image: none; list-style-position: outside; }
.listStyleNone li { margin: 0pt 0pt 0.4em; padding: 0pt; font-size: 0.8125em; line-height: 1.3em; }
#footer ul { margin: 0pt 0pt 0pt 10px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#footer li { display: inline; padding-left: 0pt; }
address { margin-left: 10px; color: rgb(0, 0, 0); }
p { margin: 0pt 0pt 1em; }
img { border: 0pt none ; }
.print { display: none; }
#topicPath { position: absolute; top: 150px; width: 500px; height: 20px; margin-left: 160px; padding-top: 1px; font-size: 0.75em; line-height: 100%; z-index: 1; }
.caution { color: rgb(153, 0, 0); }
.noscriptHome { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); padding: 10px 0pt; font-size: 0.8125em; }
.noscriptOthers { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); padding: 10px 0pt; }
.arrowTop { vertical-align: middle; margin-right: 3px; }
.bgHomeH2 { margin: 0pt; padding: 2px 0pt 1px; background: rgb(255, 153, 0) none repeat scroll 0% 0%; display: block; line-height: 1em; }
.block01Border { border: 2px solid rgb(255, 153, 0); margin: 0pt 0pt 10px; padding: 3px; }
.imageCenter { text-align: center; }

/* ::::: http://www.sumirekyuen.jp/styles/css/decorations.css ::::: */

.dropCapsSquare { border: 1px solid rgb(255, 0, 0); margin: 3px 7px 0px 0pt; padding: 4px 7px; float: left; font-size: 0.75em; line-height: 1.4em; }
.qMarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 32px; background: transparent url('q.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.qMarkMiddle2line { margin: 0pt 0pt 1em; padding: 2px 0pt 0pt 32px; background: transparent url('q.gif') no-repeat scroll 0% 0%; display: block; height: 24px; line-height: 1.3em; }
.no1MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('1.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no2MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('2.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no3MarkMiddle { margin: 0pt 0pt -2px; padding: 3px 0pt 0pt 38px; background: transparent url('3.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no4MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('4.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no5MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('5.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no6MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('6.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no7MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('7.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no8MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('8.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no9MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('9.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no10MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('10.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no11MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('11.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no12MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('12.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no13MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('13.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no14MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('14.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no15MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('15.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no16MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('16.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no17MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('17.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no18MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('18.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no19MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('19.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.no20MarkMiddle { margin: 0pt 0pt -2px; padding: 2px 0pt 0pt 38px; background: transparent url('20.gif') no-repeat scroll 0% 0%; display: block; height: 24px; }
.dropCapsLower { display: block; float: left; margin-right: 7px; padding-top: 10px; padding-bottom: 5px; font-size: 2.46em; font-weight: bold; }
.dropCapsUpper { margin: -14px 7px 0pt 80px; display: block; float: left; font-size: 3em; }
.largeText { font-weight: bold; font-size: 20px; }
.phoneText { font-size: 1.5em; color: rgb(153, 0, 0); }
.red { color: rgb(255, 0, 0); }
.darkRed { color: rgb(153, 0, 0); }
.green { color: rgb(0, 153, 0); }
.olive { color: rgb(85, 128, 0); }
.blue { color: rgb(0, 0, 255); }
.lightBlue { color: rgb(0, 153, 255); }
.orange { color: rgb(255, 102, 0); }
.yellow { color: rgb(255, 204, 0); }
.pink { color: rgb(255, 102, 255); }
.purple { color: rgb(128, 52, 136); }
.original { color: rgb(0, 103, 163); }
.mincho { font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体"; }
.photoLeft { margin: 0pt 10px 5px 0pt; float: left; }
.photoRight { margin: 0pt 0pt 5px 10px; float: right; }
.arrow { vertical-align: top; margin-right: 3px; }
.lineHeight1 { line-height: 1em; }
.headingImg { margin-left: -165px; }
.centerImage { margin: 10px auto; }
.centerText { text-align: center; }
.marginTop30 { margin-top: 30px; }
.marginBottom10 { margin-bottom: 10px; }
.square { border: 2px dotted rgb(90, 162, 231); padding: 5px 5px 0pt; background: rgb(252, 243, 206) none repeat scroll 0% 0%; margin-bottom: 20px; }
.clear { clear: both; }
.pageLink { margin: 15px 0pt 3px; background: transparent url('bgturnover.gif') repeat-x scroll 0% 0%; padding-top: 8px; text-align: center; font-size: 0.6875em; }
.pageLink a:link, .pageLinkDetail a:link { color: rgb(51, 51, 51); text-decoration: none; }
.pageLink a:visited, .pageLinkDetail a:visited { color: rgb(51, 51, 51); text-decoration: none; }
.pageLink a:hover, .pageLinkDetail a:hover { color: rgb(102, 102, 102); text-decoration: none; }
.arrowSquare { margin: 0pt 5px; vertical-align: middle; }

/* ::::: http://www.sumirekyuen.jp/styles/css/forms.css ::::: */

#contactsTable { width: 470px; font-size: 0.8125em; }
#contactsTable td { border-bottom: 1px solid rgb(204, 204, 204); padding: 4px 0pt; }
#contactsTable .title { width: 170px; vertical-align: top; padding-top: 3px; }
#contactsTable .contents { width: 300px; vertical-align: top; }
#contactsTable textarea { width: 300px; }
#contactsTable .ContactsInput { width: 250px; }
#contactsTable .contactsAddInput01 { margin: 3px 0pt 5px; width: 250px; }
#contactsTable .contactsAddInput02 { margin: 0pt; width: 250px; }
#contactsTable .cautionInput { border: 1px solid rgb(153, 0, 0); background: rgb(217, 221, 220) none repeat scroll 0% 0%; }
.contactsSubmitButton { margin: 5px 8px 10px 170px; vertical-align: top; }
.contactsClearButton { margin: 5px 0pt 10px; vertical-align: top; }
#productsFormTable { width: 475px; font-size: 0.8125em; }
#productsFormTable td { border-bottom: 1px solid rgb(204, 204, 204); padding: 4px 0pt; }
#productsFormTable .marginBtm10 { margin-bottom: 10px; }
#productsFormTable .title { width: 140px; vertical-align: top; padding-top: 3px; }
#productsFormTable .contents { width: 335px; vertical-align: top; }
#productsFormTable textarea { width: 280px; }
#productsFormTable .caution { font-weight: bold; color: rgb(153, 0, 0); }
#productsFormTable .cautionInput { border: 1px solid rgb(153, 0, 0); background: rgb(255, 255, 221) none repeat scroll 0% 0%; }
#productsFormTable .formInput { width: 200px; }
#productsFormTable .cardInput { width: 200px; margin-bottom: 5px; }
#productsFormTable .addressInput01 { width: 200px; margin-top: 5px; margin-bottom: 5px; }
#productsFormTable .amount { text-align: right; }
#productsFormTable .addressInput02 { width: 200px; }
.productsFormTableSubmitButton { margin: 5px 8px 10px 140px; vertical-align: top; }
.productsFormTableClearButton { margin: 5px 0pt 10px; vertical-align: top; }
.productsFormTableClearButton { margin: 5px 0pt 10px; vertical-align: top; }
#magazineTable { width: 470px; font-size: 0.8125em; }
#magazineTable td { border-bottom: 1px solid rgb(204, 204, 204); padding: 4px 0pt; }
#magazineTable .title { width: 170px; vertical-align: top; padding-top: 3px; }
#magazineTable .contents { width: 300px; vertical-align: top; }
#magazineTable textarea { width: 300px; }
#magazineTable .ContactsInput { width: 280px; }
#magazineTable .contactsAddInput01 { margin: 3px 0pt 5px; width: 250px; }
#magazineTable .contactsAddInput02 { margin: 0pt; width: 250px; }
#magazineTable .cautionInput { border: 1px solid rgb(153, 0, 0); background: rgb(217, 221, 220) none repeat scroll 0% 0%; }
.magazineButtonEdit01 { margin: 5px 8px 10px 170px; vertical-align: top; }
.magazineButtonEdit02 { margin: 5px 0pt 10px; vertical-align: top; }

/* ::::: http://www.sumirekyuen.jp/styles/css/amazon.css ::::: */

.amazonBlock { border-bottom: 1px dashed rgb(166, 166, 166); width: 530px; margin-bottom: 10px; padding-bottom: 10px; }
.picture { float: left; }
.author { width: 330px; float: left; padding-left: 20px; }
.fontSmall { font-size: 0.75em ! important; }
.amazonlink { display: block; margin-bottom: 15px; font-size: 0.6875em ! important; }
.amazonlink strong { color: rgb(211, 102, 0) ! important; }
.amazonBlock p { margin: 0pt 0pt 0.5em ! important; }
.orangeColor { margin-bottom: 0pt; color: rgb(211, 102, 0); font-weight: bold ! important; }
#topicpath2 { position: absolute; top: 150px; width: 500px; font-size: 0.75em ! important; }
.author ul { margin-bottom: 0pt; }
.amazon ul { padding-left: 18px; line-height: 1.5em; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 0.8125em ! important; }
.amazon li { margin: 0pt 0pt 0.4em; padding: 0pt; color: rgb(51, 51, 51); line-height: 1.3em; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 0.8125em ! important; font-weight: bold; }
.amazon a:link, .amazon a:link strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazon a:visited, .amazon a:visited strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazon a:hover, .amazon a:hover strong { color: rgb(211, 102, 0); text-decoration: underline ! important; }
.amazonlink a:link, .amazonlink a:link strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazonlink a:visited, .amazonlink a:visited strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazonlink a:hover, .amazonlink a:hover strong { color: rgb(211, 102, 0); text-decoration: underline ! important; }
.amazonBlock a:link, .amazonBlock a:link strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazonBlock a:visited, .amazonBlock a:visited strong { color: rgb(0, 51, 153); text-decoration: none; }
.amazonBlock a:hover, .amazonBlock a:hover strong { color: rgb(211, 102, 0); text-decoration: underline ! important; }
#topicpath2 a:link, #topicpath2 a:link strong { color: rgb(51, 51, 51); text-decoration: none; }
#topicpath2 a:visited, #topicpath2 a:visited strong { color: rgb(102, 102, 102); text-decoration: none; }
#topicpath2 a:hover, #topicpath2 a:hover strong { color: rgb(51, 51, 51); text-decoration: underline; }
.startBlock { padding-top: 590px; }
.startBlock h2 { margin: 0pt 0pt 5px 10px; }
.startBlock ul { display: block; margin-left: 10px; list-style-type: circle; list-style-image: none; list-style-position: outside; font-size: 0.8125em; }
.startBlock ul li { margin-left: 18px; }

/* ::::: http://www.sumirekyuen.jp/styles/css/hacksIeWin.css ::::: */

* html #mainNav a { overflow: hidden; text-indent: 0pt; height: 71px; padding-top: 71px; }
* html #mainNav li li a { overflow: visible; height: auto; }
* html h1 { height: 142px; }
#main { width: 551px; }
* html .bgHomeH2 { margin: 0pt; padding: 2px 0pt 1px; background: rgb(255, 153, 0) none repeat scroll 0% 0%; display: block; line-height: 1em; }
* html .block01Border { border: 2px solid rgb(255, 153, 0); margin: 0pt 0pt 10px; padding: 3px; display: block; }
* html #links2 { width: 702px; }

/* ::::: null ::::: */

body { font-size: 16px; }