@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;

}


* html .newsMain h2{
font-size:133%;
}

.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-----*/