@charset "utf-8";
/* CSS Document */

/*
Theme Name: doiseika
Author: 土肥製菓
Version: 1.0
*/


/* ------------------------------------------------------------------------------
default
------------------------------------------------------------------------------ */

body {
margin: 0;
padding: 0;
/*ゴシック体*/
font: 13px/1.6 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
/*明朝体*/
/*font: 13px/1.6 "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/
*font-size: small;
*font: x-small;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, canvas, summary, time, mark, audio, video,
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
select, input, button, textarea {
font: 99%;
*font-size: 100%;
}
input, select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing :0;
font-size: inherit;
font: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var, small {
font-style: normal;
font-weight: normal;
}
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}
abbr, acronym {
border: 0;
font-variant: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
fieldset, img {
border: 0;
}
a {
display: inline;
}
img {
vertical-align: bottom;
}
legend {
color: #000;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: '';
}
hr {
display: block;
height: 1px;
border-top: 1px solid #CCCCCC;
margin: 1em 0px;
padding: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}
/* ClearBoth */
.cb {
clear: both;
}
/* ClearFix */
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.cf {/*ForDW*/
overflow: hidden;
}

/* ------------------------------------------------------------------------------
base
------------------------------------------------------------------------------ */

/*Font Size List ----------------------------------------------------------------
8px = 62%
9px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------------------------------ */

/* FontStyle */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* LinkColor */
a:link {
color: #006837;
}
a:visited {
color: #600;
}
a:hover {
color: #090;
text-decoration: none;
}
a:focus {
color: #090;
}
a:active {
color: #FF0;
}
/* TableStyle */
table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
border-spacing: 0;
}
table th {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #CCC;
}
table td {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
table thead {
word-spacing: normal;
}
table tfoot {
word-spacing: normal;
}
table tbody {
word-spacing: normal;
}
/* RoundBox */
.roundBox {
width: 500px;
background: url("http://doiseika.com/wp-content/themes/doiseika/none") repeat-y left top;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}

/* ------------------------------------------------------------------------------
common
------------------------------------------------------------------------------ */
#wrap {
background-color: #ECEED9;
overflow-x: hidden;
color: #1F1F1F;
}
.headerBg {
background: url("img/img_common/header_bg.jpg") repeat-x left top;
}
header {
width: 928px;
margin-right: auto;
margin-left: auto;
}
h1 {
padding-top: 34px;
float: left;
}
.headerCon {
float: right;
padding-top: 29px;
}
.headerTel {
margin-bottom: 7px;
}
.headerTime {
margin-bottom: 25px;
}
.gmenuBg {
background: url("img/img_common/menu_bg.jpg") repeat-x left top;
}
.gmenu {
width: 928px;
margin-right: auto;
margin-left: auto;
}
.gmenu li {
float:left;
}
.pankuzu {
width: 928px;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
padding-bottom: 15px;
}
.pankuzu li {
float: left;
padding-right: 8px;
}
#main{
width: 928px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.side {
width: 282px;
float: left;
margin-bottom: 40px;
padding-top: 30px;
}
.side h2 {
text-align: center;
margin-bottom: 20px;
}
.mCont {
width: 623px;
float: right;
}
/* 下層共通 */
.lowerCont {
margin-bottom: 100px;
}
.lowerTit {
padding-top: 30px;
margin-bottom: 24px;	
}

