@charset "utf-8";
/*-----common-----*/


/*-----プライバシーポリシー-----*/
.privacyCap {
font-weight:bold;}
.privacyConBox{
border-top:1px dotted #333;
margin-top:40px;
padding-top:20px;}
.privacyTxtRight{
text-align:right;}

/*-----よくある質問-----*/

.faqMain{
padding:0 45px 0 45px;
width:867px;}
.faqSubMain{
padding-left:45px;
padding-right:45px;
font-size:116%;}
.faqQuestion  { 
list-style-image: url("../images/faq_icon1.gif") ;
font-weight:bold;
margin-bottom:10px;}
.faqAnswer {
list-style-image: url("../images/faq_icon2.gif") ;
color:#b80114;
margin-bottom:25px;}

/*-----新着ニュース-----*/
.newsBox{
padding-top:50px;}
.newsBox table{
width:100%;}
.newsBox th{
width:72px;
text-align:left;
background:url(../news/images/news_icon.gif) no-repeat center left;}
.newsBox td{
padding:10px 0 10px 0;}
.newsBox td.date{
width:6em;
font-size: 80%;
vertical-align:middle; }
.newsBox td.text{
padding-left:15px;
text-align:left;}
.newsBox td a:link {color:#94333a;}
.newsBox td a:visited {color:#800080;}
.newsBox td a:hover {color:#94333a;}
.newsBox td a:active {color:#94333a;
/*テキストリンク*/} 

/*-----ニュース詳細-----*/
.newsMain h2{
border-bottom:1px dotted #333;
margin-right:45px;
margin-left:45px;
padding:50px 0 30px 0;}
.newsMain h2 .date{
float:right;
font-size:12px;
font-weight:normal;
padding-top:20px;}
.newsTxt{
padding-top:20px;}
.layout1 .main .new090406_2{
padding-left:0 !important;
padding-right:0 !important;
text-align:center;}

.img090423{
width:937px;}
.img090423 img{
margin-left:10px;}
.news090421 .main{
margin:0 auto;}
.news090421 .main p{
margin:0;
padding:0;
margin-left:131px;
width:675px;
margin-top:20px;
font-size:133%;}
.btn090423 {
margin:0;
padding:0;
margin-left:131px;
width:685px;
margin-top:10px;}
.btn090423 img{
margin-right:10px;}

.news090812{text-align:center;padding-top:20px !important;}
.news090812 img{margin-bottom:10px;}

/*-----お問い合わせ-----*/
#safetysecurity form{
margin:0;}
.mailBox{
width:auto;
padding:30px 0 0px 0;}
.mailBoxLeft {
float:left;
margin-right:20px;
color:#666666;
font-size:10px;
line-height:1.7em;}
.mailBoxRight {
text-align:left;}
.mailTxtRed {
color:#b80114;}
.mailTxtRedSize10 {
color:#b80114;
font-size:10px;}
.mailBox a:link {color:#0000ff;}
.mailBox a:visited {color:#800080;}
.mailBox a:hover {color:#0000ff;}
.mailBox a:active {color:#0000ff;} 
/*テキストリンク*/
/*↓フォーム↓*/
table.inputArea {
width:777px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
line-height:2em;}
table.inputArea td {
width:70%;
background-color:#ffffff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:10px;}
table.inputArea th {
width:30%;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
color:#000;
background-color:#f0efef;
text-align:left;
padding:10px 10px 10px 20px;}
table.inputArea .text{
width:550px;}
.mailTrans{
margin:10px 0 0 210px;}
.mailInfoBox{
border-bottom:1px #ccc solid; 
padding:40px 0 20px 0;}
.mailInfoBoxTxt{
padding-left:10px;
line-height:2em;}
/*--↑フォーム↑--*/

/*-----サイトマップ-----*/
.sitemapBox{
margin-bottom:90px;}
.sitemapBoxline{
border-top:1px dotted #333;
margin-top:40px;}
.sitemapBox th{
width:400px;
border-bottom:1px dotted #333;
padding:25px 0 30px 15px;
vertical-align:top;  
text-align:left;}
.sitemapBox th li{
margin-bottom:10px;}
.sitemapBoxPar{
margin:10px 0 10px 20px;;}
.sitemapBox th a:link {color:#94333a;}
.sitemapBox th a:visited {color:#800080;}
.sitemapBox th a:hover {color:#94333a;}
.sitemapBox th a:active {color:#94333a;
/*テキストリンク*/} 

/*-----すき家のフェアトレード-----*/
.fairtradeBox table{
width:auto;
margin-bottom:20px;}
.fairtradeBox th{
padding-right:20px;
vertical-align:top;}
.fairtradeBox td{
text-align:left;
vertical-align:top;}
.fairtradeBox td .fairtradeBay{
height:245px;
margin:20px 0 15px 0;
background-image: url(../community/images/fairtrade_photo_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

/*-----すき家　環境への取り組み-----*/
.environmentBox table{
width:auto;
margin-bottom:20px;}
.environmentBox th{
padding-right:20px;
vertical-align:top;}
.environmentBox td{
text-align:left;
vertical-align:top;
}

/*-----アレルゲン情報-----*/
.allergyRead{
padding-bottom:20px;}
/*--↓アレルゲン情報表↓--*/
.allergyMain ol {
list-style-type:decimal;
text-align:left;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
text-indent:0px;
direction:ltr;}
.allergyMain li {
list-style-type:decimal;
text-align:left;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
text-indent:0px;
direction:ltr;
line-height:29px;}
.allergyMain dt {
text-align:left;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
text-indent:0px;
direction:ltr;}
.allergyMain dd {
text-align:left;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
text-indent:0px;
direction:ltr;}
.allergyMain table {

width:868px;
border-width:thin;
border-collapse:collapse;
padding:3px;
text-align:center;
vertical-align:top;
margin-bottom:20px;
direction:ltr;
width:auto;
height:auto;
display:table;
float:none;}
.allergyMain table caption{
text-align:left;
margin-top:20px;}
.allergyMain tr {
vertical-align:top;
height:auto;
text-align:center;}
.allergyMain th {padding:2px;
text-align:right;
vertical-align:bottom;
text-align:center;}
.allergyMain td { 
padding:2px;
text-align:right;
vertical-align:middle;
text-align:center;}
.allergyMenu{
text-align:center;
vertical-align:top;
width:34px;
height:13px;
border-style:solid none solid none;
border-color:#000000;
border-width:2px 1px 1px 1px;}
.allergyNoTxt01{
font-size:84%;
color:#000000;
white-space:nowrap;
text-align:center;}
.allergyNoTxt02{
font-size:84%;
color:#FF0000;}
.allergyNoTxt03{
font-size:84%;
color:#000000;
text-align:center;
white-space:nowrap;}
.allergyCode01{
font-size:84%;
color:#000000;
vertical-align:middle;}
.allergyCode02{
width:34px;
height:12px;
text-align:center;
vertical-align:middle;
border-style:solid;
border-color:#000000;
border-width:1px;}
.allergyCode03{
width:34px;
height:10px;
text-align:center;
vertical-align:middle;
background-color:#FFFF9A;
border-style:solid;
border-color:#000000;
border-width:1px 1px 2px 1px;}
.allergyCode04{
text-align:center;
width:34px;
height:10px;
background-color:#FFFF9A;
border-style:solid;
border-color:#000000;
border-width:1px 1px 2px 1px;}
.allergyNoArea01{
text-align:center;
width:34px;
height:13px;
border-style:solid;
border-color:#000000;
border-width:1px;}
.allergyNoArea02{
text-align:center;
width:34px;
height:13px;
border-style:solid;
border-color:#000000;
border-width:1px;}
.allergyNoArea03{
text-align:center;
width:33px;
height:13px;
border-style:solid;
border-color:#000000;
border-width:1px 2px 1px 1px;}
.allergyYellow01{
text-align:center;
width:34px;
height:12px;
background-color:#FFFF9A;
border-style:solid;
border-color:#000000; 
border-width:1px;}
.allergyOkosamaArea{
text-align:left;
vertical-align:top; 
border-style:solid;
border-color:#000000;
border-width:1px}
.allergyOkosamaMenu{
text-align:center;
width:75px;
height:12px;
background-color:#FFFF9A;
border-style:solid;
border-color:#000000;
border-width:1px 2px 1px 1px;}
.attention{
padding:10px;
background-color:#FFFFCC;}
.attention div{
/*float:left;*/
margin:0;
padding:0px;}
table.pdfDoc{

width:350px;
/*float:right;*/
padding:10px;
margin:0;
margin-bottom:10px;}
table.pdfDoc td{
font-weight:bold;
padding:5px;
text-align:left;} 
.pdfDoc img{
vertical-align:middle;}
.attention strong{
color:#f00}
/*--↑アレルゲン情報表↑--*/


/*産地情報*/
#origin .main img{
margin-bottom:20px;}
#origin table{
background-color:#FFFFFF;
border-top:1px solid #999;
border-left:1px solid #999;
width:420px;
margin-bottom:20px;}
#origin table td,
#origin table th{
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:3px;}
#origin table th{
background-color:#eee;}

#origin .mainRight{
width:433px;
float:right;}
#origin .mainLeft{
width:433px;
float:left;}
#origin .mainRight table caption,
#origin .mainLeft table caption{
text-align:left;
font-weight:bold;}
/*産地情報*/

/*産地情報2*/
#origin .originBox2 table{
width:868px;}
.originBox2 table caption{
text-align:right;}
.originBoxForMail{
font-size:120%;}
.originBoxForMail img{
float:right;}
/*産地情報2*/


/*-----float clear-----*/

/*Float Clear*/
.originBoxForMail:after,
.attention:after,
.allergyRead:after,
#origin .mainMain:after,
.mailBox:after,
.subMain:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.originBoxForMail,
.attention,
.allergyRead,
#origin .mainMain,
.subMain{
zoom:1;}

/*-----float clear-----*/