@charset "UTF-8";

/*
		■共通
			- Content
			- Header
			- Navi
			- ContentSingle
			- ContentDouble
			- Footer
		■Home
		■News
		■About
		■Menu
		■Store
		■Contact
		■Company
		■Jobs
		■Terms
		■Privacy Policy
		■Flash非対応TOP
*/

/*846*//*206*//*636*/

/*--------------------------------------------------
  ■共通
--------------------------------------------------*/

body{
color:#333333;
letter-spacing:0.1em;
}
a:link{color:#00975a;}
a:visited{color:#00975a;}
a:hover{color:#888888;}
a:focus{color:#888888;}
a:active{color:#00975a;}
ul li{list-style-type:none;}
h1, h2, h3, h4{text-indent:-5000px;}
h1 a, h2 a, h3 a, h4 a, h5 a, .Block{
display:block;
overflow:hidden;
text-indent:-5000px;
}
.B3 a:link{color:#333333;}
.B3 a:visited{color:#333333;}
.B3 a:hover{color:#333333;}
.B3 a:focus{color:#333333;}
.B3 a:active{color:#333333;}
.Arrow{
padding:0 0 0 10px;
background:url(../img/ArrowGreen.gif) no-repeat 0 1px;
}
.Arrow_B{
padding:0 0 0 10px;
background:url(../img/ArrowBlack.gif) no-repeat 0 1px;
}
.Sbarro{
font-family:Helvetica, Arial;
}


/*--------------------
  - Content
--------------------*/
#Content{background:url(../img/BgGreen.gif) repeat;}
#Content h2{
margin:0 0 8px 0;
padding:0;
width:906px;
height:66px;
background:no-repeat 0 0;
}
#Content h2 .Arrow{
float:right;
display:inline;
margin:25px 35px 0 0;
_margin:7px 35px 0 0;
text-indent:0;
font-size:12px;
font-weight:normal;
background-position:0 3px;
}
#Content #Single, #Content #Double{
width:906px;
margin:0 auto;
padding:5px 0 20px;
}
#Content .TopBg, #Content .BottomBg{
height:10px;
font-size:1px;
line-height:1px;
background:no-repeat 0 0;
}
#Content .Middle h3{
margin:0 0 10px 0;
height:40px;
background:no-repeat 0 0;
border-bottom:1px dotted #333333;
}
#Content .Middle .TopTxt{
margin:0 0 15px 0;
padding:5px 0 20px 0;
width:auto;
border-bottom:1px dotted #333333;
}
dt, dd{
display:inline;
float:left
}

/*--------------------
  - Header
--------------------*/
#Content #Header{
height:160px;
background:url(../img/Header_Line.png) repeat-x 0 0;
}
#Content #Header h1{
margin:0 auto;
padding:10px 0;
width:910px;
height:80px;
text-align:left;
}
#Content #Header h1 a{
width:371px;
height:80px;
background:url(../img/Header_Logo.gif) no-repeat 0 0;
}

/*--------------------
  - Navi
--------------------*/
#Content #Header #Navi{
margin:5px auto;
_margin-left:0;
width:910px;
height:50px;
background:url(../img/Header_Navi.png) no-repeat 3px bottom;
}
#Content #Header #Navi li{
display:inline;
float:left;
margin:0 5px 0 4px;
width:173px;
height:50px;
text-indent:-5000px;
}
#Content #Header #Navi li a{
display:block;
overflow:hidden;
text-indent:-5000px;
width:173px;
height:50px;
background:url(../img/Header_Navi.png) no-repeat;
}
#Content #Header #Navi li a.navi_1{background-position:-1px top;}
#Content #Header #Navi li a.navi_2{background-position:-183px top;}
#Content #Header #Navi li a.navi_3{background-position:-365px top;}
#Content #Header #Navi li a.navi_4{background-position:-547px top;}
#Content #Header #Navi li a.navi_5{background-position:-729px top;}
#Content #Header #Navi li a:hover{background-position:-5000px;}

/*--------------------
  - ContentSingle
--------------------*/
#Content #Single{width:906px;}
#Content #Single .TopBg{background-image:url(../img/CenterTop.png);}
#Content #Single .BottomBg{background-image:url(../img/CenterBottom.png);}
#Content #Single .Middle{
padding:12px 30px;
text-align:left;
background:url(../img/CenterBg.png) repeat-y 0 0;
}

/*--------------------
  - ContentDouble
--------------------*/
#Content #Double h2{
float:left;
}
#Content #Double #Left{
float:left;
width:210px;/*206+4*/
}
#Content #Double #Left .TopBg{background-image:url(../img/LeftTop.png);}
#Content #Double #Left .BottomBg{background-image:url(../img/LeftBottom.png);}
#Content #Double #Left .Middle{
padding:5px 4px 5px 31px;
text-align:left;
background:url(../img/LeftBg.png) repeat-y 0 0;
}
#Content #Double #Left .Middle li{padding:7px 0;}

#Content #Double #Right{
float:left;
width:696px;
}
#Content #Double #Right .TopBg{background-image:url(../img/RightTop.png);}
#Content #Double #Right .BottomBg{background-image:url(../img/RightBottom.png);}
#Content #Double #Right .Middle{
padding:12px 30px;
text-align:left;
background:url(../img/RightBg.png) repeat-y 0 0;
}
#Content #Double #Right #Green, #Content #Single .Middle #Green{
margin:0 4px;
width:628px;
}
#Content #Double #Right #Green .TopBg, #Content #Single .Middle #Green .TopBg{background-image:url(../img/GreenTop.gif);}
#Content #Double #Right #Green .BottomBg, #Content #Single .Middle #Green .BottomBg{background-image:url(../img/GreenBottom.gif);}
#Content #Double #Right #Green .Middle, #Content #Single .Middle #Green .Middle{
color:#ffffff;
background:url(../img/GreenBg.gif) repeat-y 0 0;
}
#Content #Double #Right #Green .Middle a, #Content #Single .Middle #Green .Middle a{
margin:10px auto 0;
width:270px;
height:54px;
background:url(../img/Contact_Btn.gif) no-repeat center top;
}
#Content #Double #Right #Green .Middle a:hover, #Content #Single .Middle #Green .Middle a:hover{background-position:center bottom;}

/*--------------------
  - Footer
--------------------*/
#Footer{
padding:20px 0;
line-height:25px;
background:#ffffff url(../img/Header_Line.png) repeat-x 0 -125px;
}


/*--------------------------------------------------
  ■Home
--------------------------------------------------*/

#Home #Content #Header .Logo{
margin:0 auto;
padding:10px 0;
width:910px;
height:80px;
text-align:left;
}
#Home #Content #Header h1{
float:left;
margin:0;
padding:0;
width:371px;
height:80px;
}
#Home #Content #Header p{
float:left;
padding:35px 0 0 0;
width:530px;
text-align:right;
}
#Home #Content #Single .Middle{
padding:2px 12px;
height:380px;/**/
}
#Home #Footer #BottomLink{
margin:0 auto 30px;
width:906px;
}
#Home #Footer #BottomLink div{float:left;}
#Home #Footer #BottomLink .News{
padding:0 10px 0 0;
width:446px;
text-align:left;
}
#Home #Footer #BottomLink .News .N_Ttl{
display:block;
overflow:hidden;
margin:0 0 5px 0;
width:446px;
height:24px;
background:url(../img/Home_News.gif) no-repeat 0 0;
text-indent:-5000px;
}
#Home #Footer #BottomLink .News p{line-height:22px;}
#Home #Footer #BottomLink .News p span{
padding:0 5px 0 0;
font-weight:bold;
}

#Home #Footer #BottomLink .Link{width:450px;}
#Home #Footer #BottomLink .Link a{
float:left;
display:block;
overflow:hidden;
width:219px;
height:71px;
background:no-repeat top;
text-indent:-5000px;
}
#Home #Footer #BottomLink .Link .L_01{background-image:url(../img/Home_Recruit.gif)}
#Home #Footer #BottomLink .Link .L_02{
margin:0 0 0 8px;
background-image:url(../img/Home_Franchising.gif)
}
#Home #Footer #BottomLink .Link a:hover{background-position:bottom;}

/*--------------------------------------------------
  ■News
--------------------------------------------------*/