footer {
background-color: #C2B67C;
}
.footCont {
width: 928px;
margin-right: auto;
margin-left: auto;
padding-bottom: 15px;
}
.footInfo {
width: 460px;
float: left;
}
.footAdress {
width: 200px;
float: left;
color: #FFF;
}
.footAdTit {
font-size: 138.5%;
font-weight: bold;
padding-top: 55px;
margin-bottom: 5px;
}
.footAdTxt {
margin-bottom: 15px;
}
.footAdress a:link {
color: #FFF;
}
.footAdress a:visited {
color: #FFF;
}
.footAdress a:hover {
color: #FFF;
text-decoration: none;
}
.footMap {
width: 260px;
float: right;
padding-top: 18px;
}
.footMenu01 {
width: 170px;
float: left;
color: #FFF;
padding-top: 18px;
padding-left: 20px;
}
.footMenu01 a:link {
text-decoration: none;
color: #FFF;
}
.footMenu01 a:visited {
color: #FFF;
}
.footMenu01 a:hover {
color: #FFF;
text-decoration: none;
}
.footMenuTit {
background: url("img/img_common/icon_arr02.gif") no-repeat left center;
padding-left: 20px;
font-weight: bold;
}
.footMenuTit a {
text-decoration: none;
}
.footMenuTit a:hover {
text-decoration: underline;
}
.footMenuStit {
background: url("img/img_common/icon_arr03.gif") no-repeat left center;
padding-left: 15px;
margin-left: 20px;
font-size: 85%;
}
.footMenuStit a:hover {
text-decoration: underline;
}
.last {
margin-top: 10px;
}
.footMenu02 {
width: 170px;
float: left;
color: #FFF;
padding-top: 18px;
padding-left: 20px;
}
.footMenu02 a:link {
text-decoration: none;
color: #FFF;
}
.footMenu02 a:visited {
color: #FFF;
}
.footMenu02 a:hover {
color: #FFF;
text-decoration: underline;
}
.footCopy {
text-align: center;
background-color: #006837;
padding-top: 8px;
padding-bottom: 8px;
color: #FFF;
}

/* ------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------ */
.topSlideCtrl {
background: #000;
}
.topBnr {
padding-top: 15px;
}
.topBnr li {
margin-bottom: 13px;
}
.topNews {
background-color: #FFF;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 10px;/* CSS3 */  
-webkit-border-radius: 10px;/* Safari,Google Chrome */  
-moz-border-radius: 10px;/* Firefox */ 
}
.topNews h2 {
float: left;
margin-bottom: 10px;
padding-top: 5px;
}
.topNewsBtn {
float: right;
}
.topNewsList li {
border-bottom: #587B13 1px dotted;
padding-top: 5px;
padding-bottom: 5px;
}
.topNewsDate {
float: left;
margin-right: 20px;
background: url("img/img_common/icon_arr01.gif") no-repeat left center;
padding-left: 15px;
font-size: 123.1%;
color: #666;
}
.topNewsTit {
float: left;
font-size: 138.5%;
}
.topNewsTit a {
color: #000;
text-decoration: none;
}
.topNewsTit a:hover {
text-decoration: underline;
}

.topBuyer {
background-color: #FFF;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 10px;/* CSS3 */  
-webkit-border-radius: 10px;/* Safari,Google Chrome */  
-moz-border-radius: 10px;/* Firefox */ 
}
.topBuyer h2 {
float: left;
margin-bottom: 10px;
padding-top: 5px;
}
.topBuyerBtn {
float: right;
}
.topBuyerList li {
border-bottom: #587B13 1px dotted;
padding-top: 5px;
padding-bottom: 5px;
}

/*****************/
.topBuyerList li .ph{
width:180px;
float:left;
margin-right:10px;
}
.topBuyerList li .txtBox{
float:right;
width:373px;
}
.topBuyerList li .txtBox .date{
font-size:146.5%;
}
.topBuyerList li .txtBox .title a{
font-weight:bold;
font-size:146.5%;
color:#77428D;
text-decoration:none;
}
.topBuyerList li .txtBox .title a:hover{
text-decoration: underline;
}
.topBuyerList li .txtBox .text{
font-size:108%;
}
/*****************/


.topBuyerDate {
/* float: left; */
margin-right: 20px;
background: url("img/img_common/icon_arr01.gif") no-repeat left center;
padding-left: 15px;
font-size: 123.1%;
color: #666;
}
.topBuyerTit {
float: left;
font-size: 138.5%;
color:#77428D;
}
.topBuyerTit a {
/* color: #000; */
color:#77428D;
text-decoration: none;
}
.topBuyerTit a:hover {
text-decoration: underline;
}

.topBuyerTxt {
float:left;
font-size: 110%;
}



/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
width: 826px;
margin-left: auto;
margin-right: auto;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}
.bx-viewport {
overflow: visible !important;
position: relative;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
min-height: 50px;
background: url("js/jquery.bxslider/images/bx_loader.gif") center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
left: -18px;
background: url("img/top/slide_arr_l.png") no-repeat 0 0;
}

