@charset "utf-8";

body{
	background:#5D7722;
	}
div#wrapper{
	width:936px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	}

.brBold {
	color:#DA0707;
	font-weight:bold;
}/* 白太字 */
.brBigBold {
	color:#DA0707;
	font-size:1.5em;
	font-weight:900;
}
.brBigBold2 {
	color:#DA0707
	font-size:1.3em;
	font-weight:900;
}
.brBold120 {
		color:#DA0707;
	font-weight:bold;
	font-size:1.2em;
}
.whBold {
	color:#FFFFFF;
	font-weight:bold;
}/* 白太字 */
.bkBold {
	font-weight:bold;
}/* 黒太字 */
.bkUnder {
	text-decoration:underline
}/* 黒下線 */
.bkBig {
	font-size:1.5em;
}/* 黒大きい */
.bkBigBold {
	font-size:1.5em;
	font-weight:900;
}/* 黒大きい太字 */
.bkBigBold2 {
	font-size:1.3em;
	font-weight:900;
}/* 黒大きい太字 */
.whBigBold2 {
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:900;
}/* 黒大きい太字 */
.bkSp {
	font-size:2em;
}
/* 黒特大 */
.bkYell {
	background-color:#FFCC00;
}
/* 黒太字網掛け黄色 */
.rdSmall {
	color:#FF0000;
	font-size:0.85em;
}/* 赤太字 */
.rdBold {
	color:#FF0000;
	font-weight:bold;
}/* 赤太字 */
.rdUnder {
	color:#FF0000;
	text-decoration:underline
}/* 赤下線 */
.rdBig {
	color:#FF0000;
	font-size:1.5em;
}/* 赤大きい */
.rdSp {
	color:#FF0000;
	font-size:2em;
}/* 赤特大 */
.rdSpBold {
	color:#FF0000;
	font-size:2em;
	font-weight:900;
}/* 赤特大太字 */
.bkSpBold {
	font-size:2em;
	font-weight:900;
}/* 黒特大太字 */
.blBold {
	color:#0000ff;
	font-weight:bold;
}/* 青太字 */
.blSmall {
	color:#0000ff;
	font-size:0.85em;
}/* 赤太字 */
.blUnder {
	color:#0000ff;
	text-decoration:underline
}/* 青下線 */
.blBig {
	color:#0000ff;
	font-size:1.5em;
}/* 青大きい */
.blSp {
	color:#0000ff;
	font-size:2em;
}/* 青特大 */
.blSpBold {
	color:#ff6600;
	font-size:2em;
	font-weight:900;
}/* オレンジ特大太字 */
.bkBold120 {
	font-weight:bold;
	font-size:1.2em;
}

.rdBold {
	color:#FF0000;
	font-weight:bold;
}/* 赤太字 */
.bkSmall {
	font-size:0.85em;
}
.bkSmall2 {
	font-size:0.95em;
	line-height:1.7em;
}
.rdPhone {
	color:#B90000;
	font-size:1.80em;
	font-weight:bold;
}
/*
header
--------------------------------*/	
div#header{
	padding-top:3px;
	}
div#siteTitle{
	width:600px;
	margin-bottom:3px;
	float:left;
	}
div#siteTitle h1{
	font-size:0.75em;
	margin-left:5px
	}
div#siteTitle p{
	font-size:2em;
	font-weight:bold;
	}
div#phoneNumber{
	width:200px;
	float:right;
	}
div#phoneNumber p span{
	font-size:1.75em;
	font-weight:bold;
	}
div#mainVisual{
	clear:both;
	width:100%;
	height:180px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
div#catchArea{
	padding:60px 15px 0 15px;
	}
div#catchArea .catch{
	font-size:1.5em;
	font-weight:bold;
	}
div#catchArea .read{
	font-size:1.1em;
	font-weight:bold;
	}


/*
グランドメニュー部分
--------------------------------*/	
div#wrapper #mainMenu{
	width:100%;
	margin-top:5px;
	}
