@charset "UTF-8";

/* ========BASIC======== */
*{
   word-break: break-all;
   font-family:"MS UI Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",verdana,Helvetica,Arial,sans-serif;
   color:#333;
}

textarea,select,input {
font-family: "MS UI Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

body {
   margin:20px 0;
   padding:0;
   letter-spacing:1px;
   background:#FFFFCC;
/*   background: #E7DFCE url(images/bg_body.jpg) fixed; */
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:0;
}

textarea{
   border: 1px solid #6699CC;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
   width:750px;
   margin:0 auto 0 auto;
   padding:10px;
   background-color: #336633;
   clear:both;
}

div#all_head {
   position:absolute; top: 20px;
}

div#menu_head {
   position:absolute; top: 130px;
}

div#header {
   width:750px;
}

div#headImage {
   padding: 175px 0 0 0;
   width:750px;
}

div#menu {
   width:749px;
   position: relative;
}

div#contents {
   padding: 0 0 0 0;
   margin:0;
   clear:both;
   width:750px;
/*   background: #fff url(images/bg_contents.gif) 100% 0 repeat-y;*/
}

div#main {
   float:left;
   width:530px;
   padding:0 15px 20px 18px;
   background: #fff;
   margin-left: 0;
   clear:both;
}

div#goodsblock {
   clear:both;
   width:520px;
}

div#sub {
   float:right;
   width:175px;
   margin-top:10px;
   margin-right: 0;
}

div#totop {
   clear:both;
   width:750px;
}

div#footer {
   clear:both;
   width:750px;
}

div#fspace {
   clear:both;
   width:750px;
}

div#nami {
   clear:both;
}

div#sitemap {
   clear:both;
}

div#products {
   clear:both;
   width:520px;
}

div#shop {
   clear:both;
}

div#search_result {
   float:left;
   width:750px;
   padding:0;
   margin:0;
   background: #fff;
}

div#newtopics {
   width:530px;
   height:110px;
   overflow-y:scroll;
   position: relative;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========HEADER(豊岡クラフトロゴ部分) CUSTOMIZE======== */
div#header a {
   height: 110px;
   width: 750px;
   overflow: hidden;
   background:url(images/logo.gif);
   background-repeat: no-repeat;
   background-position: center center;
   display:block;
}

div#header span {
   visibility: hidden;
}

/* ========HEADER(画面上部大画像部分) CUSTOMIZE======== */
div#headImage p {
   margin:0 0 0 0;
}
div#headImage .company {
   font-size:0.68em;
   color:#336633;
}

/* ========ヘッダーMENU CUSTOMIZE======== */
div#menu h1 {
   margin-bottom:8px;
   padding:5px 0 5px 10px;
   color:#fff;
/*   color:#212021;*/
   font-family:Georgia;
   font-size:1.25em;
   font-weight:bold;
   line-height:1.4;
   background:#999966;
/*   background:#CCCC99;*/
}

div#menu table {
   border-collapse: collapse;
   border: 1px solid #212021;
}

div#menu tr {
   background-color:#212021;
}

div#menu td {
   font-size:0.75em;
   width:107px;
   padding:10px 0;
   text-align:center;
}

div#menu td a{
   color:#fff;
}

div#menu td a:hover{
   color:#FFFFCC;
}

/* 回り込み解除 */
div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ドロップダウンメニューデザイン（共通）： */
.menuitem {
   font-size:0.88em;
   padding:5px;
   white-space:nowrap;
   margin:0;
   background-color:#336633;
}

a.menuitem{
   text-decoration:none;
   color:#fff;
   padding-left:14px;
   background:url(images/point.gif) 0 4px no-repeat;
   background-color:#336633;
}
a.menuitem:link{
   text-decoration:none;
   color:#fff;
}
a.menuitem:visited{
   text-decoration:none;
   color:#fff;
}

a.menuitem:hover{
   text-decoration:none;
   color:#FFFFCC;
}

/* ドロップダウンメニューデザイン（個別）： */
.submenu01 {
   padding:5px 0;
   width:132px;
   background:#336633;
   border:none;
   position:absolute; top: 35px; left: 106px;
   z-index:1000;
}

.submenu02 {
   padding:5px 0;
   width:132px;
   background:#336633;
   border:none;
   position:absolute; top: 35px; left: 212px;
   z-index:1000;
}

.submenu03 {
   padding:5px 0;
   width:132px;
   background:#336633;
   border:none;
   position:absolute; top: 35px; left: 318px;
   z-index:1000;
}

