/********************
Yui font css
********************/
body { font:13px/1.5 arial, helvetica, clean, sans-serif; *font-size:small;/* for IE */
 *font:x-small;/* for IE in quirks mode */
}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
/********************
reset browsers default css
********************/

/********************
Universal selecter
********************/
* { margin: 0; padding: 0; }
/********************
html, body
********************/
html { height:100%; }
html>/**/body { overflow:-moz-scrollbars-vertical; }
html:first-child body { min-height:100%; padding-bottom:1px; }
/********************
table
********************/
table { border-collapse:collapse; border:none; border-spacing:0; }
th, td { vertical-align:top; font-weight:normal; text-align:left; }
caption { text-align:left; }
/********************
list
********************/
ul, ol, dl { list-style:none; }
li { display:list-item; }
/********************
img, object
********************/
img, a img { vertical-align:bottom; border:none; background:transparent; }
object, embed { vertical-align:top; }
/********************
form
********************/
fieldset { border:none; }
/********************
text style
********************/
em, address, dfn { font-style:normal; }
ul ul, ul dl, dl ul, table p, table ul, table table { font-size:100%; }
/********************
hr, other
********************/
hr { height:0px; margin:7px 0; border:none; border-top:1px solid #000; }
* html hr {/* for -IE6 */ margin:0; }
*:first-child+html hr {/* for IE7 */ margin:0; }
/********************
float fix
********************/
.clearfix:after { /*--for modorn brouser--*/ content: "."; display: block; line-height: 0; clear: both; height: 0; color: transparent; visibility: hidden; }
.clearfix { /*--IE 5.5-7--*/ zoom:1; }
/********************
hide outline
********************/	
a, a img { outline: 0; overflow:hidden; }
/********************
end of reset css
********************/

/********************
1. Common Setting
2. Basic layout
********************/

/********************
1. Common Setting
********************/
body { width: 100%; background: #fff url('') repeat-y top center; color: #333; }
.float_l { display: inline; float: left; }
.float_r { display: inline; float: right; }
/*IE6*/
.n_margin { margin-right:-3px; }
.clr { clear: both; }
.alt　 { display: none; }
.hdn { visibility: hidden; }
.none { display: none; }
/* Text
------------------------------------------ */
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.fs01 { font-size: 78%; line-height: 1.3; }
.fm01 { font-size: 85%; }
.fl01 { font-size: 114%; }
.fl02 { font-size: 128%; }
.accent1 { color: #900; }
.accent2 { color: #004; }
.accent3 { color: #21663b; font-family: Arial; font-size: 153.9%; }
.clr1 { color:#482f17; }
.clr2 { color:#6b6a46; }
.clr3 { color:#da3300; }
/********************
2. Basic layout
********************/

/* Margin
------------------------------------------ */
.mgt0 { margin-top: 0 !important; }
.mgt1 { margin-top: 1px !important; }
.mgt2 { margin-top: 2px !important; }
.mgt3 { margin-top: 3px !important; }
.mgt4 { margin-top: 4px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt8 { margin-top: 8px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt50 { margin-top: 50px !important; }
/* Padding
------------------------------------------ */
.pdt0 { padding-top:0 !important; }
.pdt1 { padding-top:1px !important; }
.pdt2 { padding-top:2px !important; }
.pdt3 { padding-top: 3px !important; }
.pdt4 { padding-top: 4px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt8 { padding-top: 8px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt50 { padding-top: 50px !important; }
/********************
end of common css
********************/

/********************
warpper
********************/

.rollover75:hover { opacity:0.75; }
.rollover75:hover { filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=60);
}/*IE*/
html { background-color:#000; }
body { background:url(../../../../media/background.gif) repeat; }
#wrapper { width:960px; margin:0 auto; }
/********************
left navi
********************/

#l-navi { float:left; position:relative; }
.logo { position:absolute; left:4px; top:0px; }
#list01 { margin-top:165px; margin-bottom:18px; }
#product_list { width:230px; background:url(../../../../media/left_back.png) repeat-y right; }
#product_list #product { background:url(../../../../media/product_back.png) no-repeat; }
#product_list #product h4, #product_list #product p { padding-top:20px; padding-left:10px; width:140px; }
#product_list #product .cart_btn { text-align:right; }
#product_list #product_hr { height:50px; width:162px; background:url(../../../../media/product_backend.png) no-repeat; }
#list02 { }
/********************
main content
********************/

#content { float:left; width:720px; background:url(../../../../media/main_top.png) no-repeat top; }
#g-navi { margin-left:210px; margin-top:16px; width:510px; height:63px; }
#g-navi li { float:left; }
#main01 { }
#news { margin-top:12px; height:92px; width:710px; background:url(../../../../media/news.png) no-repeat; }

/*#news dl { padding-top:12px; width:560px; padding-left:150px; height:75px; overflow:auto; }*/
/*#news dl dt { width:6em; color:#877d37; font-weight:bold; float:left; font-size: 128%; }*/
/*#news dl dd { color:#444444; font-size: 119%; font-weight:bold; }*/

#news #info { padding-top:12px; width:560px; padding-left:150px; height:75px; overflow:auto; font-weight:bold; }

#main02, #main03, #main04 { position:relative; }
#main02 { }
#main02 p { position: absolute; left:11px; top:216px; }
#main03 { }
#main03 .btn1 { position: absolute; left:11px; top:307px; }
#main03 .btn2 { position: absolute; left:372px; top:307px; }
#main04 { }
#main04 p { position: absolute; left:9px; top:48px; }
/*IE6*/
* html #main04 p { position: absolute; left:-700px; top:48px; }
#main04 .btn { position: absolute; left:11px; top:220px; }
/*IE6*/
* html #main04 .btn { position: absolute; left:-700px; top:220px; }
#footer { margin:0 auto; width:960px; height:130px; position:relative; }
/********************
footer,copyright
********************/

#footer .copy { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align:right; color:#FFF; position:absolute; left:670px; top:120px; }
#footer .addres { font-weight:bold; text-align:left; color:#FFF; position:absolute; top:90px; left:0px; }
#footer_wrapper { height:136px; clear:both; background:url(../../../../media/footer_back.png) repeat-x bottom; }


/********************
商品詳細
********************/

.col1{ padding:1.5em; width:350px; float:left;}
.col2{ float:left; padding-top:10px; width:200px;}

.col1_b{ padding:1.5em; width:300px; float:left;}
.col2_b{ float:left; padding-top:10px; width:300px;}


/********************
特定商取引
********************/

#tokuteisyou dl{ padding:1.5em 0; border-bottom:#a9a9a9 1px solid; margin-left:20px; margin-right:10px;}

#tokuteisyou dl dt{ float:left; width:200px; font-weight:bold;}

#tokuteisyou dl dd{ float:left; width:430px;}



/********************
米づくりページ
********************/
#kometukuri_all{
	 width: 700px;
	line-height: 1.5;
}
#kometukuri_all h3{
	margin: 0 0 10px 0;
}



.kometukuri_photo{
	display:inline;
	float:left;
	width: 160px;
	margin: 0 0 10px 0;
}

.kometukuri_text{
	display:inline;
	float:right;
	width: 520px;
	margin: 0 0 10px 0;
}

.product_item{
	width: 220px;
	display:inline;
	float:left;
	margin: 0 0 10px 10px;
	bottom:1px dashed #7c995e;
}

/********************
こだわり
********************/
#kodawari{
	width: 680px;
}



#kodawari .float_l{
	display:inline;
	float:left;
	width: 460px;
}

#kodawari .float_r{
	display:inline;
	float:right;
	width: 200px;
}

#kodawari p{
	line-height: 1.5;
	margin: 0 0 1.5em 0;
}

#kodawari h4{
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #a39a77;
}


/********************
会社案内
********************/
#sakutuke{
	width:  700px;
	margin:  10px 0 0 010px;
}


#sakutuke th,
#sakutuke td{
	width:  50%;
	padding:  5px;
	border: 1px solid #886952;
	text-align: center;
}

#sakutuke th{
	background: #f1eacd;
}

#sakutuke td{
	background: #d1e5b2;
}


/********************
リンクページ
********************/
#link_box{
	width:  700px;
	height: 253px;
	padding: 120px 0 0 0;
	background: url('../../../../media/bg_link.png?20110726160030') no-repeat;
}

.recruit_section h3{
	font-size:24px;
}
.recruit_section h4{
	font-size:18px;
}
.recruit_section th,td{
	border:1px solid #666;
	padding:5px;
}
.recruit_section th{
	width:150px;
}
.staff_box{
  width:40%;
  margin:0 2% 20px;
  float:left;;
  padding:3%;
  height:375px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+57,fce6c4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 57%, #fce6c4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 57%,#fce6c4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 57%,#fce6c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fce6c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  box-shadow:2px 2px 5px rgba(0,0,0,0.6);
}
.staff_box img{
  max-width:80%;
  height:auto;
  margin:0 10% 15px;
  display:block;
}
.staff_box td{
  border:0 !important;
  vertical-align:top !important;
  padding:5px !important;
}
.staff_box th{
  min-width:60px;
  vertical-align:top !important;
  padding:5px !important;
}
.staff_section h4{
font-size:18px;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  padding:10px 0 15px 15px;
}