.bx-wrapper .bx-next {
right: -18px;
background: url("img/top/slide_arr_r.png") no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -25px;
outline: 0;
width: 39px;
height: 39px;
text-indent: -9999px;
z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url("js/jquery.bxslider/images/controls.png") -86px -11px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url("js/jquery.bxslider/images/controls.png") -86px -44px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}

.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}


/* ------------------------------------------------------------------------------
product 商品のご紹介
------------------------------------------------------------------------------ */
.proTit {
font-weight: bold;
font-size: 138.5%;
margin-bottom: 10px;	
}
.proPh {
margin-bottom: 15px;	
}
.proTxt {
margin-bottom: 25px;	
}
.proTable {
border-top: 0;
border-left: 0;
width: 100%;
margin-bottom: 30px;
}
.proTable td {
border-right: 0;
border-bottom: 1px dotted #999;
padding-left: 20px;
padding-right: 20px;
}
.proTable td:first-child {
background-color: #DDE1BB;
border-bottom: 1px solid #ECEED9;
color: #587D13;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
width: 190px;
text-align: center;
}
.proCartBtn {
text-align: center;
margin-bottom: 42px;
}
.proPagetop {
text-align: right;
margin-bottom: 28px;	
}
.proPagetopLast {
text-align: right;	
}
.skubutton { /* カートへ入れるボタン */
		text-align: center;
		margin-bottom: 42px;
    width: 280px;
    height: 48px;
    background: url("img/product/btn_cart.jpg") left top no-repeat;
    border: 0 none;
    cursor: pointer;
    text-indent: -9999px; /*テキストを場外にして表示しない*/
}


/* ------------------------------------------------------------------------------
about 土肥製菓のご紹介
------------------------------------------------------------------------------ */
.aboMainCopy {
padding-top: 10px;
text-align: center;
margin-bottom: 40px;	
}
.aboTable {
border-left: 0;
border-top: 1px dotted #999;
width: 100%;
margin-bottom: 30px;
}
.aboTable td {
padding-top: 10px;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 10px;
border-right: 0;
border-bottom: 1px dotted #999;
}
.aboTable td:first-child {
border-right: 1px dotted #999;
padding-left: 10px;
text-align: center;
}
.aboTable02 {
border-left: none;
width: 100%;
margin-bottom: 20px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
}
.aboTable02 th {
background-color: transparent;
border-style: none;
font-size: 116%;
color: #1F1F1F;
text-align: center;
}
.aboTable02 td {
padding-top: 10px;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 10px;
border-right: none;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
}
.aboTable02 td input{
padding:10px;
width:400px;
}
.aboTable02 td textarea{
font-size:100%;
padding:10px;
width:400px;
height:140px;
resize:none;
}
.footFormBtn{
text-align:center;
}


/* ------------------------------------------------------------------------------
shop 店舗の紹介 
------------------------------------------------------------------------------ */
.shopImg {
margin-bottom: 20px;
}
.shoMap {
margin-bottom: 15px;	
}
.shoTit {
font-size: 138.5%;
font-weight: bold;
border-bottom: 1px dotted #999;
padding-bottom: 3px;
margin-bottom: 8px;	
}
.shoAdd {
font-size: 123.0%;
margin-bottom: 40px;		
}
.shoAddLast {
font-size: 123.0%;
}

/* ------------------------------------------------------------------------------
shoping(netshopping) 通信販売について 2016/9/9 
------------------------------------------------------------------------------ */
.nesTit {
font-weight: bold;
font-size: 138.5%;
margin-bottom: 10px;
}

.nesPh {
margin-bottom: 15px;	
}
.nesTxt {
margin-bottom: 25px;	
}
.nesTable {
border-top: 0;
border-left: 0;
width: 100%;
margin-bottom: 30px;
}
.nesTable td {
border-right: 0;
border-bottom: 1px dotted #999;
padding-left: 20px;
padding-right: 20px;
}
.nesTable td:first-child {
background-color: #DDE1BB;
border-bottom: 1px solid #ECEED9;
color: #587D13;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
width: 190px;
text-align: center;
}
.chiho{
text-align: left;
}
.kenmei{
text-align: right;
}

/* ------------------------------------------------------------------------------
news 新着情報
 ------------------------------------------------------------------------------ */
