@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/*--------------------------
 COMMON-SET
--------------------------*/

/* reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:'メイリオ',Meiryo, 'ＭＳ Ｐゴシック',sans-serif;font-weight:normal;color:#555555;line-height:1.6;letter-spacing:0.01em;}

body{width:100%;height:auto;background:url(unity/back.jpg);}


fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* clear
*/
.clearfix:after {content: ".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hides from IE-mac */

.clear{clear:both;font-size:0;line-height:0;padding:0;margin:0;}


/* img
*/
img{vertical-align:bottom;}

/* img ロールオーバー処理
*/
a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}


/* float
*/
.left{float:left;}
.right{float:right;}



/* margin/padding
*/

.mt_02{margin-top:2px;}
.mt_03{margin-top:3px;}
.mt_05{margin-top:5px;}
.mt_06{margin-top:6px;}
.mt_07{margin-top:7px;}
.mt_08{margin-top:8px;}
.mt_10{margin-top:10px;}
.mt_13{margin-top:13px;}
.mt_15{margin-top:15px;}
.mt_18{margin-top:18px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}

.pt_05{padding-top:5px;}
.pt_08{padding-top:8px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}

/*フォント系*/
.col_red{ color:#990000;}
.bold_black{ font-weight:bold; color:#000000; font-size:12px; text-align:left; margin-bottom:15px;}
.fs15_black{ font-size:15px; font-weight:bold; color:#000000;}
.fc_enji{ color:#990000;}

/* line-height
*/
.l-h17{ line-height:1.7em;}
.l-h18{ line-height:1.8em;}
.l-h19{ line-height:1.9em;}
.l-h20{ line-height:2.0em;}
.l-h22{ line-height:2.2em;}
.l-h24{ line-height:2.4em;}


/* font
*/
.bold{font-weight:bold;}
.red{color:#CC0000;}
.white{ color:#FFFFFF;}

.fs_01{font-size:77%;}
.fs_02{font-size:85%;}
.fs_03{font-size:93%;}
.fs_04{font-size:100%;}
.fs_05{font-size:108%;}
.fs_06{font-size:93%;}
.fs_07{font-size:116%;}
.fs_08{font-size:131%;}



/*--------------------------
 LAYOUT-SET
--------------------------*/


/*共通*/
.title{ margin:0 0 20px 0;}

/*レイアウト/ヘッダ/フッタ*/
#building{width:800px; height:auto;margin:0 auto;background:url(unity/wrap_bg.gif) repeat-y; text-align:left;}

#wrap_top{ width:780px; height:auto; padding:0 0 20px 20px;text-align:left;}
#wrap{ width:780px; height:auto; padding:0 0 20px 6px;text-align:left;}


#header{ width:785px; height:115px; background:url(unity/head_bg.jpg) no-repeat; text-align:left; padding-right:15px;}

#seo{width:400px; height:auto; text-align:right; float:right; margin:16px 30px 18px 0; font-size:12px;}
 
.navi{width:588px; height:32px; float:right; margin:0 0px 0 0;}
.navi li{ float:left;}

#pankuzu{width:760px; height:auto; text-align:left; font-size:12px; margin:15px 0 15px 15px;}

#copy{ width:600px; height:auto; font-size:12px; margin:0 auto 10px; text-align:center;}

/*TOP*/
.top_main{ margin:20px auto;}
.top_t01{ margin:0px auto 15px;}
.top_t02{ margin:0px auto 20px;}

#top_6pick{ width:760px; height:auto; text-align:left; margin:0 auto 15px;}

#top_6pick dl{ width:253px; height:auto; text-align:left; font-size:12px; float:left; margin-bottom:15px;}
#top_6pick dt{ width:116px; height:auto; float:left;}
#top_6pick dd{ width:124px; height:auto; float:left;}

.top_dl02{ width:235px;}

#top_news{ width:760px; height:auto; text-align:left; margin:0 auto 80px; padding-left:20px;}

div.top_newitem{ width:760px; height:auto; text-align:left; margin:0 auto 5px; margin-bottom:25px;}
div.top_newitem_left{ width:390px; height:auto; float:left;}
div.top_newitem_right{ width:360px; height:auto; float:left;}

div.newitem_left{ width:120px; height:71px; float:left;}
div.newitem_right{ width:236px; height:71px; float:left; background:#FBEEEA; margin-bottom:12px;}
div.newitem_right p{ width:220px; height:auto; margin:8px;}
div.top_newitembox01{ width:360px; height:auto;}


/*会社概要*/
#contents_wrap{ width:740px; height:auto; min-height:550px; text-align:left; margin:0px 0 45px 15px;}

.conpany_dl dt{ width:164px; height:21px; text-align:left; font-size:12px; float:left; background:#EFEFEF; padding:4px 0 0 6px;margin-bottom:10px;}

.conpany_dl dd{ width:550px; height:21px; text-align:left; font-size:12px; float:right; background:#FFFFFF; padding:4px 0 0 0px;margin-bottom:10px;}

/*売場紹介*/
.shop{ width:600px; height:auto; text-align:left; font-size:14px; line-height:2.2em; margin:10px 0 0 15px;}

/*商品紹介*/


li.item_btn00{text-indent:-5000px; width:110px; height:30px;}
li.item_btn01{text-indent:-5000px; width:110px; height:30px;}
li.item_btn02{text-indent:-5000px; width:110px; height:30px;}
li.item_btn03{text-indent:-5000px; width:110px; height:30px;}
li.item_btn04{text-indent:-5000px; width:110px; height:30px;}


li.item_btn00 a{background:url(item/img/item_btn00.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn01 a{background:url(item/img/item_btn01.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn02 a{background:url(item/img/item_btn02.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn03 a{background:url(item/img/item_btn03.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn04 a{background:url(item/img/item_btn04.gif);display:block;overflow:hidden; width:110px; height:30px;}


li.item_btn00 a:hover{background:url(item/img/item_btn00_ov.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn01 a:hover{background:url(item/img/item_btn01_f2.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn02 a:hover{background:url(item/img/item_btn02_f2.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn03 a:hover{background:url(item/img/item_btn03_f2.gif);display:block;overflow:hidden; width:110px; height:30px;}
li.item_btn04 a:hover{background:url(item/img/item_btn04_f2.gif);display:block;overflow:hidden; width:110px; height:30px;}



#contents_wrap_item{ width:770px; height:auto;text-align:left; margin:0px 0 45px 15px;}
#item_title{ width:790px; height:40px; margin:0 0 30px 0; background:url(item/img/title_item.gif) no-repeat;}
#item_title ul{ margin:0px 0 0 280px; padding-top:5px;}
#item_title li{ width:120px; height:30px; text-align:left; float:left;}

.item_title_text{ width:742px; height:24px; background:url(item/img/title_bg.gif) repeat-x; padding:4px 0 0 10px; font-size:14px; font-weight:bold; color:#FFFFFF;}

.item_box{ width:752px; height:auto; text-align:left;}
.item_img{ width:390px; height:auto; float:left;}

div.item_name{ width:348px; height:auto; float:right;}

div.item_text02{ width:336px; height:auto; font-size:12px; text-align:left; line-height:1.6em; float:right; margin-top:10px;}

.bar01{ margin:0px auto; width:752px; height:auto; padding:40px 0;}




.item_img02{ width:360px; height:auto; float:left;}
.item_img02 img{ margin-bottom:10px;}
.item_img02_2{ width:360px; height:auto; float:right;}
.item_img02_2 img{ margin-bottom:10px;}

.item_name_box01{ width:360px; height:auto; margin-bottom:15px;}

.item03_name{ width:153px; height:25px; float:left;}
.item03_kakaku{ width:198px; height:35px; font-size:14px; font-weight:bold; color:#000000; float:right; text-align:right;}

.item03_text{ width:340px; height:auto; text-align:left; margin:0 auto;}


/*パー麺*/
div.pamen_box01{ width:752px; height:515px; background:url(item/img/pamen02.jpg) bottom;}
div.pamen_box01 p{ width:260px; height:auto; margin:10px 0 0 12px;}
div.pamen_box02 { width:752px; height:75px; background:url(item/img/pamen_bg.gif) repeat-x; text-align:center;}
div.pamen_box02 img{ margin-top:24px;}

/*ホヴァー系*/
a:link{ color:#003366; text-decoration:underline;}
a:visited{ color:#CC6699; text-decoration:underline;}
a:hover{ color:#CC3300; text-decoration:underline;}


/*プラポリ*/
.privacy{ width:100%; height:auto; color:#000000; font-size:12px; text-align:left; line-height:2em;}

.privacy strong{ font-size:15px;}


/*お問い合わせ*/
.inquiry_info{width:710px; height:auto; text-align:left; padding:15px; font-size:14px; line-height:2.0em; margin:0px 0 15px 20px;; border:1px solid #999999; background:#EBEBEB;}
.inquiry_info b{ color:#FF0000;}
.inquiry_box01{ width:710px; height:auto; margin:0 0 15px 20px;}







