@charset "utf-8";

/* ------------------------------------------------------

　気持ちを添えよう！職場のバレンタインメッセージカード

------------------------------------------------------ */

.valentine_project_body{
    font-size: 14px;
    line-height: 1.6em;
    margin-top: 25px;
}
/*ヘッダー*/
.valentine_project_lead{
    color: #ffffff;
    background: #df4a7f;
    padding-bottom: 30px;
}
.valentine_project_lead p{
    margin-left: 30px;
}
.valentine_project_content{
    background: url(/resource/club_com/campaign/valentine_project/images/dotted_bg.gif) repeat;
    width: 737px;
    margin: 0 auto;
    overflow: visible;
}

/*バレンタインメッセージカード一覧*/
.valentine_project_messagecard_wrapper{
    background: url(/resource/club_com/campaign/valentine_project/images/messagecard_bg.png) no-repeat;
    background-position: bottom;
    width: 709px;
    height: 1190px;
    margin: 0 auto;
    padding-top: 20px;
}
.valentine_project_messagecard_title_02{
    margin-left: 7px;
}
.valentine_project_messagecard_title_03{
    margin: 12px auto 0;
    width: 648px;
    height: 33px;
}
.valentine_project_messagecard_box{
    background: url(/resource/club_com/campaign/valentine_project/images/dotted_line_long.gif) no-repeat;
    background-position: bottom;
    width: 648px;
    margin: 10px auto 0;
    padding-bottom: 5px;
}
.valentine_project_messagecard_box li{    
    display: block;
    float: left;
}
.valentine_project_messagecard_element{
    width: 314px;
    margin-left: 10px;
    position: relative;
}
.valentine_project_icon_message{
    position: absolute;
    margin-top: 0;
}
.valentine_project_image_card{
    margin-left: 62px;
}
.valentine_project_btn_pdf{
    display: block;
    width: 379px;
    height: 49px;
    margin: 20px auto 0;
}
.valentine_project_btn_pdf:hover{
    opacity: .7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

/*例えばこんな使い方*/
.valentine_project_title_example{
    margin-left: -11px;
}
.valentine_project_example{
    color: #ffffff;
    background: #df4a7f;
    width: 761px;
    margin-left: -11px;
}
.valentine_project_example ul{
    width: 704px;
    margin: 0 auto;
    padding: 20px 0 10px 0;
}
.valentine_project_example li{
    display: block;
    float: left;
    width: 218px;
    margin-left: 25px;
}
.valentine_project_example p{
    text-align: center;
}
.valentine_project_example li:first-child{
    margin-left: 0;
}
.valentine_project_example p{
    line-height: 1.3em;
    width: 198px;
    padding: 5px 10px;
    word-wrap: break-word;
}
.valentine_projec_sns{
	width:704px;
	margin:0 auto;
	vertical-align:middle;
	margin-bottom:20px;
	padding-bottom:10px;
}
.valentine_projec_sns img{
	vertical-align:middle;
}

/*他にもこんなメッセージいただきました*/
.valentine_project_other_message{
    background: url(/resource/club_com/campaign/valentine_project/images/other_message_bg.png) no-repeat;
    width: 737px;
    height: 835px;
    margin-top: 50px;
    position: relative;
}
.valentine_project_balloon {
    width: 218px;
    height: 122px;
    position: absolute;
    top: -36px;
    left: 88px;
}
.valentine_project_other_message ul{
    display: block;
    float: left;
    width: 309px;
}
.valentine_project_other_message_left{
    margin: 102px 0 0 56px;
}
.valentine_project_other_message_right{
    margin: 46px 0 0 20px;
}
.valentine_project_other_message li{
    line-height: 1.2em;
    background: url(/resource/club_com/campaign/valentine_project/images/dotted_line_long.gif) no-repeat bottom;
    padding: 12px 0 10px 0;
    width: 309px;
}
.valentine_project_other_message span{
    display: block;
    padding-left: 18px;
}
.valentine_project_other_message_headding{
    color: #7f472f;
    background: url(/resource/club_com/campaign/valentine_project/images/icon_heart.gif) no-repeat;
    background-position: 0px 4px;
}
.valentine_project_other_message_comment{
    font-size: 12px;
    color: #df4a7f;
}

/*スタッフからのメッセージ*/
.valentine_project_staff_message{
    background: url(/resource/club_com/campaign/valentine_project/images/bg_staff_message.png) no-repeat;
    width: 761px;
    height: 91px;
    margin-left: -13px
}
.valentine_project_staff_message p{
    color: #ffffff;
    padding: 30px 0 0 35px;
}

/*印刷の仕方*/
.valentine_project_print{
    background: url(/resource/club_com/campaign/valentine_project/images/bg_print.png) no-repeat;
    width: 709px;
    height: 309px;
    margin: 20px auto 0;
}
.valentine_project_print h2{
    text-align: center;
    padding-top: 3px;
}
.valentine_project_print table{
    border: none;
    width: 648px;
    margin: 0 auto;
}
.valentine_project_print th{
    color: #ffffff;
    text-align: center;
    background: #7f472f;
}
.valentine_project_print td{
    font-size: 12px;
    line-height: 1.2em;
    color: #7f472f;
    background: #f2ecea;
    padding: 10px;
}
.valentine_project_adobe{
    font-size: 12px;
    color: #7f472f;
    border: solid 1px #7f472f; 
    width: 499px;
    padding: 10px 20px;
    margin: 10px auto;
}
.valentine_project_btn_adobe{
    display: block;
    width: 160px;
    height: 41px;
    float:left; 
    margin-right: 10px;
}

/*コンテンツ下部装飾*/
.valentine_project_messagecard_wrapper_end{
    background: url(/resource/club_com/campaign/valentine_project/images/messagecard_wrapper_end.png) no-repeat;
    width: 737px;
    height: 27PX;
    margin-top: 5px;
}

/* クリックカウント「スキ！」ボタン */
#campaign_valentine_project .clickCountBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width:54px;
    height:15px;
    font-size:1px;
    cursor:pointer;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAeCAYAAABnuu2GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OTRkOTQ4NC1hMTc4LWY4NGItYjFmZC1kYjMxMjI3NzYzMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTJDNEQ0QjRCMDg2MTFFNkFDRjNCRjIwMDQxMkEwNkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTJDNEQ0QjNCMDg2MTFFNkFDRjNCRjIwMDQxMkEwNkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2YWExNzk5LTBjMjEtNDM0MC1hZWI2LTI0OThkMzgzZjZlMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OTRkOTQ4NC1hMTc4LWY4NGItYjFmZC1kYjMxMjI3NzYzMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62gAuBAAADnklEQVR42tSYS2hTQRSGk9KXqIsUUYoGoT4QBBUiSkG60AREBHFRERfqoqQgRdBSW9yoBR9RrOALUhBa0YWthbpxY0BbKoKYhQpaio1KfWxsL6IVrZb6H/kvjpeZe9NUcDzwcXPnziTnnzlz7pyE+/r6QrBF4DDYBmaDJ+Ai6Ar9th2gAawC4+AWOFFTU/MmZKEVgUowQFE94AIYBTdAE/s18X6Uz3vYf6C/v7/SRmHF4CQoAfuBLN9XsBC8BK3gFa/nQBq8BeXse57j9xbqQDQa9TbFQS3Igvag8SMjI0ZhW8B1cBeMsf0F6ATzwWWuUCfbJ8FncA90g50Gh6vooMmhlOFRDCRBC+8jvDpKH/e7HZN4ETYHvKOzronzg+A4Bck+yrHdtU8cN9fgoPz4KZ+VykFct+J8nGOq2NasjBeRKc13Z/yETYBZymfXvoHnFDhlGCsh+d3gu4RSQrMa4pAqyrUuz32Ejuf4XdPeY8/AUlABvmj6TBnGRjhzg4ZQc+iYukrNygqo5rAty8+P2J5QVjGZz55ThfUw1csMfmDyCLIysJr7sy3PJFHLcMtoVitOQTElFHWTmiXuhGX8hLVztnaBYTAEfgS8IqLcvKX5zCJExZhRf4nAfRLi2j1hGDGEc5bh6PAa0iQTrZOSBPYwu21nqi/26b8AbGWKr8MLeixAVLMSWvV0KI32tNKthUjoLVFCtZtjUpxAVUzCb1JdAbfBQTlJMBn08v2lJpMSihZRR8BRcNNHUJKr6oZZAquURbuswB3ZM3yH1WscdDypPmRIQlnNfv1DWIgv4DA4C5aDqxw4zmPWGq5qA4W1+ohy03ec+6AeonJMKiIuQXGmbJdTBJgSV9wvUsI8K6omzneAxxT5FKwEB8B6zvAVtzNC0U9cDEIypueSOTUnD9fxNIWnCjl56ISJrQCXwDrwkFcRuo8H5FCQMBsOwTqTd9MmhlsF994GryibLTxUUjWjskWOW8smhq0UJmXHA7BY8/wQOMOy5bTm+WtQDWHvbRTWwfeYzuQUspsZstzQpxPCrC1bTCZirvGEYbLNNpctflYa8Nz6sqVQs7psqZ6BMKvLlpkI67W9bJlXgKiP/0PZUojVKX8AWV22tE1DlNVlS5GnbGnMU5SULcemUbasFVFu2cLZdv5C2RILOivqypYyTf9Jb9kipjsr/vOyRSNMLVs2Km33dWWLSZgtp3uTNfFPni7+la01G4X9FGAAGtmKPUh2gD0AAAAASUVORK5CYII=) no-repeat;
}
#campaign_valentine_project .clickCountBtnOff {
    background-position:left bottom;
    cursor:default;
}