div#wrapper #mainMenu li a:link{color:#0f0f0f;}/* リンクの色 */	
div#wrapper #mainMenu li a:visited{color:#0f0f0f;}/* 訪問済リンクの色 */
div#wrapper #mainMenu li a:hover,
div#wrapper #mainMenu li a:active{color:#ff3333;}/* カーソルをあわせた時のリンクの色 */		
div#wrapper #mainMenu li{
	float:left;
	text-align:center;
	}
div#wrapper #mainMenu li a{
	display:block;
	width:156px;
	height:35px;
	padding-top:15px;
	background:url(../image_g/menu.jpg);
	text-decoration:none;
	}
div#wrapper #mainMenu li.gNavi01 a{
	background-position:780px 0px;
	}
div#wrapper #mainMenu li.gNavi02 a{
	background-position:780px 0px;
	}
div#wrapper #mainMenu li.gNavi03 a{
	background-position:156px 0px;
	}
div#wrapper #mainMenu li.gNavi01 a:hover{
	background-position:780px -50px;
	}
div#wrapper #mainMenu li.gNavi02 a:hover{
	background-position:780px -50px;
	}
div#wrapper #mainMenu li.gNavi03 a:hover{
	background-position:156px -50px;
	}

/*
contents
--------------------------------*/	
div#contents{
	clear:both;
	margin:0 20px;
	padding-top:15px;
	}
div#leftArea{
	float:left;
	width:240px;
	}
div#rightArea{
	width:640px;
	float:right;
	}

/*
mailMagazine
--------------------------------*/
div#mailMagazine{
	width:240px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../image_g/sidearea_01_bottom.jpg) no-repeat left bottom;
	}
div#mailMagazineTitle{
	height:42px;
	padding-top:0px;
	text-align:center;
	background:url(../image_g/sidearea_01_top.jpg) no-repeat left top;
	}
div#mailMagazineTitle p{
	padding-top:12px;
	}
div#mailMagazineTxt{
	margin:10px 10px 5px 10px;
	}
div#mailMagazineForm{
	width:220px;
	margin:0 auto;
	text-align:center;
	}
div#mailMagazineForm ul li.radioBtn{
	float:left;
	clear:both;
	display:inline;
	margin:0 0 6px 40px;
	}
div#mailMagazineForm ul li.nameForm{
	float:left;
	clear:both;
	display:inline;
	margin:0 0 6px 20px;
	}
div#mailMagazineForm	form{
	margin:0;
	}
div#mailMagazineForm	form input.mailMaga{
	vertical-align:middle;
	}	
	
/*
freeArea
--------------------------------*/
.freeArea{
	width:240px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../image_g/sidearea_02_bottom.jpg) no-repeat left bottom;
	}
.freeAreaHead{
	height:36px;
	padding-top:0px;
	text-align:center;
	background:url(../image_g/sidearea_02_top.jpg) no-repeat left top;
	}
.freeAreaHead p{
	padding-top:9px;
	}
.freeAreaTxt{
	margin:10px 10px 5px 10px;
	}


/*
freeArea2
--------------------------------*/
.freeArea2{
	width:240px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../image_g/sidearea_03_bottom.jpg) no-repeat left bottom;
	}
.freeAreaImg{
	margin-top:10px;
	text-align:center;
	}
.freeArea2Head{
	height:36px;
	padding-top:0px;
	background:url(../image_g/sidearea_03_top.jpg) no-repeat left top;
	}
.freeArea2Head p{
	padding-top:9px;
	margin-left:20px;
	}
.freeArea2Txt{
	margin:10px 10px 5px 10px;
	}


/*
左サイドのテキストバナー
--------------------------------*/
div#wrapper .txtBnr{
	width:240px;
	margin:0 auto;
	text-align:center;
	}

div#wrapper .txtBnr p a{
	display:block;
	width:240px;
	height:87px;
	padding-top:15px;
	background:url(../image_g/bnr.jpg) no-repeat left top;
	color:#FFFFFF;
	text-decoration:none;
	}