/* 一覧 */
.newsListCont dl {
border-bottom: 1px dotted #999;
font-size: 115.4%;
padding-top: 13px;
padding-bottom: 10px;
}
.newsListCont dt {
float: left;
color: #555555;
padding-right: 20px;
}
.newsListCont dd {
float: left;
font-weight: bold;
}
.newsListCont dd a:link {
text-decoration: none;
color: #1f1f1f;
}
.newsListCont dd a:visited {
text-decoration: none;
color: #1f1f1f;
}
.newsListCont dd a:hover {
text-decoration: underline;
color: #1f1f1f;
}
.newsPager {
padding-left: 13px;
padding-top: 15px;
font-size: 115.4%;
font-weight: bold;
text-align: right;
}
a.page-numbers,
.pager .current{
margin-left: 10px;
text-decoration: none;
color: #1f1f1f;
}
.newsPager .current{
margin-left: 10px;
color: #868686;	
}
a.page-numbers:link {
text-decoration: none;
color: #1f1f1f;
}
a.page-numbers:visited {
text-decoration: none;
color: #1f1f1f;
}
a.page-numbers:hover {
text-decoration: underline;
color: #1f1f1f;
}

/* 詳細 */
.newsDtlCont dl {
border-bottom: 1px dotted #999;
font-size: 115.4%;
padding-top: 13px;
padding-bottom: 10px;
margin-bottom: 15px;
}
.newsDtlCont dt {
float: right;
color: #555555;
padding-right: 20px;
}
.newsDtlCont dd {
float: left;
font-weight: bold;
}
.newsDtlCont dd a:link {
text-decoration: none;
color: #1f1f1f;
}
.newsDtlCont dd a:visited {
text-decoration: none;
color: #1f1f1f;
}
.newsDtlCont dd a:hover {
text-decoration: underline;
color: #1f1f1f;
}
.newsDtlTxt {
margin-bottom: 20px;	
}
.newsDtlPh {
margin-bottom: 35px;	
}
.newsDtlBtn {
text-align: right;
padding-top: 35px;
}

/* ------------------------------------------------------------------------------
buyer バイヤー向け情報　土肥製菓物語 2017/10/28追加
 ------------------------------------------------------------------------------ */
/* 土肥製菓物語概要 */
.buyerInfo {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:125%;
    /* font-weight:bold; */
    color:#5B622E;
	text-align: center;

}
.buyerPoint {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:125%;
    /* font-weight:bold; */
    color:#77428D;
	text-align: center;

}
.buyerInfo2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:125%;
    /* font-weight:bold; */
    color:#5B622E;
	text-align: center;
	margin-bottom:50px;

}


/*バイヤー向けお知らせ*/
.buyerLine {
margin-bottom:15px;
}
.buyerLis li {
margin-bottom:25px;
}
.buyerLis li .ph{
width:180px;
float:left;
margin-right:10px;
}
.buyerLis li .txtBox{
float:right;
width:433px;
}
.buyerLis li .txtBox .date{
font-size:146.5%;
}
.buyerLis li .txtBox .title a{
font-weight:bold;
font-size:146.5%;
color:#77428D;
text-decoration:none;
}
.buyerLis li .txtBox .title a:hover{
text-decoration: underline;
}
.buyerLis li .txtBox .text{
font-size:108%;
}
.buyerDate {
font-size:146.5%;
}
.buyerTitle {
font-weight:bold;
font-size:146.5%;
color:#F6921E;
text-decoration:none;
margin-bottom:15px;
}
.buyerCint {
min-height:150px;
padding-bottom:60px;
}
.buyerBtn {
text-align:center;
}


/* ページャー設定 */
.buyerPager {
padding-left: 13px;
padding-top: 15px;
font-size: 115.4%;
font-weight: bold;
text-align: center;
}
a.page-numbers,
.pager .current{
margin-left: 10px;
text-decoration: none;
color: #1f1f1f;
}
.buyerPager .current{
margin-left: 10px;
color: #868686;	
}
a.page-numbers:link {
text-decoration: none;
color: #1f1f1f;
}
a.page-numbers:visited {
text-decoration: none;
color: #1f1f1f;
}
a.page-numbers:hover {
text-decoration: underline;
color: #1f1f1f;
}