CSS 5
Pc.css Guest on 18th October 2020 04:22:35 AM
  1. body {
  2.         text-align:center;
  3.         font-size:1.8rem;
  4.         font-family:'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight:normal;
  5.         line-height:1.5;
  6. }
  7.  
  8.  
  9. input, textarea { font-size: 2.6rem; }
  10. select{
  11.         font-size:2.4rem;
  12.         border:2px solid #000;
  13. }
  14.  
  15. .newH1{
  16.         /*color:#57CAE8;*/
  17.         color:#57CAE8;
  18.         font-size:2.4rem;
  19.  
  20. }
  21. .fontMostBig{
  22.         font-size:5.0rem;
  23. }
  24. .fontVeryBig{
  25.         font-size:4.0rem;
  26. }
  27.  
  28.  
  29. .fontBig{
  30.         font-size:2.8rem;
  31. }
  32. .fontMediumBig{
  33.         font-size:2.4rem;
  34. }
  35.  
  36. .fontMedium{
  37.         font-size:2.0rem;
  38. }
  39.  
  40. .fontMedium{
  41.         font-size:2.0rem;
  42. }
  43. .fontSmall{
  44.         font-size:1.8rem;
  45. }
  46. .fontMeduimSmall{
  47.         font-size:1.6rem;
  48. }
  49. .fontVerySmall{
  50.         font-size:1.4rem;
  51. }
  52. .fontMostSmall{
  53.         font-size:1.0rem;
  54. }
  55.  
  56.  
  57.  
  58. .G{ font-family:'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight:normal; }
  59. .G10, .G12,.G14, .G16,.G18,.G20,.G22, .G24, .G26, G28, .G30, .G32, .G34 .G36, .G38, .G40 { font-family:'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight:normal; }
  60. .G10 { font-size:1.0rem; }
  61. .G12 { font-size:1.2rem; }
  62. .G14 { font-size:1.4rem; }
  63. .G16 { font-size:1.6rem; }
  64. .G18 { font-size:1.8rem; }
  65. .G20 { font-size:2.0rem; }
  66. .G22 { font-size:2.2rem; }
  67. .G24 { font-size:2.4rem; }
  68. .G26 { font-size:2.6rem; }
  69. .G28 { font-size:2.8rem; }
  70. .G30 { font-size:3.0rem; }
  71. .G32 { font-size:3.2rem; }
  72. .G36 { font-size:3.6rem; }
  73. .G38 { font-size:3.8rem; }
  74. .G40 { font-size:4.0rem; }
  75.  
  76. .GB { font-family:'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight:bold; }
  77. .GB10, .GB12,.GB14, .GB16,.GB18,.GB20,.GB22, .GB24, .GB26, .GB28, .GB30, .GB32, .GB34 .GB36, .GB38, .GB40 { font-family:'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight:bold; }
  78. .GB10 { font-size:1.0rem; }
  79. .GB12 { font-size:1.2rem; }
  80. .GB14 { font-size:1.4rem; }
  81. .GB16 { font-size:1.6rem; }
  82. .GB18 {font-size:1.8rem; }
  83. .GB20 { font-size:2.0rem; }
  84. .GB22 {font-size:2.2rem; }
  85. .GB24 { font-size:2.4rem; }
  86. .GB26 { font-size:2.6rem; }
  87. .GB28 { font-size:2.8rem; }
  88. .GB30 { font-size:3.0rem; }
  89. .GB32 { font-size:3.2rem; }
  90. .GB36 { font-size:3.6rem; }
  91. .GB38 { font-size:3.8rem; }
  92. .GB40 { font-size:4.0rem; }
  93.  
  94.  
  95. .R{ font-family:'Hiragino Maru Gothic Pro', '繝偵Λ繧ョ繝惹クク繧エ Pro', 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3','�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight: normal; }
  96. #R{ font-family:'Hiragino Maru Gothic Pro', '繝偵Λ繧ョ繝惹クク繧エ Pro', 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3','�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight: normal; }
  97. .R10, .R12,.R14, .R16,.R18,.R20,.R22, .R24, .R26, .R28, .R30, .R32, .R34 .R36, .R38, .R40 { font-family:'Hiragino Maru Gothic Pro', '繝偵Λ繧ョ繝惹クク繧エ Pro', 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3','�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight: normal; }
  98. .R10 { font-size:1.0rem; }
  99. .R12 { font-size:1.2rem; }
  100. .R14 { font-size:1.4rem; }
  101. .R16 { font-size:1.6rem; }
  102. .R18 { font-size:1.8rem; }
  103. .R20 { font-size:2.0rem; }
  104. .R22 { font-size:2.2rem; }
  105. .R24 { font-size:2.4rem; }
  106. .R26 { font-size:2.6rem; }
  107. .R28 { font-size:2.8rem; }
  108. .R30 { font-size:3.0rem; }
  109. .R32 { font-size:3.2rem; }
  110. .R36 { font-size:3.6rem; }
  111. .R38 { font-size:3.8rem; }
  112. .R40 { font-size:4.0rem; }
  113.  
  114. .RB{ font-family:'Hiragino Maru Gothic Pro', '繝偵Λ繧ョ繝惹クク繧エ Pro', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight: bold; }
  115. .RB10, .RB12,.RB14, .RB16,.RB18,.RB20,.RB22, .RB24, .RB26, .RB28, .RB30, .RB32, .RB34 .RB36, .RB38, .RB40 { font-family:'Hiragino Maru Gothic Pro', '繝偵Λ繧ョ繝惹クク繧エ Pro', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', '�ュ�ウ �ー繧エ繧キ繝�け', 'sans-serif'; font-weight: bold; }
  116. .RB10 { font-size:1.0rem; }
  117. .RB12 { font-size:1.2rem; }
  118. .RB14 { font-size:1.4rem; }
  119. .RB16 { font-size:1.6rem; }
  120. .RB18 { font-size:1.8rem; }
  121. .RB20 { font-size:2.0rem; }
  122. .RB22 { font-size:2.2rem; }
  123. .RB24 { font-size:2.4rem; }
  124. .RB26 { font-size:2.6rem; }
  125. .RB28 { font-size:2.8rem; }
  126. .RB30 { font-size:3.0rem; }
  127. .RB32 { font-size:3.2rem; }
  128. .RB36 { font-size:3.6rem; }
  129. .RB38 { font-size:3.8rem; }
  130. .RB40 { font-size:4.0rem; }
  131.  
  132. .E { font-family:"Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', sans-serif; font-weight: normal; }
  133. .E10, .E12,.E14, .E16,.E18,.E20,.E22, .E24, .E26, .E28, .E30, .E32, .E34 .E36, .E38, .E40 { font-family:"Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', sans-serif; font-weight: normal; }
  134. .E10 { font-size:1.0rem; }
  135. .E12 { font-size:1.2rem; }
  136. .E14 { font-size:1.4rem; }
  137. .E16 { font-size:1.6rem; }
  138. .E18 { font-size:1.8rem; }
  139. .E20 { font-size:2.0rem; }
  140. .E22 { font-size:2.2rem; }
  141. .E24 { font-size:2.4rem; }
  142. .E26 { font-size:2.6rem; }
  143. .E28 { font-size:2.8rem; }
  144. .E30 { font-size:3.0rem; }
  145. .E32 { font-size:3.2rem; }
  146. .E36 { font-size:3.6rem; }
  147. .E38 { font-size:3.8rem; }
  148. .E40 { font-size:4.0rem; }
  149.  
  150. .EB{ font-family:"Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', sans-serif; font-weight: bold; }
  151. .EB10, .EB12,.EB14, .EB16,.EB18,.EB20,.EB22, .EB24, .EB26, .EB28, .EB30, .EB32, .EB34 .EB36, .EB38, .EB40 { font-family:"Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ョ繝手ァ偵ざ Pro W3', sans-serif; font-weight: bold; }
  152. .EB10 { font-size:1.0rem; }
  153. .EB12 { font-size:1.2rem; }
  154. .EB14 { font-size:1.4rem; }
  155. .EB16 { font-size:1.6rem; }
  156. .EB18 { font-size:1.8rem; }
  157. .EB20 { font-size:2.0rem; }
  158. .EB22 { font-size:2.2rem; }
  159. .EB24 { font-size:2.4rem; }
  160. .EB26 { font-size:2.6rem; }
  161. .EB28 { font-size:2.8rem; }
  162. .EB30 { font-size:3.0rem; }
  163. .EB32 { font-size:3.2rem; }
  164. .EB36 { font-size:3.6rem; }
  165. .EB38 { font-size:3.8rem; }
  166. .EB40 { font-size:4.0rem; }
  167.  
  168. .M{ font-family:'Hiragino Mincho Pro', '繝偵Λ繧ョ繝取�譛� Pro W3', '�ュ�ウ �ー譏取悃', 'serif'; font-weight: normal; }
  169. .M10, .M12,.M14, .M16,.M18,.M20,.M22, .M24, .M26, E28, .M30, .M32, .M34 .M36, .M38, .M40 { font-family:'Hiragino Mincho Pro', '繝偵Λ繧ョ繝取�譛� Pro W3', '�ュ�ウ �ー譏取悃', 'serif'; font-weight: normal; }
  170. .M10 { font-size:1.0rem; }
  171. .M12 { font-size:1.2rem; }
  172. .M14 { font-size:1.4rem; }
  173. .M16 { font-size:1.6rem; }
  174. .M18 { font-size:1.8rem; }
  175. .M20 { font-size:2.0rem; }
  176. .M22 { font-size:2.2rem; }
  177. .M24 { font-size:2.4rem; }
  178. .M26 { font-size:2.6rem; }
  179. .M28 { font-size:2.8rem; }
  180. .M30 { font-size:3.0rem; }
  181. .M32 { font-size:3.2rem; }
  182. .M36 { font-size:3.6rem; }
  183. .M38 { font-size:3.8rem; }
  184. .M40 { font-size:4.0rem; }
  185.  
  186. .MB{ font-family:'Hiragino Mincho Pro', '繝偵Λ繧ョ繝取�譛� Pro W3', '�ュ�ウ �ー譏取悃', 'serif'; font-weight: bold; }
  187. .MB10, .MB12,.MB14, .MB16,.MB18,.MB20,.MB22, .MB24, .MB26, .MB28, .MB30, .MB32, .MB34 .MB36, .MB38, .MB40 { font-family:'Hiragino Mincho Pro', '繝偵Λ繧ョ繝取�譛� Pro W3', '�ュ�ウ �ー譏取悃', 'serif'; font-weight: bold; }
  188. .MB10 { font-size:1.0rem; }
  189. .MB12 { font-size:1.2rem; }
  190. .MB14 { font-size:1.4rem; }
  191. .MB16 { font-size:1.6rem; }
  192. .MB18 { font-size:1.8rem; }
  193. .MB20 { font-size:2.0rem; }
  194. .MB22 { font-size:2.2rem; }
  195. .MB24 { font-size:2.4rem; }
  196. .MB26 { font-size:2.6rem; }
  197. .MB28 { font-size:2.8rem; }
  198. .MB30 { font-size:3.0rem; }
  199. .MB32 { font-size:3.2rem; }
  200. .MB36 { font-size:3.6rem; }
  201. .MB38 { font-size:3.8rem; }
  202. .MB40 { font-size:4.0rem; }
  203.  
  204.  
  205. .whyButton{
  206.         color:#06f;
  207.         cursor:pointer;
  208.         font-size:2.0rem;
  209. }
  210. .whyButton:hover{
  211.         color:#f00;
  212. }
  213. .myText{
  214.         font-size:2.0rem;
  215. }
  216. .contentsButton #iconFont{
  217.         float:left;
  218.         font-size:3.4rem;
  219.         line-height:50px;
  220. }
  221. .contentsButton #menuText{
  222.         float:left;
  223.         font-size:2.0rem;
  224.         line-height:50px;
  225. }
  226. .itemCategoryButton #iconFont{
  227.         float:left;
  228.         font-size:2.0rem;
  229.         line-height:40px;
  230. }
  231. .itemCategoryButton #menuText{
  232.         float:left;
  233.         font-size:2.4rem;
  234.         line-height:40px;
  235. }
  236. .itemmenu a{
  237.         font-size: 2.0rem;
  238. }
  239.  
  240. div#pcWrapper {  
  241.         overflow:hidden;
  242.         width:1120px;
  243.         margin:0 auto;
  244.         text-align: left;  
  245.         position: relative;
  246.         min-height: 100%;
  247. }
  248.  
  249. #pcMenuHeader{
  250.         position: fixed !important;  
  251.         position: absolute;  
  252.         z-index: 100;
  253.         text-align:center;
  254.         width:100%;
  255.         height:70px;
  256.         background:#000;
  257.  
  258. }
  259.  
  260. .pcMenuHeaderSource{
  261.         text-align:center;
  262.         width: 1120px;
  263.         margin:0 auto;
  264.         padding: 0;
  265. }
  266.  
  267. .pcMenuHeaderSource:before{
  268.         content: "";
  269.         display: table;
  270. }
  271.  
  272. .pcMenuHeaderSource:after{
  273.         clear: both;
  274. }
  275.  
  276. #pcMenuDrop{
  277.         position: fixed !important;  
  278.         position: absolute;  
  279.         z-index: 9;
  280.         top:70px;
  281.         width:100%;
  282.         height:30px;
  283.         background:#ccc;
  284.         filter:alpha(opacity=85);
  285.         -moz-opacity: 0.85;
  286.         opacity: 0.85;
  287.         box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px rgba(000,000,000,0.3);
  288.         -moz-box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px rgba(000,000,000,0.3);
  289.         -webkit-box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px 0px rgba(000,000,000,0.3);
  290.  
  291. }
  292. #pcMenuDropContainer{
  293.         width:1120px;
  294.         margin:0 auto;
  295.         text-align:right;  
  296.         position: relative;
  297.  
  298. }
  299. #pcMenuDropContact{
  300.         width:1120px;
  301.         margin:0 auto;
  302.         text-align:right;  
  303.         position: absolute;
  304.         color:#666;
  305.         margin-top:-2px;
  306.         right:10px;
  307. }
  308. #pcMenuDropContact:after{
  309.         padding-left:5px;
  310.         font-family: 'link';
  311.         content:'\E826';
  312.         font-size:2.0rem;
  313. }
  314.  
  315. #pcContentsHeader{
  316.         width:100%;
  317.         text-align:center;
  318.  
  319. }
  320.  
  321.  
  322.  
  323.  
  324. #pcContentsCenter{
  325.         float:left;
  326.         width:640px;
  327. }
  328.  
  329.  
  330.  
  331. #pcContentsFooter{
  332.         margin-top:-200px;
  333.         clear:both;
  334.         position:relative;
  335.         z-index: 0;
  336.         bottom: 0;
  337.         left: 0;
  338.         padding: 0;
  339.         text-align:center;
  340.         width:100%;
  341.         /*IE old*/
  342.         background:-ms-linear-gradient(left, #eee, #eee);
  343.         /*IE10*/
  344.         background:linear-gradient(to eee, #eee, #eee);
  345.  
  346.         background: -moz-linear-gradient(top,#eee, #eee 50%,#eee 50%,#ddd);
  347.         /*background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), color-stop(0.5,#f9f9f9), color-stop(0.5,#f9f9f9), to(#eee));*/
  348.         background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5,#eee), color-stop(0.5,#eee), to(#ddd));
  349.  
  350. }
  351. #footerInfoBox{
  352.         margin:0 auto;
  353.  
  354.         padding: 0;
  355.         text-align:center;
  356.         width:1120px;
  357.         min-height:100px;
  358. }
  359.  
  360.  
  361.  
  362. #pcMenuFooter{
  363.         /*position: fixed !important;*/
  364.         position: fixed;
  365.        
  366.         z-index: 2;
  367.         bottom: 0;
  368.         left: 0;
  369.         width: 100%;
  370.         height: 60px;
  371.         background: #000;
  372.         padding: 0;
  373.         border-top: 1px solid #444;
  374.         text-align:center;
  375. }
  376.  
  377. /*fiipsnap for pc Begin*/
  378.  
  379. #pcHeadDock {
  380.         position:relative;
  381.         width: 340px;
  382.         height:66px;
  383.         overflow: hidden;
  384.         float:right;
  385.         top:0px;
  386.         right:0px;
  387.         margin: 0 auto;
  388.         text-align:center;
  389.         padding-top:0px;
  390.         padding-bottom:10px;
  391.         border-radius: 0px 0px 20px 20px;
  392.         -moz-border-radius: 0px 0px 20px 20px;
  393.         -webkit-border-radius: 0px 0px 20px 20px;
  394.         z-index:100;
  395.         cursor:pointer;
  396. }
  397. #pcHeadDock .box {
  398.         position:relative;
  399.         overflow: hidden;
  400.         width: 4800px;
  401.         margin:0;
  402.         margin-left:0px;
  403. }
  404. #pcHeadDock .box .dockItem {
  405.         white-space:nowrap;
  406.         font-size:6.6rem;
  407.         margin-top:5px;
  408.         color:#fff;
  409.         width: 80px;
  410.         height:80px;
  411.         line-height:0;
  412.         position:relative;
  413.         text-shadow: 0px 0px 5px rgba(000,000,000,0.85),5px 5px 10px rgba(000,000,000,0.85);
  414. }
  415. #pcHeadDock .box .change {
  416.         font-size:3.0rem;
  417.         color:#fff;
  418.         line-height:0;
  419.         position:relative;
  420.         float: left;
  421.         margin-top:10px;
  422.         margin-left:20px;
  423.         margin-right:20px;
  424. }
  425. #pcHeadDock .box .dragSpace {
  426.         width:80px;
  427.         height:0px;
  428.         font-size:1.6rem;
  429. }
  430.  
  431. #pcHeadDock .dockPrev {
  432.         display:none;
  433.         position:absolute;
  434.         top:224px;
  435.         left:10px;
  436.         color:#fff;
  437.         z-index:3;
  438. }
  439. #pcHeadDock .dockPrev:before{
  440.         font-family: 'link';
  441.         content:'\E874';
  442.         font-size:4.0rem;
  443. }
  444. #pcHeadDock .dockNext {
  445.         display:none;
  446.         position:absolute;
  447.         top:224px;
  448.         right:10px;
  449.         color:#fff;
  450.         z-index:3;
  451. }
  452. #pcHeadDock .dockNext:before{
  453.         font-family: 'link';
  454.         content:'\E86A';
  455.         font-size:4.0rem;
  456. }
  457. #pcHeadDock .dockClose {
  458.         display:none;
  459.         position:absolute;
  460.         top:15px;
  461.         right:10px;
  462.         color:#fff;
  463.  
  464.         z-index:3;
  465. }
  466. #pcHeadDock .dockClose:before{
  467.         font-family: 'link';
  468.         content:'\E855';
  469.         font-size:4.0rem;
  470. }
  471.  
  472.  
  473. #pcHeadDock .box .dockItem #cartNum {
  474.         position:absolute;
  475.         font-size:2.4rem;
  476.         top:8px;
  477.         right:18px;
  478.         color:red;
  479. }
  480. #pcHeadDock #dLine {
  481.         position:absolute;
  482.         display:none;
  483.         border-bottom:1px dashed #fff;
  484.         width:400px;
  485.         top:71px;
  486. }
  487. #pcHeadDock #dLine2 {
  488.         position:absolute;
  489.         display:none;
  490.         border-bottom:1px dashed #fff;
  491.         width:400px;
  492.         top:210px;
  493. }
  494. #pcHeadDock #cartBalloon {
  495.         position:absolute;
  496.         display:none;
  497. }
  498.  
  499.  
  500. #pcFootDock {
  501.         position:relative;
  502.         width: 640px;
  503.         height:100px;
  504.         overflow: hidden;
  505.         bottom:0px;
  506.         margin: 0 auto;
  507.         text-align:center;
  508.  
  509.         border-radius: 20px 20px 0px 0px;
  510.         -moz-border-radius: 20px 20px 0px 0px;
  511.         -webkit-border-radius: 20px 20px 0px 0px;
  512. }
  513. #pcFootDock .box {
  514.         position:relative;
  515.         overflow: hidden;
  516.         width: 4800px;
  517.         margin:0;
  518.         margin-left:0px;
  519. }
  520. #pcFootDock .box .dockItem {
  521.         white-space:nowrap;
  522.         font-size:6.0rem;
  523.         color:#fff;
  524.         width: 80px;
  525.         height:80px;
  526.         line-height:0;
  527.         position:relative;
  528.         text-shadow: 0px 0px 5px rgba(000,000,000,0.85),5px 5px 10px rgba(000,000,000,0.85);
  529. }
  530. #pcFootDock .box .change {
  531.         font-size:3.0rem;
  532.         color:#fff;
  533.         line-height:0;
  534.         position:relative;
  535.         float: left;
  536.         margin-top:10px;
  537.         margin-left:20px;
  538.         margin-right:20px;
  539. }
  540. #pcFootDock .box .dragSpace {
  541.         width:80px;
  542.         height:0px;
  543.         font-size:1.6rem;
  544.  
  545. }
  546.  
  547.  
  548.  
  549. .pagetop {
  550.         z-index:100;
  551.         display: none;
  552.         position: fixed;
  553.         bottom: 70px;
  554.         right: 30px;
  555.         cursor: pointer;
  556.         color:#000;
  557. }
  558. .pagetop:before{
  559.         font-family: 'link';
  560.         content:'\E870';
  561.         font-size:7.2rem;
  562.         -moz-opacity: 0.5;
  563.         opacity: 0.5;
  564.         filter:alpha(opacity=50);
  565.  
  566. }
  567. .pagetop:hover {
  568. }
  569. .pagetop a {
  570.         display: block;
  571.         filter:alpha(opacity=50);
  572.         -moz-opacity: 0.5;
  573.         opacity: 0.5;
  574.         text-align: center;
  575.         color: #fff;
  576.         font-size: 24px;
  577.         text-decoration: none;
  578.         line-height: 50px;
  579. }
  580.  
  581.  
  582. #homeButton{
  583.         position:absolute;
  584.         color:#fff;
  585.         background:url(/common/images/header/home.gif) no-repeat;
  586.         width:160px;
  587.         height:50px;
  588.         margin-left:10px;
  589.         margin-top:10px;
  590. }
  591. #homeButton #homeShift{
  592.         position:absolute;
  593.         top:-15px;
  594.         left:52px;
  595.         height:30px;
  596. }
  597. #homeButton #homeShift:before{
  598. /*      font-family: 'link';
  599.         content:'\E854';
  600.         font-size:5.8rem;
  601.         font-size:10.0rem;
  602.         line-height:10.0rem;*/
  603. }
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612. #rightContainer{
  613.         position:relative;
  614.         margin:0 auto;
  615.  
  616.         width:480px;
  617.         float:right;
  618.         background:#F9F9F9;
  619.  
  620.         box-shadow: 3px 3px 3px rgba(000,000,000,0.3),inset 8px 0px 10px 0px rgba(000,000,000,0.2);
  621.         -moz-box-shadow: 3px 3px 3px rgba(000,000,000,0.3),inset 8px 0px 10px 0px rgba(000,000,000,0.2);
  622.         -webkit-box-shadow: 3px 3px 3px rgba(000,000,000,0.3),inset 8px 0px 10px 0px rgba(000,000,000,0.2);
  623.  
  624. }
  625.  
  626.  
  627.  
  628.  
  629.  
  630. /*--------------------------------------------------------------------------------*/
  631. /*menu Begin*/
  632.  
  633. .dropmenu {
  634.         list-style-type: none;
  635.         width: 1120px;
  636.         margin: 0px auto 0px;
  637.         padding: 0;
  638. }
  639. .dropmenu li {
  640.         position: relative;
  641.         width:131px;
  642.         float: left;
  643.         margin: 0;
  644.         padding: 0;
  645.         padding-left:1px;
  646.         text-align: center;
  647. }
  648. .dropmenu li a {
  649.         display: block;
  650.         margin: 0;
  651.        
  652.         padding-top:7px;
  653.         padding-bottom:7px;
  654.         padding-right:7px;
  655.         background:#eee;
  656.  
  657.         box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px rgba(000,000,000,0.3);
  658.         -moz-box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px rgba(000,000,000,0.3);
  659.         -webkit-box-shadow: 0px 2px 10px rgba(122,190,200,0.8),inset 0px 0px 0px 0px rgba(000,000,000,0.3);
  660.  
  661.         border-radius: 0px 0px 10px 10px;
  662.         -moz-border-radius: 0px 0px 10px 10px;
  663.         -webkit-border-radius:0px 0px 10px 10px;
  664.  
  665.         color:#3F6F97;
  666.         font-size: 1.6rem;
  667.         line-height: 1;
  668.         text-decoration: none;
  669. }
  670. .dropmenu li:hover > a{
  671.         background:#00c;
  672.         color:#fff;
  673. }
  674. .dropmenu li ul {
  675.         list-style: none;
  676.         position: absolute;
  677.         z-index: 9999;
  678.         top: 100%;
  679.         left: 0;
  680.         margin: 0;
  681.         padding: 0;
  682. }
  683. .dropmenu li ul li {
  684.         overflow: hidden;
  685.         width: 260px;
  686.         height: 0;
  687.         color: #fff;
  688.         transition: .2s;
  689. }
  690. .dropmenu li ul li a {
  691.         padding:13px 15px;
  692.         border-top:1px solid #09f;
  693.         background:#00c;
  694.         text-align:left;
  695.         color:#fff;
  696.         border-radius: 10px 10px 10px 10px;
  697.         -moz-border-radius: 10px 10px 10px 10px;
  698.         -webkit-border-radius:10px 10px 10px 10px;
  699. }
  700.  
  701.  
  702. .dropmenu > li:hover > a {  background: #00c; }
  703. .dropmenu > li:hover li:hover > a {  background: blue; }
  704. .dropmenu > li:hover > ul > li {
  705.         overflow: visible;
  706.         height: 38px;
  707. }
  708. .dropmenu li ul li ul {
  709.         top: 0;
  710.         left:100%;
  711.         width: 300px;
  712. }
  713. /*3髫主ア、*/
  714. .dropmenu li ul li ul li ul{
  715.         top: 0;
  716.         left:100%;
  717.         width: 300px;
  718. }
  719. /*.dropmenu li:last-child ul li ul {
  720.         left: -100%;
  721.         width: 100%;
  722. }*/
  723. .dropmenu li ul li ul:before {
  724.         position: absolute;
  725.         /*content: "";*/
  726.         top: 13px;
  727.         left: -20px;
  728.         width: 0;
  729.         height: 0;
  730.         border: 5px solid transparent;
  731.         border-left-color: #00c;
  732. }
  733. .dropmenu li:last-child ul li ul:before {
  734.         position: absolute;
  735.         /*content: "";*/
  736.         top: 13px;
  737.         left: 200%;
  738.         margin-left: -20px;
  739.         border: 5px solid transparent;
  740.         border-right-color: #00c;
  741. }
  742. .dropmenu li ul li:hover > ul > li {
  743.         overflow: visible;
  744.         height: 38px;
  745. }
  746. .dropmenu li ul li ul li a {  background: #00c }
  747. .dropmenu li:hover ul li ul li a:hover {  background: blue }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.