@charset "Shift_JIS";

/*--- 基本 -------------------------------------------------------------------*/

body {
	font-family:'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #F2FFE3;
	background-image:    url('../com/back.gif');
	background-position: center top;
        background-repeat:   repeat-y;
	text-align: 	     center;
	-webkit-text-size-adjust: 100%;
}

html {
	margin-bottom:       1px;
	height:              100%;
        overflow-y:          scroll;
}

a:link {
	color: 		     #000000;
	background-color:    transparent;
}

a:visited {
	color: 		     #444444;
	background-color:    transparent;
}

a:hover, a:active {
	color:               #ff0000;
	background-color:    transparent;
}

@media print {
   body {
    color:                #000; 
    background-color:     #fff;
    background-image:     url('../com/dummyw.gif');
   }

   a:link,a:visited {
    text-decoration:      underline;
    color: 		  #000;
   }
}

/*--- メニューボタン -------------------------------------------------------------------*/
.menubox {
    background-color:     #ffffff;
    border-width:         0px 1px 0px 0px;
    border-style:         solid;
    border-color :        #333333;
    padding:              22px 0px 0px 0px; /*-chrome用-*/
    margin:               0px 0px 0px 0px;
    background-image: url('../com/menu.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
}

/*--- メニュー下バナー -------------------------------------------------------------------*/
.menu_banner{
    padding:20px 0px 0px 0px;
}





/*--- タイトル -------------------------------------------------------------------*/
h1,h2,h3{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:normal;
    text-decoration:none;
}

#contents h3, #calender h3, #setubi h3{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
    text-decoration:none;
    font-size:16px;
}

#product h4{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
    text-decoration:none;
}


