/*初期設定*/ *{margin:0; padding:0;} a{display:block;} .clearfix:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;} .clear{clear:both;} /*以下サイトのスタイル*/ #secBg{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%;} body{background:url(../img/common/background.jpg) repeat; font-size:12px; position:relative; min-width:1200px;} .headWrap{background:url(../img/common/bgHeddingWrap.png); height:159px;} .dotted:after{content:""; display:block; background:url(../img/common/dotted.gif) repeat-x; height:2px;} .layout{margin:0 auto; width:960px;} header{width:960px; margin:0 auto;} header h1{font-size:12px; padding-top:5px;} address{float:left;} header p.logo{padding-bottom:27px; margin-top:33px; float:left; padding-top:15px;} p.logo a:hover img { -moz-opacity:0.6; opacity:0.6; filter: alpha(opacity=60); } header address p{float:left; margin:35px 0 0 70px;} #slideShow{ position:relative; background:url(../images/BgslideShow.jpg); clear:both; padding:15px; width:925px; height:465px; box-shadow:#333 0 5px 10px;} #slideShow span{font-weight:bold;} p.HeddingSing{background:url(../img/menu/heddingSing.png) no-repeat top; width:309px; height:257px; padding:50px 0 0 0; color:#fff; text-align:center; margin-left:20px; position:absolute; top:380px; right:0;} p.HeddingSing strong{font-weight:bold;} nav{margin:50px auto 0 auto; width:960px; background:url(../img/common/mascot01.gif) no-repeat bottom right; padding-bottom:20px;} nav a{padding:5px 0;} nav a:hover{background: url(../img/menu/rollover.gif) top right no-repeat; width:auto; padding-right:30px; width:320px; } nav dl{margin-top:15px;} nav dl dt{margin:0 0 0 80px; width:300px;} nav dl dd{margin:0 0 25px 130px; width:550px;} header p.happy{position:absolute; right:0; display:block; bottom:-30px;} /*sidenav*/ #sidenav{position:absolute; top:200px; left:5%; z-index:100;} #sidenav ul{background:url(../img/sidenav/btn01.gif)} /*about*/ .photo{background:url(../img/common/bgPhoto.png) no-repeat; padding:25px 30px 25px 22px;} #secBg01{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%; min-width:1200px;} #about{width:960px; margin:0 auto; position:relative; padding-top:40px;} #about .aboutBg{ background:url(../img/bg/parallaxBg02.gif) no-repeat;} #about p.photo{float:left;} #about div.right{overflow:hidden; float:left; width:400px; margin-top:70px;} #about p.comment{width:310px; height:100px; padding:30px; float:left; background:#e9d5cb; border:solid 10px #ee4206; font-size:12px; line-height:1.8em;} #about p.commentTop{margin-bottom:-7px;} #about p.floorImg{margin:22px 0 30px 10px;} #about article.clear{background:url(../img/about/aboutContentBg.png) no-repeat; position:relative; transform: transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ; height:443px;} .transclear{transform:rotate(3deg);} #about article.clear p.Aboutsec01{background:url(../img/about/couple.png) no-repeat; position:absolute; top:10px; padding:22px 167px 145px 59px; font-size:12px; z-index:1;} #about article.clear p.Aboutsec02{background:#d7d6d4; border:solid 10px RGB(240,240,240); width:300px; padding:10px 0 10px 50px; position:absolute; bottom:30px; z-index:2; font-size:12px;} #about article.clear p.Aboutsec03{position:absolute; top:80px; left:350px; z-index:5;} #about article.clear div.Aboutsec04 ul{background:url(../img/about/infoBox.gif) no-repeat; width:255px; height:255px; font-size:12px; padding-top:88px; position:absolute; right:120px; z-index:3; top:70px;} #about article.clear div.Aboutsec04 ul li{list-style:inside disc; margin-left:20px; width:230px;} #about article.clear p.Aboutsec05{position:absolute; top:-50px; right:50px; background:url(../img/about/aboutSignBg.png) no-repeat; width:218px; height:120px; padding-top:40px; padding-left:40px; transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ; font-size:12px;} #about p.rollover{margin-left:750px;} #about p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #about p.rollover a:hover {background:url(../img/common/mascotFlogRollover.gif); background-repeat: no-repeat; background-position: left top;} /*equipment*/ #secBg02{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%; min-width:1200px;} #equipment{width:900px; margin:0 auto; padding-top:30px; position:relative;} #equipment div.left{width:385px; float:left; margin-bottom:100px;} #equipment div.left p.comment{padding:14px 0px 14px 30px; width:340px; border:solid 10px #ee4206; font-size:12px; background:#e9d3c8; margin-top:40px;} #equipment div.left article.contenBox{background:url(../img/equipment/contentSecBg.jpg) repeat; width:350px; padding:10px; border:10px solid #fff;} #equipment div.left article.contenBox h2.hedding{margin:10px 0 10px 0;} #equipment div.left article.contenBox ul{width:170px; margin-right:15px; margin-left:30px;} #equipment div.left article.contenBox ul li{list-style:inside disc; font-size:12px;} #equipment div.left article.contenBox .floatL{float:left; width:150px;} #equipment div.left article.contenBox .floatR{float:left; width:132px; margin-left:10px;} #equipment article.right{width:465px; float:left; margin-left:40px;} #equipment article.right p.photoTop{margin:45px 0 0 10px;} #equipment article.right p.photo{background:url(../img/common/bgPhoto.png) no-repeat; padding:30px 24px 29px 15px; width:461px; height:360px; margin-top:-21px;} #equipment article.right div.photoArea{position:relative;margin-top:20px; width:500px;} #equipment article.right div.photoArea dl dt.photo01{position:absolute; top:10px;} #equipment article.right div.photoArea dl dd.photo01Bllon{position:absolute; top:11px; right:54px;} #equipment article.right div.photoArea dl dt.photo02{position:absolute; top:167px; right:-6px} #equipment article.right div.photoArea dl dd.photo02Bllon{position:absolute; top:103px; right:-9px;} #equipment article.right div.photoArea dl dt.photo03{position:absolute; top:230px; left:0;} #equipment article.right div.photoArea dl dd.photo03Bllon{position:absolute; right:51px; top:348px;} #equipment p.rollover{margin-left:0;} #equipment p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #equipment p.rollover a:hover {background:url(../img/common/mascotFlogRollover.gif); background-repeat: no-repeat; background-position: left top;} /*moveIn*/ #secBg03{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%; min-width:1200px;} #moveIn{width:900px; margin:0 auto; overflow:hidden; background:url(../img/moveIn/bottomImg.gif)no-repeat bottom left; padding-top:40px; position:relative;} #moveIn div.left{width:500px; float:left;} #moveIn div.left p.photo{background:url(../img/common/bgPhoto.png) no-repeat; padding:30px 24px 35px 18px; width:461px; height:356px;} #moveIn div.right{float:right;} #moveIn div.right p.commentTop{margin-top:21px; margin-bottom:-5px;} #moveIn div.right p.comment{padding:20px 0px 20px 30px; width:340px; font-size:12px; border:solid 10px #ee4206; background:#e9d3c8;} #moveIn div.right p.contactRollOver a{background:url(../img/moveIn/contentBoxTop.gif) no-repeat; width:388px; height:177px; text-indent:-9999px; margin-top:60px;display: block;} #moveIn div.right p.contactRollOver a:hover{background:url(../img/moveIn/contentBoxTopRollover.gif); background-repeat: no-repeat; background-position: left top;} #moveInContainer{width:820px; background:url(../img/moveIn/contentBg.jpg) repeat; border:solid #fff 10px; overflow:hidden; padding:0 30px 30px; font-size:14px; color:#fff; margin-bottom:35px;} #moveInContainer h2{margin:40px 0 10px 0;} #moveInContainer h3{font-weight:bold; font-size:18px;} #moveInContainer ul li{margin:5px 0;} #moveInContainer dl{margin:43px 0;} #moveInContainer dl dd{margin:5px 0;} #moveInContainer .subHead{background:#fff; color:#ee4206; width:80px; text-align:center; padding:5px 0; font-weight:bold; font-size:16px;} #moveInContainer .underline{background:url(../img/common/dotted.gif) repeat-x bottom; padding-bottom:10px;} #moveInContainer div.imgContent{background:url(../img/moveIn/contentBoxMascot.png) no-repeat top right; } #moveInContainer p.bottomText{font-size:16px; font-weight:bold; margin-top:30px;} #moveIn p.rollover{margin-left:700px;} #moveIn p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #moveIn p.rollover a:hover {background:url(../img/common/mascotFlogRollover.gif); background-repeat: no-repeat; background-position: left top;} /*fee*/ #secBg04{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; min-width:1200px;} #fee{width:900px; margin:0 auto; position:relative;} #fee div.left{width:385px; float:left; margin-bottom:-5px; padding-top:30px;} #fee div.left p.comment{padding:50px 19px 50px 13px; width:340px; border:solid 10px #ee4206; font-size:12px; background:#e9d3c8; } #fee div.left p.comment span{padding-top:30px; font-weight:bold; display:block;} #fee div.left p.Image01{margin:70px 0 0 0;} #fee div.right{width:465px; float:left; margin-left:40px;} #fee div.right p.photoTop{margin:25px 0 0 10px;} #fee div.right p.photo{background:url(../img/common/bgPhoto.png) no-repeat; padding:30px 24px 29px 20px; width:461px; height:360px; margin-top:-21px; } #feeContent{width:880px; background:#966431; clear:both; border-radius:20px; padding:20px; margin-bottom:185px;} #feeContent .contetnInner{background:url(../img/fee/contentInner.gif) repeat; width:820px; border:solid 11px #949595; position:relative; z-index:5; padding:50px 0 50px 22px; margin:10px;} #feeContent .contetnInner h1{margin:20px 0 0 40px;} #feeContent .contetnInner table{width:80%; margin:20px 80px; background:#eb9629; } #feeContent .contetnInner table tr{border:2px solid #000; height:30px;} #feeContent .contetnInner table tr th{border-left:solid 2px #000; vertical-align:middle;} #feeContent .contetnInner table tr td{border-left:solid 2px #000; background:#fff; text-align:center; vertical-align:middle;} #feeContent .contetnInner .fontLayout{font-size:14px; margin:10px 0 20px 90px; display:block;} #feeContent .contetnInner p span{color:#c40303; font-weight:bold;} #feeContent .contetnInner p{margin-bottom:30px;} #feeContent .contetnInner p.smileText{display:block; position:absolute; right:20px;} #feeContent .contetnInner p.binder{position:absolute; top:40%; left:-37px;} #feeContent .contetnInner p.pen{position:absolute; bottom:10px; right:-90px;} #underContent {width:830px; border:solid #fff 10px; background:url(../img/fee/contentUnderBox.jpg) repeat; height:200px; padding:10px; transform: rotate(-4deg) ; -webkit-transform: rotate(-4deg) ; -moz-transform: rotate(-4deg) ; -o-transform: rotate(-4deg) ; -ms-transform: rotate(-4deg) ; margin:-35px 0 0 11px; margin:-35px 0 0 11px\9; position:absolute;z-index:1} #underContent h1{margin:20px 0 20px 20px;} #underContent ul{font-size:12px; margin:5px;} #fee p.rollover{margin-left:700px; margin-top:-20px;} #fee p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #fee p.rollover a:hover {background:url(../img/common/mascotFlogRollover.gif); background-repeat: no-repeat; background-position: left top;} /*spaceroom*/ #secBg05{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%; min-width:1200px;} #spaceRoom{width:900px; margin:0 auto; padding-top:100px; position:relative;} #spaceRoom div.left{float:left; width:500px;} #spaceRoom p.photo{float:left;} #spaceRoom div.right{overflow:hidden; float:left; width:400px; margin-top:-60px;} #spaceRoom p.comment{width:310px; height:100px; padding:30px; float:left; background:url(../img/spaceroom/commentBoxInner.gif) no-repeat bottom #e9d5cb; border:solid 10px #ee4206; font-size:12px; line-height:1.8em;} #spaceRoom p.commentTop{margin-bottom:-3px;} #spaceRoom p.cloud{background:url(../img/spaceroom/cloud.png) no-repeat 17px 14px; width:376px; height:177px; margin-left:0; padding:95px 0 0 118px;} #spaceRoomContent ul.ballonTop li{display:inline-block; background:url(../img/spaceroom/ballon01.png) no-repeat; width:165px; height:82px; padding:45px 0 0 46px; transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ; } #spaceRoomContent ul.ballonTop li.red{color:#F00; font-weight:bold; font-size:14px; margin-left:-7px;} #spaceRoomContent ul.ballonUnder li{display:inline-block; background:url(../img/spaceroom/ballon02.png) no-repeat; width:165px; height:82px; padding:60px 0 0 46px; transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ;} #spaceRoomContent ul{ transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ; } #spaceRoomContent p.floorPlan{ transform: rotate(-3deg) ; -webkit-transform: rotate(-3deg) ; -moz-transform: rotate(-3deg) ; -o-transform: rotate(-3deg) ; -ms-transform: rotate(-3deg) ; } #spaceRoom p.rollover{margin-left:0;} #spaceRoom p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #spaceRoom p.rollover a:hover {background:url(../img/common/mascotFlogRollover.gif); background-repeat: no-repeat; background-position: left top;} /*contact*/ #secBg06{background: url(../img/bg/parallaxBg05.png) 50% 0 no-repeat fixed; width:100%; min-width:1200px;} #contact{width:1200px; height:940px; margin:0px auto 75px auto; padding-top:40px; background:url(../img/contact/contactBg.png) no-repeat 0 40px; position:relative;} #contact h1{margin:0 auto; width:900px; padding-left:50px;} #contact article{ margin-top:53px; background:#fff; margin-left:208px; width:763px;padding:27px 27px 60px; } #contact article p.contactSub{margin:20px 0 30px 150px; font-size:14px; line-height:2em;} #mailform table{border:none;} #mailform table th{padding-right:20px; vertical-align:middle; font-size:12px; height:37px;} #mailform table .mf{height:20px; background:#ccc;} #mailform table textarea{height:190px!important;} #mailform table tr.btn{margin-top:15px; vertical-align:middle; height:30px;} #mailform table tr.btn td{vertical-align:middle;} #contact p.rollover{margin:96px auto 0 400px;} #contact p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #contact p.rollover a:hover {background:url(../img/common/mascotFlogRolloverTop.gif); background-repeat: no-repeat; background-position: left top;} /*contact*/ #contactAfter{width:1200px; height:940px; margin:0px auto 75px auto; padding-top:40px; background:url(../img/contact/contactBg.png) no-repeat 0 40px; position:relative; min-width:1200px;} #contactAfter h1{width:900px; } #contactAfter h2{margin:150px 0 100px 180px;} #contactAfter p{font-size:16px; line-height:1.5em; margin-left:180px;} #contactAfter p.address{margin-top:50px;} #contactAfter article{ margin-top:150px; background:#fff; margin-left:208px; width:763px;padding:27px 27px 60px; height:545px; } #contactAfter article p.contactSub{margin:20px 0 30px 150px; font-size:14px; line-height:2em;} #contactAfter p.rollover{margin:96px auto 0 400px;} #contactAfter p.rollover a {display: block;height: 135px;width: 206px; background:url(../img/common/mascotFlog.gif) no-repeat left top; text-indent:-9999px;} #contactAfter p.rollover a:hover {background:url(../img/common/mascotFlogRolloverTop.gif); background-repeat: no-repeat; background-position: left top;} /*footer*/ footer{background:url(../img/common/footerBg.jpg) repeat-x; height:456px; min-width:960px;} footer article {width:900px; margin:0 auto; } footer article ul{margin:0 auto; padding-top:20px; text-align:center;} footer article ul li{display:inline-block; margin:0 0 40px 10px;} footer article p.footLogo img{display:block; margin:0 auto;} footer article p.smilehouse img{margin:20px auto; display:block;} footer article p.copy img{margin:0 auto; display:block; width:362px;}