/* Typo ----------------------------------------------- */ a:link, a:visited { text-decoration: none !important; color:#B39600; } a:active { text-decoration: none !important; } a:hover { text-decoration:none !important; } a.foot:link{ color:#ffffff !important; text-decoration:none !important; } a.foot:visited{ color:#ffffff; text-decoration:none !important; } a.foot:hover{ background:#9400d3; color:#ffffff; text-decoration:none !important; } a.foot:active{ color:#ffffff; text-decoration:none !important; } a.top:link{ color:#ffffff !important; text-decoration:none !important; } a.top:visited{ color:#ffffff; text-decoration:none !important; } a.top:hover{ background:#ff8c00; color:#ffffff; text-decoration:none !important; } a.top:active{ color:#ffffff; text-decoration:none !important; } a.top-s:link{ color:#ffffff !important; text-decoration:none !important; } a.top-s:visited{ color:#ffffff; text-decoration:none !important; } a.top-s:hover{ background:#FF00FF; color:#ffffff; text-decoration:none !important; } a.top-s:active{ color:#ffffff; text-decoration:none !important; } a:hover img.ro-img { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; } *h11 { font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size: 28px; font-weight: bold; color: #FFFF99; background-color: #800080; padding:40px 4px 4px 40px; } h1 { font:bold 20px/140% "Trebuchet MS", Verdana, sans-serif; border-left : 10px solid #ee82ee ; border-bottom: 2px solid #ee82ee; background-color: #FFFFFF; padding: 2px 0px 3px 7px !important; } h2 { border-left: 3em solid #F781F3; border-right: 3em solid #F781F3; border-bottom: 1px solid #ee82ee; border-top: 1px solid #ee82ee; color: #696969; font-weight: bold; text-align: center; padding: 5px;} h22 { font:bold 16px/140% "Trebuchet MS", Verdana, sans-serif; border : 10px solid #F0E68C ;adding:20px; background-color: #F0E68C;} h3 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; } h4 { font:bold 12px/120% "Trebuchet MS", Verdana, sans-serif !important; } h5 { font:bold 16px/140% "Trebuchet MS", Verdana, sans-serif; border-left: 3em solid #FFCC66 !important; border-right: 3em solid #FFCC66; border-bottom: 1px solid #FFCC66; border-top: 1px solid #FFCC66; color: #696969; font-weight: bold; text-align: center; padding: 5px; } h6 { font:bold 16px/140% "Trebuchet MS", Verdana, sans-serif; border-left: 2em solid #ff69b4!important; border-right: 2em solid #ff69b4; border-bottom: 1px solid #ff69b4; border-top: 1px solid #ff69b4; color: #696969; font-weight: bold; text-align: center; padding: 5px; } p { font: 14px/160% Verdana, Geneva, Arial, Helvetica, sans-serif;} /* Layout ----------------------------------------------- */ body { background: #FFFFFF url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/img-body-bg.gif?t=1363937123) top left; padding:35px 0 0 0; margin:0; font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; } p {padding:2px 2px 2px 15px !important; } #container { margin:0 auto; width:934px; background:white; } /* header ----------------------------------------------- */ #header { padding:12px; height: 250px; background: url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/top-image-pp.jpg?t=1384334902) no-repeat bottom ; } .cc-indexpage #header { padding:17px; height: 330px; background: url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/top-image-1.jpg?t=1422883519) no-repeat bottom ; } #header h1, #header a { padding:0; font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:1.3em; color:#B39600; text-align:right; } #header a:hover { text-decoration:none; } /* header_baby ----------------------------------------------- */ #header_baby { padding:12px; height: 250px; background: url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/header-back.png?t=1502264198) no-repeat bottom ; } .cc-indexpage #header_baby { padding:17px; height: 330px; background: url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/top-image-1.jpg?t=1422883519) no-repeat bottom ; } #header_baby h1, #header_baby a { padding:0; font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:1.3em; color:#B39600; text-align:right; } #header_baby a:hover { text-decoration:none; } #navigation { display: inline; float:left; width:0px; margin-left:17px; } #wrap { clear: both; width: 900px; margin-left: 10x; } #sidebar { float: left; width: 220px; padding-top:10px; } #content { float:right; width:630px; padding:17px; } /* フッターのバナー ----------------------------------------------- */ #banner { clear:both; margin-top:10px; background:#ffffff; padding:0 10px 0 ; height:60px; } .banner1 {height:58px; float:left;width:180px; !important;} .banner2 {height:58px; float:left;width:180px; !important;} .banner3 {height:58px; float:left;width:180px; !important;} .banner4 {height:58px; float:left;width:180px; !important;} .banner5 {height:58px; float:left;width:180px; !important;} /* フッター ----------------------------------------------- */ .footerin {padding:17px;height:26px !important;} .footerA {height:28px; float:left;width:280px !important;} .footerB {height:28px; float:left;width:280px !important;} .footerC {height:28px; float:left;width:280px !important;} .footerA2 {height:28px; float:left;width:280px !important;} .footerB2 {height:28px; float:left;width:280px !important;} .footerC2 {height:28px; float:left;width:280px !important;} .footerA3 {height:28px; float:left;width:280px !important;} .footerB3 {height:28px; float:left;width:280px !important;} .footerC3 {height:28px; float:left;width:280px !important;} .footerA4 {height:28px; float:left;width:280px !important;} .footerB4 {height:28px; float:left;width:280px !important;} .footerC4 {height:28px; float:left;width:280px !important;} .footerA5 {height:28px; float:left;width:280px !important;} .footerB5 {height:28px; float:left;width:280px !important;} .footerC5 {height:28px; float:left;width:280px !important;} .footerA6 {height:28px; float:left;width:280px !important;} .footerB6 {height:28px; float:left;width:280px !important;} .footerC6 {height:28px; float:left;width:280px !important;} #footer { clear:both; margin-top:10px; background:#ee82ee; *background:url(footer-bg.gif) repeat-x top; height:190px; } #footer .gutter { height:30px; padding:35px 15px 0 90px; } /* Navigation ----------------------------------------------- */ ul.mainNav1{ margin:0; padding: 0; } ul.mainNav2 { margin:0; padding: 0; } ul.mainNav3 { margin:0; padding: 0px 0px 4px 35px; } #navigation ul.mainNav1 { display: inline; float: right; margin: 0; padding: 0; } #navigation ul.mainNav2 { display: none; } ul.mainNav1 li a{ padding:0px 0px 0px 10px; line-height: 0px; color:#B39600; } ul.mainNav2 li a { padding:0px 0px 0px 35px; font:normal 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; display: block; color:#B39600; height:36px; line-height: 36px; border-bottom:3px solid #FFFFFF; background:#FFF0F5 url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/li-2.gif?t=1381919118) no-repeat top left; } ffe4e1 ul.mainNav3 li a { padding:0px 0px 0px 35px; font:normal 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; display: block; color:#B39600; height:30px; line-height: 30px; border-bottom:2px solid #FFFFFF; background:#fff5ee url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/li-2.gif?t=1381919118) no-repeat top left; } *ul.mainNav1 li a { padding:0px 0px 0px 10px; } *ul.mainNav2 li a { padding:4px 4px 4px 35px; } *ul.mainNav3 li a { padding:4px 4px 4px 50px; } ul.mainNav2 a:hover { font:bold 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; background:#F3A4FF url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/li-2-b.gif?t=1381919141) no-repeat top left; color:#FFFFFB; } ul.mainNav3 a:hover { font:bold 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; background:#F3A4FF url(https://u.jimcdn.com/cms/o/s2729e280a84c3c2d/userlayout/img/li-2-b.gif?t=1381919141) no-repeat top left; color:#FFFFFB; } ul.mainNav1 a.current { font-weight:bold; color: #800080 ; } ul.mainNav2 a.current { font-weight:bold; color: #800080 ; } ul.mainNav3 a.current { font-weight:bold; color: #800080 ; } #side { padding-top:10px; float: left; width: 220px; } #side ul.mainNav1 li{ display: inline; margin: 0; padding: 0; } #side ul.mainNav2 li { display: inline; margin: 0; padding: 0; } #side ul.mainNav3 li { display: inline; margin: 0; padding: 0; } /* リストクラス ----------------------------------------------- */ .list11 { list-style-image: url(b01.gif); } .list12 { list-style-image: url(flower-002.gif); } .list13 { list-style-image: url(flower-003.gif); } .list14 { list-style-image: url(flower-004.gif); } .list15 { list-style-image: url(flower-005.gif); } .list16 { list-style-image: url(flower-006.gif); } .list17 { list-style-image: url(flower-007.gif); } .list18 { list-style-image: url(flower-008.gif); } .list19 { list-style-image: url(flower-009.gif); } .list20 { list-style-image: url(flower-010.gif); } /* テーブルid ----------------------------------------------- */ td#orange { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-orange.gif); } td#blue { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-blue.gif); } td#green { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-green.gif); } td#red { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-red.gif); } td#violet { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-violet.gif); } td#lightblue { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-lightblue.gif); } td#kimidori { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-kimidori.gif); } td#gray { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-gray.gif); } td#pink { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-pink.gif); } td#beige { width: 240px; height: 42px; padding: 0px 3px 0px 10px; background-image: url(fusen-beige.gif); }