.submenu04 {
   padding:5px 0;
   width:132px;
   background:#336633;
   border:none;
   position:absolute; top: 35px; left: 424px;
   z-index:1000;
}
/* ========HEADLINE CONTENTS CUSTOMIZE======== */
div#contents h1 {
   margin-bottom:8px;
   padding:5px;
   color:#fff;
/*   color:#212021;*/
   font-family:Georgia;
   font-size:1.25em;
   font-weight:bold;
   line-height:1.4;
   background:#999966;
/*   background:#CCCC99;*/
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
/*   color:#D70053;*/
   color:#006600;
   text-decoration:underline
}

div#main a:hover {
/*   color:#D2447B;*/
   color:#99CC66;
   text-decoration:underline
/*   border:0;*/
/*   border-bottom:1px solid #006600;*/
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 8px 0;
/*   color:#31001D;*/
   font-size:1.44em;
   font-weight:bolder;
   line-height:1.4;
/*   border-bottom:3px double #535D57;*/
   border-bottom:2px solid #535D57;
}

div#main h3 {
   margin-top:30px;
   margin-bottom:15px;
   padding:15px 2px 8px 0;
   color:#800000;
   font-size:1em;
   line-height:1.4;
   border-bottom:1.4px solid #535D57;
}

div#main h4 {
   margin-top:5px;
   margin-bottom:2px;
   padding:15px 2px 8px 0;
   color:#800000;
   font-size:1em;
   line-height:1.4;
}

div#main h5 {
   margin-top:20px;
   margin-bottom:2px;
   font-size:0.88em;
}

div#main h6 {
   font-size:1.4em;
   font-weight: bold;
}

div#main p{
   margin:0 0 10px 0;
   font-size:0.88em;
   line-height:1.4;
}

div#main ul,ol{
   font-size:0.75em;
}

div#main dl{
   font-size:0.88em;
}

div#main li{
   line-height:1.4;
}

div#main dt{
   margin-bottom:3px;
}

div#main dd{
   padding:0;
   margin:0 0 0.5em 1em;
/*   padding:3px;*/
   line-height:1.4;
/*   background:#f1f1f1;*/
}
div#main dt{
   margin-bottom:3px;
}
div#main price{
   font-size:1.4em;
   font-weight: bold;
}

div#main price_num{
   font-size:1.4em;
   font-weight: bold;
   color:#FF0000;
}

/* ========goodsblock CONTENTS CUSTOMIZE======== */
div#goodsblock p{
   margin:0 0 10px 0;
   font-size:0.88em;
   padding:8px 2px 0 0;
   line-height:1.4;
}

div#goodsblock table {
   width: 260px;
}

div#goodsblock table td {
   text-align : center;
   font-size:0.88em;
}

/* ========products CONTENTS CUSTOMIZE======== */
div#products p{
   margin:0 0 10px 0;
   font-size:0.88em;
   padding:8px 2px 0 0;
   line-height:1.4;
}

div#products table {
   width: 120px;
}

div#products table td {
   text-align : center;
   font-size:0.88em;
   width: 120px;
}

/* ========波のコンチェルトページ CUSTOMIZE======== */
div#nami a {
   color:#993366;
   text-decoration:underline
}

div#nami a:hover {
   color:#FF99CC;
   text-decoration:underline
}

div#nami h2 {
   margin-bottom:8px;
   padding:2px 2px 8px 0;
   font-size:1.44em;
   font-weight:bolder;
   line-height:1.4;
   border-bottom:2px solid #CC6699;
}

div#nami h3 {
   margin-top:30px;
   margin-bottom:15px;
   padding:15px 2px 8px 0;
   color:#800000;
   font-size:1em;
   line-height:1.4;
   border-bottom:1.4px solid #FF6699;
}

/* ========sub CONTENTS CUSTOMIZE======== */
div#sub .section {
}

div#sub h2 {
   padding:3px;
   font-size:0.88em;
   font-weight:bold;
   color:#fff;
/*
   padding-left:16px;
   background:url(images/point_h.gif) 1px 4px no-repeat;
*/
}

div#sub h2 a{
   color:#fff;
}

div#sub h2 a:hover{
   color:#FFFFCC;
}

div#sub h2 a.active{
   font-weight:bold;
   color:#fff;
}

div#sub ul {
   margin:0;
   padding:5px 0 1em 5px;
}

