@charset "utf-8"; /* CSS Document */ *{list-style-type: none; margin: 0; padding: 0;} #logo a{text-decoration: none;} html, body, #wrapper {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} a img{border-style:none;} #wrapper { margin-left:auto; /* 左側マージンを自動的に空ける */ margin-right:auto; /* 右側マージンを自動的に空ける */ width:960px; /* 幅を決定する */ } #header{ height: 38px; background-color: #ff9933; } #logo{height: 105px;} #logo h1 a{color:#666;} #logo h1 a:hover{color:#666;} #logo h1 a:visited{color:#666;} #logo h1{ text-align:left; font-size: 40px; color: #666666; font-family: "Corbel"; line-height: -1; margin-top:20px;} #logo p{font-size:15px; font-weight: 200; margin-top:25px;} #logo ul.moji li a{color: #333;} #logo ul.moji li a:hover{color: #F93;} #logo ul.moji li{float:left; font-size: 15px; color:#333;} #logo ul.moji li{float:left; font-size: 15px; color:#333;} #logo ul.m2 li a{ border: #666 solid 1px; color: #666; font-weight: bold; text-align:center; border-radius:3px; vertical-align:central;} #logo ul.m2 li{ float:left; margin-right:20px; color: #666; font-weight: normal; } #logo ul.m2{ clear:both; margin-left: 740px; } #logo ul.moji{ display:block; margin-left:550px; margin-top: -50px; margin-bottom:10px; } #slideshow { clear:both; border: #999 solid 1px; margin: 0 auto; width: 960px; height: 300px; text-align: left; overflow: hidden; position: relative; box-shadow: 1px 1px 5px #000; /*CSS3*/ -moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ border-radius: 1px; margin-bottom: 14px; } #slideshow img { top: 0; left: 0; position: absolute; } #botan{width: 960px; height: 50px; } /*----階層------*/ #botan ul#nav { float: left; border: none; height: 50px; } #botan ul#nav li { float: left; margin-left:1px; height: 50px; width: 191px; text-align: center; } #botan ul#nav li.hover { background: #ff9933; } #botan ul#nav li a { display: block; color: #ff9933; text-decoration: none; } #botan ul#nav li ul { border: none; display: none; background: #FC9; overflow: hidden; opacity: .9; filter: alpha(opacity=90); } #botan ul#nav li ul li { border-bottom: solid #F93 1px; line-height:55px;} #botan ul#nav li ul li.hover { background: #F93; } #botan ul#nav li ul li a { font-family: "小塚ゴシック Pro"; font-weight: 600; color: #333; } #hyouji li{float: left;      margin-right: 20px; color: #333; font-family:"小塚ゴシックPro"; font-size: 12px; } #hyouji li a{color: #f93;} #hyouji{ margin-top:10px; margin-left: 189px;} /*------------------------------*/ #leftbox {width: 180px; clear:both; float: left; margin-right:9px; background-color: #ffffff; box-shadow: 1px 1px 5px #000; /*CSS3*/ -moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ border-radius: 1px; margin-top: 14px; margin-bottom: 30px;} #btn1{margin-top:10px; margin-bottom:10px;} #inner{width: 178px; margin-left: 1px; background-color: #FFF; } /*アコーディオンメニューの設定----------------------------------------------*/ ul.acc, ul.acc li ul { margin: 0; padding: 0; list-style: none; } ul.acc a{ display: block; height: 30px; line-height: 30px; color: #666666; } ul.acc a:hover{color: #000000;} ul.acc { background-color: #FC9; font-size: 10px; } ul.acc li ul { background-color: #ffffff; } #leftbox h2{font-weight:550; font-size: 15px; color: #333; background-color: #ffffff; border: 1px #F93 solid;} #btn1{margin-top: 10px; margin-bottom: 5px;} /*---------------------------------------------------------------*/ #mainbox{ float:right; width:757px; margin-top:14px; background-color:#ffffff; box-shadow: 1px 1px 5px #000; /*CSS3*/ -moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ border-radius: 1px; padding: 3px 7px 7px 7px;} #innerbox2{ width: 755px; margin-top:3px; overflow:auto; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; font-family: "小塚ゴシックPro"; color: #333; overflow:auto; } #innerbox2 p{ margin-left: 30px; font-size: 12px; line-height: 15px;} #mainbox #innerbox2 h2{color: #333; font-weight: 700; font-size: 18px; display:block; height: 25px; weight: 755px; border-left: #F93 solid 5px; border-bottom:#F93 solid 1px; } #innerbox2 ul li{display:block; width: 375px; height:50px; border:solid 1px #666; float:left; line-height: -50px; text-align:center; } #innerbox2 ul li.title{ font-weight: bold; } #mainbox3{ float: right; margin-top: 10px; width: 757px; height: 570px; background-color:#fff; box-shadow: 1px 1px 5px #000; /*CSS3*/ -moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ border-radius: 1px; padding: 3px 7px 7px 7px; margin-bottom: 10px; font-weight: bold; } #tab li a{ text-align: center; margin-top: 20px; display: block; height: 30px; width: 120px; color: #333; line-height: 30px; border: 0.5px solid #999; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; behavior: url(../ie_css3/PIE.htc); /* IE */ background-color:#FFF; -webkit-box-shadow: inset 10px 10px 20px 0 #FC6; /* Safari, Chrome用 */ -moz-box-shadow: inset 10px 10px 20px 0 #FC6; /* Firefox用 */ box-shadow: inset 10px 10px 20px 0 #FC6; /* CSS3 */ } #tab li a:hover{ border: none; color: #F93; -webkit-box-shadow: inset 10px 10px 20px 0 #F93; /* Safari, Chrome用 */ -moz-box-shadow: inset 10px 10px 20px 0 #F93; /* Firefox用 */ box-shadow: inset 10px 10px 20px 0 #F93; /* CSS3 */ } #fragment1{ width:740px; height: 450px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto;} #fragment1 .moji2 li h2{ line-height:15px; font-size: 12px; color: #333; } #fragment2{ width:740px; height: 450px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto;} #fragment2 .moji2 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } #fragment3{ width:740px; height: 450px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto;} #fragment3 .moji2 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } #fragment4{ width:740px; height: 450px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto;} #fragment4 .moji2 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } #fragment5{ width:740px; height: 450px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto;} #fragment5 .moji2 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } #mainbox3 h5{font-family:"小塚ゴシックPro"; font-size: 18px; color: #333;} /*商品一覧ページli*/ #mainbox3 #fragment1 .moji2 li { display: block; width:150px; height: 300px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } #mainbox3 #fragment2 .moji2 li { display: block; width:150px; height: 300px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } #mainbox3 #fragment3 .moji2 li { display: block; width:150px; height: 300px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } #mainbox3 #fragment4 .moji2 li { display: block; width:150px; height: 250px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } #mainbox3 #fragment5 .moji2 li { display: block; width:150px; height: 300px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } .mainbox2{ float: right; margin-top: -40px; width: 757px; margin-left: 190px; background-color:#fff; box-shadow: 1px 1px 5px #000; /*CSS3*/ -moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ border-radius: 1px; padding: 3px 7px 7px 7px; margin-bottom: 30px; font-weight: bold; } .mainbox2 h5{font-family:"小塚ゴシックPro"; font-size: 18px; color: #333;} .mainbox2 ul li { display: block; width:150px; margin-right:0px; margin-left: 20px; float:left; margin-top: 45px; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } .mainbox2 .innerbox3 h6{color: #333; font-weight: 700; font-size: 18px; display:block; height: 25px; weight: 755px; border-left: #F93 solid 5px; margin-top: 20px; } .moji2 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } .moji2 img{border:#666 solid 1px; margin-bottom: 5px;} .moji2 li h3{font-size: 12px; } .moji2 li p{font-size: 10px; line-height: 12px; display:block; width: 120px; } .moji2 li h5{color: #F93;} .innerbox3{ width: 755px; height: 520px; margin-top:5px; scrollbar-arrow-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; overflow:auto; } .moji3 li{ display: block; width:150px; height: 250px; margin-right:0px; margin-left: 20px; float:left; font-family: "小塚ゴシック Pro"; color: #333; overflow:hidden; } .moji3 li h2{ line-height:15px; font-size: 12px; margin-top: 3px; color: #333; } .moji3 img{border:#666 solid 1px; margin-bottom: 5px;} .moji3 li h3{font-size: 12px; } .moji3 li p{font-size: 10px; line-height: 12px; display:block; width: 120px; } .moji3 li h5{color: #F93;} #box{width: 960px; clear:both; } #box ul li{float:left; margin-right:10px; font-family:"小塚ゴシックPro"; color: #666; font-size: 15px;} #box ul li a{color: #333;} #box ul li a:hover{color: #ff9933;} p.pagetop{ display:block; background-color:#F93; font-family: "小塚ゴシックPro"; color: #ffffff; margin-left:870px; font-weight: bold; margin-bottom: 0px;} p.pagetop a:hover{color: #F30;} #footer { clear:both; text-align:center; bottom: 0px; height: 34px; background-color:#ff9933; } #footer p{ color: #fff; font-size: 15px; margin-top: 17px; font-family: "Corbel";}