@charset "utf-8"; /* Latest Update 2014.10.10 write author abe ---------- MENU ---------- X. .sectionContentShare setting ---------- MENU ---------- */ .sectionContentShare{ width:500px; height:330px; padding:0; margin:0; /*overflow:hidden;*/ -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; display:none; z-index:1000; } .sectionContentShare h1{ border-radius: 10px 10px 0 0; margin:0 0 18px 0; padding:0; height:64px; line-height:62px; text-align:center; letter-spacing: 2px; } .sectionContentShare .sectionContentShare_input { margin:10px 0 0 24px; } .sectionContentShare .sectionContentShare_input input { margin:0 5px 0 5px; } .sectionContentShare .sectionContentShare_result { margin:30px 0 0 24px; } .sectionContentShare .sectionContentShare_result .contentShare_iconList { margin:30px 0 0 24px; } .sectionContentShare .closebtn { width: 30px; height: 30px; display: block; margin-left: 465px; margin-top:-78px; position:absolute; } .sectionContentShare p{ width:500px; /*margin:0 50px;*/ } .sectionContentShare p.notice { /*text-align:center;*/ margin-top:20px; } .sectionContentShare p.message{ } .sectionContentShare .sharebtn { width:480px; height:25px; margin:20px auto 0; } .sectionContentShare .sharebtn a.ok { position:relative; /*margin:0 98px 0 0;*/ } .sectionContentShare .sharebtn a.cancel { position:relative; /*margin:-27px 0 0 135px;*/ } .sectionContentShare .sharebtn a { margin:0 15px; width: 100px; height:21px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .sectionContentShare .sharebtn a:hover { } .sectionContentShare .sharebtn a:active { position:relative; top:1px; } .sectionContentShare .sharebtn a:not(:target) { filter: none; -ms-filter: none; } .sectionContentShare .sharebtn a:hover:not(:target) { filter: none; -ms-filter: none; } .sectionContentShare .shareLinkbtn { width:450px; height:60px; margin:20px 10px 0; } .sectionContentShare .shareLinkbtn a.ok { position:relative; /*margin:0 98px 0 0;*/ } .sectionContentShare .shareLinkbtn a { margin:0 5px; display:inline-block; padding:2px 0; float:right; } .sectionContentShare .shareLinkbtn a:hover { } .sectionContentShare .shareLinkbtn a:active { position:relative; top:1px; } .sectionContentShare .shareLinkbtn a:not(:target) { filter: none; -ms-filter: none; } .sectionContentShare .shareLinkbtn a:hover:not(:target) { filter: none; -ms-filter: none; } /* Latest Update 2014.10.10 write author abe ---------- MENU ---------- X. .sectionContentShare setting ---------- MENU ---------- */ .sectionContentShare{ border:1px solid #cccccc; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; background-color:#fff; } .sectionContentShare h1 { font-size:19px; font-weight:bold; color:#333; text-shadow: 1px 1px 2px #999; background-color:#f0f0f0; -webkit-box-shadow: 0px 1px 3px 0px #999; -moz-box-shadow: 0px 1px 3px 0px #999; box-shadow: 0px 1px 3px 0px #999; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; } .sectionContentShare .sectionContentShare_input { font-size:13px; } .sectionContentShare .sectionContentShare_input input { } .sectionContentShare .sectionContentShare_result { font-size:13px; } .sectionContentShare p{ } .sectionContentShare p.notice { font-size:13px; } .sectionContentShare p.message { font-size:13px; /*font-weight:bold;*/ color:#ff0000; } .sectionContentShare .message { font-size:13px; /*font-weight:bold;*/ color:#ff0000; } .sectionContentShare .sharebtn { } .sectionContentShare .sharebtn a.ok { } .sectionContentShare .sharebtn a.disabled { cursor:default; color:#9e9e9e; pointer-events: none; } .sectionContentShare .sharebtn a.disabled:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; } .sectionContentShare .sharebtn a.cancel { } .sectionContentShare .sharebtn a { font-size:14px; font-weight:bold; -moz-box-shadow:inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7; box-shadow:inset 0px 1px 0px 0px #86ACC7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; border:1px solid #0C274D; color:#ffffff; font-family:arial; } .sectionContentShare .sharebtn a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; } .sectionContentShare .sharebtn a:active { } .sectionContentShare .sharebtn a:not(:target) { background-image: url(button_back_off.svg); } .sectionContentShare .sharebtn a:hover:not(:target) { background-image: url(button_back_on.svg); } .sectionContentShare .shareLinkbtn { } .sectionContentShare .shareLinkbtn a.disabled { } .sectionContentShare .shareLinkbtn a.disabled:hover { } .sectionContentShare .shareLinkbtn a { } .sectionContentShare .shareLinkbtn a:hover { } .sectionContentShare .shareLinkbtn a:active { } .sectionContentShare .shareLinkbtn a:not(:target) { } .sectionContentShare .shareLinkbtn a:hover:not(:target) { }