#News #Content #Double h2{background-image:url(../img/News_Ttl.png);}
#News #Content #Double #Right .Middle h3{
padding:0 0 2px 0;
height:auto;
font-size:14px;
font-weight:bold;
text-indent:0;
}
#News #Content #Double #Right .Middle h3 *{float:left;}
#News #Content #Double #Right .Middle h3 .N_Date{
margin:0 15px 0 0;
padding:4px 0 3px;
width:95px;
color:#ffffff;
font-size:12px;
line-height:15px;
text-indent:4px;
background:url(../img/News_DateBg.gif) repeat 0 0;
}
#News #Content #Double #Right .Middle h3 .N_Title{
padding:2px 0 0 0;
width:525px;
line-height:18px;
}
#News #Content #Double #Right .Middle .N_News *{display:inline;}
#News #Content #Double #Right .Middle .Arrow{
display:block;
margin:10px 0 0 0;
background-position:0 3px;
outline:none;
}
#News #Content #Double #Right .Middle .N_Text{
margin:0 0 0 110px;
padding:0 0 35px 0;
width:525px;
}
#News #Content #Double #Right .Middle .N_News .N_Text{
float:left;
width:355px;
}
#News #Content #Double #Right .Middle .N_News .N_Image{
float:left;
width:170px;
text-align:right;
}
#News #Content #Double #Right .Middle .N_News .N_Image img{
margin:0 0 10px 0;
width:150px;
background-color:#bbb;
}

/*--------------------
  - Press
--------------------*/
#Press #Content #Header #Navi li a.navi_2{background-position:-183px bottom;}
#Press #Content #Double h2{background-image:url(../img/news/Press_Ttl.png);}
#Press #Content #Double #Right .Middle .fcl{padding:10px 0 30px;}
#Press #Content #Double #Right .Middle .fcl p{float:left}
#Press #Content #Double #Right .Middle .fcl .P_Date{
width:90px;
font-weight:bold;
}
#Press #Content #Double #Right .Middle .fcl .P_Text{
width:536px;
padding:0 0 0 10px;
}
#Press #Content #Double #Right .Middle .fcl .P_Text .PDF{
display:block;
margin:2px 0 0 0;
padding:3px 0 2px 22px;
background:url(../img/Icon_03.gif) no-repeat 0 3px;
}
#Press #Content #Double #Right .Middle .fcl .P_Text .PDF .Del{display:none;}


/*--------------------------------------------------
  ■About
--------------------------------------------------*/

#About #Content #Single .Middle{position:relative;}
#About #Content #Single h2{background-image:url(../img/About_Ttl.png);}
#About #Content #Single .Middle h3{background-image:url(../img/About_TtlS01.gif);}
#About #Content #Single .Middle .PhotoBg{
position:absolute;
top:-10px;
left:18px;
width:964px;
height:517px;
background:url(../img/About_Photo01.png) no-repeat 0 0;
}
#About #Content #Single .Middle .PhotoBg span{visibility:hidden;}
#About #Content #Single .Middle div h4{
margin:0 0 10px 0;
height:34px;
background:no-repeat 0 0;
}
#About #Content #Single .Middle div .H01{background-image:url(../img/About_H401.gif);}
#About #Content #Single .Middle div .H02{background-image:url(../img/About_H402.gif);}
#About #Content #Single .Middle div .H03{background-image:url(../img/About_H403.gif);}
#About #Content #Single .Middle div{
margin:40px 0 0 0;
line-height:22px;
letter-spacing:0.1em;
}
#About #Content #Single .Middle .Left{
margin-left:7px;
width:362px;
}
#About #Content #Single .Middle .AboutMenu{
margin-top:0;
padding-top:160px;
}
#About #Content #Single .Middle .fcl{padding:0 0 0 7px;}
#About #Content #Single .Middle .fcl div{
float:left;
margin-top:0;
}
#About #Content #Single .Middle .fcl .Movie{
margin:5px 0 0 0;
padding:0;
width:364px;
height:300px;
background-color:#bbb;
}
#About #Content #Single .Middle .fcl .Right{
margin-left:30px;
width:426px;
letter-spacing:2px;
}


/*--------------------------------------------------
  ■Menu
--------------------------------------------------*/

#Menu #Content #Single h2{background-image:url(../img/menu/Menu_Ttl.png);}
#Menu #Content #Single .Middle h3{background-image:url(../img/menu/Menu_TtlS01.gif);}
#Menu #Content #Single .Middle {
padding:10px 0;
text-align:center;
}


