@charset "utf-8";



/* index
---------------------------------------------------------------------- */
#brand_box_left {
	width: 343px;
	margin: 12px 0 30px 0;
	float: left;
}
#brand_box_right {
	float: right;
	width: 343px;
	margin: 12px 0 0 0;
}
#brand_box_left h3 {
	margin:0 0 12px;
}
#brand_box_right h3 {
	margin:0 0 12px;
}

com_box h2 {
	clear:both;
	margin-top:20px;

}
#com_box h4#lineup {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1DB064;
	padding-bottom: 4px;
	margin-bottom: 8px;
	color: #093;
	font-weight: bold;
}

.c1_txtbox{
	float: left;
	margin-bottom: 16px;
	width: 706px;
}
.c1_txtbox img{
	float: right;
	margin-left: 10px;
}

.c1_txtbox2 {
	float:left;
	width:345px;
	margin-right:8px;
}
.c1_txtbox2 img {
	float:left;
	margin:0 10px 10px 0;
}
.c1_txtbox2 p {
	float:left;
	font-size:0.8em;
	width:220px;
	padding-bottom:15px;
}
#item_wrap { 
	overflow:hidden;
	}
#item_wrap .item_cate_right , 
#item_wrap .item_cate { 
	float:left;
	width:234px;
	margin-top:10px;
	overflow:hidden;
}
#item_wrap .item_cate {
	border-right:1px dashed #999;
}
#item_wrap p { 
	float:left;
	margin-left:2px;
}
*html div#item_wrap p { 
	margin-left:1px;
}
#item_wrap p.pb_m5 {
	margin-right:5px;
}
#item_wrap p.name { 
	margin-left:1px;
	display:block;
	width:100px;
	height:70px;
	font-size:0.8em;
	line-height:1.2em;
}
.item_box {
	overflow:hidden;
	padding-bottom:20px;
	width:232px;
}
.pb_m15 {
	margin:15px 0;
}


/*---ナビゲーション---*/

#com_box ul#menu  {
	background: url(../../pb/img/item/pbnavi_bg.gif) repeat-x top;
	display: block;
	height: 27px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom: 10px;
}
#com_box ul#menu li {
	float:left;
	list-style: none none;
}
#com_box ul#menu li.mauto {
	margin-left:85px;
}
*html div#com_box ul#menu li.mauto {
	margin-left:45px;
}
#com_box ul#menu li.link_icon {
	background: url(../../pb/img/item/pbnavi_per.gif) no-repeat right top;
	padding-right:7px;
}
#com_box ul#menu li#pv_naviright {
	float:right;
}


/*---お知らせ---*/

#com_box ul#news {
	clear: both;
	list-style-type: none;
	margin: 0 0 20px 0;
}
#com_box ul#news li {
	margin: 5px 10px;
	padding: 0 0 2px 0;
	list-style-type: none;
	border-bottom: dashed 1px #CCCCCC;
}
#com_box ul#news li#title {
	margin: 0 0 0 0;
	border-bottom: none;
}
#com_box ul#news li span {
	padding: 0 20px 0 0;
}


/*---下部リンクエリア---*/

.link_box{
	width: 707px;
}

.link_box ul li{
	width: 215px;
	float: left;
	padding-left: 20px;
	list-style-type: none;
	background: url(../../pb/img/c2_img_li.gif) no-repeat;
	background-position: 1px;
	margin-bottom: 10px;
}
.link_box li a {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #717171;
}
.link_boxli a:hover {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #F39;
}



/* お客様の声
---------------------------------------------------------------------- */

#customers_wrap {
	width:706px;
	overflow:hidden;
}
.customers_box_01 ,
.customers_box_02 ,
.customers_box_03 ,
.customers_box_04 {
	float:left;
	overflow:hidden;
	margin-top:15px;
}
#customers_wrap span.customers_head ,
#customers_wrap span.customers_foot {
	clear:left;
	display:block;
	width:344px;
	height:7px;
	font-size:0.1em;
}
#customers_wrap dl {
	width:344px;
	height:100%;
	min-height:100px;
	padding-top:10px;
}
#customers_wrap dt ,
#customers_wrap dd {
	float:left;
	font-size:0.8em;
}
*html div#customers_wrap dd.customer_text {
	height:65px;
}
#customers_wrap dt {
	clear:both;
	margin-left:6px;
	width:70px;
}

