@charset "utf-8";

* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif; }

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; }
th,td { font-size: 100%; }
p { border-bottom: 20px solid #fff; }


#wrapper { width: 840px; margin: 0px auto; }
#wrapper2 { margin: 0px 40px; }
#header { height: 40px; width: 200px; float: left; border-bottom: 60px solid #fff; }

#navi { overflow: hidden; height: 40px; width: 495px; float: right; border-bottom: 60px solid #fff; }
#navi ul { list-style-type: none; float: left; }
#navi li { list-style-type: none; float: left; }
.navi-main { border-left: 24px solid #fff; }

#pagebody {  }
/*-- #pagebody ul { margin-left: 0em; }
#pagebody ol { margin-left: 0em; }
#pagebody li { margin-left: 2em; }--*/

#navis1 { overflow: hidden; height: 40px; width: 266px; float: right; border-bottom: 50px solid #fff; }
#navis1 ul { list-style-type: none; float: left; }
#navis1 li { list-style-type: none; float: left; }
.navi-sub { border-left: 20px solid #fff; }

#navis2 { overflow: hidden; height: 40px; width: 266px; float: right; border-bottom: 50px solid #fff; }
#navis2 ul { list-style-type: none; float: left; }
#navis2 li { list-style-type: none; float: left; }

#navis3 { overflow: hidden; height: 40px; width: 266px; float: right; border-bottom: 50px solid #fff; }
#navis3 ul { list-style-type: none; float: left; }
#navis3 li { list-style-type: none; float: left; }

#navis4 { width: 240px; float: left; border-bottom: 50px solid #fff; }
#navis4 ul { list-style-type: none; }
#navis4 li { list-style-type: none; }


#dtwrap { width: 600px; margin: 0 auto; }
#dtwrap2 { margin: 0 20px; }


.main { margin: 0 0 0 60px; }
.ja { color: #333; line-height: 250%; }
.en { color: #999; line-height: 150%; }
.dpja { color: #333; line-height: 150%; }
.dpen { color: #999; line-height: 150%; }

.sub-main { width: 500px; float: right; }

.dtmain { margin: 0 0 0 40px; }


#textlink { overflow: hidden; height: 20px; border-bottom: 1px solid #333; margin-bottom: 1px;}
#textlink ul { list-style-type: none; }
#textlink li { list-style-type: none; float: left; line-height: 20px; font-size: x-small; }
.footernavi { border-right: 2em solid #fff;  float: left; }
.back { float: right; } /*--pagetop anchor--*/

#footer { color: #333; font-size: x-small; line-height: 20px; height: 20px; border-top: 2px solid #333; text-align: right; }

h3 { clear: both; font-size: 100%; }
h4 { clear: both; font-size: 100%; border-bottom: 20px solid #fff; }


#topics table { width: 700px; }
#topics th { padding: 4px 0; text-align: left; line-height: 20px; }
#topics td { padding: 4px 0 40px 0; line-height: 20px; }
#topics td a { text-decoration: underline; }

#wn2 table{ width: 560px; }
#wn2 th { padding: 4px 0; text-align: left; line-height: 20px; }
#wn2 td { padding: 4px 0 40px 0; line-height: 20px; }

#wndtbox { height: 1%; }
.wndtinbox { width: 180px; float: left; }
.wndtimg { text-align: center; }

#close { border: 1px solid #ccc; margin: 0px auto; width: 80px; }
#close img { margin: 5px 10px; }
#close a { display: block; }

#itazura-c, #coco-c { overflow: hidden; width: 700px; }
#itazura-c ul, #coco-c ul { list-style-type: none; border-top: 10px solid #fff; border-bottom: 40px solid #fff; }
#itazura-c li, #coco-c li { list-style-type: none; line-height: 20px; font-size: x-small; border-bottom: 20px solid #fff; }

#s-itazura-c, #s-coco-c { overflow: hidden; width: 180px; padding: 0 0 0 60px;}
#s-itazura-c ul, #s-coco-c ul { list-style-type: none; border-top: 10px solid #fff; border-bottom: 40px solid #fff; }
#s-itazura-c li, #s-coco-c li { list-style-type: none; line-height: 20px; font-size: x-small; border-bottom: 20px solid #fff; }

#shoplist {  }
#shoplist table { width: 700px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#shoplist th { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; vertical-align: top; }
#shoplist td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; vertical-align: top; }
.th1 { background-color: #ccc; }
.th2 { background-color: #efefef; font-weight: normal; }

#inquiry {}
#inquiry table { width: 700px; border-top :1px dotted #ccc;}

#inquiry th { padding: 10px 0px; text-align: left;  border-bottom :1px dotted #ccc; }
#inquiry td { padding: 10px 0px; border-bottom :1px dotted #ccc; width: 500px;}

#contact-button { text-align: center; margin-top: 5px; }

#pp { }
#pp ol { margin-left: 0em; border-bottom: 10px solid #fff; }
#pp li { margin-left: 2em; border-bottom: 10px solid #fff; }
 

.ctlg { margin: 0 0 10px 0; border-top: 20px solid #fff; border-bottom: 1px solid #ccc; line-height: 19px; font-size: 120%; }

.ctlgbox { width: 100px; float: left; }
.cimg { text-align: center; padding: 10px; }

/*-- 
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/


/*-- Common --*/
img { border: none; padding: 0; margin: 0;}

.br10 { border-right: 10px solid #fff; }

.bb20 { border-bottom: 20px solid #fff; }
.bb40 { border-bottom: 40px solid #fff; }
.bb60 { border-bottom: 60px solid #fff; }
.bb80 { border-bottom: 80px solid #fff; }
.bb100 { border-bottom: 100px solid #fff; }

a { overflow: hidden; }
a:link, a:visited { color: #333; text-decoration:none; }
a:hover, a:active { color: #999; text-decoration:none; }
a:focus{ outline: none; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }
.red { color: #c00; }
.strong { font-weight: bold; }

input,select,textarea {
font-size: 100%; background-color: #fff; border: 1px solid #ccc; }


.form01 { width: 100px; }
.form02 { width: 200px; }
.form03 { width: 300px; }
.form04 { width: 400px; }
.form05 { width: 500px; }
textarea {  }

.fl { float: left; }
.fr { float: right; }

#iwrap { width: 840px; margin: 0px auto; border-top: 300px solid #fff; }
#iwrap2 { width: 840px; margin: 0px auto; }
#iwrap table { width: 840px; }
#iwrap th { width: 120px; }
#iwrap td { text-align: center; }