/*--------------------------------------------------
  ■Store
--------------------------------------------------*/

#Store #Content #Double h2{background-image:url(../img/store/Store_Ttl.png);}
#Store #Content #Double #Right .Middle h3{
padding:3px 0 0 0;
font-size:20px;
font-weight:bold;
line-height:22px;
text-indent:15px;
background:url(../img/store/Store_H3Bg.gif) no-repeat 0 0;
}
#Store #Content #Double #Right .Middle .Store{padding:5px 0 30px 0;}
#Store #Content #Double #Right .Middle .Store div{float:left}
#Store #Content #Double #Right .Middle .Store .Info{
margin:0 16px 0 0;
width:340px;
}
#Store #Content #Double #Right .Middle .Store .Info h4{
width:60px;
height:15px;
background:no-repeat 0 0;
}
#Store #Content #Double #Right .Middle .Store .Info .S_Address{background-image:url(../img/store/Store_Icon01.gif);}
#Store #Content #Double #Right .Middle .Store .Info .S_Tel{background-image:url(../img/store/Store_Icon02.gif);}
#Store #Content #Double #Right .Middle .Store .Info .S_Access{background-image:url(../img/store/Store_Icon03.gif);}
#Store #Content #Double #Right .Middle .Store .Info .S_Open{background-image:url(../img/store/Store_Icon04.gif);}
#Store #Content #Double #Right .Middle .Store .Info .S_Recruit{background-image:url(../img/store/Store_Icon05.gif);}
#Store #Content #Double #Right .Middle .Store .Info p{padding:1px 0 10px 0;}
#Store #Content #Double #Right .Middle .Store .GoogleMap{
padding:5px;
width:270px;
background-color:#ccc;
}



/*--------------------------------------------------
  ■Contact
--------------------------------------------------*/

#Contact #Content #Single h2{background-image:url(../img/Contact_Ttl.png);}
#Contact #Content #Single .Middle dl{
margin:0 20px;
width:806px;
background-color:#f5f5f5;
}
#Contact #Content #Single .Middle dl dt{
padding:18px 0 17px 20px;
width:226px;
_width:240px;
border-top:1px dotted #c2c2c2;
}
#Contact #Content #Single .Middle dl dd{
padding:18px 20px 17px 0;
width:540px;
_width:560px;
border-top:1px dotted #c2c2c2;
}
#Contact #Content #Single .Middle dl .First{border-top:none;}
#Contact #Content #Single .Middle .Red{color:#ff0000;}
#Contact #Content #Single .Middle .Space{padding:0 10px 0 0;}
#Contact #Content #Single .Middle dl dd .Caution{
padding:5px 0 0 0;
font-size:10px;
font-weight:normal;
line-height:15px;
}
#Contact #Content #Single .Middle dl dd .Error{
margin:0;
padding:2px 0 0 0;
width:500px;
height:13px;
color:#ff0000;
font-size:11px;
font-weight:bold;
line-height:13px;
}

/*--------------------
  - Button
--------------------*/
#Contact #Content #Single .Middle .Btn{
padding:0 0 0 225px;
}
#Contact #Content #Single .Middle .Btn input{
display:block;
float:left;
margin:25px 5px 10px;
width:190px;
height:40px;
border:none;
text-indent:-5000px;
background:no-repeat top;
cursor:pointer;
}
#Contact #Content #Single .Middle .Btn #Confirm{
float:none;
margin:25px 5px 10px 100px;
background-image:url(../img/Contact_Btn01.gif);
}
#Contact #Content #Single .Middle .Btn #Reset{background-image:url(../img/Contact_Btn02.gif);}
#Contact #Content #Single .Middle .Btn #Send{background-image:url(../img/Contact_Btn03.gif);}
#Contact #Content #Single .Middle .Btn #Back{background-image:url(../img/Contact_Btn02.gif);}
/* Opera */
*+html:first-child body #Contact #Content #Single .Middle .Btn input{
padding-left:300px;
}