div#wrapper .txtBnr p a:hover{
	background-position:0 -102px;
	}



	
/*
sideMenu
--------------------------------*/
div#sideMenu{
	margin-bottom:15px;
	}
div#sideMenuTitle{
	border-top:1px solid #555;
	border-bottom:2px solid #739B19;
	}
div#sideMenuTitle p{
	padding:8px 0;
	margin-left:10px;
	}
div#sideMenuList li{
	margin-left:10px;
	padding:8px 0 8px 10px;
	border-bottom:1px dotted #999;
	background:url(../image_g/link.gif) no-repeat left 13px;
	}
	

/*
sideMenu2
--------------------------------*/
div#sideMenu2{
	margin-bottom:15px;
	background:url(../image_g/sidearea_03_bottom.jpg) no-repeat left bottom;
	}
div#sideMenuTitle2{
	height:36px;
	background:url(../image_g/sidearea_03_top.jpg) no-repeat left top;
	}
div#sideMenuTitle2 p{
	padding:8px 0;
	margin-left:20px;
	}
div#sideMenuList2 li{
	padding:8px 0 8px 20px;
	border-bottom:1px solid #ccc;
	background:url(../image_g/link.gif) no-repeat 10px 13px;
	}


/*
pagetitle
--------------------------------*/
div#pageTitle {
	width:640px;
	margin-bottom:15px;
	background-image: none;
}
div#pageTitle h2 {
	padding:15px 0 0 10px;
	font-size:1.9em;
	font-weight:bold;
	color:#47210d;
	line-height: 1.3em;
}
div#pageTitle2 {
	width:640px;
	height:50px;
	margin-bottom:15px;
	background-image: none;
}
div#pageTitle2 h2 {
	padding:15px 0 0 10px;
	font-size:1.9em;
	font-weight:bold;
	color:#47210d;
	line-height: 1.3em;
}
div#pageTitle3 {
	width:640px;
	height:50px;
	margin-bottom:15px;
	background-image: url(../image_g/green_btn.jpg);
	background-repeat: no-repeat;
}
div#pageTitle3 h2 {
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	line-height: 1.3em;
	text-align: center;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
div#pageTitle4 {
	width:640px;
	margin-bottom:15px;
	background-image: none;
}
div#pageTitle4 h2 {
	padding:15px 0 0 10px;
	font-size:1.9em;
	text-align: center;
	font-weight:bold;
	color:#47210d;
	line-height: 1.3em;
}

div#pageTitle7{
	width:640px;
	height:60px;
	background:url(../image_g/title_01.jpg) no-repeat left top;
	margin-bottom:15px;
	text-align: center;
	}
div#pageTitle7 h2{
	padding:15px 0 0 10px;
	font-size:1.6em;
	font-weight:bold;
	color:#739B19;
	}
div#topics h3 {
	margin-bottom: 20px;
	padding-top: 20px;
}
	
	
/*
midashi_L
--------------------------------*/
.midashiL{
	width:640px;
	height:40px;
	background:url(../image_g/title_02.jpg) no-repeat left top;
	margin-bottom:15px;
	text-align: center;
	}
.midashiL h3{
	padding:5px 0 0 10px;
	font-size:1.5em;
	font-weight:bold;
	color:#739B19;
	}
	.midashiL2{
	width:640px;
	height:40px;
	background:url(../image_g/title_02.jpg) no-repeat left top;
	margin-bottom:15px;
	text-align: center;
	}
.midashiL2 h3{
	padding:5px 0 0 10px;
	font-size:1.2em;
	font-weight:bold;
	color:#739B19;
	}
.midashiL3 {
	width:640px;
	height:302px;
	margin-bottom:15px;
	padding: 0px;
}
.midashiL4 {
	width:640px;
	height:250px;
	margin-bottom:15px;
	padding: 0px;
}
.midashiL5 {
	width:640px;
	height:350px;
	margin-bottom:15px;
	padding: 0px;
}

