@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////////////
CSS初期化
/////////////////////////////////////////////////////////////////////////*/
html{height:100%;width:100%;}
body {text-align:center;font-size:62.5%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;}
img {border:none;}
hr {display:none;}
ul {list-style:none;}
.alt{position:absolute;top:-5000px;left:-9999px;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

/*float設定*/
.floatL {float:left;}
.floatR {float:right;}
.clearfloat {height:1px;font-size:1%;clear:both;display:block;background: transparent;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.tCenter {text-align:center !important}
.tRight {text-align:right !important}
.tLeft {text-align:left !important}
/*font-size*/
.f180 {font-size:180% !important;}
.f140 {font-size:140%;}
.f120 {font-size:120%;}
.f110 {font-size:110%;}
.f90 {font-size:90%;}
.f85 {font-size:85%;}

.gothic {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, "メイリオ",Meiryo, sans-serif;}
.mincho{ font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

/*////////////////////////////////////////////////////////////////////////*/
/*共通CSS*/

body {
	height:100%;
	width:100%;
	min-width:906px;
	margin:0px auto;
	padding:0px;
	line-height:220%;
	color:#333;
	background:#fff;
}

a:link {color:#C78903;text-decoration:none;}
a:visited {color:#C78903;text-decoration:none;}
a:active {color:#1e295f;text-decoration: none;}
a:hover {color:#1e295f;text-decoration: none;}

.cRed{color:#E50012;}
.cGreen{color:#84961c;}
.cBlue{color:#182987;}
p{line-height:1.5em;}


#CONTAINER{width:900px; margin:0 auto;}
#HEADER{ padding-bottom:10px; position:relative;}
#HEADER h1{width:900px;height:194px;background:url(../img/header.jpg) no-repeat;}
#HEADER .btnfax{position:absolute;top:170px;left:680px;}
#HEADER .btnfax a{width:80px;height:16px;background:url(../img/btnfax.png) no-repeat; display:block;}
#HEADER .btnfax a:hover{
		opacity: 0.70;
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";}

ul#menu{width:1000px; margin:10px auto;}
ul#menu li{width:140px; float:left; padding:5px;}
ul#menu li a{width:140px; border-top:3px solid #EFCC7E;border-bottom:3px solid #EFCC7E; display:block; font-size:170%; padding:8px 0 5px;color:#C78903;}
ul#menu li a:hover{color:#1e295f;border-top:3px solid #787fa1;border-bottom:3px solid #787fa1;}
#TOPPAGE ul#menu li.m1 a,
#FEATURE ul#menu li.m2 a,
#ITEMS ul#menu li.m3 a,
#GB ul#menu li.m4 a,
#FORSTORE ul#menu li.m5 a,{color:#1e295f;border-top:3px solid #787fa1;border-bottom:3px solid #787fa1;}

#MAINAREA{padding:0 0 20px 0;}

#LEFTAREA{ width:220px; float:left;}
	#LEFTAREA ul.bnrarea li{margin-bottom:10px;}
	#LEFTAREA ul.bnrarea li a{ width:220px;display:block;}

	#LEFTAREA ul.bnrarea li a:hover{
		opacity: 0.70;
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";}
	#LEFTAREA ul.bnrarea li.fax a{ height:220px; background:url(../img/fax.png) no-repeat;}
	#LEFTAREA ul.bnrarea li.gnavi a{ height:68px; background:url(../img/bnr4.jpg) no-repeat;}
	#LEFTAREA ul.bnrarea li.rakuda a{ height:82px; background:url(../img/bnr9.png)no-repeat;}
	#LEFTAREA ul.bnrarea li.yahoo a{ height:70px; background:url(../img/bnr8.png) no-repeat;}
	#LEFTAREA ul.bnrarea li.amazon a{ height:70px; background:url(../img/bnr5.png) no-repeat;}
	#LEFTAREA ul.bnrarea li.gentei a{ height:140px; background:url(../img/bnr6.jpg) no-repeat;}
	#LEFTAREA ul.bnrarea li.mmart a{ height:70px; background:url(../img/bnr7.png) no-repeat;}
        #LEFTAREA ul.bnrarea li.mmartd a{ height:70px; background:url(../img/bnr89.png) no-repeat;}
        #LEFTAREA ul.bnrarea li.gs a{ height:70px; background:url(../img/bnr99.png) no-repeat;}
　　  #LEFTAREA ul.bnrarea li.wowma a{ height:82px; background:url(../img/bnr10.png) no-repeat;}
　　　#LEFTAREA ul.bnrarea li.un a{ height:70px; background:url(../img/bnr99.png) no-repeat;}
　　　#LEFTAREA ul.bnrarea li.bnr4 a{ height:380px; background:url(../img/bnr2.jpg) no-repeat;}
	#LEFTAREA ul.bnrarea li.bnr1 a{ height:380px; background:url(../img/bnr1.jpg) no-repeat;}
	#LEFTAREA ul.bnrarea li.bnr2 a{ height:275px; background:url(../img/bnr2.jpg) no-repeat;}
	#LEFTAREA ul.bnrarea li.bnr3 a{ height:315px; background:url(../img/bnr3.jpg) no-repeat;}
	#LEFTAREA ul#bnrarea li a{ width:220px;display:block;}

	#LEFTAREA .company,#LEFTAREA .inquiry{margin-bottom:5px; border:1px solid #1e295f; padding:1px;}
	#LEFTAREA .company a,#LEFTAREA .inquiry a{padding:10px; background:url(../img/bgptrn1.png) repeat center center; display:block; color:#fff; font-size:160%;}
	#LEFTAREA .company a:hover,#LEFTAREA .inquiry a:hover{
		opacity: 0.70;
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";}
		

#RIGHTAREA{ width:640px; float:right;}
#mainimage{width:640px;height:500px; background:url(../img/mainimage.jpg) no-repeat center center;}

#RIGHTAREA p{ font-size:140%; text-align:left;}
#RIGHTAREA h2{ font-size:280%; color:#E50012; font-weight:normal; text-align:left; margin:10px auto 20px auto;}

ul.ttl li{width:305px; float:left; margin:0 0 20px 0; padding:0;}
ul.ttl li.tl1,ul.ttl li.tl3{ margin-right:20px;}
ul.ttl li h3{width:305px; height:60px; background:url(../img/ttl.png);}
ul.ttl li.tl1 h3{ background-position:0 0;}
ul.ttl li.tl2 h3{ background-position:0 -60px;}
ul.ttl li.tl3 h3{ background-position:0 -120px;}
ul.ttl li.tl4 h3{ background-position:0 -180px;}
ul.ttl li p{ font-size:140%; text-align:left; margin-bottom:10px; padding:0 !important; }
ul.ttl li .link{text-align:center !important;margin-bottom:20px;}
ul.ttl li .link a{background:#C78903; color:#fff; display:inline-block; padding:2px 15px;}
ul.ttl li .link a:hover{background:#1e295f;}

.faxbase{width:575px;height:230px; background:url(../img/fax_base.png) -5px 0; position:relative; margin:0 auto;}
.faxbase .faxbutton{ position:absolute;top:160px;left:108px;}
.faxbase .faxbutton a{width:378px;height:45px; background:url(../img/gift_fax.png); display:block;}
.faxbase .faxbutton a:hover{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";}


#FOOTER{padding:15px 0 50px 110px; margin:10px auto; border-top:5px solid #1e295f; text-align:left; background:url(../img/footer.png) no-repeat left 10px;}
#FOOTER ul li{ display:inline; border-right:1px solid #ccc; padding:0 5px; font-size:110%;}
#FOOTER p{font-size:110%; margin-top:10px;}
/*
	仙台漬魚のこだわり #FEATURE
*/
#featureimage{width:575px;height:340px;background:url(../feature/img/feature_image.jpg) no-repeat center center; margin:0 auto;}
#FEATURE #RIGHTAREA h3{width:270px;height:40px;background:url(../feature/img/feature_titles.png); margin:0 auto 0 0;}
#FEATURE #RIGHTAREA h3.t1{ background-position:0 0;}
#FEATURE #RIGHTAREA h3.t2{ background-position:0 -40px;}
#FEATURE #RIGHTAREA h3.t3{ background-position:0 -80px;}
#FEATURE #RIGHTAREA h4{ color:#B5404B; font-size:160%; text-align:left;}
#FEATURE #RIGHTAREA .imagearea{ float:right; padding-left:10px;}
#FEATURE #RIGHTAREA .imagearea p{ font-size:120%; text-align:center;}


/*
	味噌粕漬・甘粕漬・甘粕漬 #ITEMS
*/
#itemsimage{width:575px;height:340px;background:url(../items/img/items_image.jpg) no-repeat center center; margin:0 auto;}
#ITEMS #RIGHTAREA h3{width:270px;height:40px;background:url(../items/img/items_titles.png); margin:0 auto 0 0;}
#ITEMS #RIGHTAREA h3.t1{ background-position:0 0;}
#ITEMS #RIGHTAREA h3.t2{ background-position:0 -40px;}
#ITEMS #RIGHTAREA h3.t3{ background-position:0 -80px;}
#ITEMS #RIGHTAREA h4{ color:#B5404B; font-size:160%; text-align:left;}
#ITEMS #RIGHTAREA .imagearea{ float:right; padding-left:10px;}
#ITEMS #RIGHTAREA .imagearea p{ font-size:120%; text-align:center;}
ul.itemlist{ padding:20px 0 0px 0;}
ul.itemlist li{width:315px; float:left;padding-bottom:10px;}
ul.itemlist li p{ font-size:120%; text-align:center !important; }

/*
	焼魚・煮魚のお総菜 #GB
*/
#grilledfishimage{width:575px;height:340px;background:url(../gb/img/grilledfish_image.jpg) no-repeat center center; margin:0 auto;}
#GB #RIGHTAREA h3.grilled{width:270px;height:40px;background:url(../gb/img/grilledfish_titles.png); margin:0 auto 0 0;}
#GB #RIGHTAREA h3.t1{ background-position:0 0;}
#boiledfishimage{width:575px;height:340px; background:url(../gb/img/boiledfish_image.jpg) no-repeat center center;margin:0 auto;}
#GB #RIGHTAREA h3.boiled{width:270px;height:40px;background:url(../gb/img/boiledfish_titles.png); margin:0 auto 0 0;}
#GB #RIGHTAREA h3.t1{ background-position:0 0;}

/*
	量販店向け商品 #FORSTORE
*/
#forstoreimage{width:575px;height:340px;background:url(../forstore/img/forstore_image.jpg) no-repeat center center; margin:0 auto;}
.fblk{width:275px; float:left; padding-bottom:20px;}
.fblk h3{ text-align:left; font-size:180%; text-align:left; color:#B5404B; padding-bottom:0.5em;}
.fblk table{width:250px; margin:0 auto; padding:0;  border-collapse:collapse;border:none;border-spacing:0;}
.fblk table th.tbltitle{ font-size:200%; color:#fff; padding:5px;}
.fblk table th,.fblk table td{ font-size:120%; padding:3px;}

.fblk table th{background:#EEEEEF; border-bottom:1px solid #B4B4B5;}
.fblk table td{text-align:left;border-bottom:1px solid #B4B4B5;}
.fc1 table th.tbltitle{ background:#804F21;}
.fc2 table th.tbltitle{ background:#DD6A37;}
.fc3 table th.tbltitle{ background:#913284;}
.fc1,.fc2 ,.fc3 {width:550px;border-bottom:1px solid #ccc; margin:20px auto 30px; padding:20px 0;}
.fc3 { border:none;}

/*
	こだわりの味 仙台漬魚ギフト #GIFT
*/
#giftimage{width:575px;height:340px; background:url(../gift/img/gift_image.jpg); margin:0 auto;}
#GIFT #RIGHTAREA h3{width:555px;height:155px;margin:40px auto 0;}

#GIFT #RIGHTAREA h3.t1{background:url(../gift/img/gift_title1.jpg);}
#GIFT #RIGHTAREA h3.t2{background:url(../gift/img/gift_title2.jpg);}
#GIFT #RIGHTAREA h3.t3{background:url(../gift/img/gift_title3.jpg);}


/*
	季節限定 産直こだわり品 #SD
*/
#sdimage{width:575px;height:340px; background:url(../sd/img/sd_image.jpg); margin:0 auto;}
#SD #RIGHTAREA .imagearea{ float:right; padding-left:10px;}

#SD #RIGHTAREA h3{ font-size:230%; color:#E50012; font-weight:normal; text-align:left; margin:30px 0 5px 0;}
#SD #RIGHTAREA .sd{color:#182987; font-weight:normal;}

#RIGHTAREA .block{ padding:30px 0 50px 235px; position:relative; min-height:215px; border-bottom:1px solid #aaa;}
#RIGHTAREA .block img{position:absolute; top:20px; left:0;}
#RIGHTAREA .block h4{ font-size:200%; color:#00913A; font-weight:normal; text-align:left; margin:0 0 5px 0;}
#RIGHTAREA .block .lb{color:#E50012; border:1px solid #E50012;  padding:2px;}
#RIGHTAREA .block p.price{color:#E50012; padding-top:10px;}
#RIGHTAREA .block .sk{ background:#E95513;color:#fff; padding:2px;}
#SD #RIGHTAREA .block .tCenter{ position:absolute; bottom:20px; left:0; width:650px;}
#SD #RIGHTAREA .bl2 .tCenter,#SD #RIGHTAREA .bl3 .tCenter{ position:absolute; bottom:30px; left:0;}


/*
	季節限定 特販通販商品 #SPECIAL
*/
#specialimage{width:575px;height:340px; background:url(../special/img/special_image.jpg); margin:0 auto;}
#SPECIAL #RIGHTAREA .imagearea{ float:right; padding-left:10px;}

#SPECIAL #RIGHTAREA h3{ font-size:230%; color:#E50012; font-weight:normal; text-align:left; margin:30px 0 5px 0;}
#SPECIAL #RIGHTAREA .sd{color:#182987; font-weight:normal;}
#SPECIAL #RIGHTAREA .block h4{ font-size:200%; color:#B5404B; font-weight:normal; text-align:left; margin:0 0 5px 0;}

#RIGHTAREA .block .itemcode{border:1px solid #009FE8; }
#RIGHTAREA .block .tt{background:#009FE8;color:#fff;}
#RIGHTAREA .block .code{padding:4px;}


/*
	会社概要 #COMPANY
*/
#COMPANY #RIGHTAREA h3{ font-size:230%; color:#E50012; font-weight:normal; text-align:left; margin:30px 0 5px 0;}
#COMPANY #RIGHTAREA p{width:600px; margin:10px auto;}
#COMPANY #RIGHTAREA .photoblock{ float:left; padding:5px 10px 0 15px;}
#COMPANY #RIGHTAREA .photoblock img{border:1px solid #ccc;}

table.overview{width:600px;border-collapse:collapse;border-spacing:0;border:none;text-align:left;font-size:140%;line-height:140%; margin:10px auto;}
table.overview th{width:100px;background:#f0e9df;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:10px;vertical-align:top;white-space:nowrap;}
table.overview td{border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:10px 10px 10px 0px;padding:10px;}

/*
	特定商取引法に基づく表示 #LEGAL
*/
#LEGAL #RIGHTAREA h3{ font-size:230%; color:#E50012; font-weight:normal; text-align:left; margin:30px 0 5px 0;}
#LEGAL #RIGHTAREA p{width:600px; margin:10px auto;}

table.legal{width:600px;border-collapse:collapse;border-spacing:0;border:none;text-align:left;font-size:140%;line-height:140%; margin:10px auto;}
table.legal th{width:180px;background:#f0e9df;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:10px;vertical-align:top;}
table.legal td{border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:10px 10px 10px 0px;padding:10px;}


/*フォーム用*/

div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #ccc;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}




/*eof*/