/* CSS Document */
@import url("reset.css");

body{ background-color:#000;}
.postcardmailview{ width:900px; height:600px; margin:0 auto; margin-top:20px;}
.postcardmailviewl{ float:right; width:450px; height:600px;}
.postcardmailviewr{ float:left; width:400px; height:290px; padding-left:50px; padding-top:210px;}
.postcardmailviewf{ width:900px; margin:0 auto; margin-top:20px;}

.postcardmailviewr h1{}
.postcardmailviewr h1 a{ display:block; background-image:url(../images/tit-postcardmailview.jpg);width:200px; height:60px; text-indent:-9999px; margin:0 auto; margin-top:10px; margin-bottom:15px;}

.postcardmailviewf h2{ color:#CCCCCC; font-size:12px; font-family:Arial; font-weight:normal; letter-spacing:1px; line-height:24px; text-align:center; margin-top:10px; margin-bottom:10px;}
.postcardmailviewf h2 a{ color:#CCCCCC; font-size:12px; font-family:Arial; font-weight:normal; letter-spacing:1px; line-height:24px; text-align:center; margin-top:10px; margin-bottom:10px; text-decoration:none;}
.postcardmailviewf h2 a:hover{ color:#f3a702; text-decoration:underline;}


.postcardmailviewr h3{ color:#fff; font-size:12px; font-family:Arial; font-weight:normal; letter-spacing:2px; line-height:24px; text-align:center; margin-top:20px;margin-bottom:20px;}
.postcardmailviewr h3 a{ color:#fff; font-size:12px; font-family:Arial; font-weight:normal; letter-spacing:2px; line-height:24px; text-align:center; margin-top:20px;margin-bottom:20px; text-decoration:none;}
.postcardmailviewr h3 a:hover{ color:#f3a702; text-decoration:underline;}


.postcardmailviewl img.postcardmailpic{ }
.postcardmailviewl p{ display:block; background-image:url(../images/bg-postcard.jpg); width:410px; height:200px; padding:100px 20px 0 20px; font-size:12px; font-family:Arial; font-weight:normal; color:#666633; line-height:24px;margin-bottom:20px;}

.box_main_share{ height:20px; width:204px; display:block; margin:0 auto;}
.box_main_share p.plurk a{ float:left; display:block; width:54px; height:16px; background-image:url(../images/but-share-bk.gif); background-repeat:no-repeat; background-position:top left; text-indent:-9999px; margin-left:0px;}
.box_main_share p.plurk a:hover{ background-position:bottom left;}

.box_main_share p.twitter a{ float:left; display:block; width:54px; height:16px; background-image:url(../images/but-share-bk.gif); background-repeat:no-repeat; background-position:-57px top; text-indent:-9999px; margin-left:10px;}
.box_main_share p.twitter a:hover{ background-position:-57px bottom;}
.box_main_share p.facebook a{ float:left; display:block; width:72px; height:16px; background-image:url(../images/but-share-bk.gif); background-repeat:no-repeat; background-position:-122px top; text-indent:-9999px; margin-left:14px;}
.box_main_share p.facebook a:hover{ background-position:-122px bottom;}