/*
mawarikomi txt
--------------------------------*/
.imgTxt{
	overflow:hidden;
	margin-bottom:15px;
	}
.imgTxt p{	
	}
.imgTxt img{
	margin:0 10px 10px 10px;
	float:right;
	display:inline;
	}
	
.imgTxtArea{
	margin-bottom:15px;
	background:url(../image_g/mainarea_bottom.jpg) no-repeat left bottom;
	}
.imgTxtAreaHead{
	overflow:hidden;
	width:640px;
	padding-top:10px;
	background:url(../image_g/mainarea_top.jpg) no-repeat left top;
	}
.imgTxtAreaHead img{
	margin:0 10px 10px 10px;
	float:left;
	display:inline;
	}
.imgTxtAreaHead p{
	}
	

/*
お客さまの声
--------------------------------*/
.voiceAreaB,
.voiceAreaY,
.voiceAreaG{
	margin-bottom:15px;
	padding-top:10px;
	border:1px solid #bbb;
	}

		/*背景色の指定はuser.cssで行なっています*/

.voiceAreaB img,
.voiceAreaY img,
.voiceAreaG img{
	float:left;
	display:inline;
	margin:0 10px 10px 10px;
	}
	.voiceTitle {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}
	
	

/*
dl dt dd
--------------------------------*/
div#rightArea dl{
	overflow:hidden;
	width:640px;
	margin-bottom:15px;
	}
div#rightArea dl dt{
	float:left;
	clear:both;
	margin-top:10px;
	font-weight:bold;
	}
div#rightArea dl dd{
	margin-top:10px;
	padding:0px 0px 10px 150px;
	border-bottom:1px solid #999;
	}
	

	
/*
table
--------------------------------*/
table{
	width:640px;
	margin:0 0 15px 0;
	border:1px solid #bbb;
	}
table th{
	text-align:center;
	padding:5px;
	background-color:#f8f8f8;
	border:1px solid #bbb;
}	
table td{
	text-align:left;
	padding:5px;
	background-color:#fff;
	border:1px solid #bbb;
}	

	/*その他の背景色の指定はuser.cssで行なっています*/



/*
フォーム
--------------------------------*/
.formTh{
	width:180px;
	}
.formTd{
	text-align:left;
	}
.formTd .rdSmall{
	margin-left:10px;
	}
#formBtn{
text-align:center;
	}
#input{
	margin-right:15px;
	}
#d-ic{
	margin-top:20px;
	font-size:0.8em;
	color:#CCCCCC;
	}




/*
右側エリア各種パーツ
--------------------------------*/	

div#rightArea p{
	margin:0 10px 10px 10px;
	font-size: 14px;
	}
div#rightArea .link{
	background:url(../image_g/link.gif) no-repeat left 5px;
	padding-left:10px;
	}
	
	
	
/*
各種リスト
--------------------------------*/	
div#rightArea ul{
	margin:0 0 15px 10px;
	}
div#rightArea li{
	background:url(../image_g/mark_list.jpg) no-repeat left 6px;
	padding-left:10px;
	}
div#rightArea li.checkRedBox{
	background:url(../image_g/listCheck_redBox.gif) no-repeat left 5px;
	padding-left:13px;
	}
div#rightArea li.checkRe{
	background:url(../image_g/listCheck_red.gif) no-repeat left 5px;
	padding-left:13px;
	}
div#rightArea li.checkBl{
	background:url(../image_g/listCheck_bl.gif) no-repeat left 5px;
	padding-left:13px;
	}
div#rightArea li.checkYe{
	background:url(../image_g/listCheck_ye.gif) no-repeat left 5px;
	padding-left:13px;
	}
div#rightArea li.checkGr{
	background:url(../image_g/listCheck_gr.gif) no-repeat left 5px;
	padding-left:13px;
	}


/*
商品リスト
--------------------------------*/	
.item_list{
	width:100%;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
	border-bottom:1px solid #999;
	}
.item_list_left{
	width:165px;
	float:left;
	}
