body {margin: 0; padding: 0; background-color: #f0f0f0; text-align: center; font: 1em/1.5em 'Lucida Grande', HiraKakuPro-W3, sans-serif, 'ヒラギノ角ゴ Pro W3'; color: #3c3c3c;}
h1 {margin: 0; padding: 33px 23px 0; color: #000; float: left; font-size: 14px;}
h2 {font-size: 16px; margin: 0; padding: 0;}
h3 {margin: 0; padding: 0;}
h4 {}
p {margin: 0; padding: 1em 0 0;}
a:link {color: #3131ff; text-decoration: none;}
a:hover {background-color: #ffec80; text-decoration: underline;}
a:visited {color: #3131ff; text-decoration: none;}
caption {margin: 0 0 3px; padding: 1em 0 0; border-bottom: 2px solid #737373; text-align: left;}
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#ground {margin: 0 auto; padding: 0; background: url(../media/bg/ground_bg.gif) repeat-y; width: 810px; text-align: center;}
#state {margin: 0 auto; padding: 0; width: 800px; position: relative; top: 0; text-align: left;}
#header {margin: 0; padding: 0; position: relative; top: 0; width: 800px; height: 75px; border-top: 5px solid #a3cc29;}
#header ul {float: right; margin: 0; padding: 0;}
#header li {float: left; margin: 0; padding: 0 12px; list-style: none; font-size: 12px; background: url(../media/parts/arrow_orange.gif) center left no-repeat;}
#header li.positioning {padding-top: 2px;}
#header p {position: absolute; bottom: 0; right: 0; margin: 0 10px 0 0; padding: 0; font-size: .75em; text-align: right; line-height: 1.25em;}
#footer {position: relative; bottom: 0; margin: 0; width: 800px; height: 50px; border-bottom: 5px solid #ffc20e; border-top: 2px solid #737373; text-align: center;}
#footer p {margin: 0; padding: 0; font-size: 12px;}
#logo {position: absolute; top: 30px; left: 20px;}
#logo img {height: 50px; width: 190px; border: none;}
#nav {margin: 10px 0; padding: 0; position: relative; top: 0; width: 800px; height: 26px; background: #fff url(../media/bg/nav_top.gif) top left repeat-x; text-align: center;}
#nav table,#nav td {border: none; margin: 0 auto;}
#nav td {padding: 5px 15px; white-space: nowrap; font: bold 16px/16px 'ヒラギノ角ゴ Pro W6';}
#nav td a.on:link,#nav td a.on:visited {color: #3c3c3c; text-decoration: none;}
#nav td a.on:hover {color: #3c3c3c; background-color: transparent; text-decoration: none;}
#nav td a.nav:link,#nav td a.nav:visited {color: #737373; text-decoration: none;}
#nav td a.nav:hover {color: #fff; background-color: transparent; text-decoration: none;}

#left {float: left; position: relative; top: 0; margin: 0; padding: 0; width: 550px; height: auto;}
#right {float: right; position: relative; top: 0; margin: 0; padding: 0; width: 245px; height: auto;}
#newprod {margin: 13px auto; padding: 0; font-size: 10pt; line-height:140%; width: 525px; height: 480px; background: #fff url(../media/heading/area_newtextbook.gif) no-repeat; border: 1px solid #ffc20e;}
#newprod h2,p {margin: 5px; padding: 0;}
img.newprod {margin: 23px 0 5px; padding: 0; border: 1px solid #fff; border-width: 1px 0;}
img.btn {padding: 10px; border: none; width: 105px; height: 24px;}
a.newprodh2:hover {text-decoration: underline; color: #000;}
.afterh2 {margin: 0 5px; padding: 0; font-size: 14px;}
.miniT {margin: 0 5px; padding: 0; font-size: 10px; font-weight: bold;}
.npright {width: 200px;}
.nomargin {margin: 0 5px; padding: 0; line-height: 1em;}
.newprod523 {marging: 0; padding: 0; width: 525px; height: 300px;}
.newprod174L {float: left; marging: 0; padding: 0; width: 174px;}
.newprod174R {float: right; marging: 0; padding: 0; width: 165px;}
.newprod230L {float: left; marging: 0; padding: 30px 5px 0; width: 230px; height: 330px;}
.newprod250L {float: left; marging: 0; padding: 30px 5px 0; width: 250px; height: auto;}
.newprod250L h3{ font-size: 14px; padding: 10px 0 0;}
.newprod250L p{ margin: 0 0 15px;}

/* 年末年始のお知らせ */
#news2008 { float: left; marging: 0; padding: 15px 5px; width: 525px; height: auto;}
/* 夏季休業のお知らせ */
#news200908 { float: left; marging: 0; padding: 10px 5px 15px 15px; width: 530px; height: auto; font-size:11pt; line-height:130%;}
#news200908b{ margin:5px 0; font-size:13pt; font-weight:bold; color:#36F;}
/* 新会員制度 */
#news2009 { float:left; margin-left:11px; padding:8px 2px 10px 10px; width:514px; height:auto; border:1px solid #F00;}
.news2009 { color:#F00; font-size:11pt; margin:0 0 3px; padding:2px 0 0;}

.newprod295R {float: right; marging: 0; padding: 0; width: 295px;}
.newprod160L {float: left; marging: 0 auto; padding: 0; width: 170px; text-align: center;}
#listbook {margin: 13px 0 0; padding: 0; width: 235px; background: url(../media/heading/area_list_textbook.gif) no-repeat; border: 1px solid #737373;}
#listitem {margin: 0; padding: 0; width: 235px; background: url(../media/heading/area_list_health.gif) no-repeat; border: 1px solid #737373; border-width: 0 1px 1px;}
#links {margin: 7px 1px; padding: 0; width: 235px; background: url(../media/heading/area_link.gif) no-repeat; text-align: center;}
#links img {border: none; margin: 7px 0 0; padding: 0;}
#links a.link,#links a.hover {text-decoration: none;}
#recommend {margin: 0 auto; padding: 0; width: 770px; background: url(../media/heading/area_recommend.gif) no-repeat; text-align: left; }
#listbook h2,#listitem h2,#links h2,#recommend h2 {visibility: hidden; margin: 0; padding: 0; font-size: 1px;}
div.prod {float: left; margin: 10px 10px 0 0; width: 248px; height: 180px; border: 1px solid #a3cc29; background: url(../media/bg/area_rec_green.gif) top right no-repeat;}
div.prodrecmd {float: left; margin: 10px 10px 0 0; width: 248px; height: 180px; border: 1px solid #ffc20e; background: url(../media/bg/area_rec_orange.gif) top right no-repeat;}
div.prodR {float: left; margin: 10px 0 0; width: 248px; height: 180px; border: 1px solid #a3cc29; background: url(../media/bg/area_rec_green.gif) top right no-repeat;}
#prodarea {posision: relative; top: 45px; left: 0; width: 770px; height: 374px; border: 1px solid;}
#recommend h3 {margin: 5px; padding: 0; line-height: 18px;}
#recommend p {margin: 5px; padding: 0; font-size: 12px; line-height: 17px;}
.recmimg90 {float: left; margin: 0; padding: 0; width: 90px; height: 150px;}
.recmimg90 img {border: none;}
.recmtxt {float: left; marging: 0; padding: 0; width: 155px; height: 150px;}
.recmimg150 {float: left; margin: 0; padding: 0; width: 150px; height: 150px;}
.recmimg150 img {border: none;}
.recmtxt150 {float: left; marging: 0; padding: 0; width: 98px; height: 150px;}
.recmbtn {float: left; top: -150px; left: 0; width: 234px; margin: 0; padding: 0 7px;}
.recmbtn img {border: none; width: 105px; height: 24px;}
.recmvoice,.listbtnleft {float: left; clear: left;}
.recmdetail,.recmcatlg {float: right; clear: right;}
.listbtncenter {float: left;}

/* 治る力グッズ */
.goods1    { height: 550px;}
.goods2    { height: 85px;}
.goods     { margin-left: 40px; padding: 3px;}
.goods img { border: none;}

#navfooter {margin: 0; padding: 15px 0; width: 800px; height: 15px; text-align: center;}
#navfooter p {margin: 0 70px; padding: 5px 0; display: block; font: 12px/12px sans-serif,'ヒラギノ角ゴ Pro W3'; border: 1px solid #bbb; border-width: 2px 0;}
#ad {margin: 10px 15px; padding: 0 0 10px; width: 770px;}
#ad #adL {float: left; margin: 0; padding: 0 10px 0 0; width: 250px;}
#ad #adR {float: left; margin: 0 0 10px; padding: 0 0 0 5px; width: 500px; border-left: 2px solid #737373;}
#ad p {margin: 0; padding: 0; font-size: 11px; line-height: 1.2em;}
#adR ul {margin: 0; padding: 0;}
#adR li {margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 1.2em;}

#navlocation {margin: 0; padding: 0; position: relative; top: 0; width: 800px; height: 12px;}
#navlocation ul {float: left; margin: 0; padding: 0;}
#navlocation li {float: left; margin: 0; padding: 0 12px; list-style: none; font-size: 10px; line-height: 12px;}
#pagetitle {margin: 15px 25px; padding: 0; width: 750px;}
.pagetitle {border-bottom: 2px solid #999;}
#pagetitlegrn {margin: 15px auto 0; padding: 0 0 5px; width: 750px; background: url(../media/bg/div_green740.gif) left bottom no-repeat;}
#pagebottomgrn {margin: 0 auto 15px; padding: 0; width: 750px; height: 5px; background: url(../media/bg/div_green740.gif) left top no-repeat;}
#listarea {margin: 0 15px; padding: 0; width: 770px;}
.list {float: left; margin: 10px auto 0; padding: 0; font-size: 12px; width: 770px; background: url(../media/bg/list_rect_green.gif) left top no-repeat; border: 1px solid #a3cc29; border-width: 1px 1px 3px;}
.list h3 {padding: 5px;}
.list img {border: none;}
.listimg {float: left; margin: 0; padding: 0; width: 150px;}
.listxt {float: left; dispaly: block; margin: 0 10px 0; padding: 0; width: 350px;}
.listbtn {margin: 7px 0; padding: 0; width: 350px; height: 35px;}
.listimg550 {float: left; margin: 0; padding: 0; width: 550px;}
.listxt550 {float: left; margin: 0; padding: 0 10px 0; width: 550px;}
.listbtn550 {float: left; margin: 7px 0 0; padding: 0; width: 550px;}
.listbtn200 {float: left; margin: 7px 0 0; padding: 0; width: 200px;}
.listprice {float: right; width: 200px; margin: 0 5px; padding: 0;}
.listprice ul,.listxt550 ul {margin: 0; padding: 0 0 10px;}
.listprice li,.listxt550 li {list-style: none;}
.listpricewide {float: left; width: 750px; margin: 0 5px; padding: 0;}
.listpricewide ul {margin: 0; padding: 0;}
.listpricewide li {float: left; list-style: none; white-space: nowrap; width: 170px; margin: 4px; padding: 2px; border: 1px solid #737373; border-width: 1px 0 0 1px;}
.copy {font: bold 16px/1.4em sans-serif,'ヒラギノ角ゴ Pro W3'; width: 560px;}
.price {font-size: 14px; font-weight: bold;}
.pricenotice {font-size: 14px; font-weight: bold; color: #ffc20e;}
.basealign {line-height: 1em;}
.basket {margin: 10px 0; padding: 0;}

#prodimg {float: left; margin: 0; padding: 15px; width: 260px;}
.pdgrnbar {float: left; margin: 0; padidng: 0; background: url(../media/bg/div_green482.gif) left bottom no-repeat; width: 490px; height: 5px;}
.pdgrnbarbtm {float: left; margin: 0; padidng: 0; background: url(../media/bg/div_green482.gif) top left no-repeat; width: 490px; height: 5px;}
#prodetail {float: left; margin: 0; padding: 0; width: 490px;}
#prodetail h3 {font-size: 16px;}
#pdtxt {float: left; margin: 0 3px; padding: 10px 3px; width: 468px; background-color: #eefac8;}
.detail {margin: 0; padding: 25px; width: 750px;}
.detail h2{ color: #F00; font-size: 14pt;}
.detail h3{ color: #000; font-size: 12pt; text-align: center; padding-top: 35px;}
.detailist {margin: 0 auto; padding: 0; width: 750px;}
.h4left,.h4right {float: left; margin: 0; padding: 10px; width: 350px;}
.h4wide {float: left; margin: 0; padding: 10px; width: 730px;}
.basketdtl {margin: 0; padding: 15px; text-align: center;}
.basketdvd {margin-left: 30px; padding: 15px; text-align: left;}
.subnav {margin: 5px 0; padding: 0;}
#prodetail table {margin: 10px; padding: 0; border-top: 2px solid #737373; border-bottom: 1px solid #737373;}
.t350 {width: 400px;}
#prodetail th {text-align: center; font-size: small; vertical-align: top; white-space: nowrap; border-bottom: 1px solid #737373;}
#prodetail td {text-align: left; font-size: small; border-bottom: 1px solid #737373;}
#prodetail th,#prodetail td {padding-left: 5px; padding-right: 5px;}
.pdtopcell {padding-top: 7px;}
.pdbtmcell {padding-bottom: 7px;}
#sampleNaoruChikara {float: right; margin: 7px;}
.toc {list-style: none;}
.vidT {margin: 10px; padding: 0; font-size: 14px; color: #f60; border-bottom: 3px dotted #f60;}
.memberphoto {float: left; margin: 0; padding: 10px 25px 0 0;}
.vidCon {padding: 0 15px 15px 100px;}
.vidCart {float: right; font-size: small;}
.vidMov {float: right; margin: 0 10px;}

#orderinfo {margin: 0 45px 0 35px; padding: 15px 15px; width: 690px; background-color: #eefac8;}
#orderinfotxt {margin: 10px 0 0 70px;}
.orderh3 {margin-top: 25px; padding: 3px 0 0 20px; font-size: 14px; line-height: 1em; background: url(../media/bg/square14_org.gif) 4px 4px no-repeat; border-top: 2px solid #a3cc29;}
.orderh4 {padding: 3px 0 0 44px; font-size: 12px; line-height: 1em; background: url(../media/bg/square12_grn.gif) 26px 4px no-repeat;}
.orderp {padding: 3px 0 0 40px; font-size: 12px; line-height: 1.4em;}
ul.subnav {margin: 0; padding: 0;}
li.subnavli {float: left; margin: 0; padding: 0 12px; list-style: none; width: 150px; font-size: 12px; background: url(../media/parts/arrow_orange.gif) center left no-repeat;}
li.subnavli300 {float: left; margin: 0; padding: 0 12px; list-style: none; width: 300px; font-size: 12px; background: url(../media/parts/arrow_orange.gif) center left no-repeat;}

#coninfo {margin: 70px 0 70px 200px;}
#coninfo li {margin: 0; padding: 0 0 0 16px; list-style: none; font-size: 12px; background: url(../media/bg/square12_grn.gif) center left no-repeat;}
.mailto {margin: 70px 0 0; padding: 0;}
#cominfo {margin: 10px 0 0 70px;}
#cominfo table {margin: 10px 10px 140px; padding: 0; width: 580px; font-size: 12px;}
#cominfo th {text-align: center; white-space: nowrap; width: 170px; border-bottom: 2px solid #a3cc29;}
#cominfo td {text-align: left; padding: 10px 4px 4px; border-bottom: 2px solid #a3cc29;}
.pdtopcell {padding-top: 7px;}
.pdbtmcell {padding-bottom: 7px;}
img.floatright {float: right; margin: 7px; border: none;}
.message {float: left; margin-bottom: 10px; padding: 5px; border-top: 2px solid #ffc20e; border-bottom: 2px solid #ffc20e;}
#introduce img {border: none;}
.btnright {margin: 15px; text-align: right;}
.btnright img {margin: 0; padding: 0; border: none;}
.voicename {font-size: 12px; font-weight: normal;}
.bold {font-weight: bold;}
.padt15 {padding-top: 15px;}
.padb15 {padding-bottom: 15px;}
.mart15 {margin-top: 15px;}
.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.orange {color: #ffc20e;}
.barTB {border-top: 1px solid #737373; border-bottom: 1px solid #737373;}
.captionBtm {text-align: right; font-size: 10px;}
.barR {border-right: 1px solid #737373;}
.barB {border-bottom: 1px solid #737373;}

.tool150 {padding: 15px 0; text-align: center; width: 350px;}
.viewdetail {font-size: 12px; text-align: right;}
#navdetail {margin: 0 auto; padding: 0; width: 770px; text-align: center;}
.navdtl {float: left; margin: 0; padding: 3px 5px; font-size: 12px; border: 1px solid #737373; border-width: 1px 1px 1px 0;}
.navdtlL {border-left: 1px solid #737373;}
.navdtlOn {background-color: #ffec80;}
#L500 {float: left; width: 500px;}
#R230 {float: right; width: 230px;}
.imgR {float: right; padding: 10px; width: 230px;}
.imgL100 {float: left; width: 100px; padding: 0 10px 0;}
.mid430 {float: left; width: 410px;}
.imgL150 {float: left; width: 140px; padding: 0 10px 0;}
.mid360 {float: left; width: 370px;}
.imgL200 {float: left; width: 200px; padding: 0 10px 0;}
.mid310 {float: left; width: 310px;}
#goodstitle {color: #F00; font-size: 23pt; font-weight: bold; text-align: center; border-bottom: 3px solid #F00; margin: 10px; padding: 10px;}
.goodsread  {font-size:11pt; line-height: 120%; text-align: center;}
#goodsO,#goodsB,#goodsR,#goodsG {font-size: 16pt; font-weight: bold; text-align: center;}
#goodsO {color:#F90;}
#goodsB {color:#66F;}
#goodsR {color:#F69;}
#goodsG {color:#6C0;}
#goodsset {color:#F90;}

.R200 {float: right; width: 200px;}
.L260 {float: left; width: 250px;}
.h4tools {border-top: 1px solid #737373;}
.h4eupho {margin: 0; padding: 15px 0 0;}
.indent30 {margin-left: 36px;}
.indent30 p {margin-left: 24px;}
.papertanbo {float: right; padding: 15px;}
.paperfloatL {float: left; padding: 15px;}
#R480 {float: right; width: 450px;}


/* 会員価格対象外の文字色設定 */
.taisyougai{ color:#F00;}

/* いのちの田圃合本 */
#gappon1,#gappon2{ width:700px; font-size:16pt; font-weight:bold; padding:4px 8px;}
#gappon1,#gappon3{background:#CEE68A;}
#gappon2,#gappon4{background:#FCDB00;}
#gappon3,#gappon4{ width:700px; font-size:16pt; font-weight:bold; padding:4px 8px;}
.gappon{ widh:800px; margin-top:10px;}
.padt11{font-size:11pt; margin-top:20px;}
.gapponimg{margin-left:5px;}

/* メッセージ辞典 */
#wtw-message{ color:#F00; text-align:center; border:2px dashed #F50; margin:40px 20px 10px; padding:10px;}
#wtw-message span{ font-size:0.8em;}
.newprod250L img{ margin-left:20px;}
.message-sample{ width: 710px;margin:15px 0 10px 30px;}
.message-sample h4{ text-align:center;}
.message-sample h4 span{ font-size:0.8em;font-weight:normal;}
.message-sample .l350{ width:340px; float:left;}
.message-sample .l350 .waku{ width:310px; border:1px solid #F50; margin-bottom:20px;padding:20px 10px 10px;}
.message-sample .l350 .waku .r{ text-align:right;}
.message-sample .l350 .o{ color:#F50;margin-bottom:0;}
.message-sample .l350 .keyword{ margin-left:40px;}
.message-sample .r340{ width:340px; float:right;}
.message-sample a img{ border:none;}

/* 時間変更 */
#time { text-align:center; margin: 25px 0 15px;}
#time strong{ color:#F00; font-size:1.2em; font-weight:bold;}
.time { font-size:11pt; line-height:140%; margin:15px 35px;}
.time h3{ color:#F00;}

img { border-style:none;}