div#sub li {
   margin:0;
   padding-left:16px;
   font-size:0.75em;
   color:#fff;
   line-height:1.8;
   background:url(images/point.gif) 1px 3px no-repeat;
   list-style:none;
}

div#sub li a{
   color:#fff;
}

div#sub li a:hover{
   color:#FFFFCC;
}

div#sub li a.active{
   font-weight:bold;
   color:#fff;
}

div#sub table {
   width:175px;
   margin:0 0 4px 2px;
   padding:15px 0;
   background:#fff;
}

div#sub td {
   text-align:center;
}

div#sub p{
   margin:0 0 10px 20px;
   padding:8px 2px 0 20px;
}

div#sub .search_window {
}

div#sub .search_window p{
   margin:0;
   padding:0;
}

div#sub .cartBtn{
   width:170px;
}
/* ========パンくずリスト CUSTOMIZE======== */

.topicpath {
   padding:10px 0 0 0;
   text-align:right;
   font-size:0.75em;
}

.topicpath ol li {
/* liを横並び＆ブレットを消す */
   display: inline;
   list-style-type: none;
}
.topicpath ol li a {
/* 右寄せ＆リピート無し */
   background-position: bottom right;
   background-repeat: no-repeat;
}

/* ========新着情報 CUSTOMIZE======== */
div#newtopics ul {
   margin:0;
   padding:5px 0 1em 5px;
}

div#newtopics li {
   margin:0;
   padding-left:16px;
   line-height:1.8;
   background:url(images/point_s.gif) left center no-repeat;
   list-style:none;
   vertical-align: middle; 
}
/* ========サイトマップ CUSTOMIZE======== */

div#sitemap {
}

div#sitemap a {
   text-decoration:none;
}

div#sitemap h2 {
   margin-top:12px;
   margin-bottom:8px;
   padding:3px;
   font-size:0.88em;
   font-weight:bold;
   color:#333;
   border-bottom:1px solid #006600;
}

div#sitemap ul {
   margin:0;
   padding:5px 0 1em 5px;
}

div#sitemap li {
   margin:0;
   padding-left:25px;
   color:#fff;
   line-height:2.0;
   background:url(images/point_s.gif) 4px 6px no-repeat;
   list-style:none;
}

div#sitemap h2 a{
   color:#333;
}
div#sitemap li a{
   color:#333;
}

/* ========FOOTER CUSTOMIZE======== */
div#totop{
   position:relative;
   height:2em;
}

div#totop p{
   position:absolute;
   top:10px;
   right:7px;
   margin:0;
   padding-left:8px;
   font-size:0.75em;
   color:#fff;
/*   background: url(images/bg_totop.gif) 0 50% no-repeat;*/
}

div#totop a{
   color:#fff;
}

div#fspace{
   position:relative;
   height:10px;
   background:#999966;
}

div#footer ul {
   margin:0;
   padding:0;
}

div#footer li {
   float:left;
   font-size:0.75em;
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#footer li a{
   display:block;
   width:150px;
   padding:10px 0;
   color:#fff;
   background-color:#212021;
}

div#footer li a:hover{
   color:#FFFFCC;
}

div#footer table {
   margin:0 0 4px 0;
   padding:5px 5px;
   background:#fff;
}

div#footer td {
   padding:5px 5px;
}

address{
   padding:25px 0 20px 0;
   font-size:0.75em;
   color:#333;
   text-align:left;
   color:#fff;
}

/* ========SHOPPING PAGE CUSTOMIZE======== */
div#shop table{
   margin:0 0 0 0;
}

div#shop p{
   margin:0 0 10px 0;
   font-size:0.75em;
}

div#shop ul,ol{
   padding:0 0 0 30px;
   margin:0;
   font-size:1.0em;
}
div#shop li{
   font-size:1.0em;
}

/* ========CLASS======== */
.comment {
   margin:30px 0 0 0;
   text-align:left;
   font-size:0.88em;
}

.large{
   font-weight: bold;
   font-size: 1.4em;
}

.large_red{
   color: #FF0000;
   font-weight: bold;
   font-size: 1.5em;
}

.midium{
   font-weight: bold;
}

.midium_red{
   color: #FF0000;
   font-weight: bold;
}

.red{
   color: #FF0000;
}

.green{
   color: #006600;
}

.green_under{
   color: #006600;
   text-decoration:underline
}

.small{
   font-size: 90%;
}