/*---------------------------------------------
ベース設定
---------------------------------------------*/
* { margin:0; padding:0;}
html { height:100%;}
/*body { background-image:url(../common/bg.gif); margin:0px auto; padding:0; height:100%; font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif; font-size:12px; line-height:1.5em; text-align:center;}*/
body { background-image:url(/NR/rdonlyres/6B58B28E-A7EE-4407-9C76-1CA7E85E1AE0/0/bg.gif); margin:0px auto; padding:0; height:100%; font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif; font-size:12px; line-height:1.5em; text-align:center;}

#wrapper { width:957px; height:100%; min-height:100%; margin:0px auto; padding:0; border-left:1px solid #666666; border-right:1px solid #666666; background-color:#FFFFFF; text-align:left;}
body > #wrapper { height:auto;}
* html #wrapper { height:100%;}

#wrapper2 { width:957px; height:100%; min-height:100%; margin:0px auto; padding-bottom:10px; border-left:none; border-right:none; background-color:#FFFFFF;}
body > #wrapper2 { height:auto;}
* html #wrapper2 { height:100%;}

#contents { width:949px; padding:0; margin-left:4px; margin-top:20px; clear:both;}
#contentsTop { width:949px; padding:0; margin-left:4px; margin-top:4px; clear:both;}

.noscript { margin:30px; text-align:center; color:#FF0000;}
p {margin:10px 0px;}
.clear { clear:both; width:100%; height:1px; display:block;}

/*---------------------------------------------
ヘッダー
---------------------------------------------*/
#header { width:949px; margin:0; padding:4px;}
#header .btn { margin:4px 0 0 4px;}
#header .btnTop { margin:4px 0 0 0; float:left;}


/*---------------------------------------------
フッター
---------------------------------------------*/
a.footer:visited, a.footer:active, a.footer:link, a.footer:hover{TEXT-DECORATION: none; color: #666666;}
#footer { width:930px; margin:0; padding:30px 10px 5px 10px; clear:both; background-color:#FFFFFF;}
#footer .menu { font-size: 12px; line-height: 140%; font-family:'ＭＳ Ｐゴシック', Osaka, sans-serif; color:#666666; float:left;}
#footer .logo { float:right;}
#footer .copyright { font-size:12px; line-height:140%; font-family:'ＭＳ Ｐゴシック', Osaka, sans-serif; color:#666666; float:right; clear:both;}


/*---------------------------------------------
トップ
---------------------------------------------*/
#town { width:949px; height:342px; margin-left:4px; padding:0;}
#topMenu { height:50px; margin:0; padding:0;}
#topMenu img { margin:4px 0 0 4px;}
#topMenu2 { height:50px; margin:0; padding:0;}
#topMenu2 img { margin:0 0 0 4px;}
#backTop { width:43px; height:11px; margin:0; padding:0; position:relative; left:85px; bottom:70px;}

#leftBox { width:712px; margin:0; padding:0; float:left;}
.leftBoxInner { width:712px; margin-top:4px; padding:0;}
.picup { margin-left:4px;}
.leftBoxInfo { width:690px; height:488px; margin-top:4px; padding:10px; border:1px solid #666666; overflow:auto;}

#rightBox { width:233px; margin:0; padding:0; float:right;}
.news { width:233px; height:21px;}
.banner { width:233px; padding-bottom:4px;}
.rightBoxInner { width:215px; height:650px; margin-top:4px; padding:8px; border:1px solid #666666; overflow:auto;}
.rightBoxNews { width:198px; margin:0; padding:0;}
.newsDate { color:#FF0000;}
.newsTxt { color:#666666;}
.dotline { border-top:1px dotted #666666; font-size:1px; margin:10px 0 9px 0;}


/*---------------------------------------------
インフォメーション
---------------------------------------------*/
.info { width:635px; margin-bottom:20px; padding:15px 15px 15px 0; border-left:15px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-top:1px solid #666666; clear:both;}
.infoImg { width:214px; float:left; text-align:center;}
.infoDetails {  width:420px; float:right; color:#666666;}
.spInfo { margin:0; padding:5px; color:#FF0000; border:1px solid #FF0000;}


/*---------------------------------------------
キットカット ミュージアム
---------------------------------------------*/
.museumTM { width:448px; margin-top:20px; padding:4px; border-left:15px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-top:1px solid #666666; float:left;}
.museumWT { width:449px; margin-top:20px; padding:4px; border-left:15px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-top:1px solid #666666; float:right;}
.museumDetails { margin:0; padding:10px; color:#666666;}


/*---------------------------------------------
文字サイズと高さ及びスタイル (固定)
---------------------------------------------*/
.large { font-size:16px;line-height:1.5em;}
.medium { font-size:12px;line-height:1.5em;}
.small { font-size:11px;line-height:1.5em;}
.b { font-weight:bold;}

a:link { color: #666666; text-decoration: underline}
a:visited { color:#666666; text-decoration: underline;}
a:hover { color:#FF0000; text-decoration: underline;}
a:active { color:#FF0000; text-decoration: underline;}


/*---------------------------------------------
clearfix
---------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}