@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*グローバルナビ*/
#HEADER .NAVI ul.MENU_MAIN li.M_OFFICE a	{ background:#a0c980; color:#fff; border-bottom-color:#a0c980; }
#HEADER .NAVI ul.MENU_MAIN li.M_OFFICE a:hover	{ background:#a0c980; color:#fff; border-bottom-color:#a0c980; }
#HEADER .NAVI ul.MENU_MAIN li.M_OFFICE a:active	{ background:#a0c980; color:#fff; border-bottom-color:#a0c980; }
.sidr ul li.sidr-class-M_OFFICE a	{ background-color:#a0c980; }

/*ローカルナビ*/
#PAGE #SIDE ul.MYPAGE	{ width:220px; float:left; margin:10px 0; }
#PAGE #SIDE ul.MYPAGE li	 { width:110px; float:left; margin:0; }
#PAGE #SIDE ul.MYPAGE li a	{ width:102px; height:60px; float:left; margin:0; background:url(../img/bg_mypage.gif); color:#fff; position:relative; }
#PAGE #SIDE ul.MYPAGE li a strong	{ width:50px; position:absolute; top:10px; left:5px; color:#f60; text-align:center; font-weight:bold; }
#PAGE #SIDE ul.MYPAGE li a img	{ width:auto; position:absolute; bottom:12px; left:0; float:left; }
#PAGE #SIDE ul.MYPAGE li a span	{ width:60px; float:right; margin:20px 0 0 0; text-align:center; font-size:10px; line-height:1.2em; }
#PAGE #SIDE ul.MYPAGE li a.C_BUKKEN strong	{ top:15px; }
#PAGE #SIDE ul.MYPAGE li a.C_BUKKEN img	{ left:5px; }

#PAGE #SIDE .SI_BOX ul li a:hover	{ background:#d8f0f0; }
#PAGE #SIDE .SI_BOX ul li a:active	{ background:#d8f0f0; }
#PAGE #SIDE .SI_BOX ul li.SI_TITLE	{ width:195px; float:left; margin:0; padding:0 0 0 15px; background:#f0f1f1; border-bottom:1px solid #ccc; color:#999; font-size:11px; line-height:25px; }
#PAGE #SIDE .SI_BOX ul li.SI_TITLE img	{ width:12px; margin:0 5px 0 0; vertical-align:middle; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH	{ width:210px; float:left; margin:0; border-top:1px solid #ccc; color:#fff; line-height:40px; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a	{ width:210px; float:left; color:#666; border-bottom:0px solid #ccc; font-size:12px; line-height:40px; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a:hover	{ background-color:#d0e4c0; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a:active	{ background-color:#d0e4c0; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH a strong	{ margin-right:5px; color:#33b3b7; font-weight:bold; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH span	{ width:4px; float:left; margin:17px 10px 0 15px; vertical-align:middle; overflow:hidden; }
#PAGE #SIDE .SI_BOX ul li.SI_SEARCH span img  { width:8px; float:left; margin:0 0 0 0; }
#PAGE #SIDE .SI_BOX ul li.SI_TOP	{ border:none; }
#PAGE #SIDE h2	{ width:210px; float:left; color:#8b8988; font-weight:bold; }

/*h2*/
#PAGE #CONTENTS .SHEET  { width:730px; float:right; padding-bottom:50px; background:#fff; border:1px solid #CCC; }
#PAGE #CONTENTS .SHEET h2	{ width:715px; height:40px; float:left; margin:0px 0 30px 0px; font-weight:bold; font-size:13px; line-height:1.5em; background:#a0c980; color:#fff; padding:0 0 0 20px; line-height:40px; }
#PAGE #CONTENTS .SHEET h2.H2_TENPO { height:15px; float:left; clear:none; margin:0 0 0 0px; font-size:13px; font-weight:bold; background:none; color:#514e4e; line-height:1.2em; }
#PAGE #CONTENTS .SHEET small.SMALL_TENPO { width:690px; margin:0 0 0 20px; float:left; clear:none; font-size:7px; color:#e3a600; }
#PAGE #CONTENTS p	{ width:690px; float:left; clear:both; margin:0px 0 5px 20px; line-height:1.8em; }
#PAGE #CONTENTS .SHEET .MAIN p { width:670px; float:left; clear:none; margin:0; }
#PAGE #CONTENTS .SHEET .MAIN strong { width:670px; float:left; clear:none; margin:30px 0 10px 0; font-weight:bold; }

/*店舗一覧*/
#PAGE #CONTENTS .SHEET ul.OFFICE  { width:800px; float:left; clear:none; margin:20px 0 0 30px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li strong.AREA { width:230px; float:left; clear:none; height:25px; color:#fff; background:url(../img/area.png) no-repeat; }
#PAGE #CONTENTS .SHEET ul.OFFICE li strong.AREA span { margin-left:10px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li { width:320px; float:left; clear:none; margin:0 30px 40px 0; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a { width:320px; float:left; clear:none; background:#f3e7c4; padding-bottom:10px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li div { width:320px; height:207px; float:left; clear:none; background:#f3e7c4; padding-bottom:10px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a:hover { width:320px; float:left; clear:none; background:#e3a600; padding-bottom:10px; color:#fff; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a strong { width:310px; float:left; clear:none; font-size:13px; margin-left:10px; font-weight:bold; letter-spacing:0.1em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li div strong { width:310px; float:left; clear:none; font-size:13px; margin-left:10px; font-weight:bold; letter-spacing:0.1em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a span { width:310px; float:left; clear:none; font-size:12px; margin-left:10px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a strong.TEL { width:310px; float:left; clear:none; font-size:16px; margin:10px 0 0 10px; line-height:1.2em; letter-spacing:0.1em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a small { width:310px; font-size:7px; float:left; clear:none;margin-left:10px; line-height:1.2em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li div small { width:310px; font-size:7px; float:left; clear:none;margin-left:10px; line-height:1.2em; }

#PAGE #CONTENTS .SHEET ul.OFFICE li img.OFFICE_PHOTO  { width:320px; float:left; clear:none; margin-bottom:10px; }

/*店舗情報*/
#PAGE #CONTENTS .SHEET .INFO_WRAP { width:730px; float:left; clear:none; }
#PAGE #CONTENTS .SHEET img.TENPO { width:310px; float:right; clear:none; margin:0 20px 30px 0; }
#PAGE #CONTENTS .SHEET dl.INFO { width:350px; float:left; clear:none; border-bottom:1px solid #ccc; margin:0 0 0 20px; padding:5px 0; }
#PAGE #CONTENTS .SHEET dl.INFO dt { width:70px; float:left; clear:none; }
#PAGE #CONTENTS .SHEET dl.INFO dd { width:280px; float:left; clear:none; }
#PAGE #CONTENTS .SHEET .ITEN	{ width:690px; float:left; margin:5px 0 0 20px; font-size:10px; line-height:1.5em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a.TEL_SP { display:none; }

/*コメント*/
#PAGE #CONTENTS .SHEET .DIV_AREA { width:230px; float:left; clear:none; height:25px; color:#fff;  background:url(../img/area.png) no-repeat; margin:30px 0 0 20px; padding-left:10px; }
#PAGE #CONTENTS .SHEET .COMMENT { width:640px; background:#fff; border:5px solid #e9e8e6; margin:0px 0 10px 20px;  float:left; clear:none; padding:20px; line-height:1.7em; }

/*h3*/
#PAGE #CONTENTS .SHEET h3	{ width:690px; float:left; margin:30px 0 20px 20px; padding:0 0 5px 0; border-bottom:1px solid #ccc; color:#514e4e; font-weight:bold; font-size:13px; line-height:1.5em; }

/*h4*/
#PAGE #CONTENTS .SHEET h4 { width:655px; float:left; margin:10px 0 20px 20px; padding:0px 10px 0px 15px; border:1px solid #f3ca65; border-left:4px solid #f3ca65; color:#514e4e; font-size:13px; line-height:2em; }

/*スタッフ紹介*/
#PAGE #CONTENTS .SHEET ul.STAFF { width:700px; float:left; clear:none; margin:0px 0 0 20px; }
#PAGE #CONTENTS .SHEET ul.STAFF li { width:90px; margin:0 10px 20px 0; float:left; clear:none;  }
#PAGE #CONTENTS .SHEET ul.STAFF li a { width:90px; margin:0 0 0 0; float:left; clear:none;  }
#PAGE #CONTENTS .SHEET ul.STAFF li a:hover { text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #CONTENTS .SHEET ul.STAFF li a img { width:90px; }
#PAGE #CONTENTS .SHEET ul.TENPO li img { width:130px; margin:0 0 0 0; float:left; clear:none; }
#PAGE #CONTENTS .SHEET ul.TENPO li span { width:130px; margin:0 0 0 0; float:left; clear:none; line-height:1.7em;}

/*店舗の様子*/
#PAGE #CONTENTS .SHEET ul.TENPO { width:700px; float:left; clear:none; margin:0px 0 0 20px; }
#PAGE #CONTENTS .SHEET ul.TENPO li { width:223px; margin:0 10px 20px 0; float:left; clear:none; line-height:1.7em; }
#PAGE #CONTENTS .SHEET ul.TENPO li img { width:223px; margin:0 10px 0 0; float:left; clear:none; }
iframe.SHOP_MAP { width:690px; height:500px; margin-left:20px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li img.ARROW  { display:none; }

/*協力業者様募集要項*/
#PAGE #CONTENTS .SHEET h2.SAIYO { width:666px; float:left; clear:none; line-height:40px; border-left:4px solid #f2b500; margin:30px 20px 10px 20px; background:#fff6e9; }
#PAGE #CONTENTS .SHEET h2.SAIYO span { font-size:13px; font-weight:bold; color:#514e4e; }
#PAGE #CONTENTS .SHEET p.P_RECRUIT { width:620px; float:left; clear:none; margin:0 0 0 25px; }
#PAGE #CONTENTS .SHEET h2.SAIYO small { margin-left:20px; font-size:10px; color:#f2b500; font-weight:normal; }
#PAGE #CONTENTS .SHEET p.P_RECRUIT { width:620px; float:left; clear:none; margin:0 0 0 25px; }
strong.STRONG_TEL { width:300px; height:43px; background:#887e72; float:left; clear:none; margin:30px 0 0 215px; text-align:center; color:#fff; line-height:43px; font-weight:bold; letter-spacing:0.1em; font-size:13px; }
span.PC_TEL { float:none; }
a.SP_TEL { display:none;  }



@media screen and (max-width: 640px){
body { background:none; }
#PAGE #CONTENTS .TOP { width:100%; float:left; margin:0 0 0px 0; border:0px solid #ccc; background:none; }
#PAGE #CONTENTS .SHEET  { width:100%; float:left; padding-bottom:20px; background:none; border:none; }
#PAGE #CONTENTS .SHEET h2.H2_TENPO { width:95%; height:15px; float:left; clear:none; margin:0 0 0 2.5%; font-size:13px; font-weight:bold; background:none; color:#514e4e; line-height:1.2em; padding:0; }
#PAGE #CONTENTS .SHEET h2 { display:none; }
#PAGE #CONTENTS #BAR    { background:#a0c980; color:#fff; padding:15px 2.5%; margin-bottom:0px; }
#PAGE #CONTENTS #BAR li a:link { text-decoration:none; color:#fff; }
#PAGE #CONTENTS #BAR li a:visited    { text-decoration:none; color:#fff; }
#PAGE #CONTENTS #BAR li a:hover { text-decoration:underline; color:#fff; }
#PAGE #CONTENTS #BAR li a:active    { text-decoration:underline; color:#fff; }
#PAGE #CONTENTS p	{ width:95%; float:left; clear:both; margin:10px 0 5px 2.5%; line-height:1.8em; }

/*店舗一覧*/
#PAGE #CONTENTS .SHEET ul.OFFICE  { width:95%; float:left; clear:none; margin:0px 0 0 2.5%; }
#PAGE #CONTENTS .SHEET ul.OFFICE li { width:100%; float:left; clear:none; margin:0 30px 20px 0; border:1px solid #e3a600; position:relative; }
#PAGE #CONTENTS .SHEET ul.OFFICE li img.ARROW { width:6px; height:6px; position:absolute; right:3px; bottom:3px; display:block; }



#PAGE #CONTENTS .SHEET ul.OFFICE li strong.AREA { width:100%; height:40px; float:left; clear:none; line-height:40px; color:#fff; background:#e3a600; }
#PAGE #CONTENTS .SHEET ul.OFFICE li img.OFFICE_PHOTO  { width:100%; float:left; clear:none; margin-bottom:5px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a { width:100%; float:left; clear:none; background:none; padding-bottom:0px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li div { width:100%; float:left; clear:none; background:none; padding-bottom:0px; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a:hover { width:100%; float:left; clear:none; background:none; padding-bottom:0px; color:#514e4e; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a strong { width:75%; float:left; clear:none; font-size:13px; margin-left:2%; font-weight:bold; letter-spacing:0em; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a span { width:96%; float:left; clear:none; font-size:12px; margin-left:2%; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a strong.TEL { display:none; }
#PAGE #CONTENTS .SHEET ul.OFFICE li a small { width:20%; font-size:7px; float:right; clear:none;margin:5px 0 0 0; line-height:1.2em; color:#e3a600; }

#PAGE #CONTENTS .SHEET ul.OFFICE li a.TEL_SP { width:95%;  float:left; clear:none; font-size:16px; margin:0px 0 10px 2.5%; line-height:1.2em; letter-spacing:0em; color:#e3a600; display:block; }

#PAGE #CONTENTS .SHEET h2.H2_TENPO { width:95%; height:15px; float:left; clear:none; margin:0 0 0 2.5%; font-size:13px; font-weight:bold; background:none; color:#514e4e; line-height:1.2em; }
#PAGE #CONTENTS .SHEET small.SMALL_TENPO { width:95%; margin:0 0 0 2.5%; float:left; clear:none; font-size:7px; color:#e3a600; display:none; }

/*店舗情報*/
#PAGE #CONTENTS .SHEET .INFO_WRAP { width:100%; float:left; clear:none; }
#PAGE #CONTENTS .SHEET img.TENPO { width:100%; float:right; clear:none; margin:0 0px 10px 0%; }
#PAGE #CONTENTS .SHEET dl.INFO { width:95%; float:left; clear:none; border-bottom:1px solid #ccc; margin:0 0 0 2.5%; line-eight:1.7em; padding:5px 0; }
#PAGE #CONTENTS .SHEET dl.INFO dt { width:20%; float:left; clear:none; }
#PAGE #CONTENTS .SHEET dl.INFO dd { width:80%; float:left; clear:none; }

/*コメント*/
#PAGE #CONTENTS .SHEET .DIV_AREA { width:98%; float:left; clear:none; height:40px; color:#fff;  background:#e3a600; margin:30px 0 10px 0%; padding-left:2%; line-height:40px; }
#PAGE #CONTENTS .SHEET .COMMENT { width:95%; background:#fff; border:none; margin:0px 0 10px 2.5%;  float:left; clear:none; padding:0%; line-height:1.7em; }

/*h3*/
#PAGE #CONTENTS .SHEET h3	{ width:95%; float:left; margin:30px 0 0px 2.5%; padding:0 0 5px 0; border-bottom:0px solid #ccc; color:#514e4e; font-weight:bold; font-size:13px; line-height:1.5em; }

/*h4*/
#PAGE #CONTENTS .SHEET h4 { width:84%; float:left; margin:10px 0 20px 2.5%; padding:0px 5%; border:1px solid #f3ca65; border-left:4px solid #f3ca65; color:#514e4e; font-size:13px; line-height:2em; }

/*スタッフ紹介*/
#PAGE #CONTENTS .SHEET ul.STAFF { width:100%; float:left; clear:none; margin:0px 0 0 0%; }
#PAGE #CONTENTS .SHEET ul.STAFF li { width:22%; margin:0 1% 20px 1%; float:left; clear:none;  }
#PAGE #CONTENTS .SHEET ul.STAFF li a { width:100%; margin:0 0 0 0; float:left; clear:none;  }
#PAGE #CONTENTS .SHEET ul.STAFF li a img { width:90%; margin:0 5%; }
#PAGE #CONTENTS .SHEET ul.STAFF li a span { width:100%; float:left; text-align:center; font-size:10px; }
#PAGE #CONTENTS .SHEET ul.STAFF li a:hover { text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE #CONTENTS .SHEET ul.TENPO li a img { width:100%; margin:0 0 0 0; float:left; clear:none; }
#PAGE #CONTENTS .SHEET ul.TENPO li a span { width:100%; margin:0 0 0 0; float:left; clear:none; line-height:1.7em;}

/*店舗の様子*/
#PAGE #CONTENTS .SHEET ul.TENPO { width:95%; float:left; clear:none; margin:0px 0 0 2.5%; }
#PAGE #CONTENTS .SHEET ul.TENPO li { width:50%; hieght:200px; margin:0 0px 20px 0; float:left; clear:none; line-height:1.7em; }
#PAGE #CONTENTS .SHEET ul.TENPO li img { width:98%; margin:0 0px 0 0; float:left; clear:none; }


/*地図*/
iframe.SHOP_MAP { width:95%; height:200px; margin-left:2.5%; }

/*協力業者様募集要項*/
#PAGE #CONTENTS .SHEET h2.SAIYO { width:100%; float:left; clear:none; line-height:40px; border-left:4px solid #f2b500; margin:30px 0px 10px 0%; background:#fff6e9; display:block; }
#PAGE #CONTENTS .SHEET h2.SAIYO span { font-size:13px; font-weight:bold; color:#514e4e; }
#PAGE #CONTENTS .SHEET p.P_RECRUIT { width:95%; float:left; clear:none; margin:0 0 0 2.5%; }
#PAGE #CONTENTS .SHEET h2.SAIYO small { margin-left:20px; font-size:10px; color:#f2b500; font-weight:normal; }
strong.STRONG_TEL { width:80%; height:43px; background:#887e72; float:left; clear:none; margin:30px 0 30px 10% ;text-align:center; color:#fff; line-height:1.7em; font-weight:bold; letter-spacing:0.1em; font-size:13px; padding:10px 0; }
strong.STRONG_TEL:link { color:#fff; }
strong.STRONG_TEL:visited { color:#fff; }
span.PC_TEL { display:none; }
strong.STRONG_TEL a.SP_TEL { width:auto; display:block; float:none; font-size:18px; }
strong.STRONG_TEL a { color:#fff; }



}