@charset "euc-jp";

/* first */
*{margin:0; padding:0;}

/* basic */
body{width:820px; margin:0 auto; color:#333; font-size:14px; line-height:24px; letter-spacing:0.1em; background:#c8f0ff url(../img/default/a_bk.gif) center 0 repeat-x;}
h1,h2,h3,h4,h5,h6,p,div,ul,li,form,span,hr{margin:0; padding:0;}
img{border:0;}
li{list-style:none;}
input.wide{width:300px;}
a:hover{color:#F60;}
a:focus{outline:none;}
.body{padding-top:10px;}
.clear{clear:both; width:1px; height:1px;}
.red{color:#F00;}
.redB{color:#F00; font-weight:bold;}
.red12{color:#F00; font-size:12px;}
.font12{font-size:12px; line-height:20px;}
.soroe{text-indent:-1em; padding-left:1em;}

/* container */
div#container{width:820px; background:#FFF url(../img/default/a_container_bk.gif) repeat-y;}
div#contents{float:left; width:580px; padding:0 20px;}
div#right{float:left; width:160px; padding:20px 20px 0;}

/* head */
h1{float:right; width:324px; height:85px; text-align:right; background:url(../img/default/a_tel.gif) 84px 32px no-repeat; font-size:14px; color:#999;}
h2#h2index{padding:25px 0 3px 19px; font-size:18px; color:#508200; background:url(../img/default/a_greenHead.gif) 2px 31px no-repeat;}
h2#h2page{padding-top:25px; color:#508200; font-size:28px;}
h2#h2page span{margin-left:10px; font-size:18px; color:#F00;}
h3{margin-top:35px; padding:0 0 3px 19px; font-size:18px; color:#508200; background:url(../img/default/a_greenHead.gif) 2px 6px no-repeat;}
h4{padding-top:20px; font-size:14px; font-weight:bold; color:#508200;}

p#logo{float:right; width:256px; padding:10px 0 7px;}
table#mMenu{clear:both; width:580px; height:38px; background:url(../img/default/a_menuBk.gif) no-repeat;}
table#mMenu tr td a{display:block; height:31px; background:url(../img/default/a_menuHead.gif) 10px 13px no-repeat; padding:8px 0 0 25px; font-weight:bold; color:#FFF; text-decoration:none; white-space:nowrap;}
table#mMenu tr td a:hover{color:#F60;}

/* right */
p.rLgnErr{margin-top:15px; padding:5px 0; border:solid #F00 2px; color:#F00; text-align:center; font-weight:bold; line-height:20px;}

div.rLgn{padding:10px 0 0;}
div.rLgn p{padding-top:5px; font-size:12px; font-weight:bold; line-height:18px;}
div.rLgn input{width:160px; font-size:16px;}
p.rLgnBtn input{margin-top:6px; padding:2px 10px 2px; font-size:14px; height:24px;}

p.rLgnSv{padding-top:7px; font-size:12px;}
p.rLgnSv input{margin-right:6px; line-height:16px; vertical-align:sub;}

div#right ul{padding:8px 0 0;}
div#right ul li a{display:block; padding-left:10px; font-size:12px; line-height:20px; background:url(../img/default/aR_attLnk.gif) 2px 6px no-repeat; text-decoration:none;} 

p.tdyMenu{padding-top:15px;}
p.yykTtl{padding-top:9px; color:#508200; font-weight:bold;}
p.yykGuide{padding-top:5px; font-size:10px; line-height:14px;}
select.yykDt{margin:2px 0 1px 2px; padding:2px; font-size:14px;}

p.rCldrTtl{margin-top:15px; padding:2px 0 1px; color:#FFF; font-weight:bold; text-align:center; line-height:18px; background-color:#690; border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-left:solid 1px #CCC;}
table.rCldr{width:160px; border-top:solid 1px #CCC; border-left:solid 1px #CCC;}
table.rCldr tr td{text-align:center; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; line-height:22px; letter-spacing:0;}
table.rCldr tr td.rCldrHldy{color:#f60; background-color:#e8f0d9;}
p.rCldrBtm{padding:8px 0 0 2px;}

p.rMemNm{padding-top:15px; font-weight:bold; line-height:20px; letter-spacing:0;}
p.rMemNm span{display:block;}

p.rMemPnt{padding-top:10px; color:#F60; font-weight:bold; letter-spacing:0;}
p.rMemPnt span{font-size:18px;}
p.rMemPntGd{font-size:10px; line-height:14px;}


/* menu */
p.mnGuide{padding-top:15px; font-weight:bold; color:#F60;}
table.mn{width:580px; margin-top:10px; border-top:solid 1px #CCC; border-right:solid 1px #CCC;}
table.mn tr th, table.mn tr td{border-bottom:solid 1px #CCC; border-left:solid 1px #CCC;}
table.mn tr th{background-color:#e8f0d9;}
table.mn tr th.thTtl{background-color:#690; color:#FFF;}
table.mn tr td.mnTtl{background-color:#e8f0d9;}

table.mn tr td{padding:5px 5px 8px; text-align:center;}
table.mn tr td p{font-size:16px;}

table.mn tr td.mnTtl{padding:4px 8px 2px 10px; width:180px; font-weight:bold; text-align:left; line-height:18px;}
table.mn tr td.mnTtl p{font-size:12px; font-weight:normal;}
table.mn tr td.mnPic{padding:3px; width:65px;}

p.mnAmntTtl{padding:15px 0 4px; text-align:right; font-size:20px; font-weight:bold; border-bottom:solid 1px #999;}
p.mnAmntTtl span{font-size:28px;}
p.mnAmntTtl span.payMthd{font-size:14px; font-weight:normal; padding-right:15px;}

p.mnAmntPnt{padding:5px 0 0; font-size:10px; line-height:12px; text-align:right; color:#F00;}
p.mnAmntPntUs{padding:5px 0 0; text-align:center; font-weight:bold; line-height:22px;}
p.mnAmntPntUs span{font-size:18px;}
p.mnAmntPntUs input{width:24px; font-size:18px; font-weight:bold; text-align:center;}
p.mnAmntPntAtt{padding:5px 0 0; font-size:10px; line-height:12px; text-align:center;}
p.mnAmntPntAtt span{color:#F00;}

p.mnAmntChk{padding:6px 0 35px; text-align:center;}
p.mnAmntChk input{margin:10px 2px 0; width:180px; padding:4px 8px 2px 10px; font-size:16px; height:32px; letter-spacing:0.1em;}

table.mnChk{width:580px; margin-top:5px; border-top:solid 1px #CCC; border-right:solid 1px #CCC;}
table.mnChk tr th, table.mnChk tr td{border-bottom:solid 1px #CCC; border-left:solid 1px #CCC;}
table.mnChk tr th{background-color:#690; color:#FFF;}

table.mnChk tr td{padding:7px 10px 6px; text-align:center;}
table.mnChk tr td p{font-size:16px; text-align:right;}
table.mnChk tr td.mnTtl{width:350px; font-weight:bold; text-align:left;}

div.mnOrdChg{margin:20px 0 0; padding:10px; width:370px; background-color:#FFF8DC; border:solid 1px #CCC; font-weight:bold;}
div.mnOrdChg p{color:#F00;}
div.mnOrdChg span{display:block; font-size:18px;}

p.mnYyk{padding:18px 0 0 17px;}
p.mnYykTel{padding:15px 0 35px; font-weight:bold; text-align:center;}
p.mnYykTel span{display:block; font-size:24px; line-height:30px;}

/* index */
div.indexPoint{padding:0 0 20px; background:url(../img/default/index_bento.jpg) 310px 16px no-repeat;}
p.indexOption{clear:both; padding:39px 150px 0 20px; width:410px; height:98px; background:url(../img/default/index_many.gif) no-repeat; font-size:16px; font-weight:bold; line-height:26px;}
div.indexHalf{float:left; width:285px;}

/* member */
table#memForm{width:580px; margin:8px 0 0; border-bottom:solid 1px #CCC; border-left:solid 1px #CCC;}
table#memForm tr th{border-top:solid 1px #CCC; border-right:solid 1px #CCC; padding:9px 8px 9px; text-align:left; background-color:#e8f0d9; white-space:nowrap; line-height:20px;}
table#memForm tr th span{margin-left:4px; font-size:10px; font-weight:normal; letter-spacing:0;}
table#memForm tr td{border-top:solid 1px #CCC; border-right:solid 1px #CCC; padding:9px 0 9px 12px; width:80%;}
table#memForm tr td input{font-size:16px; padding:2px 0 0 1px;}
table#memForm tr td select{font-size:14px; margin-left:10px; padding-top:1px;}
table#memForm tr td table{border:none;}
table#memForm tr td table tr th{border:none; padding:0; width:auto; background-color:#FFF;}
table#memForm tr td table tr td{border:none; padding:0; width:auto;}

p.memFormZip input{width:70px; margin:0 20px 0 5px;}
p.memFormZipIn{padding:3px 0 0 102px;}

table#memForm tr td table.memFormAddIn{width:430px; border-bottom:solid 1px #CCC;}
table#memForm tr td table.memFormAddIn tr th{padding:6px 20px 20px 47px;}
table#memForm tr td table.memFormAddIn tr td{font-size:12px; line-height:16px;}
table#memForm tr td table.memFormAddIn tr th input{font-size:14px; padding:5px 7px;}

table#memForm tr td table.memFormAdd{margin-top:9px; width:430px;}
table#memForm tr td table.memFormAdd tr th{padding:5px 10px 5px 0; font-weight:normal;}
table#memForm tr td table.memFormAdd tr td input.memFormAddPref{width:70px;}
table#memForm tr td table.memFormAdd tr td input{width:270px;}
table#memForm tr td table.memFormAdd tr td span{font-size:12px; color:#F00;}

/* shop */
table.shop{width:580px; margin-top:8px; border-top:solid 1px #CCC; border-right:solid 1px #CCC; line-height:20px;}
table.shop tr th, table.shop tr td{border-bottom:solid 1px #CCC; border-left:solid 1px #CCC;}
table.shop tr th{padding:9px 30px 8px 10px; background-color:#e8f0d9; white-space:nowrap; text-align:left;}
table.shop tr td{padding:5px 10px;}




/* footer */
p#goHead{clear:both; text-align:right; padding:20px 21px 20px;}
div#footer{padding:15px 15px 25px; background-color:#508200; color:#FFF;}
div#footer p#fName{float:left; width:210px; font-weight:bold;}
div#footer p#fLink{float:left; width:580px; font-size:12px; text-align:right;}
div#footer p#fLink a{color:#FFF; text-decoration:none;}
div#footer p#fLink a:hover{color:#F60;}
div#footer p#fCopy{clear:both; font-size:10px;}

/* print */
@media print{
div#footer{display:none;},
p#goTop{display:none;}
}