/*--------------------
  - Form
--------------------*/
#Contact #Content #Single .Middle dl dd input, #Contact #Content #Single .Middle select{
width:506px;
font-size:12px;
line-height:100%;
border:1px solid #dfdfdf;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
vertical-align:middle;
}
#Contact #Content #Single .Middle dl dd input{
width:500px;
padding:2px 3px;
}
#Contact #Content #Single .Middle textarea{
padding:3px;
width:500px;
height:100px;
font-size:12px;
border:1px solid #dfdfdf;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
#Contact #Content #Single .Middle dl .Short *{float:left;}
#Contact #Content #Single .Middle dl .Short input{
margin:0 20px 0 0;
width:205px;
}
#Contact #Content #Single .Middle dl .Short p{width:29px;}

/*--------------------
  - Confirm
--------------------*/
#Contact #Content #Single .Middle #ConfirmPage dd{font-weight:bold;}
#Contact #Content #Single .Middle #ConfirmPage dd .Caution{padding:20px 0 0 0;}

/*--------------------
  - Complete
--------------------*/
#Contact #Content #Single .Middle .Complete{
margin:0 0 0 250px;
padding:125px 0 0 0;
width:380px;
height:320px;
}
#Contact #Content #Single .Middle .Green{
margin:0 0 20px 0;
color:#00975a;
font-weight:bold;
}


/*--------------------------------------------------
  ■Company
--------------------------------------------------*/

#Company #Content #Double h2{background-image:url(../img/company/Company_Ttl.png);}
#Company #Content #Double .Middle h3{background-image:url(../img/company/Company_TtlS01.gif);}
#Company #Content #Double .Middle dl{}
#Company #Content #Double .Middle dl dt{
padding:12px 0 10px 0;
width:106px;
border-top:1px dotted #dddddd;
}
#Company #Content #Double .Middle dl dd{
padding:12px 0 10px 0;
width:530px;
border-top:1px dotted #dddddd;
}
#Company #Content #Double .Middle dl .First{border-top:none;}
#Company #Content #Double .Middle dl dt span{float:left;}
#Company #Content #Double .Middle dl dt span.Sbj{
display:block;
width:90px;
}
#Company #Content #Double .Middle dl dd ul li{margin-bottom:20px;}

/*--------------------
  - Message
--------------------*/
#Company_M #Content #Double h2{background-image:url(../img/company/Company_Ttl.png);}
#Company_M #Content #Double .Middle h3{background-image:url(../img/company/TtlS_Company02.gif);}
#Company_M #Content #Double .Middle p{
padding:5px 0 15px 5px;
line-height:25px;
letter-spacing:1px;
text-align:justify;
text-justify:distribute;
}
#Company_M #Content #Double .Middle div{
float:right;
display:inline;
padding:8px 0 2px 15px;
}
#Company_M #Content #Double .Middle h4{
position:relative;
left:523px;
width:113px;
height:76px;
background:url(../img/company/Company_Sign.png) no-repeat 0 0;
}

/*--------------------
  - Franchising
--------------------*/
#Company_F #Content #Double h2{background-image:url(../img/company/Company_Ttl.png);}
#Company_F #Content #Double .Middle h3{background-image:url(../img/company/TtlS_Company03.gif);}
#Company_F #Content #Double .Middle h4{
margin:20px 0 5px 0;
height:30px;
background:url(../img/company/TtlS_Company04.gif) no-repeat 0 0;
}
#Company_F #Content #Double .Middle img{
float:left;
margin:2px 13px 0 0;
}
#Company_F #Content #Double .Middle ul{
float:left;
width:395px;
}
#Company_F #Content #Double .Middle ul li{
padding:0 5px 15px 30px;
background:url(../img/Icon_01.gif) no-repeat 0 2px;
}
#Company_F #Content #Double .Middle ul li h5{font-size:14px;}
#Company_F #Content #Double .Middle .PDF{
float:left;
margin:0 0 15px;
padding:16px 0 14px;
width:636px;
text-align:center;
border-top:1px dotted #dddddd;
border-bottom:1px dotted #dddddd;
}
#Company_F #Content #Double .Middle .PDF a{
padding:5px 0 5px 30px;
font-weight:bold;
background:url(../img/Icon_02.gif) no-repeat 0 0;
}
#Company_F #Content #Double #Right #Green{
float:left;
display:inline;
}
#Company_F #Content #Double #Right #Green .Middle{
text-align:center;
line-height:25px;
}
#Company_F #Content #Double #Right #Green .Middle h5{font-size:16px;}


