/*■■■■■■■■■■■■■■■■■■■■■■■■          全ページ共通CSS  ■■■■■■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■ タグ直接 ■■■■■■ */ html{ /* scrollbar-base-color: #E3DBBF; scrollbar-track-color: #F4F0E5; scrollbar-face-color: #E3DBBF; scrollbar-shadow-color: #E3DBBF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #E3DBBF; scrollbar-3dlight-color: #E3DBBF; scrollbar-arrow-color: #FFFFFF; */ margin: 0px; padding: 0px; } body{ /* background: url(../img/common/bg.png); */ margin: 0px; padding: 0px; font-size: 13px; line-height: 1.6em; color: #333; text-align: justify; text-justify: inter-ideograph; font-family: "メイリオ","Meiryo","MS Pゴシック",osaka,monospace; } a{ text-decoration: none; color: #0AA0D2; } a:hover{ text-decoration: underline; color: #0AC062; } a:hover img, .input_button:hover{ filter: Alpha(opacity=70); opacity: 0.7; -webkit-transition:opacity 0.1s linear; -moz-transition:opacity 0.1s linear; -o-transition:opacity 0.1s linear; transition:opacity 0.1s linear; } img{ border: 0px; } a img{ border: 0px; -webkit-transition:opacity 0.5s linear; -moz-transition:opacity 0.5s linear; -o-transition:opacity 0.5s linear; transition:opacity 0.5s linear; } form{ margin: 0px; padding: 0px; } input,textarea{ font-size: 14px; font-family: "MS ゴシック","Osaka-mono"; } big{ font-size: 16px; font-weight: bold; } /* 汎用ボタン で使用 */ button.gray, button.blue{ border: 0px; width: 240px; height: 50px; margin: 0px; padding: 0px 0px 8px 0px; vertical-align: top; color: #FFF; font-size: 16px; font-weight: bold; line-height: 23px; text-align: center; font-family: "游明朝", "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MingLiU", "SimSun", "MS P明朝", serif; text-align: center; cursor: pointer; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; } button.gray{ background: url(../img/common/button_gray.png) no-repeat left top; color: #888; } button.blue{ background: url(../img/common/button_blue.png) no-repeat left top; color: #0AA0D2; } button:hover{ filter: Alpha(opacity=70); opacity: 0.7; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; } /* ■■■■■■■ 共通(文字色) ■■■■■■ */ .tx_white{ color: #ffffff !important; } .tx_black{ color: #000000 !important; } .tx_gray{ color: #707070 !important; } .tx_green{ color: #2A5750 !important; } .tx_red1{ color: red !important; } .tx_red2{ color: #bf282d !important; } .tx_pink{ color: #CC6699 !important; } .tx_blue{ color: #006EA6 !important; } .tx_orange{ color: #F15A24 !important; } .tx_brown{ color: #7F0101 !important; } /* ■■■■■■ 共通(etc) ■■■■■■ */ .v_top{ vertical-align: top !important; } .v_center{ vertical-align: middle !important; } .v_down{ vertical-align: -3px !important; /vertical-align: 0px; } .bold{ font-weight:bold; } .jidume1{ letter-spacing: -1px !important; } .jidume2{ letter-spacing: -2px !important; } .t_c{ text-align: center !important; } .t_r{ text-align: right !important; } .m_top0{ vertical-align: top; margin-top: 0px !important; font-weight: bold; } .m_top5{ vertical-align: top; margin-top: 5px !important; } .m_top5v{ vertical-align: top; margin-top: 5px !important; line-height: 3em!important; } .m_top10{ vertical-align: top; margin-top: 10px !important; } .m_top15{ vertical-align: top; margin-top: 15px !important; } .m_top20{ vertical-align: top; margin-top: 20px !important; } .m_top25{ vertical-align: top; margin-top: 25px !important; } .m_top30{ vertical-align: top; margin-top: 30px !important; } .m_bottom0{ vertical-align: top; margin-bottom: 0px !important; } .m_bottom5{ vertical-align: top; margin-bottom: 5px !important; } .m_bottom10{ vertical-align: top; margin-bottom: 10px !important; } .m_bottom15{ vertical-align: top; margin-bottom: 15px !important; } .m_bottom20{ vertical-align: top; margin-bottom: 20px !important; } .m_bottom25{ vertical-align: top; margin-bottom: 25px !important; } .m_bottom30{ vertical-align: top; margin-bottom: 30px !important; } .m10 { margin: 10px !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mt0 { margin-top: 0 !important; } .mr0 { margin-right: 0 !important; } .mt40{ margin-top:40px !important; } .mb50{ margin-bottom:50px !important; } .mb50{ margin-bottom:50px !important; } .mb300{ margin-bottom:300px !important; } .p20 { padding: 20px !important; } .align_l, .tl{ text-align: left !important; } .align_r, .tr{ text-align: right !important; } .align_c, .t_c, .tc{ text-align: center !important; } .font10{ font-size: 10px !important; } .font11{ font-size: 11px !important; } .font12{ font-size: 12px !important; } .img_l{ float: left !important; margin: 0px 10px 10px 0px; } .img_r{ float: right !important; margin: 0px 0px 10px 10px; } .fl{ float:left !important; } .fr{ float:right !important; } .dot_line{ clear: both; background: url(../img/common/dot_line.png) repeat-x left bottom; height: 1px; overflow: hidden; font-size: 0px; line-height: 0px; } .dot_line1{ clear: both; background: url(../img/common/dot_line.png) repeat-x left center; height: 21px; overflow: hidden; font-size: 0px; line-height: 0px; } .dot_line2{ clear: both; background: url(../img/common/dot_line.png) repeat-x left center; height: 31px; overflow: hidden; font-size: 0px; line-height: 0px; } .dot_line3{ clear: both; background: url(../img/common/dot_line.png) repeat-x left bottom; height: 41px; overflow: hidden; font-size: 0px; line-height: 0px; } .pankuzu{ /* ■パンくずナビ専用。■ */ margin: 0px 0px 5px 0px; padding: 0px; font-size: 11px; line-height: 15px; font-weight: normal; } .pankuzu a{ text-decoration: none; } .pankuzu a:hover{ text-decoration: underline; } h2.midasi{ border-top: 1px solid #0AA0D2; border-bottom: 1px solid #0AA0D2; color: #0AA0D2; font-family: "游明朝", "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MingLiU", "SimSun", "MS P明朝", serif; font-size: 24px; line-height: 30px; margin: 0px 0px 15px 0px; padding: 15px 0px; } h2.midasi small.gray{ display: block; font-weight: normal; font-size: 14px; line-height: 1.3em; font-family: "メイリオ","Meiryo","MS Pゴシック",osaka,monospace; color: #4d4d4d; } h3.midasi3{ clear: both; display: block; margin: 0px 0px 15px 0px; letter-spacing: 0px; background: url(../img/common/midasi_bg.png) no-repeat left top; border-radius: 6px; padding: 2px 10px 0px 20px; font-size: 15px; line-height: 28px; font-weight: bold; color: #754C24; } h4.midasi4{ margin: 0px 0px 5px 0px; font-size: 15px; line-height: 20px; color: #0A3264; } a.icon_links{ display: inline-block; vertical-align: top; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 15px; background: url(../img/common/icon_links.png) no-repeat 4px 4px; font-size: 12px; line-height: 18px; color: #0A3264; } .icon_no_links{ display: inline-block; vertical-align: top; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 15px; background: url(../img/common/icon_links.png) no-repeat 4px 4px; font-size: 12px; line-height: 18px; color: #0A3264; } a.icon_links:hover{ background: url(../img/common/icon_links_on.png) no-repeat 4px 4px; color: #00AA00; } .float_off{ display: block; clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; } /* ■■■■ cleafix ■■■■ */ /*float clear*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; min-height:1%; /* for IE 7*/ } /* Hides from IE-mac \*/ *html .clearfix { height: 1%; } .clearfix { display:block; } /* ■■■■■■ ヘッダー ■■■■■■ */ .header{ position: relative; height: 148px; margin: 0px auto; padding: 0px 0px 0px 0px; background: url(../img/common/header_bg.png) repeat-x left top #FFF; border-top: 2px solid #000; } .header_in{ position: relative; width: 1000px; height: 148px; margin: 0px auto; padding: 0px; } .header_in.newyear{ background: url(../img/common/season_newyear.png) no-repeat 150px 25px; } .header_in.xmas{ /* background: url(../img/common/season_xmas.png) no-repeat center 25px; */ background: url(../img/common/season_xmas.png) no-repeat 190px 25px; background-size: 385px auto; } h1{ position: absolute; background: url(../img/common/header_logo_on.png) no-repeat left 10px; width: 680px; height: 95px; margin: 0px; top: 0px; left: -10px; font-weight: normal; font-size: 11px; line-height: 16px; padding: 0px; } h1 a{ position: relative; display: block; background: url(../img/common/header_logo.png) no-repeat left 10px; position: relative; height: 85px; margin: 0px; padding: 10px 0px 0px 190px; color: #444; } h1 a:hover{ background: transparent; text-decoration: none; color: #333; } .header_links{ background: url(../img/common/header_links_bg.png) no-repeat left top; position: absolute; height: 30px; margin: 0px; top: 104px; left: 0px; overflow: hidden; } .header_links ul{ width: 1000px; margin: auto; padding: 0px; } .header_links li{ padding: 0px; margin: 0px; list-style: none; float: left; } a#head_1, a#head_2, a#head_3, a#head_4, a#head_5, a#head_6, a#head_7, a#head_8{ height: 30px; display: block; } a#head_1{ background: url(../img/common/header_links_1.png); width: 107px; } a#head_2{ background: url(../img/common/header_links_2.png); width: 138px; } a#head_3{ background: url(../img/common/header_links_3.png); width: 172px; } a#head_4{ background: url(../img/common/header_links_4.png); width: 104px; } a#head_5{ background: url(../img/common/header_links_5.png); width: 133px; } a#head_6{ background: url(../img/common/header_links_6.png); width: 125px; } a#head_7{ background: url(../img/common/header_links_7.png); width: 125px; } a#head_8{ background: url(../img/common/header_links_8.png); width: 96px; text-indent:-9999px; height: 30px; display: block; } /*span#head_8{ background: url(../img/common/header_links_8.png); width: 125px; text-indent:-9999px; height: 30px; display: block; } */ /* ------------------------------------------------------------------------------------ new */ .header_links{ background: url(../img/common/global-menu/new/bg.png) no-repeat left top; } a#head_1 { background: url(../img/common/global-menu/new/m01.png); width: 145px; } a#head_2 { background: url(../img/common/global-menu/new/m02.png); width: 185px; } a#head_3 { background: url(../img/common/global-menu/new/m03.png); width: 145px; } a#head_4 { background: url(../img/common/global-menu/new/m04.png); width: 150px; } a#head_5 { background: url(../img/common/global-menu/new/m05.png); width: 125px; } a#head_6 { background: url(../img/common/global-menu/new/m06.png); width: 125px; } a#head_7 { background: url(../img/common/global-menu/new/m07.png); width: 125px; } a#head_8 { background: url(../img/common/global-menu/m08.png); width: 99px; } a#head_1:hover, a#head_2:hover, a#head_3:hover, a#head_4:hover, a#head_5:hover, a#head_6:hover, a#head_7:hover, a#head_8:hover, a#head_1.on, a#head_2.on, a#head_3.on, a#head_4.on, a#head_5.on, a#head_6.on, a#head_7.on, a#head_8.on{ background: transparent; } .header_links ul li a span{ display: none; } .header_s_links{ position: absolute; display: block; background: url(../img/common/header_s_links_bg.png) no-repeat left top; top: 0px; right: 0px; width: 351px; height: 22px; margin: 0px; padding: 2px 0px 0px 0px; overflow: hidden; text-align: center; } .header_s_links a{ background: url(../img/common/header_s_links.png) no-repeat left 4px; display: inline-block; padding: 0px 10px; margin: 0px; color: #FFF; font-size: 11px; line-height: 13px; vertical-align: top; } .header_s_links a:hover{ background: url(../img/common/header_s_links_on.png) no-repeat left 4px; color: #6AFFA2; text-decoration: none; } .child_links{ position: absolute; z-index: 5000; top: 134px; left: 0px; } .child_links div{ position: absolute; width: 270px; border: 1px solid #0AA0D2; background: #FFF; border-radius: 6px; overflow: hidden; box-shadow: rgba(0,0,0,0.3) 2px 3px 7px; } .child_links div img{ position: absolute; z-index: 6000; top: -9px; left: 55px; } .child_links div p{ margin: 0px 0px -1px 0px; background: url(../img/common/line_pulldown.png) no-repeat center bottom; } .child_links div p a{ display: block; padding: 14px 15px 14px 35px; background: url(../img/common/icon_pulldown.png) no-repeat 15px 13px; font-family: "游明朝", "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MingLiU", "SimSun", "MS P明朝", serif; font-size: 12px; line-height: 1.2em; color: #000; } .child_links div p a:hover{ background: url(../img/common/icon_pulldown.png) no-repeat 15px 13px; text-decoration: none; color: #0AA0D2; } .child_links div#pulldown_1{ top: 9px; left: 0px; } .child_links div#pulldown_2{ top: 9px; left: 125px; } .child_links div#pulldown_3{ top: 9px; left: 250px; } .child_links div#pulldown_4{ top: 9px; left: 375px; } .child_links div#pulldown_5{ top: 9px; left: 500px; } .child_links div#pulldown_6{ top: 9px; left: 625px; } .child_links div#pulldown_7{ top: 9px; left: 750px; } .header p.sayumi{ position: absolute; top: 23px; right: 15px; margin: 0px; width: 312px; text-align: center; font-family: Times, "Times New Roman", serif; font-size: 13px; line-height: 1.4em; color: #AAA; } .header_tel{ position: absolute; top: 35px; right: 15px; background: url(../img/common/header_tel_bg.png) no-repeat left top; margin: 0px; width: 312px; height: 50px; text-align: center; font-size: 11px; line-height: 1.4em; } .header_tel strong{ display: block; font-size: 38px; font-family: "Times","Times New Roman",serif; font-style: italic; font-weight: normal; line-height: 40px; text-align: left; color: #0AA0D2; padding: 0px 0px 0px 55px; } /* ■■■■■■ メインコンテンツ ■■■■■■ */ .main_image{ background: url(../img/common/bg_main_image.png) repeat-x left top; border-top: 1px solid #0AA0D2; border-bottom: 1px solid #0AA0D2; text-align: center; } .main_image img{ vertical-align: top; } .main_image_shadow{ position: relative; background: url(../img/common/main_image_shadow.png) repeat-x left top; height: 10px; overflow: hidden; margin: 0px 0px -10px 0px; } .main{ position: relative; width: 1000px; margin: 0px auto 0px auto; padding: 20px 10px 0px 10px; } .side_menu{ width: 270px; position: relative; float: left; padding: 0px; margin: 0px; } .side_menu img{ vertical-align: top; } .main_contents{ width: 690px; float: right; padding: 0px; margin-bottom: 20px; } .main_box{ margin: 15px 0px 25px 0px; padding: 0px 15px 0px 15px; } /*.main_box.underline{ border-bottom: 1px solid #0AA0D2; padding-bottom: 20px; }*/ .main_box p{ margin: 0px 0px 15px 0px; } .main_words, .main_box p.main_words{ margin: 0px 15px 20px 15px; font-size: 13px; line-height: 1.6em; color: #333; } .notice{ border: 1px solid #CEECF6; background: url(../img/common/info_bg.png) repeat-x left bottom #FFF; border-spacing: 0px; width: 100%; margin: 10px 0px 20px 0px; } .notice tr td{ padding: 10px 10px 10px 70px; background: url(../img/common/info_icon.png) no-repeat 10px center; height: 50px; } .notice.error{ border: 1px solid #EECCCC; background: url(../img/common/info_bg_red.png) repeat-x left bottom #FFF; } .notice.error tr td{ background: url(../img/common/info_icon_red.png) no-repeat 10px center; color: #A00; } .notice tr td b, .attention tr td b{ color: #A00; } .attention{ border-spacing: 0px; width: 100%; margin: 10px 0px 20px 0px; } .attention tr td{ padding: 10px 10px 10px 70px; background: url(../img/common/icon_attention.png) no-repeat left center; height: 50px; } .pagination{ text-align: center; margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 20px; color: #0AA0D2; } .pagination a.next{ float: right; padding: 0px 10px; background: #0AA0D2; color: #FFF; } .pagination a.prev{ float: left; padding: 0px 10px; background: #0AA0D2; color: #FFF; } .pagination a.next:hover, .pagination a.prev:hover{ background: #0AA280; text-decoration: none; } /*ブログ書き換えコード(wpでアンカーclassが設定できないため)*/ .pagination span.next a{ float: right; padding: 0px 10px; background: #0AA0D2; color: #FFF; } .pagination span.prev a{ float: left; padding: 0px 10px; background: #0AA0D2; color: #FFF; } .pagination span.next a:hover, .pagination span.prev a:hover{ background: #0AA280; text-decoration: none; } /* ■■■■■■ 左メニュー ■■■■■■ */ .side_menu_in{ background: url(../img/common/bg_side_menu.png); padding: 10px; } .left_menu{ background: url(../img/common/left_menu_bg.png) no-repeat left top; margin: 0px 0px 10px 0px; } .left_menu a{ display: block; } .left_menu a img{ vertical-align: top; } .left_menu a:hover img{ opacity: 0; filter: Alpha(opacity=0); } .side_blog_box{ border: 1px solid #CCC; margin: 0px 0px 10px 0px; overflow: hidden; background: #FFF; } .side_blog_box img{ vertical-align: top; } .side_blog_box h3{ margin: 0px 10px; padding: 10px 0px 0px 0px; font-size: 12px; line-height: 1.4em; color: #4D4D4D; } .side_blog_box p{ margin: 0px 10px -1px 10px; padding: 0px 0px 11px 0px; background: url(../img/common/dot_line.png) repeat-x left bottom; font-size: 12px; line-height: 1.4em; color: #4D4D4D; } .side_blog_box h3 a, .side_blog_box h3 a:hover, .side_blog_box p a, .side_blog_box p a:hover{ color: #4D4D4D; } .side_menu_links{ position: relative; margin: 0px; padding: 0px; border-top: 1px solid #CCC; } .side_menu_links li{ float: left; width: 250px; margin: 0px; padding: 0px; list-style: none; } .side_menu_links li a{ display: block; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; background: url(../img/common/icon_side_menu.png) no-repeat right center; padding: 8px 25px 8px 10px; font-size: 12px; line-height: 1.2em; color: #4D4D4D; } .side_menu_links li a:hover{ background: url(../img/common/icon_side_menu.png) no-repeat right center #FFF; color: #000; text-decoration: none; } /* ■■■■■■ フッター ■■■■■■ */ .pagetop{ clear: both; position: relative; margin: 0px; height: 21px; } .pagetop p{ margin: 0px auto; width: 1000px; text-align: right; } .footer_banner{ background: url(../img/common/footer_links_bg.png) repeat-x left top #FFF; height: 81px; margin: 0px; } .footer_banner p{ width: 1000px; margin: 0px auto; } .footer_banner p img{ float: left; } .footer_banner p a{ float: left; display: block; background: url(../img/common/footer_links.png) no-repeat left top #FFF; } .footer_banner p a:hover{ background: url(../img/common/footer_links_on.png) no-repeat left top #FFF; } .footer_banner p a:hover img{ opacity: 1; filter: Alpha(opacity=100); } .footer{ padding: 10px 0px 10px 0px; background: url(../img/common/footer_bg.png) repeat-x left bottom #FFF; white-space: nowrap; } .footer_in{ width: 1000px; margin: 0px auto; color: #FFF; position:relative; } .footer_logo{ display: block; width: 245px; height: auto; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; text-align: center; color: #4D4D4D; font-size: 12px; line-height: 16px; } .footer_logo a{ display: block; width: 245px; height: 80px; padding: 0px; margin: 0px; text-indent: -9999px; background-image: url(../img/common/footer_logo.png); background-repeat: no-repeat; background-position: center; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; } .footer_logo a:hover{ filter: Alpha(opacity=70); opacity: 0.7; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; } .footer_logo strong{ font-family: Times,"Times New Roman",serif; display: block; font-weight: normal; font-style: italic; font-size: 32px; line-height: 38px; color: #0AA0D2; } .footer_logo a.no_logo{ display: inline-block; position: relative; background: transparent; width: auto; height: auto; text-indent: 0px; margin-top: 10px; } .footer img{ vertical-align: top; } .footer_in div{ float: left; display: block; padding: 0px 0px 10px 15px; vertical-align: top; } .footer_in div:first-child{ padding: 0px 0px 10px 0px; } .footer_in a.facebook_btn{ position:absolute; bottom:5px; right:10px; } .footer_in a.insta_btn{ position:absolute; bottom:5px; right:44px; } .footer_in .footer_sns{ position:absolute; bottom:5px; right:45px; } .footer_links { display: block; width: 165px; } .footer_links a,.footer_links span{ display: block; vertical-align: top; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 15px; background: url(../img/common/icon_links.png) no-repeat left 3px; font-size: 12px; line-height: 18px; color: #4D4D4D; } .footer_links a:hover{ background: url(../img/common/icon_links_on.png) no-repeat left 3px; color: #0AC062; } .footer_text_links{ clear: both; margin: 20px 0px 0px 0px; text-align: center; padding: 20px 0px 10px 0px; text-align: left; color: #4D4D4D; border-top: 1px solid #CCC; } address{ background: #000; color: #FFF; padding: 3px; margin: 0px; font-style: normal; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 1px; } address a{ color: #FFF; } address a:hover{ color: #FFF; text-decoration: none; } /* 2014/12/12 追加(価格切り替え用) */ .hide{ display: none; } .exchange_button{ margin: 0px 5px 20px 0px; } .exchange_button p{ clear: both; position: relative; float: right; width: 170px !important; padding: 5px 0px 5px 10px !important; margin: 0px 0px 0px 0px; background: #0AA0D2; border-radius: 4px; } .exchange_button p a{ display: inline-block; font-size: 12px; line-height: 15px; width: 70px; padding: 1px 0px 0px 0px; margin: 0px 8px 0px 0px; border: 1px solid #8CD; color: #8CD; text-align: center; border-radius: 3px; } .exchange_button p a:hover, .exchange_button p a.on{ color: #0AA0D2; background: #FFF; text-decoration: none; } .header-simulation{ position: absolute; top: 48px; right: 340px; z-index: 1; } .header-simulation img{ border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.3); } .header-switch-island{ position: absolute; top: 48px; left: 200px; z-index: 1; } /* ■■■■■ ウェディングサイト用ヘッダータブ ■■■■■ */ #wedding_site_tab{ padding: 5px 0 0; } #wedding_site_tab p{ max-width: 1000px; margin: 0 auto; font-size: 0; line-height: 0; text-align: left; } #wedding_site_tab p a{ display: inline-block; box-sizing: border-box; width: 32%; margin: 0 0 0 0.5%; max-width: 150px; text-align: center; padding: 2px 0 3px; border: solid #ccc; border-width: 1px 1px 0; background: #dedede; /* Old browsers */ background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ color: #808080; font-size: 14px; line-height: 1.2em; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #wedding_site_tab p a:first-child{ margin-left: 0; } #wedding_site_tab p a.on, #wedding_site_tab p a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6cc6e4+0,0aa0d2+100 */ background: #0aa0d2; /* Old browsers */ background: -moz-linear-gradient(top, rgba(108,198,228,1) 0%, rgba(10,160,210,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(108,198,228,1) 0%,rgba(10,160,210,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(108,198,228,1) 0%,rgba(10,160,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cc6e4', endColorstr='#0aa0d2',GradientType=0 ); /* IE6-9 */ color: #fff; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }