@charset "utf-8";

/***********************************
  Sapporo Autumn Fest2010
  www/2010/css/style.css
***********************************/

@import "shadowbox.css";

/*==================================
  BASIC
==================================*/
html{margin:0 auto; padding:0; font-size:62.5%; font-family:verdana;}
body {margin:0 auto; padding:0; background:#fff url(../images/back.jpg) top center repeat-x; text-align:center; color:#666;}

/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom;}
p{line-height:1.5;}
hr {display: none;}
.clear {zoom: 100%;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*==================================
  common parts
==================================*/
.hid{display:none;}
.fright {float:right; margin-left:10px;}
.fleft {float:left;}
/*\*/ a { overflow: hidden; }/**/

/*==================================
  LINK
==================================*/
a {color:#666; text-decoration:underline;}
a:link {color:#666; text-decoration:underline;}
a:visited {color:#666; text-decoration:underline;}
a:hover {color:#5d4742; text-decoration:none;}
a:active {color:#5d4742; text-decoration:none;}

/*==================================
  Common Box Layout
==================================*/
div#main {width:860px; margin:0 auto; padding:10px 0 20px;}
div#contents {width:570px; float:left; font-size:1.4em;}
div#side {width:249px; float:right; font-size:1.2em;}
div.gototop {width:860px; margin:0 auto; padding-bottom:10px;}
div#footer {background:url(../images/footer_line.gif) top repeat-x; padding:15px 0; text-align:center; font-size:1.2em;}

/*==================================
  Common Header Layout
==================================*/
div#header {width:900px; height:200px; margin:0 auto; overflow:hidden; background:url(../images/header.jpg);}
div#header h1 {position:absolute; margin-left:13px;}
div#header dl {position:absolute; margin:21px 0 0 166px;}
div#header dl dt {margin:0; padding:0 0 8px;}

div#header2010 {width:900px; height:210px; margin:0 auto; overflow:hidden; background:url(../../common/images/header.jpg);}
div#header2010 h1 {position:absolute; margin-left:13px;}
div#header2010 dl {position:absolute; margin:30px 0 0 165px; width:700px;}
div#header2010 dl dt {float:left;}
div#header2010 dl dd {float:right;}
div#header2010 ul {list-style:none;}
div#header2010 ul li {position:absolute; font-size:0; line-height:0;}
div#header2010 ul li a {display:block;}
div#header2010 ul li a:hover {background-color:transparent;}
div#header2010 ul li a:hover img {visibility:hidden;}
div#header2010 li#jan {background:url(../../common/images/btn_jan_ov.png); margin-left:653px;}
div#header2010 li#eng {background:url(../../common/images/btn_eng_ov.png); margin-left:768px;}
div#header2010 li#navi01 {background:url(../../common/images/navi01_ov.png); margin:112px 0 0 158px;}
div#header2010 li#navi02 {background:url(../../common/images/navi02_ov.png); margin:112px 0 0 222px;}
div#header2010 li#navi03 {background:url(../../common/images/navi03_ov.png); margin:112px 0 0 306px;}
div#header2010 li#navi04 {background:url(../../common/images/navi04_ov.png); margin:112px 0 0 390px;}
div#header2010 li#navi05 {background:url(../../common/images/navi05_ov.png); margin:112px 0 0 454px;}
div#header2010 li#navi06 {background:url(../../common/images/navi06_ov.png); margin:112px 0 0 518px;}
div#header2010 li#navi07 {background:url(../../common/images/navi07_ov.png); margin:112px 0 0 582px;}
div#header2010 li#navi08 {background:url(../../common/images/navi08_ov.png); margin:112px 0 0 646px;}
div#header2010 li#navi09 {background:url(../../common/images/navi09_ov.png); margin:112px 0 0 710px;}
div#header2010 li#navi10 {background:url(../../common/images/navi10_ov.png); margin:112px 0 0 794px;}

/*==================================
  Common Main Layout
==================================*/
/*--100705eDit--*/
div#flash {width:570px; height:365px;}
p.description {padding:7px 0 14px;}
dl#chef-movie {padding-bottom:15px;}
dl#chef-movie dt {color:#666; font-size:14px; font-weight:bold; padding-bottom:3px;}
div#chef-box {margin:0 10px; padding:10px 15px; background:url(../../images/box_chef.gif) top;}
div#chef-box h3 {font-size:0; line-height:0;}
div#chef-box dl.chef01 dt {font-size:12px; padding:3px 0;}
div#chef-box dl.chef01 dt strong {margin-right:10px;}
div#chef-box dl.chef01 dt img {margin-left:5px; vertical-align:middle;}
div#chef-box dl.chef01 dd ol li {list-style:none; width:120px; float:left; margin-right:13px;}
div#chef-box dl.chef01 dd ol li p {margin-top:2px; line-height:1.25; padding-left:2px;/*padding-left:10px; background:url(../../images/lm_chef.gif) left 5px no-repeat;*/}
div#chef-box-bottom {margin:0 10px 20px; height:1px; background:url(../../images/box_bottom_chef.gif);}
/*--100705eDit_enD--*/
/*--100728eDit--*/
div#chef-box ul#movie-list {list-style:none; padding-top:15px;}
div#chef-box ul#movie-list li {width:120px; float:left; margin-right:13px;}
div#chef-box ul#movie-list li dt {font-size:12px; padding:3px 0;}
div#chef-box ul#movie-list li dt strong {margin-right:5px;}
div#chef-box ul#movie-list li dt img {margin-left:5px; vertical-align:middle;}
div#chef-box ul#movie-list li p {margin-top:2px; line-height:1.25; padding-left:2px;/*padding-left:10px; background:url(../../images/lm_chef.gif) left 5px no-repeat;*/}
/*--100728eDit_enD--*/

p#concept {margin:10px 0 40px 350px; width:220px; background:url(../images/btn_concept_ov.gif) top left;}
p#concept a {display:block;}
p#concept a:hover {background-color:transparent;}
p#concept a:hover img {visibility:hidden;}
p#rss {position:absolute; margin:-26px 0 0 349px;}
dl#blog-list dt {width:7em; float:left; padding:8px 0 0 10px;}
dl#blog-list dd {padding:8px 0 8px 9em; background:url(../images/dott01.gif) bottom repeat-x;}
dl#blog-list dd a {background:url(../images/lm01.gif) left no-repeat; padding-left:20px;}
ul#blog-list-link {margin:10px 0 40px; list-style:none;}
ul#blog-list-link li#blog-list-linkA {width:220px; float:left; background:url(../images/btn_blog_ov.gif) top left;}
ul#blog-list-link li#blog-list-linkB {width:150px; float:right; background:url(../images/btn_news_ov.gif) top left;}
ul#blog-list-link li a {display:block;}
ul#blog-list-link li a:hover {background-color:transparent;}
ul#blog-list-link li a:hover img {visibility:hidden;}

h2#bnr2009 {width:570px; height:80px; overflow:hidden; background:url(../images/bnr2009_ov.gif);}
h2#bnr2009 a {display:block;}
h2#bnr2009 a:hover {background-color:transparent;}
h2#bnr2009 a:hover img {visibility:hidden;}

h2.pat40 {padding-top:40px;}
ul#stage-list {padding-top:20px; list-style:none;}
ul#stage-list li {width:280px; padding-bottom:10px; float:left;}
ul#stage-list li.stage-list-right {float:right;}
ul#stage-list li dl {border:1px solid #e1dcdb; padding:7px;}
ul#stage-list li dl dt {width:80px; float:left;}
ul#stage-list li dl dd {padding:3px 0 0 90px; font-size:12px; line-height:1.5;}
ul#stage-list li dl dd strong {font-size:14px;}
ul#stage-list li dl dd p {width:120px; margin:11px 0 0 50px; background:url(../images/btn_more_ov.gif) top left;}
ul#stage-list li dl dd p a {display:block;}
ul#stage-list li dl dd p a:hover {background-color:transparent;}
ul#stage-list li dl dd p a:hover img {visibility:hidden;}

/*==================================
  Common Side Layout
==================================*/
div#side div.box {background:url(../images/box_dott.gif) top; padding:10px 10px 10px 15px;}
div#side div.box02 {background:url(../images/box_dott.gif) top; padding:3px;}
div#side div.box-bottom {height:1px; background:url(../images/box_dott_bottom.gif) top; margin-bottom:20px;}
div#side div.box dl.info {padding:5px 3px;}
div#side div.box dl.info dt {margin-top:10px;}
div#side div.box dl.info dd {margin:5px 0 0 3px; background:url(../images/lm03.gif) left 5px no-repeat; padding-left:15px;}
div#side div.box02 dl.info {padding: 3px 3px 10px 15px;}
div#side div.box02 dl.info dt {margin-top:10px;}
div#side div.box02 dl.info dd {margin:5px 0 0 3px; background:url(../images/lm03.gif) left 5px no-repeat; padding-left:15px;}
div#side ul.bnr-s {list-style:none; padding-bottom:10px;}
div#side ul.bnr-s li {font-size:0; line-height:0; margin-bottom:10px; height:61px; overflow:hidden;}
div#side ul.bnr-s li a {display:block;}
div#side ul.bnr-s li a:hover {background-color:transparent;}
div#side ul.bnr-s li a:hover img {visibility:hidden;}
div#side ul.bnr-s li#bnr-s00 {background:url(../images/sapporo_bnr.gif) left top; width:206px; height:39px;}
div#side ul.bnr-s li#bnr-s04 {background:url(../images/bnr_s04_ov.gif) left top;}
div#side div.box02 dl#member {padding:10px 0 0 20px;}
div#side div.box02 dl#member dt {line-height:1.6; padding:0 10px 10px 0;}
div#side div.box02 dl#member dd p {width:100px; height:18px; overflow:hidden; margin:0 0 7px 115px; background:url(../images/btn_member_ov.gif) top left no-repeat;}
div#side div.box02 dl#member dd p a {display:block;}
div#side div.box02 dl#member dd p a:hover {background-color:transparent;}
div#side div.box02 dl#member dd p a:hover img {visibility:hidden;}
div#side div.box02 ul.list-s {list-style:none; padding:3px 3px 0 13px;}
div#side div.box02 ul.list-s li {margin:8px 0 0 3px; background:url(../images/lm03.gif) left 5px no-repeat; padding-left:15px;}
div#side div.box02 p.list-btn {width:90px; margin:10px 0 0 140px; background:url(../images/btn_list_ov.gif) top left no-repeat; padding-bottom:5px;}
div#side div.box02 p.list-btn a {display:block;}
div#side div.box02 p.list-btn a:hover {background-color:transparent;}
div#side div.box02 p.list-btn a:hover img {visibility:hidden;}
div#side div.box p#srchForm {padding:10px 10px 5px;}
div#side div.box p#srchForm input#srchInput {width:190px;}
div#side div.box ul#srchToggle {list-style:none; margin-left:15px;}
div#side div.box ul#srchToggle li {margin-bottom:2px;}
div#side div.box ul#srchToggle li input {margin-right:5px;}
div#side div.box input#srchBtn {margin:5px 0 0 87px; text-align:center; padding:0 7px;}
div#side2 div.box p#srchForm {padding:10px 10px 5px;}
div#side2 div.box p#srchForm input#srchInput {width:190px;}
div#side2 div.box ul#srchToggle {list-style:none; margin-left:15px;}
div#side2 div.box ul#srchToggle li {margin-bottom:2px;}
div#side2 div.box ul#srchToggle li input {margin-right:5px;}
div#side2 div.box input#srchBtn {margin:5px 0 0 87px; text-align:center; padding:0 7px;}
p#sapporo {background:url(../images/lm00.gif) left no-repeat; padding-left:12px; margin-bottom:3px;}

/*==================================
  Common Gototop Layout
==================================*/
div.gototop p {width:140px; margin-left:720px; background:url(../images/btn_gototop_ov.gif) top left;}
div.gototop p a {display:block;}
div.gototop p a:hover {background-color:transparent;}
div.gototop p a:hover img {visibility:hidden;}

/*==================================
  Common Footer Layout
==================================*/
div#footer div {width:860px; margin:0 auto;}
div#footer div span {background:url(../images/icon_tel.gif) left no-repeat; padding-left:20px; margin-right:20px;}
div#footer div p a {background:url(../images/icon_mail.gif) left no-repeat; padding-left:20px;}
address {font-style:normal; font-weight:bold; padding-top:5px;}

div#footer dl {width:860px; margin:0 auto;}
div#footer dl dt {float:right; padding-top:3px;}
div#footer dl dd p span {background:url(../images/icon_tel.gif) left no-repeat; padding-left:20px; margin-right:20px;}
div#footer dl dd p a {background:url(../images/icon_mail.gif) left no-repeat; padding-left:20px;}