@charset "UTF-8";
/* core	================================================	*/
body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #565656; text-align: center; font-size: 62.5%; background: url(../img/top/repeat_bg.jpg); }

#wrapper { width: 640px; overflow: hidden; }
#wrapper header { width: 640px; height: 322px; position: relative; }
#wrapper header h1 { width: 640px; height: 0; padding-top: 301px; overflow: hidden; background: url(../img/top/header.jpg) no-repeat 0 0; }
#wrapper header p { width: 640px; height: 96px; position: absolute; left: 0; bottom: 0; }
#wrapper.contents header { width: 640px; height: 190px; }
#wrapper.contents header h1 { height: 227px; padding-top: 0; background: none; }
#wrapper.contents header h1 a { display: block; width: 640px; height: 0; padding-top: 227px; overflow: hidden; background: url(../img/logo/header.jpg) no-repeat 0 0; }
#wrapper #special { margin-top: 15px; margin-bottom: 52px; }
#wrapper #special ul { padding-bottom: 14px; }
#wrapper #special li { width: 640px; height: 120px; position: relative; margin-bottom: 10px; }
#wrapper #special li .new { width: 60px; height: 60px; position: absolute; left: 7px; top: -6px; }
#wrapper #special li .comingsoon { width: 88px; height: 42px; position: absolute; left: 508px; top: 39px; }
#wrapper #special li .btn { width: 148px; height: 52px; position: absolute; left: 463px; top: 35px; }
#wrapper #movie { margin-bottom: 59px; }
#wrapper #movie h2 { margin-bottom: 4px; }
#wrapper #message ul li h3 { text-align: center; background: url(../img/top/line.png) no-repeat 0 bottom; color: #0477d2; font-size: 2.0rem; line-height: 75px; padding-top: 20px; padding-bottom: 20px; }
#wrapper #message ul li p { font-size: 1.6rem; text-align: left; line-height: 170%; padding: 20px 30px; }
#wrapper #contents { position: relative; }
#wrapper #contents.logo h2 { margin-bottom: 37px; }
#wrapper #contents.logo .designer { width: 640px; background: url(../img/logo/line01.png) no-repeat 0 0; text-align: left; padding-top: 48px; margin-bottom: 20px; }
#wrapper #contents.logo .designer dl { margin-bottom: 10px; }
#wrapper #contents.logo .designer dt { font-size: 1.6rem; font-weight: bold; padding-left: 28px; color: #5c4a32; }
#wrapper #contents.logo .designer dd { padding: 0 28px; font-size: 1.6rem; }
#wrapper #contents.logo .designer .name dt { float: left; margin-right: 25px; }
#wrapper #contents.logo .txt p { font-size: 1.4rem; }
#wrapper .pageTop { padding-top: 50px; margin-bottom: 5px; }
#wrapper footer { background: url(../img/top/foot_bg.png) no-repeat 0 0; padding-top: 47px; }
#wrapper footer .link { padding-bottom: 30px; }
#wrapper footer .link li { margin-bottom: 20px; }
#wrapper footer .share { width: 400px; margin: 0 auto; }
#wrapper footer .share li { display: inline; float: left; }
#wrapper footer .copy { padding: 20px 0 20px 0; }
