@charset "utf-8";

body { margin: 0px; padding: 0px; background: url(../images/bg_body.jpg) repeat-x left top #f7f7f7; color: #666666; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,sans-serif; font-size: 9pt; line-height: 140%;}
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,td,th { margin: 0px; padding: 0px;}
img { border: 0px;}
li { list-style-type: none;}
a { color: #777;}
em { font-style: normal; font-weight: bold;}

/* common styles */
.clear { clear: both; font-size: 1px; line-height: 0; height: 1px;}
.pagetop { margin: 20px 0px; padding-top: 10px; text-align: right; border-top: 1px solid #ddd; clear: both;}
#page-title { font-size: 14pt; background: url(../images/bg_pagetitle.gif) no-repeat left bottom; padding-bottom: 8px; margin-bottom: 20px; line-height: 1.4em;}
.sub-title { font-size: 11pt; background: url(../images/bg_pagetitle.gif) no-repeat left bottom; padding-bottom: 8px; margin-bottom: 20px; line-height: 1.4em;}
#topic-path { font-size: 9pt; margin-bottom: 10px;}
.attention { color: #f00; font-weight: bold;}
.tbl-def { border-collapse: collapse; margin-bottom: 20px;}
.tbl-def th { padding: 3px; border: 1px solid #ccc; background: #ececec; padding: 5px;}
.tbl-def td { padding: 3px; border: 1px solid #ccc; padding: 5px;}
#under02column .tbl-def { width: 860px;}

/* containers */
#container { width: 940px; margin: 0 auto;}
.contents { background: #fff; padding: 35px 30px;}
#side-column { width: 215px; float: left;}
#main-column { width: 665px; float: right;}
#main-column1 { width: 880px;}

#header { background: url(../images/bg_siteheader.jpg) no-repeat left top; position: relative; height: 258px;}
#header h1 { position: absolute; left: 7px; top: 36px;}
#header h1 a { text-indent: -9999px; display: block; background: url(../images/sitelogo.png) no-repeat left top; width: 232px; height: 61px;}

#global-nav { background: url(../images/bg_globalnav.png) repeat-x left top; height: 44px; padding-left: 20px;}
#global-nav li { width: 128px; float: left;}

#footer { padding-top: 10px; background: url(../images/bg_footer.jpg) no-repeat left top; height: 110px;}
#footer #copyright { color: #fff; margin-left: 25px;}
#footer #copyright a { color: #fff;}
#footer-nav { padding: 45px 0px 10px 25px; }
#footer-nav li { display: inline; font-size: 86%; color: #000;}
#footer-nav li a { color: #000;}

/* side column */
#side-nav-buttons { margin-bottom: 20px;}
#side-ranking { border: 1px solid #ccc; border-bottom: none; width: 181px; margin-bottom: 35px;}
#side-ranking li { border-bottom: 1px solid #ccc; clear: both; line-height: 0;}
#side-ranking .rank-icon { width: 28px; float: left; padding: 4px;}
#side-ranking .photo { width: 60px; float: left;}
#side-ranking .item-name { width: 77px; float: left; padding: 7px 7px 7px 0px; color: #7a7a7a; line-height: 120%;}
/* \*/ * html #side-ranking .item-name { height: 1%;} /* */
#side-ranking .item-name:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#side-column .banners { margin-bottom: 35px;}

#side-column #side-cat { margin-bottom: 35px;}
#side-column h2 { margin-bottom: 8px;}
#side-column #side-cat li { line-height: 100%;}
#side-column #side-calendar { width: 184px; margin-bottom: 30px;}
#side-column #side-calendar .inner { border: 1px solid #d0d0d0; border-width: 1px 0px;}
#side-column #side-calendar .calendar-body { background: #dedede; margin: 1px 0px; padding-bottom: 8px;}
#side-column #side-calendar .calendar-body table { border-collapse: collapse; width: 176px; margin-left: 4px;}
#side-column #side-calendar .calendar-body td { background: #fff; text-align: right; padding: 3px; font-size:8pt;}
#side-column #side-calendar .calendar-body td.off { background: #f8f2f2;}
#side-column #side-calendar .calendar-body th { background: #fff; text-align: center; padding: 3px; border-bottom: 1px solid #ececec; font-weight: normal; font-size:8pt;}
#side-column #side-calendar .calendar-body h3 { text-align: center; padding: 3px 0px;}
#side-column #side-calendar .calendar-body .sun { color: #a0a0a0;}
#side-column #qr-code { text-align: center; width: 184px;}
#side-column #qr-code p { margin-bottom: 10px;}
#side-column #searcharea { margin-bottom: 10px; overflow: hidden;}
#side-column #searcharea p { margin-bottom: 5px;}

/* home */
#page-home .home-upper { margin-bottom: 35px;}
* html #page-home .home-upper { height: 1%;}
#page-home .home-upper:after { content: "."; display: block; height: 1px; visibility: hidden; clear: both;}
#page-home .home-upper .home-banners { float: right; width: 234px;}
#page-home .home-upper .home-left-banner { width: 414px; float: left;}
.box h2 { margin-bottom: 10px;}
.box .inner { padding-left: 20px; margin-bottom: 20px;}
#page-home .box .home-info {}
#page-home .box .home-info td { padding: 3px; vertical-align: top;}
#page-home .box .home-info td.date { color: #328c0e; padding-right: 10px;}
#page-home .home-recommend .recommend-item { width: 120px; float: left; margin-right: 35px; padding: 3px 0px;}
#page-home .box p.price { color: #328c0e; padding: 5px 0px;}
#page-home .home-recommend .photo {}
#page-home .home-recommend .photo a { border: 1px solid #ccc; padding: 1px; display: block; width: 120px; height: 120px;}
.home-shopinfo h3 { margin: 5px 0px;}
.home-shopinfo h4 { margin: 0px 0px 5px 15px;}
.home-shopinfo p { margin: 0px 0px 16px 15px;}
#top-banners { margin: 20px 0px;}

/* item category and detail */
.items { border-bottom: 1px dotted #ccc; margin-bottom: 20px; }
.item {padding: 10px 5px; width: 90px; float: left; margin-right: 10px;}
.item .photo { height: 110px; text-align: center;}
.item .photo .subarea { width: 90px; float: left; margin-right: 10px;}
.item .text {}
.item .text h3 { margin-bottom: 10px; font-size: 100%;}
.item .text .listcomment { margin: 10px 0px;}
.item .text .price { color: #328c0e; margin-bottom: 10px; font-size: 1.1em; font-weight: bold;}
.item .text .item-normalpricearea { margin-bottom: 10px; font-weight: bold;}
.item .text .item-code { margin-bottom: 10px;}
.item .text .status-icons li { display: inline;}
.item .soldout { color: #e00;}
.tbl-subcats { margin-bottom: 20px; border-bottom: 1px dotted #ddd;}
.tbl-subcats td { width: 220px; padding: 4px;}
#detail-area { margin-top: 20px; float: none; width: 660px;}
#detail-area .photo { width: 280px; float: left; height: auto;}
#detail-area .text { width: 360px; float: right;}
.stock { margin: 10px 0px;}
.stock .tbl-stock { border-collapse: collapse;}
.stock .tbl-stock th { background: #ccc; color: #555; border: 1px solid #888; padding: 3px;}
.stock .tbl-stock td { border: 1px solid #888; padding: 3px; text-align: center;}
#detail-area dd { margin-left: 20px; margin-bottom: 10px;}
.page-nav-area { text-align: center;}
.item-count { font-weight: bold;}
.search-zero { margin: 30px 0px;}

/* cart */
.resulttd { text-align: right;}
.totalmoneyarea { margin: 10px 0px;}
#under02column .title { margin-bottom: 20px;}

/* shopping */
.flowarea { text-align: center; margin-bottom: 10px;}
.payarea,
.payarea02 { margin-bottom: 20px;}
.payarea p,
.payarea02 p { padding-left: 20px; margin-bottom: 1em;}
.payarea h3,
.payarea02 h3 { margin-bottom: 10px;}
.payarea table,
.payarea02 table { margin-left: 20px;}
.delivname tbody th { text-align: left; width: 140px;}
.delivname th { text-align: left;}
.box120 { width: 120px;}
.box380 { width: 380px;}

/* mypage */
.loginarea { padding: 20px; margin-bottom: 20px; border-bottom: 2px solid #d0d0d0;}
#undercolumn .title { margin-bottom: 20px;}

/* static pages */
#page-guide h3 { margin-bottom: 10px;}
#page-guide #main-column p { margin-bottom: 1em; margin-left: 20px;}
#page-guide .tbl-def { margin-left: 20px; width: 540px;}
#page-reshaft p { margin-bottom: 1em;}
#page-reshaft h3 { color: #327fb3; margin-bottom: 10px;}
#page-law h3 { margin-bottom: 10px;}
#page-law #main-column p { margin-bottom: 1em; margin-left: 20px;}
#page-law .tbl-def { margin-left: 20px; width: 540px;}

/* golf course */
#page-course .category-list { margin-bottom: 20px;}
#page-course .category-list ul { margin-left: 20px;}
#page-course .category-list ul li { display: inline; padding-right: 20px;}
#page-course .page-description { margin-bottom: 20px;}
#page-course .course-list .course { border: 1px solid #ccc; margin-bottom: 30px; padding: 10px; margin-left: 20px; background: #ffffff;}
#page-course .course-list .course h3 { margin-bottom: 10px; font-size: 12pt;}
#page-course .course .entry-data { text-align: right;}
#page-course .owner-comment { padding: 10px; margin-bottom: 20px;}
#page-course dt { font-weight: bold;}
#page-course dd { margin: 0px 0px 10px 20px;}
#page-course .sub-title { background-image: none; background: #dfdfdf; color: #666; border-bottom: 1px solid #c0c0c0; padding: 3px 5px;}
#page-course .read-more { text-align: right;}
#comments { margin: 20px 0px;}
.comments-content { margin-bottom: 20px;}
.comment { margin: 0px 0px 10px 20px;}
#comments-open-data { margin: 10px 0px;}
.comments-open-content { margin: 10px 0px 20px 20px;}
#name-email p,
#url { margin-bottom: 5px;}
#name-email label,
#url label { width: 110px; float: left;}
#comments-open-text { margin: 20px 0px;}
#comments-open-text label { display: block;}
#comments-open-text textarea { margin-left: 20px;}
#comment-preview-page #container { width: 800px; margin: 20px auto; border: 2px solid #ccc; background: #fff; padding: 10px;}
#comment-preview-page #pagebody { margin: 20px 0px;}
#comment-preview-page .comment { margin-bottom: 20px;}
#comment-preview-page .return { margin: 20px 0px;}
.comment-footer { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-top: 10px;}

/* blog */
#page-blog #side-column .module-content { margin-bottom: 20px;}
#page-blog #side-column .module-list { margin-bottom: 10px;}
#page-blog #side-column .module-list li { list-style-type: disc; margin-left: 16px;}
#page-blog .entry { margin: 10px 10px 30px 10px;}
#page-blog .entry-header { background-image: none; background: #dfdfdf; color: #666; border-bottom: 1px solid #c0c0c0; padding: 3px 5px;}
.entry-content { margin: 10px 0px;}
.content-nav { text-align: center; background: #efefef; padding: 3px; margin-bottom: 10px;}
.entry-more { margin-top: 20px;}

/* present */
#page-present .pic { width: 200px; float: left;}
#page-present .text { width: 460px; float: right;}
#page-present .text h3 { margin-bottom: 10px;}
#page-present .present { padding: 10px 0px;}
#page-present .present:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#page-present .main-comment { clear: both; padding-top: 20px;}
#page-present #past-present { border-top: 1px solid #999; margin-top: 20px; padding-top: 20px;}

/* Links */
#link-list dd { margin: 5px 0px 10px 20px;}

/* Sitemap */
.sitemap-list { width: 320px; float: left;}
.sitemap-list li { margin-bottom: 5px;}
/* \*/ * html .sitemap-list li { height: 1%;} /* */
.sitemap-list li a { display: block; padding-left: 17px; background: url(../images/icon_arrow.gif) no-repeat left top;}
.sitemap-list li ul { margin-top: 10px; margin-left: 15px;}
.sitemap-list .level2 { margin-left: 20px;}
.sitemap-list .level3 { margin-left: 40px;}


/* my page */
#mynavarea { width: 180px; float: left;}
#mynavarea li { line-height: 100%;}
#mynavarea li img { vertical-align: top;}
#mycontentsarea { width: 650px; float: right;}
.title { padding-bottom: 20px;}