.notice{border:#999 dotted 1px; padding:8px; text-align:center; margin:3px 0 10px 0;} .notice a{font-size:14px; color:#F00;} body{ background:url(img/bg.gif) repeat; margin:0; padding:0; border:0;} .r{color:#F00;} .b{color:#00C;} .o{color:#F90;} p{font-size:15px; line-height:22px; display:block; margin:0;} .min{font-size:12px; color:#666; line-height:14px;} p.pankuzu {font-size: 10px;} #top1 { background:url(img/top1.jpg) no-repeat top center;} #top { background:url(img/top2.jpg) no-repeat top center;} #head01{background:url(img/head01.jpg) no-repeat center top; width:951px; height:400px; margin:0 auto;} #head02{background:url(img/head02.jpg) no-repeat center top; width:951px; height:310px; margin:0 auto;} h1{font-size:10px; color:#FFF; margin:0; padding:1px 0 0 5px; float:left;} #head02 h1 a { color: #FFF;} .sitemap{font-size:10px; color:#FFF; -webkit-transition: color, 0.5s; float:right; display:block; padding:1px 5px 0 0;} .sitemap:hover{color:#F90; -webkit-transition: color, 0.5s;} #head01 .top_link{clear:both; height:192px;} #head02 .top_link{clear:both; height:99px;overflow: hidden; text-indent: 100%; white-space: nowrap;/*height: 0;padding-top: 99px;*/} #head01 .top_link a{display:block; width:500px ; height:100px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #head02 .top_link a{display:block; width:500px ; height:55px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #head01 .nav{display:block; margin:0; padding:0 0 0 0; clear:both; list-style:none;} #head02 .nav,#head02 .nav2{display:block; margin:0; padding:0 0 0 0; clear:both; list-style:none;} /* 総合TOP */ #headtop {background:url(img/headtop.jpg) no-repeat center top; width:951px; height:400px; margin:0 auto;} #headtop .top_link{clear:both; height:192px;} #headtop .top_link a{display:block; width:500px ; height:100px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #headtop .nav{display:block; margin:0; padding:0 0 0 0; clear:both; list-style:none;} /* 下層一般 */ #headcon {background:url(img/headcon.jpg) no-repeat center top; width:951px; height:310px; margin:0 auto;} #headcon h1 a { color: #FFF;} #headcon .top_link{clear:both; height:99px;overflow: hidden; text-indent: 100%; white-space: nowrap;/*height: 0;padding-top: 99px;*/} #headcon .top_link a{display:block; width:500px ; height:55px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #headcon .nav,#headcon .nav2{display:block; margin:0; padding:0 0 0 0; clear:both; list-style:none;} /* 下層学生 */ #headstu {background:url(img/headstu.jpg) no-repeat center top; width:951px; height:310px; margin:0 auto;} #headstu h1 a { color: #FFF;} #headstu .top_link{clear:both; height:99px;overflow: hidden; text-indent: 100%; white-space: nowrap;/*height: 0;padding-top: 99px;*/} #headstu .top_link a{display:block; width:500px ; height:55px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #headstu .nav,#headstu .nav2{display:block; margin:0; padding:0 0 0 0; clear:both; list-style:none;} .nav li,.nav2 li{float:left;} .n01,.n02,.n03,.n04{padding:122px 0 0 0;} .nav a,.nav2 a{display:block; overflow: hidden; text-indent: 100%; white-space: nowrap;} .nav a{background:url(img/nav.gif) no-repeat; height:57px;} .nav2 a{background:url(img/nav2.gif) no-repeat; height:57px;} .n01 a{width:233px;} .n01 a:hover{background-position:0 -60px;} .n02 a{width:131px; background-position:-233px 0;} .n02 a:hover{background-position:-233px -60px;} .n03 a{width:149px; background-position:-364px 0;} .n03 a:hover{background-position:-364px -60px;} .n04 a{width:144px; background-position:-513px 0;} .n04 a:hover{background-position:-513px -60px;} .n05 a{background:url(img/nav_con.png) no-repeat; width:294px; height:180px;} .n05 a:hover{background-position:-300px 0;} #top1 h2,#top h2{font-size:12px; margin:0; padding:2px 0 2px 10px; color:#FFF; } #head02 h2 a { color: #FFF;} #top1 h2 a, #top h2 a { color: #FFF !important; } /********************************************************************************************************************************************************/ #middle{background:url(img/body.jpg) repeat-y center; clear:both;} #page{background:url(img/body_top.jpg) no-repeat top center;} #main{width:950px; margin:0 auto;} #left_col{width:200px; float:left;} #right_col{width:730px; float:right;} #footer{clear:both; width:950px; margin:0 auto; text-align:center; font-size:12px; background:url(img/footer.jpg);} #footer span{display:block; padding:20px 0 20px 0;} .school{padding:10px 5px 0 1px;} .school a{background:url(img/school_ban.jpg) no-repeat; display:block; height:150px; background-position:-25px -20px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .school a:hover{background-position:-25px -190px;} #left_col h2{background:url(img/ledt_h2.jpg) no-repeat; background-position:5px 0; font-size:14px; margin:0; padding:11px 0px 8px 15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #left_col h3{padding: 5px 5px 0px 5px; margin: 0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px;} #left_col h4{padding: 5px 5px 0px 5px; margin: 0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px;} .category {margin:0 0 0 1px; padding:0; list-style:none;} .category a{display:block; background:url(img/category_menu.jpg) no-repeat; height:68px; width:195px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .category .c01 a:hover{background-position:-200px 0;} .category .c02 a{background-position:0 -68px;} .category .c02 a:hover{background-position:-200px -68px;} .c03 a{background-position:0 -136px;} .category .c03 a:hover{background-position:-200px -136px;} .category .c04 a{background-position:0 -204px;} .category .c04 a:hover{background-position:-200px -204px;} .category .c05 a{background-position:0 -272px;} .category .c05 a:hover{background-position:-200px -272px;} .category .c06 a{background-position:0 -340px;} .category .c06 a:hover{background-position:-200px -340px;} .category .c07 a{background-position:0 -408px;} .category .c07 a:hover{background-position:-200px -408px;} .category .c08 a{background-position:0 -476px; height:69px;} .category .c08 a:hover{background-position:-200px -476px;} .category .c09 a{background:url(img/category_menu1.jpg) no-repeat; background-position:0 -1px; margin:0 0 0 4px; width:190px;height:68px;} .category .c09 a:hover{background-position:-190px -1px;} .menu {margin:0 0 0 1px; padding:0; list-style:none;} .menu a{display:block; background:url(img/menu.jpg) no-repeat; height:34px; width:195px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .m01 a:hover{background-position:-200px 0;} .m02 a{background-position:0 -34px;} .m02 a:hover{background-position:-200px -34px;} .m03 a{background-position:0 -68px;} .m03 a:hover{background-position:-200px -68px;} .m04 a{background-position:0 -102px;} .m04 a:hover{background-position:-200px -102px;} .m05 a{background-position:0 -136px;} .m05 a:hover{background-position:-200px -136px;} .m06 a{background-position:0 -170px;} .m06 a:hover{background-position:-200px -170px;} .m07 a{background-position:0 -204px;} .m07 a:hover{background-position:-200px -204px;} .m08 a{background-position:0 -238px;} .m08 a:hover{background-position:-200px -238px;} .m09 a{background-position:0 -272px;} .m09 a:hover{background-position:-200px -272px;} .m10 a{background-position:0 -306px;} .m10 a:hover{background-position:-200px -306px;} .m11 a{background-position:0 -340px;} .m11 a:hover{background-position:-200px -340px;} .m12 a{background-position:0 -374px;} .m12 a:hover{background-position:-200px -374px;} .m13 a{background-position:0 -408px;} .m13 a:hover{background-position:-200px -408px;} .m14 a{background-position:0 -442px; height:35px;} .m14 a:hover{background-position:-200px -442px; height:35px;} .m15 a{background-position:0 -476px; height:35px;} .m15 a:hover{background-position:-200px -476px;} /*デザイン例・制作実績*/ .m16 a{background-position:0 -510px;} .m16 a:hover{background-position:-200px -510px;} /*プリントカラー*/ .m17 a{background-position:0 -544px;} .m17 a:hover{background-position:-200px -544px;} /*プリント書体*/ .m18 a{background-position:0 -578px;} .m18 a:hover{background-position:-200px -578px;} /*デザインテンプレート*/ .m19 a{background-position:0 -612px; height:35px;} .m19 a:hover{background-position:-200px -612px;} #left_col .contact{background:url(img/lf_contact.gif) no-repeat; display:block; height:150px; margin:0 1px 0 1px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #left_col .contact:hover{background-position:0 -140px;} #left_col .blog{background:url(img/blog.jpg) no-repeat; display:block; height:75px; margin:0 1px 15px 1px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #left_col .blog:hover{background-position:0 -80px;} .busDay{padding:0 5px 0 5px;} .busDay div{border:#666 1px solid; background:#FFF; padding:10px;} .busDay table{width:100%;border-right:1px solid #333;border-top:1px solid #333; font-size:12px;} .busDay caption{padding:0 0 2px 3px; text-align:left;} .busDay th{border-left:1px solid #333;border-bottom:1px solid #333; padding:2px; text-align:center; background:#9F6;} .busDay td{border-left:1px solid #333;border-bottom:1px solid #333; padding:2px; text-align:center;} #contents{padding:19px 15px 0 0;} #right_col h2{font-size:16px; background:url(img/right_h2.gif) no-repeat; background-position:0 30px; margin:0; padding:8px 0 20px 10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .categories {clear: both;padding:20px 0 0 0;} .categories ul {margin:0; padding:0; list-style:none;} .categories li{float:left;} .categories a{display:block; background:url(img/bottom_cat.jpg) no-repeat; height:90px; width:238px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .rc01 a:hover{background-position:-250px 0;} .rc02 a{background-position:0 -90px;} .rc02 a:hover{background-position:-250px -90px;} .rc03 a{background-position:0 -180px;} .rc03 a:hover{background-position:-250px -180px;} .rc04 a{background-position:0 -270px;} .rc04 a:hover{background-position:-250px -270px;} .rc05 a{background-position:0 -360px;} .rc05 a:hover{background-position:-250px -360px;} .rc06 a{background-position:0 -450px;} .rc06 a:hover{background-position:-250px -450px;} .rc07 a{background-position:0 -540px;} .rc07 a:hover{background-position:-250px -540px;} .rc08 a{background-position:0 -630px;} .rc08 a:hover{background-position:-250px -630px;} .rc09 a{background-position:0 -720px;} .rc09 a:hover{background-position:-250px -720px;} .rc10 a{ background:url(img/bottom_cat1.jpg) no-repeat; width:233px;} .rc10 a:hover{background-position:-233px 0;} #right_col .contact{padding:20px 0 20px 15px;} #right_col .contact a{display:block; background:url(img/contact.jpg) no-repeat; height:150px; overflow: hidden; text-indent: 100%; white-space: nowrap;} #right_col .contact a:hover{background-position:0 -150px;} .title{background:url(img/title.jpg) no-repeat; height:120px;} .title span{display:block; font-size:26px; font-weight:bold; padding:40px 0 0 25px;} /********************************************************************************************************************************************************/ .in01{background:url(img/in01.jpg) no-repeat; height:620px;} .in01 p{margin:0; padding:413px 0 0 36px;font-size:15px; line-height:22px;} .in01 .in01inner { height: 0; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in01 .in01inner p { height: 0; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in01 .in01inner ol { height: 0; overflow: hidden; text-indent: 100%; white-space: nowrap;} .camp{margin:0; padding:0; height:110px; list-style:none;} .camp li{float:left;} .in02 a{background:url(img/in02.jpg) no-repeat; display:block; height:105px; width:360px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in02 a:hover{background-position: 0 -105px;} .in03 a{background:url(img/in03.jpg) no-repeat; display:block; height:105px; width:355px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in03 a:hover{background-position: 0 -105px;} .in04{background:url(img/in04.jpg) no-repeat; padding:503px 0 20px 10px;} .in04 p{font-size:15px; line-height:22px;} .in05 {margin: 0 0 0 -14px;} .in05 a{background:url(img/6benefits.png) no-repeat; display:block; height:400px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in05 a:hover{background-position:0 -400px;} .in06{padding:/*80px*/ 10px 10px 10px 10px; border:1px solid #999; /*background:url(img/in12.jpg) no-repeat top center;*/} .in06 p{border:#999 1px solid; /*background:;*/ padding:8px 16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .in06 b{display:block; text-align:right;} .in06 .koe{padding:0 0 0 5px;} .flash{padding:95px 0 0 0;text-align:center; background:url(img/flash.jpg) no-repeat;} .in06 a{background:url(img/in06.jpg) no-repeat; display:block; height:180px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .in06 a:hover{background-position:0 -180px;} .new_made{margin:0; padding:0 0 0 5px; list-style:none; height:220px;} .new_made li{float:left; padding:0 0 0 35px;} .new_made a img{border:5px solid #CCC; -webkit-transition: color, 0.5s;} .new_made a:hover img{border:5px solid #F90; -webkit-transition: color, 0.5s;} .in09{background:url(img/in09.jpg) no-repeat left 35px; padding:0 0px 20px 15px;} *:first-child+html .in09{background:url(img/in09.jpg) no-repeat left 60px;} .in09 h3 {} .in09 p{padding:85px 0 0 0 !important; font-size:15px; line-height:21px;} .in10{background:url(img/in10.jpg) no-repeat right top; padding:0 0 20px 10px; } .in10 p{font-size:15px; line-height:22px;} .in18{background:url(img/in18.jpg) no-repeat; padding:135px 0 0 10px;} .muji_link {padding:10px 0 20px 0;} .muji_link a{display:block; background:url(img/in18a.jpg) no-repeat; height:63px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .muji_link a:hover{background-position:0 -65px;} /********************************************************************************************************************************************************/ .co02{padding:0 15px 0 0;} .contact_form{ background:#FFF; /* -- CSS3 - define rounded corners for the form -- */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* -- CSS3 - add a drop shadow -- */ -webkit-box-shadow:0px 0 8px #999; -moz-box-shadow:0px 0 8px #999; box-shadow:0px 0 8px #999; padding:10px; } .form_title{ color:#000;font-size:24px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-weight:bold; text-shadow: 1px 1px 1px #EEEEEE; padding:10px 0 10px 10px; border-bottom:1px solid #666;} .form_left{width:300px; float:left; padding:15px 0 0 0;} .form_right{width:335px; float:right; padding:15px 0 0 0;} .form_send{clear:both; padding:10px; text-align:right;} .form_tag{font-size:14px;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; padding:0 0 8px 0; line-height:18px;} .form_tag b{margin:0 5px 0 0;} .form_tag input.in{width:300px !important;background: #FFF; -webkit-transition: color, 0.2s;border: 1px solid #999; padding:3px;} .form_tag textarea{width:328px !important; height:300px !important;background: #FFF; -webkit-transition: color, 0.2s;border: 1px solid #999; padding:3px; margin:1px 0 0 0;} .form_tag input.in:hover,.form_tag textarea:hover { background: #EEE; -webkit-transition: color, 0.2s;border: 1px solid #999;} input.submit{ width: 150px; color: #FFF; font-size:16px; font-weight:bold; text-shadow: 1px 1px 0 #000; padding:5px 0; border: none; background-color: #18a5cc; /* -- CSS3 Transition - define which property to animate (i.e. the shadow) -- */ -webkit-transition: background, 0.2s; /* -- CSS3 - Rounded Corners -- */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* -- CSS3 Shadow - create a shadow around each input element -- */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); /* -- CSS3 - add a drop shadow -- */ -webkit-box-shadow: 0px 0px 5px #666666; -moz-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } input.submit:hover { cursor: pointer; -webkit-transition: background, 0.2s; /* -- CSS3 Shadow - create a shadow around each input element -- */ background: -webkit-gradient(linear,0% 100% , 0% 0%, from(#18a5cc), to(#0a85a8)); background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); /* -- CSS3 - add a drop shadow -- */ -webkit-box-shadow: 0px 0px 8px #F90; -moz-box-shadow: 0px 0px 8px #F90; box-shadow: 0px 0px 8px #F90; } /********************************************************************************************************************************************************/ .about_us{padding:0 0 0 15px;} .ab01{padding:0 15px 20px 0;} .ab02{padding:0 15px 20px 0;} .ab02 table{font-size:14px;} .ab02 th{padding:5px 10px 5px 0; text-align:right; vertical-align:top; border-bottom:1px solid #999; border-right:1px solid #999; color:#666; font-weight:normal;} .ab02 td{padding:5px 0 5px 10px; vertical-align:top; border-bottom:1px dotted #999;} .noBorder th,.noBorder td{border-bottom:none;} .ab03{padding:0 0 20px 0;} .ab03 iframe{padding:1px; border:1px solid #999;} /********************************************************************************************************************************************************/ .privacy{padding:0 0 0 15px;} /********************************************************************************************************************************************************/ .terms{padding:0 0 0 15px;} .terms ul{margin:0; padding:0 0 1em 1.5em; font-size:14px; line-height:18px;} /********************************************************************************************************************************************************/ .trans{padding:0 10px 0 15px;} /********************************************************************************************************************************************************/ .faq{padding:0 15px;} .faq_cat{border:#CCC 1px solid; padding:8px;} .faq_index{padding:10px; border-left:10px solid #F60; font-size:16px; margin:0 0 15px 0; background:#FFF; /* -- CSS3 - add a drop shadow -- */ -webkit-box-shadow: 0px 1px 3px #333; -moz-box-shadow: 0px 1px 3px #333; box-shadow: 0px 1px 3px #333; } .faq_index span{font-size:13px; margin:0 0 0 15px; color:#666;} .faq .target{border:1px dotted #CCC; padding:8px; background:url(img/a.gif) no-repeat right top;} .faq .hide .target{ display:none; } .trigger{cursor:pointer; font-size:14px; -webkit-transition: color, 0.2s; display:block; padding:0 0 8px 0; text-decoration:underline;} .show .trigger{font-weight:bold; color:#009;} .hide .trigger{color:#069;} .trigger:hover{color:#F90; -webkit-transition: color, 0.3s; padding:0 0 8px 10px;} .show{padding:0 0 15px 0;} /********************************************************************************************************************************************************/ .thanks{padding:0 15px;} .entryTime{text-align:right; font-size:12px;} .entryPage{text-align:right; font-size:12px; padding:5px 0;} .entryPage a{color:#069; -webkit-transition: color, 0.3s;} .entryPage a:hover{color:#F90;} /********************************************************************************************************************************************************/ .sozai{padding:0 0 0 15px;} .so01{padding:0 0 20px 0;} .so02{padding:15px 10px 0 10px;} .so01 ul{margin:0; padding:10px 0 0 15px; list-style:none;} .so01 li{float:left; width:130px; padding:0 0 10px 0; text-align:center;} .so01 span{display:block; font-size:14px; text-align:center; padding:5px 0 0 0;} .so01 img{ /* -- CSS3 - add a drop shadow -- */ border:1px solid #CCC; -webkit-box-shadow: 0px 0px 8px #333; -moz-box-shadow: 0px 0px 8px #333; box-shadow: 0px 0px 8px #333; -webkit-transition: 0.5s; } .so01 img:hover{-webkit-transform: scale(1.3);} .so02 ul{margin:0; padding:10px 0; list-style:none;} .so02 li{padding:0 0 10px 0;} .so02 .target{border:1px dotted #CCC; padding:8px;} .so02 .hide .target{ display:none; } .zoomImg{-webkit-transition:0.5s; padding:5px;} .zoomImg:hover{/* -webkit-transform: scale(1.3);*/ -webkit-box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .so02 .trigger:after{content:"　▼"; color:#F00;} .so03 ul{padding:0 0 0 50px; margin:0; list-style:none; height:240px;} .so03 li{float:left; width:200px;} .so03 .index{background:#F60; color:#FFF; font-size:14px; padding:3px 0; text-align:center;width:185px; margin:0 0 5px 0;} .so03a{padding:0 0 20px 0;} .so03a a{display:block; background:url(img/so03a.jpg) no-repeat; height:67px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .so03a a:hover{background-position:0 -68px;} /********************************************************************************************************************************************************/ .design{padding:0 0 0 15px;} .de01{background:url(img/de01.jpg) no-repeat; padding:120px 0 15px 0;} .de01 ul{margin:0; padding:10px 0 10px 1.5em; font-size:14px; line-height:18px;} .de02{background:url(img/de02.jpg) no-repeat right top; padding:0 15px 15px 10px;} .de02 ul{margin:0 0 0 0; padding:8px 8px 8px 1.8em; font-size:14px; line-height:18px; border:1px solid #999; background:#EEE;} .de02 li{padding:0 0 10px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .de_list{width:400px;} .de03{padding:0 15px 15px 10px;} .de03 ul{margin:0 0 0 0; padding:8px 8px 8px 1.8em; line-height:18px; border:1px solid #999; background:#EEE;} .de03 li{padding:0 0 10px 0; font-size:14px !important; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} /********************************************************************************************************************************************************/ .pay{padding:0 15px;} .pa01{padding:8px; color:#F00;} .pa02{padding:0 0 15px 0;} .pa02 .o{display:block; padding:0 0 5px 0; font-size:16px;} .pa02 div{padding:10px 0 20px 0; width:340px; float:left;} .pa02 ul{margin:0; padding:10px 0 10px 1.5em; font-size:14px; line-height:18px;} .pa02 li{padding:0 0 3px 0;} .pa02 table{font-size:14px;border-top:1px solid #999; border-left:1px solid #999; width:330px;} .pa02 caption{text-align:left; line-height:18px; padding:0 0 5px 0;} .pa02 th{padding:5px 10px 5px 10px; background:#EEE; border-bottom:1px solid #999; border-right:1px solid #999; text-align:left;} .pa02 td{padding:5px 0 5px 10px; border-bottom:1px solid #999; border-right:1px solid #999;} .pa03{padding:0 0 15px 0;} .pa03 .o{display:block; padding:0 0 5px 0; font-size:16px;} .pa03 div{padding:10px 10px 20px 10px;} .pa03 ul{margin:0; padding:10px 0 10px 1.5em; font-size:14px; line-height:18px;} .pa03 li{padding:0 0 3px 0;} .pa03 table{font-size:14px; width:100%;border-top:1px solid #999; border-left:1px solid #999;} .pa03 caption{text-align:left; line-height:18px; padding:0 0 5px 0;} .pa03 th{padding:2px; background:#EEE; border-bottom:1px solid #999; border-right:1px solid #999; text-align:left; font-weight:normal; font-size:13px;} .pa03 td{padding:5px 2px 5px 2px; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:top; font-size:13px;} .pa04a{background:url(img/nouki01.jpg) no-repeat; padding:410px 0 15px 0; font-size:12px; line-height:14px;} .pa04b{background:url(img/nouki02.jpg) no-repeat; padding:410px 0 15px 0; font-size:12px; line-height:14px;} .pa04c{background:url(img/nouki03.jpg) no-repeat; padding:386px 0 20px 0; font-size:12px; line-height:14px;} .pa04d{background:url(img/nouki_credit.jpg) no-repeat; padding:386px 0 20px 0; font-size:12px; line-height:14px;} /********************************************************************************************************************************************************/ .flow{padding:0 15px;} .fl01,.fl02,.fl03,.fl04,.fl05,.fl06,.fl07{padding:10px 10px 15px 10px;} .fl01 p{background:url(img/fl02.gif) no-repeat top right;} .fl01 a,.fl_contacts{display:block; background:url(img/fl01.gif) no-repeat; height:120px; overflow: hidden; text-indent: 100%; white-space: nowrap; margin:10px 0 0 0;} .fl01 a:hover,a.fl_contacts:hover{background-position:0 -120px;} .fl03 a,.fl04 a{color:#09F; -webkit-transition: color, 0.5s;} .fl03 a:hover,.fl04 a:hover{color:#F90;} .fl02 .fl05 p{background:url(img/fl03.gif) no-repeat top right; height:120px;} .fl06 p{background:url(img/fl04.jpg) no-repeat top right; height:350px;} .fl07 p{background:url(img/fl05.jpg) no-repeat top right;} .fl08 {padding:0 0 0 15px;} /********************************************************************************************************************************************************/ .price{padding:0 15px;} .title_price{background:url(img/titie_price.jpg) no-repeat; height:120px;} .title_price span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} .pr01{padding:10px 0 335px 0; background:url(img/pr05.gif) no-repeat left bottom;}.pr01 .hoge{padding: 0 0 0 15px;} .pr02{padding:15px 10px 20px 10px;} .pr02 table{font-size:14px; width:330px;border-top:1px solid #999; border-left:1px solid #999;} .pr02 th{padding:4px 5px; background:#EEE; border-bottom:1px solid #999; border-right:1px solid #999; text-align:left; font-weight:normal;} .pr02 td{padding:4px 5px; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:top; line-height:18px;} .pr02 td b.r{font-size:24px; line-height:26px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} .pr04 table{font-size:14px; ;border-top:1px solid #999; border-left:1px solid #999;} .pr04 th{padding:4px 5px; background:#EEE; border-bottom:1px solid #999; border-right:1px solid #999; text-align:left; font-weight:normal;} .pr04 td{padding:4px 5px; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:top; line-height:18px;} .pr02 p{padding:10px 0 0 0;} /********************************************************************************************************************************************************/ .fav{padding:0 0 0 8px;} .fa01{background:url(img/fa01.jpg) no-repeat; padding:105px 0 0 0;} .fa01 p.hoge{padding:0 0 20px 30px;} .fa01 p{padding:25px 0 0 30px;} .fa02{background:url(img/fa02.jpg) no-repeat; height:240px;} .fa03{background:url(img/fa03.jpg) no-repeat; height:290px;} .fa04{background:url(img/fa04.jpg) no-repeat; height:261px;} .fa05{background:url(img/fa05.jpg) no-repeat; height:285px;} .fa06{background:url(img/fa06.jpg) no-repeat; height:280px;} .fa01 .fav_h2{padding:28px 0 0 75px !important; margin:0; background:none !important; font-size:24px !important;} .fa01 h2{padding:22px 0 0 75px !important; margin:0; background:none !important; font-size:24px !important;} .fa08{background:url(img/fa08.jpg) no-repeat; background-position:10px 0; display:block; height:316px; padding:0 0 0 30px;} .fa08 p{padding:100px 0 25px 6px;} .fa08 a{display:block; height:30px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .fa_contact{padding:20px 0 0 0 ;} .fa_contact a{background:url(img/fa09.jpg) no-repeat; display:block; height:285px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .fa_contact a:hover{background-position:0 -290px;} /********************************************************************************************************************************************************/ .schools{padding:3px 0 0 0;} .sc_menu {margin:0 0 0 1px; padding:0 0 20px 0; list-style:none;} .sc_menu a{display:block; background:url(img/sc_menu.gif) no-repeat; height:34px; width:195px; background-position:-1px 0; overflow: hidden; text-indent: 100%; white-space: nowrap;} .s01 a:hover{background-position:-201px 0;} .s02 a{background-position:-1px -34px;} .s02 a:hover{background-position:-201px -34px;} .s03 a{background-position:-1px -68px;} .s03 a:hover{background-position:-201px -68px;} .s04 a{background-position:-1px -102px;} .s04 a:hover{background-position:-201px -102px;} .s05 a{background-position:-1px -136px; height:35px;} .s05 a:hover{background-position:-201px -136px;} #left_col .sc_h2{background:url(img/sc_h2.jpg) no-repeat !important; background-position:5px 0 !important; font-size:14px; margin:0; padding:11px 0 8px 15px;} .sc_category {margin:0 0 0 1px; padding:0 0 20px 0; list-style:none;} .sc_category a{display:block; background:url(img/sc_cat.jpg) no-repeat ; height:59px; width:195px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .sc_category .c01 a{background-position:-1px -1px !important;} .sc_category .c02 a{background-position:-1px -60px;} .sc_category .c03 a{background-position:-1px -120px;} .sc_category .c04 a{background-position:-1px -179px;} .sc_category .c05 a{background-position:-1px -238px;} .sc_category .c06 a{background-position:-1px -297px;} .sc_category .c07 a{background-position:-1px -356px;} .sc_category .c08 a{background-position:-1px -414px;} .sc_category .c09 a{background-position:-1px -473px;} .sc_category .c10 a{background-position:-1px -532px;} .sc_category .c11 a{background-position:-1px -591px;} .sc_category .c12 a{background-position:-1px -650px;} .sc_category .c13 a{background-position:-1px -709px;} .sc_category .c14 a{background-position:-1px -768px;} .sc_category .c15 a{background-position:-1px -827px;} .sc_category .c16 a{background-position:-1px -886px;} .sc_category .c17 a{background-position:-1px -945px;} .sc01{background:url(img/sc01.jpg) no-repeat; height:480px;} .sc01 p{padding:150px 0 0 10px !important;} .sc02{margin:0 0 0 -18px;} .sc02{background:url(img/6benefits.png) no-repeat; height:400px; background-position:3px 0;} .sc02 p{padding:315px 0 0 0 !important;} .sc03{padding:360px 0 0 0; background:url(img/sc03.jpg) no-repeat;} .sc03 .fa_contact{padding:20px 0 0 10px;} .schools .flash{padding:95px 0 0 0;text-align:left; background:url(img/flash.jpg) no-repeat;} .sc04{background:url(img/sc07_body.gif) repeat-y; margin:0;} .sc04_top{background:url(img/sc07_top.gif) no-repeat; background-position:0 top; margin:0; padding:70px 25px 0 20px;} .sc04_end{background:url(img/sc07_end.gif) no-repeat; background-position:0 bottom; padding:0 0 20px 0; margin:0;} .sc04_end ul{margin:0; padding:0 0 0 15px; border:0; list-style:none;} .sc04_end li{float:left; width:152px; padding:0; height:270px; margin:0 10px 0 0; font-size:13px; line-height:16px;} .sc04_end h2{clear:both;} .sc_price{display:block; font-size:24px; padding:0 0 3px 0; border-bottom:#CCC 2px solid;} .sc04_end li p{padding:5px 0 !important;} .sc04_end li a img{border:2px solid #CCC; -webkit-transition: color, 0.5s;} .sc04_end li a:hover img{border:2px solid #F60;} .scLinks{background:url(img/sc_link.jpg) no-repeat; display:block; height:25px;overflow: hidden; text-indent: 100%; white-space: nowrap;} .scLinks:hover{ background-position:0 -30px;} .sc06{padding:0 10px 15px 10px;} .sc06 ul{margin:0 0 0 0; padding:8px 8px 8px 1.8em; font-size:14px; line-height:18px; border:1px solid #999; background:#EEE;} .sc06 li{padding:0 0 10px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .sc03a{ height:400px; overflow: hidden; text-indent: 100%; white-space: nowrap;; background:url(img/sc03.jpg) no-repeat;} .sc05{padding:0 0 20px 10px;} .schools p{padding:0 15px;} /********************************************************************************************************************************************************/ .co01{padding:10px 25px 20px 25px;} .co01 p{background:url(img/in08.jpg) no-repeat top right;} .co03{padding:10px 10px 20px 10px;} .co03 iframe{padding:2px; border:1px solid #666;} /********************************************************************************************************************************************************/ #sitemap {padding:0 15px;} #sitemap ul{font-size:14px; line-height:18px; margin:0; padding:0 0 15px 1.5em;} /********************************************************************************************************************************************************/ .title_thanks{background:url(img/titie_thanks.jpg) no-repeat; height:120px;} .title_thanks span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_flow{background:url(img/titie_flow.jpg) no-repeat; height:120px;} .title_flow span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_contact{background:url(img/titie_contact.jpg) no-repeat; height:120px;} .title_contact span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_pay{background:url(img/titie_pay.jpg) no-repeat; height:120px;} .title_pay span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_design{background:url(img/titie_design.jpg) no-repeat; height:120px;} .title_design span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_sozai{background:url(img/titie_sozai.jpg) no-repeat; height:120px;} .title_sozai span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} .title_sozai2{background:url(img/titie_sozai2.jpg) no-repeat; height:120px;} .title_sozai2 span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} /********************************************************************************************************************************************************/ .title_faq{background:url(img/titie_faq.jpg) no-repeat; height:120px;} .title_faq span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} .gall {padding:10px 0 5px 0;} .gall a{display:block; background:url(img/design_gall.jpg) no-repeat; height:120px; overflow: hidden; text-indent: 100%; white-space: nowrap;} .gall a:hover{background-position:0 -120px;} /********************************************************************************************************************************************************/ .title_muji{background:url(img/title_muji.jpg) no-repeat; height:120px;} .title_muji span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} .mu01{background:url(img/mu01.jpg) no-repeat; padding:60px 0 0 10px;} .mu02{ padding:0 0 0 15px;} .mu03 ul{margin:0; padding:0 0 0 80px; list-style:none; height:280px;} .mu03 li{ float:left; width:190px; font-size:14px;} .mu03 .index{background:#F90; text-align:center; padding:3px 0; margin:0 0 3px 0; font-weight:bold; width:170px;} .mu04{padding:0 15px 0 15px;} .topics{/*background:url(img/topics.jpg) no-repeat center top;*/ padding:10px 0 10px 0; margin: 5px 20px 10px 0px; border:1px solid #999; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .topics h4 { margin: 0px; padding: 5px 15px; color: #666; font-size: 20px; } .topics ul{padding:0 0 0 30px; margin:0px; font-size:14px; } .topics li{/*height:18px;*/ clear:both; padding:12px 20px 12px 0; color:#00F; } .topics a{/*float:left; text-decoration:none !important;*/ } .topics span{ float:right; color:#999; font-size:13px; } /*.topics a:hover { text-decoration:underline !important;}*/ .topics a.topicstxt { display: block; color: #000;text-decoration:none !important; } .topics2{/*background:url(img/topics.jpg) no-repeat center top;*/ padding:10px 0 10px 0; margin: 5px 20px 10px 0px; border:1px solid #999; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .topics2 h4 { margin: 0px; padding: 5px 15px; color: #666; } .topics2 ul{padding:0 0 0 30px; margin:0px; font-size:14px; list-style:none;} .topics2 li{height:18px; clear:both; padding:0 20px 0 0; } .topics2 a{text-decoration:none !important; color: #000; } .topics2 a:hover { text-decoration:underline !important;} /*.topics2 span{ float:right;}*/ .thanks_voice{margin:0 0 20px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .shop_comments{border:0px solid #030; background:#ebebeb; padding:18px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .shop_comments p{margin:0; padding:0;} .subtitle { font-weight:bold; padding:0 0 8px 10px; border-bottom:1px dotted #030; margin:0 0 15px 0 !important;} .date{font-size:12px; text-align:right; padding:5px 0 0 0;} .newEntry ul{margin:0 5px 20px 5px; padding:10px 0; font-size:12px; line-height:16px; list-style:none; border:1px solid #666; background:#FFF;} .newEntry li{padding:0 5px 5px 5px;} .pager{text-align:center; margin:0; padding:10px 0;} .pager a{ padding:5px; background:#EEE; border:#666 1px solid; font-size:12px;} .cattable{width:100%;} .cattable td{padding:0 10px 15px 0; vertical-align:top; text-align:center;} .cattable img{margin:10px; } .template_index{background:#F60; text-align:center; font-size:12px; padding:3px 0;} .cattableList{border-bottom:0px solid #666;border-right:0px solid #666;} .detail_items{border-top:0px solid #666;border-left:0px solid #666;font-size:12px; width:170px;} .detail_items b{display:block; background:#fff; padding:3px; font-size:14px; text-align:left; margin:0 0 5px 0; min-height: 50px; vertical-align: bottom; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .detail_items a{ text-decoration:none; color: #666; } img.detail_itemslist{border: 1px solid #e6e6e6 !important; margin: 15px 2px 0px 2px;padding: 5px;} .detail{margin:0 5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .detail th{width:60px !important; text-align:left;} .detail td{text-align:left; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .detail_index{font-size:12px; text-align:right; padding: 3px 5px 3px 0;} .item_price{color:#F00; font-weight:bold;} table.topdetailtable{border: 0px;} .topdetail_items{/*border-top:0px solid #666;border-left:0px solid #666;*/ font-size:12px; width:170px;text-align:center !important;} .topdetail_items b{display:block; background:#fff; padding:3px; font-size:12px; text-align:left; margin:0 0 5px 0; /*min-height: 50px;*/ vertical-align: bottom; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .topdetail_items a{ text-decoration:none; color: #666; } img.detail_itemslist{border: 1px solid #e6e6e6 !important; margin: 15px 2px 0px 2px;padding: 5px;} .topdetail{margin:0 5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .topdetail th{width:60px !important; text-align:left;} td.topdetail_items{text-align:left; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border: 1px solid #666 !important;} td.topdetail_items p{font-weight:normal; font-size:12px; padding: 2px;} .topdetail_index{font-size:12px; text-align:right; padding: 3px 5px 3px 0;} #rankT {margin: 30px 0 5px 0;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #FF7F00;} #rankT p {font-size: 28px !important;text-shadow: 1px 1px 4px #5B2E00;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} #rankM {margin: 30px 0 5px 0 !important;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #85B200;} #rankM p {font-size: 28px !important;text-shadow: 1px 1px 4px #405500;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} #rankG {margin: 30px 0 5px 0 !important;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #FF007F;} #rankG p {font-size: 28px !important;text-shadow: 1px 1px 4px #9B004E;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} #rankO {margin: 30px 0 5px 0 !important;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #B9B9C8;} #rankO p {font-size: 28px !important;text-shadow: 1px 1px 4px #57576F;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} #rankNT {margin: 30px 0 5px 0 !important;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #6699FF;} #rankNT p {font-size: 28px !important;text-shadow: 1px 1px 4px #57576F;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} #rankNP {margin: 30px 0 5px 0;padding: 15px 10px 15px 65px;line-height: 100%;color: #FFF;font-weight: bold;background: url(images/poroIcon.png) no-repeat 5px 5px #FF7F00;} #rankNP p {font-size: 28px !important;text-shadow: 1px 1px 4px #5B2E00;font-family: "メイリオ", sans-serif;padding: 0 0 !important;} /********************************************************************************************************************************************************/ .title_detail{background:url(img/detail/detail_title.jpg) no-repeat; height:120px;} .title_detail span{display:block; font-size:26px; font-weight:bold; padding:41px 0 0 25px;} .detail_specs{padding:20px 0 0 0;} .detail_img{width:45%; float:left; text-align:center;} .detail_img img{padding:1px; border:1px solid #666; width:280px;} .detail_config{width:55%; float:right; font-size:14px;} .detail_config table{margin:0 0 10px 0; width:100%;} .detail_config th{border-bottom:1px dotted #666;border-right:1px dotted #666; padding:5px;} .detail_config td{border-bottom:1px dotted #666;padding:5px;} .detail_config .end th,.detail_config .end td{border-bottom:none;} .detail_price{color:#F00; font-size:18px; line-height:21px; font-weight:bold;} .buy_now a{display:block; background:url(img/detail/detai_buy.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; height:80px; width:360px;} .buy_now a:hover{background-position:-370px 0;} .buy_now_school a{display:block; background:url(img/detail/detail_buy2.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; height:80px; width:360px;} .buy_now_school a:hover{background-position:-370px 0;} .buy_now_school_comment { color: #9A9A9A; font-size: 14px; } .buy_now_school_comment2 { color: #FE6897; font-size: 16px; } .detail_print_area{height:235px; background:url(img/detail/detail_print_area.jpg) no-repeat top center; overflow: hidden; text-indent: 100%; white-space: nowrap; margin:10px 0;} .detail_size_table {padding:10px 20px 20px 20px;} .detail_size_table table{border-top:1px solid #666;border-left:1px solid #666; border-spacing:0; font-size:14px; margin: 0 0 5px 0;} .detail_size_table th{border-bottom:1px solid #666;border-right:1px solid #666; padding:8px; background:#EEE;} .detail_size_table td{border-bottom:1px solid #666;border-right:1px solid #666; padding:8px;} .detail_size_table ul{font-size:12px; line-height:16px;} .print_price {padding:10px 20px 20px 20px;} .print_price table{border-top:1px solid #666;border-left:1px solid #666; border-spacing:0; font-size:14px; margin: 0 0 5px 0;} .print_price th{border-bottom:1px solid #666;border-right:1px solid #666; padding:8px; background:#EEE;} .print_price td{border-bottom:1px solid #666;border-right:1px solid #666; padding:8px;} .print_price div{font-size:12px; line-height:16px; padding:0 0 5px 0;} .none{margin:10px 0 20px 0;} .none,.none td,.none th{border:none !important;} .flash01{margin:0 0 20px 20px;} .detail_send{margin:0 0 20px 20px;} .detail_send table{font-size:14px; ;border-top:1px solid #999; border-left:1px solid #999;} .detail_send th{padding:4px 5px; background:#EEE; border-bottom:1px solid #999; border-right:1px solid #999; text-align:left; font-weight:normal;} .detail_send td{padding:4px 5px; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:top; line-height:18px;} .detail_specs02{background:url(img/detail/detail02.jpg) no-repeat; padding:90px 0 0 0;} .detail_img02{width:350px; float:left;} .detail_img02 img{padding:5px; border:1px solid #e6e6e6;} .detail_img02 p.itemDesc {font-size: 14px;padding-right: 30px;} .detail_config02{width:360px; float:right; font-size:13px;} .detail_config02 table{margin:0 0 10px 0; width:100%; font-size:13spx;} .detail_config02 th{border-bottom:1px dotted #666;border-right:1px dotted #666; padding:5px;} .detail_config02 td{border-bottom:1px dotted #666;padding:5px;} .detail_config02 .end th,.detail_config02 .end td{border-bottom:none;} .content-nav{padding:0 0 15px 0; text-align:center;} .shop_comment{background:url(img/detail/detail03.jpg) no-repeat top left; height:24px !important; margin:10px 0 0 0;} .comment_bottom{background:url(img/detail/detail03.jpg) no-repeat bottom left; padding: 0 0 30px 0;} .comment_body{background:url(img/detail/detail03a.jpg) repeat-y; padding:0 20px 0 20px; font-size:14px;} .detail-table th{width:4em;} /*.cat_links table{table-layout:fixed; width:100%; height:50px;} .cat_links td{text-align:center; background:#EEE !important;}*/ .cat_links a{display:block; padding:10px; font-size:12px; color:#000; line-height:14px;-webkit-transition: 0.2s ease-in-out;} /*.cat_links a:hover{ padding:10px 10px 0 10px;}*/ .cat_links ul {background:#EEE;margin: 0 !important;padding: 10px !important;} .cat_links ul li {display: inline-block;background: none;} .dot{font-size:13px; line-height:16px;} .link_conf b{ display:block;border:1px solid #CCC; padding:10px; margin:10px 0 20px 0;} .title_blog{background:url(img/titie_blog.jpg) no-repeat; height:120px;} .title_blog span{display:block; font-size:26px; font-weight:bold; padding:38px 0 0 25px;} .blog_botton{ margin:10px 0 0 0; height:53px;} .blog_botton a{display:block; overflow: hidden; text-indent: 100%; white-space: nowrap; width:168px; height:53px; background:url(img/blog_button.jpg) no-repeat; float:right;} .blogbodys1{background:url(img/entry_body.jpg) repeat-y; padding:0 15px 0 20px;} #toTop{ height:60px; margin:5px 0 0 0;} #toTop a{display:block; overflow: hidden; text-indent: 100%; white-space: nowrap; width:170px; height:53px; float:right; background:url(img/toTop.gif) no-repeat;} .entrylink{font-size:14px; text-align:center; padding:10px 0;} .banks{font-size:14px; border:1px solid #CCC; padding:8px 8px 6px 8px; margin: 0 10px 20px 10px;} .banks span{ color:#666;} .banks ul{margin:8px 0 0 2em !important; padding:0 !important;} .banks li{padding:0 0 2px 0;} .user{padding:0 0 0 15px; font-size:14px; line-height:19px;} .user b{display:block;} .zaikon a{display:block; height:55px; background:url(/img/zaiko.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; } .zaikon div{font-size:12px; line-height:140%; color:#F00;} .del_price{text-decoration:line-through; color:#777777;} .del_price span{color:#000000;} .mkr_text{color:#777777;} table.maker_price tr th{width:auto;} table.maker_price tr td{border-color: gray;color:#FF0000;font-size:13px; padding:5px 0px 5px 5px;text-align:center;font-weight:bold;} .fa_price{font-size:17px;} .video { position: relative; magin-bottom: 30px; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .price_comment{ font-weight: bold; color: red; } .flock_art_t{ background:url(img/flock-art-t.png) no-repeat; height:200px; padding: 0 0 5px 0; } #right_col a:hover img { opacity: 0.7; filter: Alpha(opacity=70); } #right_col a, #right_col a:visited { text-decoration: underline; } #right_col a:hover, #right_col a:active { text-decoration: none; } #contents h3, #contents h4 { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} figure{margin: 0px; padding: 0px;} .noimage {width: 200px; height: 30px; background-color:#ebebeb; text-align:center; vertical-align: auto; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .detailBody td{padding: 2px;} /* ------------------------------ */ .in06 p.link_nobg { border: 0 !important; padding: 0 0 10px 0 !important; } .in06 p.link_nobg a { background: none; display: block; height: inherit; overflow: visible; text-indent: inherit; white-space: nowrap; } /* ------------------------------ */ #topcatelist { } #topcatelist p#topcatelisttxt { font-size: 22px; font-weight: bold; line-height: 150%; margin: 0 0 10px 0 !important; } #topcatelist ul { clear: both; margin: 0; padding: 0; } #topcatelist ul li { font-size: 17px; font-weight: bold; list-style-type: none; display: inline; } #topcatelist ul li a { display: inline-block; margin: 0 10px 10px 0; padding: 10px; line-height: 100%; text-decoration: none; } #topcatelist ul li a:link,#topcatelist ul li a:visited { color: #FFF; background: #06C; /*border: solid 1px #192571;*/ border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ } #topcatelist ul li a:hover,#topcatelist ul li a:active { color: #FFF; background: #FF0000; /*border: solid 1px #FF0000;*/ border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .clear { clear: both; } .bold { font-weight: bold; } /* ------------------------------ */ #itemsExArea { clear: both; } #itemsExTitle { margin: 20px 0 30px 0; padding: 15px; border: solid 5px #1C2172; } #itemsExTitle p { font-size: 30px; font-weight: bold; color: #1B2072; line-height: 100%; } #itemsExTitle p span { display: block; padding: 0 0 10px 0; font-size: 14px; font-weight: normal; } #itemsExTitle p img { float: right; margin: 0 0 0 15px; } #itemsExArea img.fright { float: right; margin: 0 0 20px 15px; } #itemsExArea img.fleft { float: left; margin: 0 15px 20px 0; } #itemsExArea h3 { clear: both; margin: 10px 0; padding: 0 0 5px 15px; font-size: 15px; background: url(img/greenicon.png) no-repeat left 5px; } #itemsExArea p { margin-bottom: 15px !important; } #itemsExArea ul { margin: 15px 15px 15px 5px; font-size: 14px; line-height: 130%; } #itemsExArea ul li { margin: 0 0 10px 0; } .kakomiDot { clear: both; margin: 15px 0; padding: 10px; border: dotted 2px #CCC; } .osusumeItemTxt { margin: 0 0 15px 0; font-size: 20px; font-weight: bold; } /* -------------------- itemsで使用 -------------------- */ .ichioshiArea { clear: both; margin: 0 0 15px 0; } .ichioshiArea ul { margin: 0 !important; padding: 0 !important; } .ichioshiArea ul li { margin: 0 !important; list-style-type: none; display: block; float: left; } *:first-child+html .ichioshiArea ul li { margin: 0 0 10px 0 !important; } .ichioshiArea ul li a { display: block; float: left; width: 300px; height: 58px; margin: 0 0 10px 10px; padding: 40px 15px 0 15px; font-size: 18px; font-weight: bold; color: #69CF00; border: solid 2px #69CF00; text-decoration: none !important; } .ichioshiArea ul li a:hover { border: solid 2px #418200; color: #418200; } .ichioshiArea ul li.first a { background: url(https://www.flock-art.co.jp/items/images/ichioshi01.jpg) no-repeat right top; } .ichioshiArea ul li.second a { background: url(https://www.flock-art.co.jp/items/images/ichioshi02.jpg) no-repeat right top; height: 68px; padding: 30px 15px 0 15px; } .ichioshiArea ul li.third a { background: url(https://www.flock-art.co.jp/items/images/ichioshi03.jpg) no-repeat right top; height: 68px; padding: 30px 15px 0 15px; } .ichioshiArea ul li.fourth a { background: url(https://www.flock-art.co.jp/items/images/ichioshi04.jpg) no-repeat right top; height: 68px; padding: 30px 15px 0 15px; } .ichioshiArea ul li.fifth a { background: url(https://www.flock-art.co.jp/items/images/ichioshi05.jpg) no-repeat right top; } .ichioshiArea ul li.sixth a { background: url(https://www.flock-art.co.jp/items/images/ichioshi06.jpg) no-repeat right top; } .ichioshiArea ul li.seventh a { background: url(https://www.flock-art.co.jp/items/images/ichioshi07.jpg) no-repeat right top; } .ichioshiArea ul li.eighth a { background: url(https://www.flock-art.co.jp/items/images/ichioshi08.jpg) no-repeat right top; height: 68px; padding: 30px 15px 0 15px; } table.topdetailtable td.topdetail_items img { margin: 5px 0; } table.topdetailtable td.topdetail_items p { font-weight: bold; font-size: 22px; color: red; } table.topdetailtable td.topdetail_items p.normal { font-weight: normal; font-size: 12px; color: #000; line-height: 130%; } .designpattern_product_table { backgorund: none; } .designpattern_product_table table { width: 100%; border-collapse: collapse; border-top: solid 1px #CCC; border-left: solid 1px #CCC; } .designpattern_product_table table th { padding: 10px; white-space: nowrap; text-align: left; vertical-align: top; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; background: #EFEFEF; font-size: 14px !important; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .designpattern_product_table table td { padding: 10px; vertical-align: top; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; font-size: 14px !important; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #entryList, #right_col #entryList .entry h2 {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} #contents h3.simpletitle { padding: 15px 0; font-size: 24px; border-top: solid 5px #FF0000; border-bottom: solid 1px #FF0000; } #contents h4.simpletitle { padding: 10px 0 0 0; font-size: 20px; border-top: solid 3px #CCCCCC; } #contents .smalltxtarea { font-size:12px; } #entryListdesignpattern {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} #entryListdesignpattern .entry { display: block;width: 48%;float:left;margin: 0 5px; } .designpattern{padding:0;} .designpattern h4.simpletitle { margin-bottom: 0 !important;text-align: center !important;} .designpattern h4.simpletitle a { font-size: 16px !important;line-height: 110% !important;} .designpattern p { margin-top: 5px !important;padding: 0 15px;font-size: 14px !important;line-height: 130% !important;text-align: left;} .designpattern figure { text-align: center; } .designpattern .entryPage { padding: 0 15px;text-align: left !important; } .pagenate { clear: both;text-align: center; } .pagenate ul { display: block;margin: 0 auto;padding: 50px 0 30px 0; } .pagenate ul li { display: inline-block;list-style-type: none; } .topdesignbtn { clear: both; } .topdesignbtn p.first { margin: 0 0 15px 0 !important; padding: 0 !important; } .topdesignbtn p.second { float: left; margin: 0 15px 0 0 !important; padding: 0 !important; } .topdesignbtn p.third { float: left; margin: 0 15px 0 0 !important; padding: 0 !important; } .topdesignbtn p.fourth { float: left; margin: 0 !important; padding: 0 !important; } .kome_text { margin-top:4px; font-size:12px; color:#ff0000; } /*サイドナビ改修*/ .side_category {margin:5px;border:solid 1px #666;background:#FFF;} ul.side_category_menu {margin:0;padding:0;} ul.side_category_menu li {margin:0;list-style-type:none; cursor: pointer !important;} ul.side_category_menu li ul {padding:10px;border-top:solid 1px #CCC;} ul.side_category_menu li ul li {margin:0;font-size:12px;line-height:130%;padding: 8px 10px 8px 15px;background:url(images/side_category_menu_icon.jpg) no-repeat left 7px;} ul.side_category_menu li ul li a {display:block;} ul.side_category_menu li ul li a:link, ul.side_category_menu li ul li a:visited {color:#333;text-decoration:underline;} ul.side_category_menu li ul li a:hover, ul.side_category_menu li ul li a:active {text-decoration:none;} ul.side_category_menu li:hover img { opacity: 0.6;filter: Alpha(opacity=60); } /*カテゴリバナー改修*/ .bottom_category {clear:both;padding: 30px 0 0 0;} .bottom_category ul {margin:0;padding:0;} .bottom_category ul li {display:block;float:left;margin:0 0 5px 5px;padding:0;width:136px;height:50px;list-style-type:none;} .bottom_category ul li img {width:100%;height:auto;} .item_nebiki {display:block;background:red;padding:8px 10px;line-height:100%;color:#FFF;font-weight:bold;font-size:16px !important;margin:10px 0 20px;text-align:center;} .item_nebiki .item_nebiki_price {display:inline-block;font-size: 26px !important;margin-top:5px !important;} .detail_items {vertical-align:top;} table.detail {width:98%;} .topdesignlist {margin-bottom:50px;} .topdesignlist ul {margin: 0;padding:0 0 30px 0;} .topdesignlist ul:after {content: "";clear: both;display: block;} .topdesignlist ul li {width:168px;background: none;display:block;border:solid 1px #666;float:left;margin:0 2px 2px 0;text-align:center;padding:3px;} .topdesignlist p.linkbtn {clear:both;margin-bottom:30px;font-size:16px;font-weight:bold;text-align:center;} .topdesignlist p.linkbtn a {padding:15px;text-align:center;border:solid 2px #85B200;} .buy_btn {clear:both;} .buy_btn ul {list-style-type:none;margin:0 !important;padding:0;} .buy_btn ul li {list-style-type:none;display:block;float:left;margin: 0 0 15px 0 !important;} /*----------------- cleafix -----------------*/ .clearfix::before,.clearfix::after { content: "."; display: block; height: 0; overflow: hidden;} .clearfix::after {clear: both;} .clearfix {zoom: 1;} /* IE < 8 */ /*----------------- micro clearfix -----------------*/ /* For modern browsers */ .cf::before,.cf::after {content:""; display:table;} .cf::after {clear:both;} /* For IE 6/7 (trigger hasLayout) */ .cf {zoom:1;}