*html div#customers_wrap dt {
	margin-left:3px;
}
#customers_wrap dt.pb_customer {

}
#customers_wrap dd {
	width:250px;
	color:#00571F;
	padding-right:5px;
	padding-left:5px;
}
#customers_wrap dd span {
	display:block;
	text-align:right;
	padding:10px 0 0 0;
	color:#333;
}
.pb_topborder {
	border-top:2px solid #13a353;
	padding-top:4px;
}
.pb_m20 {
	float:left;
	width:15px;
}

/*---ボックス色設定---*/

.customers_box_01 .customers_head {
	background:url(../../pb/img/voice/pb_boxhead_01.gif) no-repeat bottom;
}
.customers_box_01 .customers_foot {
	background:url(../../pb/img/voice/pb_boxfoot_01.gif) no-repeat top;
}
.customers_box_01 {
	background:url(../../pb/img/voice/pb_boxbg_01.gif) repeat-y;
}

.customers_box_01 dl {
	background:url(../../pb/img/voice/pb_boxbg_01.gif) repeat-y;
}

.customers_box_02 .customers_head {
	background:url(../../pb/img/voice/pb_boxhead_02.gif) no-repeat bottom;
}
.customers_box_02 .customers_foot {
	background:url(../../pb/img/voice/pb_boxfoot_02.gif) no-repeat top;
}
.customers_box_02 {
	background:url(../../pb/img/voice/pb_boxbg_02.gif) repeat-y;
}

.customers_box_03 .customers_head {
	background:url(../../pb/img/voice/pb_boxhead_03.gif) no-repeat bottom;
}
.customers_box_03 .customers_foot {
	background:url(../../pb/img/voice/pb_boxfoot_03.gif) no-repeat top;
}
.customers_box_03 {
	background:url(../../pb/img/voice/pb_boxbg_03.gif) repeat-y;
}

.customers_box_04 .customers_head {
	background:url(../../pb/img/voice/pb_boxhead_04.gif) no-repeat bottom;
}
.customers_box_04 .customers_foot {
	background:url(../../pb/img/voice/pb_boxfoot_04.gif) no-repeat top;
}
.customers_box_04 {
	background:url(../../pb/img/voice/pb_boxbg_04.gif) repeat-y;
}




/* スギさん一家の紹介
---------------------------------------------------------------------- */

.sfamily_negam { margin-top:-7px; /*position:relative;	z-index:0;*/ }
.sfamily_m9 { margin:9px 0; }

#sfamily_wrap {
	margin-top:20px;
}

#sfamily_wrap div {
	width:344px;
	float:left;
	overflow:hidden
}
#sfamily_wrap div h4 {
	margin-top:18px;
}
#sfamily_wrap div h4,
#sfamily_wrap div dl{
	width:233px;
	float:right;
	overflow:hidden;
}
#sfamily_wrap div dl dt ,
#sfamily_wrap div dl dd {
	float:left;
	font-size:0.9em;
	margin:2px 0 ;
}
#sfamily_wrap div dl dt {
	width:34px;
	clear:left;
	color:#006633;
}
#sfamily_wrap div dl dd {
	width:190px;
}

#family_01 ,
#family_03 ,
#family_05 ,
#family_07 {
	margin-right:18px;
}

/*---家族毎BOX---*/

