@charset "utf-8";

* { font-family:"ＭＳ ゴシック", sans-serif; Verdana; font-size:12px; color:#444; }
html { width:100%; height:100%; }
body { padding:0; margin:0; width:100%; height:100%; background:url(../_images/main/bg_pattern.gif)}
table,td,th,ol,ul,li,dl,dt,dd { padding:0; margin:0; border:0; }
table { border-collapse:collapse; border-spacing:0; }
li { list-style:none; }
ul,ol,li { margin:0; padding:0; }
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

body a:link { font-size:12px; color:#222; text-decoration:none; }
body a:active { font-size:12px; color:#222; text-decoration:none; }
body a:visited { font-size:12px; color:#222; text-decoration:none; }
body a:hover { font-size:12px; color:#555; text-decoration:underline; }

#wrapper { position:relative; margin:0 auto; width:960px; background:url(../_images/main/bg_white.gif) repeat-y; }
#top { position:relative; overflow:hidden; width:960px; height:110px; }
#top h1 { display:block; position:absolute; top:5px; left:35px; z-index:20; }
#top div { position:absolute; top:25px; left:230px; z-index:10 }
#top span { position:absolute; top:33px; left:407px; }

#gnb { overflow:hidden; width:960px; height:407px; }
#footer { overflow:hidden; width:960px; height:125px; background:url(../_images/main/bg_footer.gif) repeat-y; }
#footer ul { margin:30px auto 0 auto; width:940px; }
#footer ul li { margin-left:40px; float:left; line-height:18px; }

.main_content { margin:20px auto; overflow:hidden; width:906px; }
.appoint { float:left; padding-right:12px; }
.notice_box { float:left; overflow:hidden; width:512px; height:121px; }
.notice_box img { float:left; }
.notice_box .notice { float:left; }
.notice_box .notice tr { height:23px; }
.notice_box .notice .icon { width:15px; background:url(../_images/main/dot.gif) repeat-x left bottom; }
.notice_box .notice .subject { width:260px; background:url(../_images/main/dot.gif) repeat-x left bottom; }
.notice_box .notice .date { width:75px; text-align:center; background:url(../_images/main/dot.gif) repeat-x left bottom; }
.padding1 { float:left; width:906px; height:30px; }
.recommend { float:left; overflow:hidden; padding-right:12px; width:382px; height:181px; }
.banner { float:left; overflow:hidden; width:512px; height:181px; }

.top_move { margin:20px auto; width:45px; }
.menu_tab { margin:40px auto 10px auto; width:920px; height:50px; }
.menu_tab li { float:left; padding-top:12px; padding-right:1px; width:100px; height:21px; text-align:center; background:url(../_images/menu/tab_off.gif) no-repeat; cursor:hand; cursor:pointer; }
.menu_tab li span { display:block; color:#fff; font-size:16px; font-weight:bold; filter:dropshadow(color=#333333,offX=1,offY=1,positive=1);}
.menu_tab div { margin:0; padding:0; float:left; }
.menu_tab .tab_on { float:left; padding-top:10px; padding-right:1px; width:100px; height:23px; text-align:center; background:url(../_images/menu/tab_on.gif) no-repeat; }

.menu_container { overflow:hidden; padding-bottom:30px; margin:0 auto; width:930px; _width:940px; } /*IE 6.0*/
.menu_box { float:left; margin:10px 5px; width:455px; background:url(../_images/menu/box_bg_center.gif) repeat-y; _margin:13px 4px; } /*IE 6.0*/
.menu_box img { float:left; }
.menu_box span { display:block; float:left; margin:10px 13px; padding:5px 0 0 5px; width:165px; height:165px; border:1px solid #ccc; background:#fff; _margin:10px 6px 10px 6px; } /*IE 6.0*/
.menu_box .title { float:right; margin:5px 20px 0 0; padding:5px 0; width:230px; text-align:center; color:#000; background:url(../_images/menu/box_title.gif) no-repeat; _margin:3px 10px 5px 0; } /*IE 6.0*/
.menu_box .title h1 { display:inline; width:230px; color:#000; font-size:16px; }
.menu_box .content { float:right; overflow-y:scroll; margin:5px 20px 0 0; padding:5px 0; width:230px; height:140px; text-align:left; color:#000; font-size:12px; line-height:18px; _margin:3px 10px 5px 0; } /*IE 6.0*/
.drink { margin:20px auto; width:899px; }

.top10_box { position:relative; margin:30px auto 0px auto; width:810px; height:260px; background:url(../_images/top10/bg_box.gif) no-repeat; }
.top10_box .str { position:absolute; top:-1px; left:-20px; z-index:20; }
.top10_box .imgs { position:absolute; top:19px; left:22px; padding:5px; width:280px; height:210px; border:1px solid #ccc; }
.top10_box .txt_box { position:absolute; top:25px; left:340px; overflow:hidden; width:440px; height:210px; }
.txt_box .title { padding-top:6px; width:440px; height: 31px; text-align:center; vertical-align:middle; color:#000; font-size:16px; font-weight:bold; background:url(../_images/top10/color_bg.gif) no-repeat; } 
.txt_box .content { overflow-y:scroll; padding:10px 0; width:440px; height:150px; line-height:16px; }

.appoint_box { position:relative; margin:40px auto; width:662px; height:659px; background:url(../_images/appoint/bg.gif) no-repeat; }
.appoint_box .txt { position:absolute; top:262px; left:40px; }
.appoint_box .txt li { clear:both; padding:8px 0; }
.appoint_box .form { position:absolute; top:262px; left:160px; }
.appoint_box .form ul li { float:none; padding:4px 0; }
.appoint_box .form ul li input{ width:200px; height:16px; padding:2px 0 0 4px;border:1px solid #bbb; }
.appoint_box .form ul li textarea{ width:400px; height:60px; padding:2px 0 0 4px;border:1px solid #bbb; }
.appoint_box .form ol { clear:both; padding:0; margin:0; background:#f00}
.appoint_box .form ol li { display:block; float:left; padding:4px 3px 4px 0; }
.appoint_box .mail_btn { position:absolute; top:500px; left:260px; }

.customer_title { margin:40px auto 0 auto; width:824px; height:40px; }
.customer_box { position:relative; margin:0 auto 40px auto; width:824px; height:194px; background:url(../_images/customer/bg.gif) no-repeat; }
.customer_box ul { position:absolute; top:10px; left:290px; }
.customer_box li { float:left; padding-right:10px; }
.customer_box li span { display:block; margin:3px 0 0 0; }
.customer_box li input { margin-right:10px; padding:2px 0 0 4px; height:16px; border:1px solid #ccc; background:#f5f5f5; }
.customer_txt { margin:40px 0 0 14px; width:790px; height:130px; border:1px solid #ccc; }
.customer_reply { margin:0 auto; padding:10px 0; overflow:hidden; width:824px; background:#f6f6f6 url(../_images/customer/dot.gif) repeat-x; }
.customer_reply h1 { display:inline; padding-left:20px; }
.customer_reply ul { float:right; padding-right:20px; }
.customer_reply li { float:left; }
.customer_reply li span { display:block; padding:3px 10px 0 0;  }
.customer_reply .content { margin:20px auto 0 auto; width:780px; line-height:18px; }

.board_page { margin:20px auto 60px auto; }
.board_page th { padding:0 2px; }
.board_page td { padding:0 6px; border-right:1px solid #ddd; }

.board_notice { margin:40px auto; width:860px; border-collapse:collapse; border-spacing:0; background:url(../_images/notice/bar.gif) no-repeat; }
.board_notice caption { margin:0; padding:0; text-align:left; }
.board_notice thead { }
.board_notice thead .date { width:120px; text-align:center; }
.board_notice thead .subject { width:660px; text-align:center; }
.board_notice thead .hit { width:80px; text-align:center; }

.board_notice tbody td { height:30px; background:url(../_images/notice/dot.gif) repeat-x left bottom; }
.board_notice tbody .date { width:120px; text-align:center; }
.board_notice tbody .subject { width:660px; text-align:left; }
.board_notice tbody .hit { width:80px; text-align:center; }

.notice_search { overflow:hidden; margin:0 auto; }

.board_notice_view { margin:40px auto; width:860px; border-collapse:collapse; border-spacing:0; background:url(../_images/notice/bar.gif) no-repeat; }
.board_notice_view caption { margin:0; padding:0; text-align:left; }
.board_notice_view thead .date { width:120px; text-align:center; }
.board_notice_view thead .subject { width:660px; text-align:center; }
.board_notice_view thead .hit { width:80px; text-align:center; }
.board_notice_view tbody .content { padding:30px; width:820px; line-height:18px; background:url(../_images/notice/dot.gif) repeat-x left bottom;}
.board_notice_view tbody .date { width:120px; text-align:center; height:30px; background:url(../_images/notice/dot.gif) repeat-x left bottom;}
.board_notice_view tbody .subject { width:660px; text-align:left; height:30px; background:url(../_images/notice/dot.gif) repeat-x left bottom;}
.board_notice_view tbody .hit { width:80px; text-align:center; height:30px; background:url(../_images/notice/dot.gif) repeat-x left bottom;}

.course_tab { margin:40px auto 10px auto; width:920px; height:50px; }
.course_tab li { float:left; padding-top:12px; padding-right:1px; width:180px; height:21px; text-align:center; background:url(../_images/course/tab_off.gif) no-repeat; cursor:hand; cursor:pointer; }
.course_tab li span { display:block; color:#fff; font-size:16px; font-weight:bold; filter:dropshadow(color=#333333,offX=1,offY=1,positive=1);}
.course_tab div { margin:0; padding:0; float:left; }
.course_tab .tab_on { float:left; padding-top:10px; padding-right:1px; width:180px; height:23px; text-align:center; background:url(../_images/course/tab_on.gif) no-repeat; }

.main_imgbox { margin:30px auto 0 auto; width:920px; }
.main_imgbox h1 { margin:0; padding:0; padding-bottom:2px; }
.main_imgbox .part { margin:0 auto; width:900px; overflow:hidden; background:box; }
.main_imgbox ul { float:left; padding:7px; }
.main_imgbox .imgbox { width:165px; height:165px; background:url(../_images/course/main_imgbox.gif) no-repeat; }
.main_imgbox .imgbox img { margin:4px; }
.main_imgbox .txt { padding:10px 0; text-align:center; }

.sub_imgbox { margin:20px auto 50px auto; width:920px; }
.sub_imgbox h1 { margin:0; padding:0; padding-bottom:10px; }
.sub_imgbox .part { margin:0 auto; width:890px; overflow:hidden; background:box; }
.sub_imgbox ul { float:left; padding:1px; }
.sub_imgbox .imgbox { width:145px; height:145px; background:url(../_images/course/sub_imgbox.gif) no-repeat; }
.sub_imgbox .imgbox img { margin:4px; }
.sub_imgbox .txt { padding:10px 0; text-align:center; }

.dessert { margin:0 auto 80px auto; overflow:hidden; width:920px; }

.location_box { margin:60px auto; width:413px; }
.location_box .img { position:relative; margin:20px 0; }
.location_box .img .working { position:absolute; width:200px; top:200px; left:430px; }
.location_box .img .working_1 { position:absolute; width:200px; top:310px; left:430px; }
.location_box .img .working_left { position:absolute; width:200px; top:200px; left:-120px; }
.location_box .img .working_left_1 { position:absolute; width:200px; top:310px; left:-120px; }