﻿@charset "utf-8";

body {
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 */
 margin:0 auto;
 padding:0;
 color:#333333;
 text-align:center;
 background: url(../images/bg.jpg);
 background-attachment:fixed;
}

#container {
  background-color: #FFF !important;
  width: 980px !important;
  border: none !important;
}

div#page_block1 {
  width: 980px !important;
}

div#page_block2 {
  margin-right: 20px !important;
  margin-left: 20px !important;
  width: 210px !important;
}

div#page_block3 {
  padding-top: 24px !important;
  width: 710px !important;
  text-align: left;
}

div#page_block5 {
  width: 980px !important;
}

.footer_d01 {
  padding-top: 0 !important;
}





#wrapper {
 position:relative;
 width:980px;
 margin:0 auto;
 margin-top:0;
 padding:0;
 border:none;
 background:#fff;
}

img {
 border:none;
}

#contentsBox{
 margin:0 auto;
 width:980px;
}

#header {
 margin:0 auto;
 padding:0;
 width:980px;
}
#headerTop {
 margin:0 auto;
 padding:0;
 width:980px;
 background:#4e1f0b;
}
#header #headerTop h1{
 padding:2px 0 2px 10px;
 font-size:12px;
 text-align:left;
 color:#fff;
 font-weight:normal;
}
#headerBox {
 margin:0 auto;
 padding:0;
 width:980px;
}
#headerBox:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#headerLeft {
 float:left;
 width:358px;
 margin:0;
 padding:0;
}
#headerRight {
 float:right;
 width:600px;
 margin:0 18px 0 0;
 padding:0;
 float:right;
}
#headerRight ul{
 width:600px;
}
#headerRight li{
 float: left;
 display: block;
 position: relative;
 margin-top:10px;
}


/*-------------コンテンツ-------------*/

#contents {
 width:940px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

#contents p{
 margin:0;
 padding:0 15px 5px 0;
 font-size:14px;
 line-height:160%;
}

#contents a{
 color:#718749;
 text-decoration:underline;
}

#contents a:hover{
 color:#718749;
 text-decoration:none;
}


/*-------------メインコンテンツ-------------*/


#maincontents {
 width:710px;
 margin:24px 0 0 0;
 padding:0;
 text-align: left;
 float:right;
}

#maincontents img {
 vertical-align:bottom;
}

#page_block3 h2 {
 clear:both;
 margin:0 0 15px 0;
 padding:10px 10px 10px 30px;
}
#page_block3 h2.title {
 margin:0 0 20px 0;
 padding:10px 0 0 0;
 font-size:30px;
 /* color:#663300; */
 color:#456b04;
 border-top:1px dashed #ccc;
}

#page_block3 h3 {
 clear:both;
 margin:0 0 10px;
 padding:10px;
}

#page_block3 h3.title {
 clear:both;
 width:670px;
 height:30px;
 margin:10px 0 15px 0;
 padding:5px 0 0 40px;
 font-size:18px;
 color:#fff;
 background:url(../images/h3_bg.jpg) no-repeat;
}
#page_block3 h3.title02 {
 clear:both;
 width:708px;
 height:30px;
 margin:15px 0 10px 0;
 padding:5px 0 0 2px;
 font-size:16px;
 border-bottom:2px solid #ccc;
}

#page_block3 h4 {
 clear:both;
 margin:10px 0 0 0;
 padding:10px 0 10px 0;
}

#page_block3 h4.contentsTitle {
 clear:both;
 margin:10px 0 15px 0;
 padding:10px 0 10px 18px;
 background:url(../images/title_bg.jpg) no-repeat;
}

#page_block3 p{
 margin:0;
 padding:5px 10px 15px 0;
 font-size:14px;
 line-height:160%;
}

.floatBox{
 width:710px;
 margin:10px 0 25px 0;
}

.floatBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

.floatLeft{
 margin-right:20px;
 padding-bottom:20px;
 float:left;
}

.floatRight{
 margin-left:20px;
 float:right;
}

#maincontents .floatBox p{
 margin:0;
 padding:0 10px 12px 0;
 font-size:14px;
 line-height:160%;
 text-align:left;
}


/*-------------左サイド--------------*/

#leftSide {
 margin:24px 0 30px 0;
 padding:0;
 float:left;
 width:210px;
 font-size:13px;
 text-align:left;
}

.leftBanner {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
}

#sidePriceBox{
 margin:0 0 15px 0;
 width:208px;
 border:1px solid #4d2202;
}
#sidePrice{
 margin:10px 0 10px 15px;
 width:180px;
}
#sidePrice img{
 vertical-align:top;
}
#sidePrice p{
 margin:0;
 padding:0;
 font-size:14px;
 text-align:left;
}
#sidePrice a{
 color:#66783a;
 text-decoration:underline;
}
#sidePrice a:hover{
 color:#66783a;
 text-decoration:none;
}