#family_01 {
	height:153px;
	background:url(../../pb/img/family/pb_wrapbg_01.gif) no-repeat;
}
#family_02 {
	height:153px;
	background:url(../../pb/img/family/pb_wrapbg_02.gif) no-repeat;
}
#family_03 {
	height:153px;
	background:url(../../pb/img/family/pb_wrapbg_03.gif) no-repeat;
}
#family_04 {
	height:153px;
	background:url(../../pb/img/family/pb_wrapbg_04.gif) no-repeat;
}
#family_05 {
	height:134px;
	background:url(../../pb/img/family/pb_wrapbg_05.gif) no-repeat;
}
#family_06 {
	height:134px;
	background:url(../../pb/img/family/pb_wrapbg_06.gif) no-repeat;
}
#family_07 {
	height:130px;
	background:url(../../pb/img/family/pb_wrapbg_07.gif) no-repeat;
}
#family_08 {
	height:130px;
	background:url(../../pb/img/family/pb_wrapbg_08.gif) no-repeat;
}
.c2_txtbox2 {
	float: left;
	width: 340px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}
.c2_txtbox2  p{
	float: left;
	width: 200px;
}
.setumei {
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	background-color: #F6F6EF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.setumei7l {
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	background-color: #F6F6EF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	height: 126px;
}

.catch {
	font-weight: bold;
}

.btnshop {
	position: absolute;
	height: 30px;
	width: 160px;
	float: left;
	left: 160px;
	top: 106px;
}

.btn {
	margin-top: 5px;
}

.point {
	font-size: 12px;
	color: #066;
	background-color: #D6DFC8;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.point img {
	margin-top: -15px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}
.point p {
}

.c2_txtbox2 img {
}
.ttl {
	margin-top: 5px;
}
.px10 {
	font-size: 10px;
	line-height: 12px;
}


.light  {
	float: left;
	width: 130px;
	height: 130px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.c2_txtboxsslect {
	float: left;
	width: 340px;
	margin-bottom: 10px;
	background-image: url(../../pb/img/osusume/bg_sselect.gif);
	background-position: top;
	position: relative;
	background-repeat: no-repeat;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
	margin-right: 4px;
	margin-left: 4px;
}
.c2_txtboxsunique {
	float: left;
	width: 340px;
	margin-right: 4px;
	margin-bottom: 10px;
	background-image: url(../../pb/img/osusume/bg_unnigue.gif);
	background-position: top;
	position: relative;
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
.c2_txtboxslumie {
	float: left;
	width: 340px;
	margin-right: 4px;
	margin-bottom: 10px;
	background-image: url(../../pb/img/osusume/bg_slumie.gif);
	background-position: top;
	position: relative;
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
.c2_txtboxtokusen {
	float: left;
	width: 340px;
	margin-right: 4px;
	margin-bottom: 10px;
	background-image: url(../../pb/img/osusume/bg_tokusen.gif);
	background-position: top;
	position: relative;
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}

#com_box .c2_txtboxsslect h4 {
	color: #063;
	font-weight: bold;
	margin-top: 65px;
	font-size: 10px;
	line-height: 12px;
}
#com_box .c2_txtboxsunique h4 {
	color: #063;
	font-weight: bold;
	margin-top: 65px;
	font-size: 10px;
	line-height: 12px;
}
#com_box .c2_txtboxslumie h4 {
	color: #063;
	font-weight: bold;
	margin-top: 65px;
	font-size: 10px;
	line-height: 12px;
}
#com_box .c2_txtboxtokusen h4 {
	color: #063;
	font-weight: bold;
	margin-top: 65px;
	font-size: 10px;
	line-height: 12px;
}
.EC_ttl {
	position:relative;
	background-image: url(../../pb/ec_img/pbec_h2_01.gif);
	height: 66px;
	width: 711px;
	margin-top: -7px;
}
.EC_ttl h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	padding-left: 64px;
	padding-top: 24px;
	font-weight: bolder;
	color: #FFF;
}
#EC_Box {
	clear: both;
	width: 707px;
	margin-bottom: 16px;
	display: block;
	height: 70px;
}
#EC_Box a img {
	float: left;
	padding-right: 20px;
}

#com_box .c1_txtbox p{
	line-height: 150%;
	font-size: 12px;
	margin-bottom: 14px;
}





.EC_ttl_2 {
	position:relative;
	background-image: url(../../pb/ec_img/pbec_h2_01.gif);
	height: 66px;
	width: 711px;
	margin-top: -7px;
}
.EC_ttl_2 h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	padding-left: 64px;
	padding-top: 24px;
	font-weight: bolder;
	color: #FFF;
}