/*--------------------------------------------------
  ■Jobs
--------------------------------------------------*/

#Jobs #Content #Single h2{background-image:url(../img/Jobs_Ttl.png);}
#Jobs #Content .Middle h3{
margin:25px 0 5px;
height:20px;
font-size:16px;
border-bottom:none;
text-indent:0;
}
#Jobs #Content .Middle h4{
margin:0 0 5px 0;
font-size:14px;
text-indent:0;
}
#Jobs #Content .Middle .Indent{padding:10px 0 0 90px;}
#Jobs #Content .Middle .Indent dl{margin:0 0 25px 0;}
#Jobs #Content .Middle .Indent dl dt{width:70px;}
#Jobs #Content .Middle .Indent dl dd{width:650px;}
#Jobs #Content .Middle .Indent dl dt span{float:left;}
#Jobs #Content .Middle .Indent dl dt .Sbj{
display:block;
margin:0 3px 0 0;
width:55px;
text-align:justify;
text-justify:distribute-all-lines;
}
#Jobs #Content .Middle #PhotoBg{background:url(../img/Jobs_Photo01.jpg) no-repeat right top;}
#Jobs #Content .Middle #PhotoBg .Indent ol{list-style-position:inside;}
#Jobs #Content .Middle #PhotoBg .Indent .Bold{
margin:0 0 25px 0;
font-weight:bold;
}
#Jobs #Content .Middle #PhotoBg .Indent dl{margin:0;}
#Jobs #Content .Middle .Indent #Green{margin:30px 0 0 22px;}
#Jobs #Content .Middle .Indent #Green .Middle h3{
margin:0;
font-size:12px;
font-weight:normal;
}
#Jobs #Content .Middle .Indent #Green .Middle div{
margin:0 0 0 110px;
width:400px;
line-height:20px;
}
#Jobs #Content .Middle .Indent #Green .Middle div span{
font-size:16px;
font-weight:bold;
}
#Jobs #Content .Middle .Indent #Green .Middle a{margin:15px 150px 0;}


/*--------------------------------------------------
  ■Terms
--------------------------------------------------*/

#Terms #Content #Single h2{background-image:url(../img/Terms_Ttl.png);}
#Terms #Content #Single .Middle h3{background-image:url(../img/Terms_TtlS01.gif);}
#Terms #Content #Single .Middle ul li h4{
padding:10px 0 15px 0;
font-size:12px;
text-indent:0;
}
#Terms #Content #Single .Middle ul li p{padding:0 0 15px 40px;}
#Terms #Content #Single .Middle ul li .indent{padding:0 0 15px 75px;}
#Terms #Content #Single .Middle ul li p a{margin-right:25px;}


/*--------------------------------------------------
  ■Privacy Policy
--------------------------------------------------*/

#Privacy #Content #Single h2{background-image:url(../img/Privacy_Ttl.png);}
#Privacy #Content #Single .Middle h3{background-image:url(../img/Privacy_TtlS01.gif);}
#Privacy #Content #Single .Middle ul li h4{
font-size:12px;
text-indent:0;
}
#Privacy #Content #Single .Middle ul{padding:30px;}
#Privacy #Content #Single .Middle ul li{padding:10px;}
#Privacy #Content #Single .Middle ul li p{padding:0 0 0 35px;}


/*--------------------------------------------------
  ■Flash非対応TOP
--------------------------------------------------*/

#Home #Content #Single .Middle #flashcontent{
margin:0 0 0 1px;
width:880px;
height:380px;
background:url(../img/Flash.jpg) no-repeat right;
}
#Home #Content #Single .Middle #flashcontent a{
display:block;
overflow:hidden;
position:relative;
left:685px;
width:190px;
height:124px;
text-indent:-5000px;
background:no-repeat 0 -150px;
}

#Home #Content #Single .Middle #flashcontent a:hover{background-position:0 0;}
#Home #Content #Single .Middle #flashcontent .L01{
background-image:url(../img/Btn01.png);
}
#Home #Content #Single .Middle #flashcontent .L02{
top:6px;
height:117px;
background-image:url(../img/Btn02.png);
}
#Home #Content #Single .Middle #flashcontent .L03{
top:14px;
height:116px;
background-image:url(../img/Btn03.png);
}