/* leftGoodsNavi
-------------------------------------*/

#leftGoodsNavi {
 width:230px;
 margin:15px 0 15px 0;
 padding:0;
 text-align:left;
}

#leftGoodsNavi ul {
 list-style: none;
 margin:5px 0 20px 0;
 padding: 0;
}

#leftGoodsNavi ul li#tenobemen {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_tenobemen.jpg) no-repeat;
}
#leftGoodsNavi ul li#chukamen {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_chukamen.jpg) no-repeat;
}
#leftGoodsNavi ul li#yakisoba {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_yakisoba.jpg) no-repeat;
}
#leftGoodsNavi ul li#udon {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_udon.jpg) no-repeat;
}
#leftGoodsNavi ul li#soba {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_soba.jpg) no-repeat;
}
#leftGoodsNavi ul li#hatto {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_hatto.jpg) no-repeat;
}
#leftGoodsNavi ul li#rice {
 width:230px;
 height:39px;
 margin:0 0 2px 0;
 padding:6px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_rice.jpg) no-repeat;
}
#leftGoodsNavi ul li#gift {
 width:230px;
 height:32px;
 margin:0 0 2px 0;
 padding:13px 0 0 64px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_menu_gift.jpg) no-repeat;
}
#leftGoodsNavi li a {
 margin: 0;
 padding: 0;
 display:block;
 outline: 0;
}

*html #leftGoodsNavi ul li {
 line-height:0;
}

*html #leftGoodsNavi li a {
 display:block;
 line-height:normal;
}

/* leftRankingNavi
-------------------------------------*/

#leftRankingNavi {
 width:230px;
 margin:15px 0 15px 0;
 padding:0;
 text-align:left;
}

#leftRankingNavi ul {
 list-style: none;
 margin:5px 0 20px 0;
 padding: 0;
}

#leftRankingNavi ul li#ranking01 {
 margin:8px 0 0 0;
 padding:5px 0 12px 29px;
 line-height:130%;
 font-size:13px;
 background:url(../images/ranking01.jpg) 1px 4px no-repeat;
 border-bottom:1px dotted #999;
}
#leftRankingNavi ul li#ranking02 {
 margin:8px 0 0 0;
 padding:5px 0 12px 29px;
 line-height:130%;
 font-size:13px;
 background:url(../images/ranking02.jpg) 1px 4px no-repeat;
 border-bottom:1px dotted #999;
}
#leftRankingNavi ul li#ranking03 {
 margin:8px 0 0 0;
 padding:5px 0 12px 29px;
 line-height:130%;
 font-size:13px;
 background:url(../images/ranking03.jpg) 1px 4px no-repeat;
 border-bottom:1px dotted #999;
}
#leftRankingNavi ul li#ranking04 {
 margin:8px 0 0 0;
 padding:5px 0 12px 29px;
 line-height:130%;
 font-size:13px;
 background:url(../images/ranking04.jpg) 1px 4px no-repeat;
 border-bottom:1px dotted #999;
}
#leftRankingNavi ul li#ranking05 {
 margin:8px 0 0 0;
 padding:5px 0 12px 29px;
 font-size:13px;
 background:url(../images/ranking05.jpg) 1px 4px no-repeat;
 border-bottom:1px dotted #999;
}
#leftRankingNavi li a {
 margin: 0;
 padding: 0;
 display:block;
 outline: 0;
}

*html #leftRankingNavi ul li {
 line-height:0;
}

*html #leftRankingNavi li a {
 display:block;
 line-height:normal;
}

/* leftNavi
-------------------------------------*/

.leftNavi {
 width:230px;
 margin:0 0 15px 0;
 padding:0;
 text-align:left;
}

.leftNavi ul {
 list-style: none;
 margin:5px 0 20px 0;
 padding: 0;
}

.leftNavi ul li {
 padding:15px 0 12px 19px;
 line-height:130%;
 font-size:13px;
 background:url(../images/side_arrow_red.jpg) 1px 20px no-repeat;
 border-bottom:1px dotted #999;
}

.leftNavi li a {
 margin: 0;
 padding: 0;
 display:block;
 outline: 0;
}

*html .leftNavi ul li {
 line-height:0;
}

*html .leftNavi li a {
 display:block;
 line-height:normal;
}

/*------------ guideBox -------------*/

#guideBox {
 clear:both;
 width:940px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
}
#guideBoxInner {
 clear:both;
 width:900px;
 margin:30px 20px 5px 20px;
 padding:20px 0 20px 0;
 background-color:#fff;
}
#guideBoxInner:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#guidBoxInner p {
 padding:2px 5px 10px 0;
 font-size:12px;
 line-height:150%;
}
#guideLeft {
 width:300px;
 padding-right:16px;
 float:left;
 text-align:left;
}
#guideCenter {
 width:270px;
 padding-left:16px;
 padding-right:6px;
 float:left;
 text-align:left;
 border-left:1px solid #ccc;
}
#guideRight {
 width:260px;
 padding-left:20px;
 text-align:left;
 float:left;
 border-left:1px solid #ccc;
}
#guideTable{
 width:260px;
 margin:10px 0 10px 0;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