.item_list_left img{
	padding:3px;
	border:1px solid #ccc;
	}
.item_list_info{
	width:470px;
	float:right;
	}
.item_list_info img{
	float:left;
	margin-right:10px;
	}
.intoCart{
	margin-top:10px;
	}
.buyBtnArea{
	width:100%;
	margin-top:10px;
	overflow:hidden;
	}
.itemBtn{
	width:146px;
	margin-left:10px;
	}
.itemBtn2 {
	width:180px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: right;
}
	


/*
商品詳細
--------------------------------*/	
.item_detail{
	width:100%;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
	border-bottom:1px solid #999;	
	}
.item_detail_left{
	width:294px;
	float:left;
	}
.item_detail_left img{
	margin-bottom:10px;
	display:inline;
	padding:3px;
	margin-right:2px;
	border:1px solid #ccc;
}



/*
ボタン
--------------------------------*/	
div#wrapper .btnSmall{
	width:201px;
	margin:0 auto;
	text-align:center;
	}
div#wrapper .btnSmall p a{
	display:block;
	width:201px;
	height:32px;
	padding-top:15px;
	background:url(../image_g/btn_03.jpg) no-repeat left top;
	color:#FFFFFF;
	text-decoration:none;
	}
div#wrapper .btnSmall p a:hover{
	background-position:0 -47px;
	}
div#wrapper .btn{
	width:414px;
	margin:0 auto;
	text-align:center;
	}
div#wrapper .btn a{
	display:block;
	width:414px;
	height:39px;
	padding-top:15px;
	background:url(../image_g/btn_01.jpg) no-repeat left top;
	color:#FFFFFF;
	text-decoration:none;
	}
div#wrapper .btn a:hover{
	background-position:0 -54px;
	}



/*
ランキング
--------------------------------*/	
.ranking{
	width:100%;
	background:url(../image_g/bg_ranking_bottom.jpg) no-repeat left bottom;
	overflow:hidden;
	margin-bottom:20px;
	}
.rankingTop{
	width:100%;
	background:url(../image_g/bg_ranking_top.jpg) no-repeat left top;
	overflow:hidden;
	}
.rankingBox{
	width:206px;
	float:left;
	margin-top:13px;
	margin-right:4px;
	padding:0 3px;
	}
.rankingBox2{
	width:206px;
	float:left;
	margin-top:13px;
	padding-left:2px;
	}
.rankingTitle{
	padding-left:25px;
	}
.rankingImg{
	padding-top:10px;
	}
div .rankingTitleA {
	margin-bottom: 20px;
	padding-top: 30px;
}
.listTop {
	width:100%;
	overflow:hidden;
	background-image: url(../image_g/products/bg_list_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.listTitle {
	padding-left:2px;
}


/*
バナー画像の配置
--------------------------------*/			
.bnrImgLeft{
	margin:0 auto 15px;
	text-align:left;
	}
.bnrImgCenter{
	margin:0 auto 15px;
	text-align:center;
	}
.sideBnr{
	margin:0 auto 15px;
	text-align:left;
	}


/*
フッター
--------------------------------*/		
div#footer{
border-top:1px solid #bbb;
padding-top:15px;
width:900px;
margin:0 auto;
text-align:center;
font-size: 0.8em;
}
address {
	padding-top:15px;
	padding-bottom:30px;
	}
/*
お買い物ガイド
--------------------------------*/	
.tilteCenter {
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tilteCenter2 {
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 30px;
}
.tilteCenter3 {
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.guideText {
	width: 577px;
	margin: 0px;
	padding-left: 25px;
}
.guideText2 {
	width: 577px;
	margin: 0px;
	padding-left: 25px;
	font-size: x-small;
}

.imgTxtAreaHead p {
	padding-left: 50px;
}
#gotoTop {
	font-size: 0.7em;
	text-align: right;
	text-transform: lowercase;
	height: 40px;
.contentsPrice {
	text-align: right;
	width: 640px;
}
.center {
	text-align: center;
}