@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) {
}