#guideTable th{
 width:65px;
 padding:5px 0 5px 0;
 font-size:12px;
 text-align:center;
 background:#f2f2f2;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
#guideTable td{
 width:65px;
 padding:5px 0 5px 0;
 font-size:12px;
 text-align:center;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
#guideTable02{
 width:260px;
 margin:0 0 10px 0;
}
#guideTable02 td{
 width:65px;
 padding:5px 0 5px 0;
 font-size:12px;
 text-align:left;
 border-bottom:1px dotted #ccc;
}

/*-------------footer-------------*/

#footer {
 clear:both;
 width:980px;
 margin:0 auto;
 background:#4e1f0b;
}
#footer:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#footerBox{
 width:980px;
 margin:0 auto;
}
#footerBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#footerNavi{
 width:940px;
 margin:0;
 margin-bottom:20px;
 padding:19px 20px 0px;
}
#footerNavi:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#footerNavi ul#first{
 width:195px;
 margin:0 auto;
 margin-right:5px;
 float:left;
}
#footerNavi ul#first li.fn01{
 padding:0 0 5px 0;
 font-size:13px;
 color:#fff;
 text-align:left;
 background:none;
}
#footerNavi ul{
 width:185px;
 margin:0 auto;
 margin-top:18px;
 float:left;
}
#footerNavi li{
 padding:0 5px 5px 15px;
 font-size:13px;
 color:#fff;
 text-align:left;
 background:url(../images/fnavi.jpg) 0 3px no-repeat;
 display: list-item !important;
}
#footerNavi li a{
 color:#fff;
 text-decoration:underline;
}
#footerNavi li a:hover{
 color:#fff;
 text-decoration:none;
}
#footerNavi li.fn02{
 margin-left:15px;
 padding:0 5px 5px 15px;
 font-size:13px;
 color:#fff;
 text-align:left;
 background:url(../images/fnavi.jpg) 0 3px no-repeat;
}

#footerBtn{
 width:940px;
 margin:0 auto;
 margin-bottom:30px;
 padding: 0px 20px;
}
#footerBtn:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#footerBtn li{
 width:220px;
 margin-right:20px;
 float:left;
}
#footerBtn li.last{
 width:220px;
 margin-right:0;
 float:left;
}

#footBottom{
 width:940px;
 margin:0 auto;
 padding: 0px 20px;
}
#footBottom:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
/*
#fbLeft{
 width:250px;
 float:left;
}
*/
#fbLeft{
 width:570px;
 margin-left:20px;
 float:left;
}
#fbLeft p{
 font-size:13px;
 line-height:120%;
 color:#fff;
 text-align:left;
}
#fbRight{
 width:200px;
 float:left;
}
#fbRight02{
 width:120px;
 margin-left:20px;
 float:left;
}


/*-------------copyright-------------*/

#copyrightBox{
 width:940px;
 margin:0;
 padding:5px 20px 5px 20px;
}
#copyright{
 margin:0;
 padding:0;
 text-align:right;
 font-size:11px;
 color:#fff;
}

/*-------------pagetop-------------*/

#pageTop{
 padding-top:40px;
 padding-right: 20px;
 text-align:right;
}



/*------------- LP -------------*/

#contents #lpnavi {
 width:940px;
 height:60px;
 margin:0 auto;
 padding:0;
}
#contents #lpnavi:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#contents #lpnavi img {
 vertical-align:bottom;
}
#contents #lpnavi ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#contents #lpnavi ul li {
 float:left;
 list-style :none;
 margin: 0;
 padding:0;
}
#contents #lpnavi li a {
 margin:0;
 padding:0;
 display:block;
 outline: 0;
}

#lp_main_bg{
 width:940px;
 height:626px;
 margin:20px 0 40px 0;
 background:url(../images/lp_main.jpg) no-repeat;
}
#lp_main{
 padding-top:540px;
 margin-left:508px;
}

.btm_contact_box{
 width:938px;
 height:280px;
 margin:20px 0 40px 0;
 background:url(../images/lp_contact_bg.jpg) no-repeat;
}
.btm_contact{
 padding-top:184px;
 margin-left:360px;
}

#lp02_box{
 width:938px;
 height:1170px;
 margin:20px 0 40px 0;
 background:url(../images/lp_02_bg.jpg) no-repeat;
}
#lp02{
 width:800px;
 padding-top:140px;
 margin-left:55px;
 text-align:left;
}