h2.page_title{
	position:relative;
	width:660px;
	margin:0 auto 20px;
	padding:5px 20px 5px 20px;
	color: #fff;
	font-weight:bold;
	font-size:18px;
	text-align: left;
	border-radius: 12px;
	border-bottom:2px solid #0a5441;
	background-image: -webkit-linear-gradient(top, #2a9c56 0%, #87ce82 100%);
	background-image: -o-linear-gradient(top, #2a9c56 0%, #87ce82 100%);
	background-image: linear-gradient(to top, #2a9c56 0%, #87ce82 100%);
}

.page_title:before {
    position: absolute;
    top: -8px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #ff9900;
    content: "";
    border-radius: 6px;
}

.page_title:after {
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	height: 8px;
	width: 8px;
	background: #fede58;
	content: "";
	border-radius: 6px;
}



h3.sub_title{
	position: relative;
	display:inline-block;
	color:#333333;
	font-weight: bold;
	margin: 0 0 20px 0 !important;
	padding: 0 20px 0 20px !important;
	border-bottom: 3px solid #ff9900;
	text-align:left;
}

.sub_title:before {
    position: absolute;
    top: -8px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #ff9900;
    content: "";
    border-radius: 6px;
}

.sub_title:after {
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	height: 8px;
	width: 8px;
	background: #fede58;
	content: "";
	border-radius: 6px;
}



/*--- index　お知らせ -------------------------------------------------------------------*/
.td_hasen2{
    border-bottom-width : 1px;
    border-bottom-style : dotted;
    border-bottom-color : #999999;
}

/*--- index　1000品以上 -------------------------------------------------------------------*/

.ind_greenbox {
    padding:              5px 6px 5px 6px;
    margin:               0px 0px 0px 0px;
    background-color:     #fff;
    border-width:         2px;
    border-style:         solid;
    /*-border-style:         double;-*/
    border-color :        #006633;
    width:                684px; 
}

.firstp:first-letter {
    float:                left;
    padding:              0px 4px 0px 0px;
    font-size:            200%;
    background-color:     #fff;
    color:                #FF7F00;
}

/*--- ヘッダー　コメント -------------------------------------------------------------------*/
.title1 {
	margin:               0px 0px 0px 0px;
	padding:              7px 0px 0px 35px;
	color:                #666666;
        font-size:            14px;
        line-height:          1.0;
}

/*--- 文字 緑太 -------------------------------------------------------------------*/

.title2 {
	color:                #006633;
        font-size:            20px;
        font-Weight:          bold;
        line-height:          1.5;
        padding:              10px 0px 0px 0px;
}

/*--- サブコメ -------------------------------------------------------------------*/

.title3 {
	color:                #333333;
        font-size:            16px;
        font-weight :         bold;
        line-height:          2.0;
}

/*--- サブコメ -------------------------------------------------------------------*/

.title4 {
	color:                #333333;
        font-size:            15px;
        font-weight :         normal;
        line-height:          1.25;
}

/*--- フッター -------------------------------------------------------------------*/
.footer {
	padding:              8px 0px 0px 0px;
	margin:               0px 0px 0px 0px;
        border-top-width :    1px;
        border-top-style :    solid;
        border-top-color :    #666;
	color:                #000000;
        font-size:            12px;
}
.footer2 {
	padding:              5px 0px 5px 0px;
	margin:               0px 0px 0px 0px;
	background-color:     #ffffff;
	color:                #666666;
        font-size:            10px;
}

/*---　会社案内 -------------------------------------------------------------------*/

div#profile-news table {
    width:                  650px;
    margin:                 5px 0px 5px 10px;
    border-collapse:        collapse;
    color:                  #000000;
    font-size:              12px;
    background-color:       #ffffff;
    text-align:              center;
}

/*-td セルの太文字-*/
.pro-style {
    width:                   100px;
    border-collapse:         collapse;
    padding:                 0px;
    background-color:        #eeeeee;
    font-size:               12px;
    font-weight :            bold;

}

#profile-news table td {
    padding:                5px 2px 5px 5px;
    text-align:             left;
    line-height:            1.5;
    border-width:           1px;
    border-style:           solid;
    border-color:           #cccccc;
}

.map{
    border-width:           1px;
    border-style:           solid;
    border-color:           #cccccc;
	padding:0;
}


/*---　↑ここまで -------------------------------------------------------------------*/

/*---　product　商品紹介 ---------------------------------------------------------*/

.syokaif-style {
    width:                640px;
    border-collapse:      collapse;
    padding:              6px 0px 0px 10px;
    background-color:     #EDE7D7;
    border-width:         2px;
    border-style:         solid;
    border-color:         #A28658;
    color:                #000000;
    text-align:           left;
    font-size:            16px;
    font-weight :         bold;
}

.syokaif-style2 {
    width:                640px;
    border-collapse:      collapse;
    padding:              8px 0px 2px 10px;
    background-color:     #fff;
    border-width:         0px 2px 2px 2px;
    border-style:         solid;
    border-color:         #A28658;
}

.migi {
    padding:              0px 12px 0px 12px;
}
.syokaif-style3 {
    float:                right;
    width:                190px;
    border-collapse:      collapse;
    padding:              6px 0px 0px 6px;
    background-color:     #EDE7D7;
    border-width:         2px;
    border-style:         solid;
    border-color:         #A28658;
    color:                #000000;
    text-align:           left;
    font-size:            16px;
    font-weight :         bold;
}

.syokaif-style4 {
    float:                right;
    width:                190px;
    border-collapse:      collapse;
    padding:              6px 0px 5px 6px;
    background-color:     #fff;
    border-width:         0px 2px 2px 2px;
    border-style:         solid;
    border-color:         #A28658;
}

.syokaif-imgstyle {
    padding:              0px 2px 5px 5px;
}

figure,
.product_list p{
	margin:0;
	padding:0;
}

.product_list{
	padding-left:9px;
	padding-bottom:30px;
}

.product_list figure{
	width:195px;
	border:2px solid #A28658;
	margin:0 15px 0 14px;
	float:left;
}

p.product_name{
	display:block;
	font-weight:bold;
	line-height:25px;
	border-bottom:2px solid #A28658;
	background:#EDE7D7;
	padding-bottom:6px;
	padding-top:6px;
	margin-bottom:6px;
}

p.fruit:before{
	content:url(../product/images/icon.jpg);
	padding-right:3px;
	display:inline-block;
	vertical-align: middle;
}

p.vegetable:before{
	content:url(../product/images/icon2.jpg);
	padding-right:3px;
	display:inline-block;
	vertical-align: middle;
}

p.product_area{
	display:block;
	color:#333333;
	font-weight:bold;
	font-size:15px;
	line-height:25px;
	border-bottom:1px dotted #999999;
	padding-bottom:6px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:6px;
}

p.product_detail{
	display:block;
	color:#333333;
	font-size:15px;
	line-height:18px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:6px;
}

.text14r {
	color:                #ff0000;
    font-size:            14px;
    font-Weight:          bold;
}


.text16b_r {
	color:                #333;/*-#FF7F00#A9775D-*/
        font-size:            14px;
        font-Weight:          bold;
	padding:              5px 5px 5px 10px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.text16b_r2 {
	color:                #333;
        font-size:            14px;
        font-Weight:          bold;
	padding:              5px 5px 5px 10px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
        border-width:         0px 0px 0px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.text16b_r3 {
	color:                #333;
        font-size:            14px;
        font-Weight:          bold;
	padding:              5px 0px 5px 5px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.text16b_r4 {
	color:                #333;/*-#FF7F00#A9775D-*/
        font-size:            14px;
        font-Weight:          bold;
	padding:              5px 5px 5px 10px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
}

.text18b_r {
	color:                #333;/*-#FF7F00#A9775D-*/
        font-size:            16px;
        font-Weight:          bold;
	padding:              5px 5px 5px 10px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.text18b_r4 {
	color:                #333;/*-#FF7F00#A9775D-*/
        font-size:            16px;
        font-Weight:          bold;
	padding:              5px 5px 5px 10px;
	margin:               5px 0px 0px 0px;
        line-height:          1.5;
}



.td_hasen3 {
	padding:              5px 5px 5px 5px;
	margin:               5px 0px 0px 0px;
        color:                #000;
        font-size:            12pt;
        font-Weight:          normal;
        line-height:          1.5;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.td_hasen3b {
	padding:              5px 5px 5px 5px;
	margin:               5px 0px 0px 0px;
        color:                #333;
        font-size:            12pt;
        font-Weight:          bold;
        line-height:          1.5;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;

}

.td_hasen4 {
	padding:              5px 5px 5px 5px;
	margin:               5px 0px 0px 0px;
        color:                #000;
        font-size:            11pt;
        font-Weight:          normal;
        line-height:          1.75;
        border-width:         0px;
        border-style :        dotted;
        border-color :        #999999;

}

.td_hasen5 {
	padding:              5px 25px 5px 10px;
	margin:               5px 0px 0px 0px;
        color:                #000;
        font-size:            11pt;
        font-Weight:          normal;
        line-height:          1.75;
        border-width:         0px;
        border-style :        dotted;
        border-color :        #999999;

}

.td_hasen6b {
	padding:              2px 2px 0px 0px;
	margin:               0px 0px 5px 0px;
        color:                #333;
        font-size:            11pt;
        font-Weight:          bold;
        line-height:          1.0;
        border-width:         0px 0px 1px 0px;
        border-style :        dotted;
        border-color :        #999999;
}

.td_hasennon {
	padding:              5px 5px 5px 5px;
	margin:               5px 0px 0px 0px;
    color:                #000;
    font-size:            12pt;
    font-Weight:          normal;
    line-height:          1.5;
}

/*---　↑ここまで -------------------------------------------------------------------*/

/*---　お問い合わせフォーム ---------------------------------------------------------*/

div#toiawase {
    width:                  650px;
    margin:                 0px 0px 0px 50px;
    text-align:             center;
}

div#toiawase table {
    margin:                 5px 0px 5px 0px;
    border-collapse:        collapse;
    border-width:           1px 0px 0px 1px;
    border-style:           solid;
    border-color:           #A28658;
    font-size:              12px;
    text-align:             left;
}

div#toiawase table p {
    margin:                 0px 0px 0px 2px;
    padding:                0px;
    color:                  #ff0000;
    font-size:              12px;
    text-align:             left;
    font-weight :           normal;
    display:                inline;
    line-height:            1.5;
}

div#toiawase table td {
    padding:                8px 5px 8px 10px;
    text-align:             left;
    border-width:           0px 1px 1px 0px;
    border-style:           solid;
    border-color:           #A28658;
    line-height:            1.5;
}

.bosyu-style
{
    width:                150px;
    border-collapse:      collapse;
    padding:              8px 0px 8px 10px;
    background-color:     #EDE7D7;
    border-bottom-width:  1px;
    border-bottom-style:  solid;
    border-bottom-color:  #cccccc;
    color:                #000000;
    text-align:           left;
    font-size:            12px;
    font-weight :         bold;
}

/* ★フォームパーツ設定 */

textarea {
    width:                430px;
    height:               150px;
}

/*-1行テキスト-*/

input.l {
    width:                300px;
    margin:               0px 0px 5px 0px;
}

/*-送信リセットボタン-*/

input.s {
    margin:              20px 40px 20px 40px;
    width: 　　　　      100px;
}

input {
}

/*---　フォーム確認用など -------------------------------------------------------------------*/

.text18 {
	color:                #000000;
        font-size:            18px;
        font-Weight:          normal;
        line-height:          1.5;
        font-Weight:          bold;
}

.text18rb {
	color:                #ff0000;
        font-size:            18px;
        font-Weight:          normal;
        line-height:          1.5;
        font-Weight:          bold;
}

div#fkakunin table {
    width:                  600px;
    margin:                 15px 0px 15px 0px;
    border-collapse:        collapse;
    color:                  #000000;
    font-size:              12px;
    background-color:       #ffffff;
    text-align:              center;
}

/*-td セルの太文字-*/
.ftoi-std {
    width:                   150px;
    border-collapse:         collapse;
    padding:                 0px;
    background-color:        #eeeeee;
    font-size:               12px;
    font-weight :            bold;
}

/*-td 入力エラーの赤太文字-*/
.ftoi-stdrb {
    /*-width:                   150px;-*/
    border-collapse:         collapse;
    padding:                 0px;
    background-color:        #fff;
    font-size:               12px;
    font-weight :            bold;
    color:              #ff0000;
}

div#fkakunin table td {
    padding:                10px 5px 10px 10px;
    text-align:             left;
    line-height:            1.5;
    border-width:           1px;
    border-style:           solid;
    border-color:           #cccccc;
}



/*---　↑ここまで -------------------------------------------------------------------*/

.text10 {
	color:                #000000;
        font-size:            10px;
        line-height:          1.5;
        font-Weight:          normal;
}

.text10r {
	color:                #ff0000;
        font-size:            12px;
        line-height:          1.5;
        font-Weight:          normal;
}

.text12 {
	color:                #000000;
        font-size:            12px;
        line-height:          1.5;
        font-Weight:          normal;
}

.text12b {
	color:                #000000;
        font-size:            12px;
        font-Weight:          bold;
}

.text12b2 {
	color:                #000000;
        font-size:            12px;
        font-Weight:          bold;
        line-height:          1.5;
}

.text12b_r {
	color:                #ff0000;
        font-size:            12px;
        font-Weight:          bold;
}

.text14 {
	color:                #000000;
        font-size:            14px;
        font-Weight:          normal;
        line-height:          1.5;
}

.text14b {
	color:                #000000;
        font-size:            14px;
        font-Weight:          bold;
}

.text14b_r {
	color:                #ff0000;
        font-size:            14px;
        font-Weight:          bold;
}

.td_hasen{
        color:                #000;
        font-size:            10pt;
        border-bottom-width : 1px;
        border-bottom-style : dotted;
        border-bottom-color : #999999;
        line-height:          1.5;
}

.text_12mess  {
       color:                 #000;
       font-size:             12pt;
       font-Weight:           bold;
       font-family:           "AR P教科書体M","ＭＳ Ｐ明朝",sans-serif ;
}




/*------------------------------------------------------------
 gotop
------------------------------------------------------------*/

p.gotop{
    position:fixed;
    right:15%;
    bottom:0;
	z-index: 1;
}

p.gotop a{
    width: 32px;
    height: 45px;
    display: block;
}




.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
