/*   
Theme Name:Piano Black
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo3/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:2.3
Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/
/*  ------ Wp-touchに追加するべき要素覚え書き 
デフォルトのstyle-min に追加-------------------
blockquote {
	text-align: left;
	padding: 1px 10px 1px 15px;
	font-size: 90%;
	border-left: 2px solid #ccc;
	margin: 5px 15px;
}

.pictm {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.pict {
	margin-right: 5px;
}

.storebadge {
	padding: 1px 3px;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	-moz-box-shadow:3px 3px 5px #191919;
	-webkit-box-shadow:3px 3px 5px #191919;
	box-shadow:3px 3px 5px #191919;
	margin-right: 5px;
	margin-top: 0;
	margin-left: 5px;
	border: 1px solid #333;
	font-size: 10px;
	color: #616262;
}

 */
/*  ------ basic ------------------- */

.barth {
	position: relative;
	left: 17px;
	margin-top: 25px;
	top: 5px;
}

body {
	margin:0;
	padding:0;
	background:url(img/back1.gif);
    color: #c5cacd;
    text-align:center;
	font: normal 12px "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ;
}

a img {
	border:none;
}

a, a:visited {
	color:#7f8e91;
	text-decoration:none;
	outline:none;
}
a:hover { color:#81c8d5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height: 160%;
	font-weight: normal;
	font-style: normal;
}

ul {
	margin:0 0 1em 0;
	padding:0;
	line-height:0%;
}

ul li {
	margin:0;
	padding:0;
	line-height:normal;
	list-style-type: none;
	list-style-position: inside;
}

.subsc {
	font-size: 10px;
	color: #666;
	position: relative;
	bottom: 40px;
	margin-left: 55px;
}

.akpc_report li {
	list-style-type: none;
	list-style-image: url(http://hello-mac.com/media/dot.png);
	list-style-position: outside;
}

ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote {
	margin: 30px 0 2em;
	padding: 15px 20px 5px;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	-moz-box-shadow:3px 3px 5px #191919;
	-webkit-box-shadow:3px 3px 5px #191919;
	box-shadow:3px 3px 5px #191919;
}
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }


.ratingblock {
	margin-left: 290px;
}

.thumblock {
	margin-left: 290px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #b6b7b7;
}

.side_ad {
	position: relative;
	right: 15px;
}

.cont_area {
}

.table2 {
	color: #fff;
}

.tb_back {
	background-color: #222;
}

.gdmultitable2 {
	color: gray;
	background-color: #222;
}

.ratingmulti {
	background-color: #b4b6b6;
	margin-top: 20px;
}

.wp_social_bookmarking_light {
	float: right;
	position: relative;
	left: 30px;
	top: -55px;
}

.translate_block {
	position: relative;
	bottom: -20px;
}

.info_p {
	position: relative;
	left: 170px;
	top: 20px;
}

.info_p2 {
	position: relative;
	left: 140px;
}

.valueads {
	position: relative;
	right: 2px;
}

/*  ------ layout ------------------------ */

#wrapper { background:url(img/back2.png) no-repeat center top; }
#contents { width:959px; margin:0 auto; text-align:left; }
#header { background:url(img/top.png) no-repeat bottom; height: 160px;padding-top: 50px;}
#middle-contents { background:url(img/side.png) repeat-y; padding-bottom:50px; }
#left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; }
#right-col { float:right; display:inline; width:330px; margin:70px 5px 0 0; }
#footer { background:url(img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }


/*  ------ header ---------------------- */

/* Change the number of margin if you are using original logo image */
#logo_image { margin: 43px 0 0 50px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

/* blog title */
#logo { float:left; display:inline; margin: 30px 0 0 40px; }
#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }

#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

#header_meta { float:right; display:inline; margin:0 40px 0 0; }

#rss-feed { font-size:11px; float:left; margin:62px 0 0 20px; display:inline; color:#777; background:url(img/rss.gif) no-repeat left top; height:25px; padding:18px 0 0 55px; }
#rss-feed:hover { background:url(img/rss.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#twitter { font-size:11px; float:left; margin:62px 0 0 20px; display:inline; color:#777; background:url(img/twitter.gif) no-repeat left top; height:25px; padding:18px 0 0 55px; }
#twitter:hover { background:url(img/twitter.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#facebook { font-size:11px; float:left; margin:62px 0 0 20px; display:inline; color:#777; background:url(img/facebook.gif) no-repeat left top; height:25px; padding:18px 0 0 55px; }
#facebook:hover { background:url(img/facebook.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#search-area { float:left; display:inline; width:183px; height:29px; margin:70px 25px 0 0; background:url(img/search-area.gif) no-repeat; position:relative; }
#search-input { position:absolute; top:7px; left:21px; border:0px; height:17px; display:inline; width:125px; font-size:100%; color:#7e7e7e; background:transparent; }
#search-button { position:absolute; right:0px; top:0px; }

/*  ------ left-col ------------- */

.post {
	width: 535px;
	margin: 40px 40px 5px 35px;
}
#title_h2 {
	background: url(img/h2.png) no-repeat; width: 585px;
	height: 35px;
	margin: 0;
	position: relative;
	right: 35px;
	padding-top: 9px;
}
.post h2 {
	padding:0; line-height:100%;
	margin: 0 0 4px 20px;
}
.post h2 a, .post h2 a:visited, #single h2 {
	color:#fff;
	font-size:16px;
	line-height:120%;
	font-weight:normal;
}
.post h2 a:hover {
	text-decoration:none;
	color:#83bac4;
}
.post-info {
	float: right;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding-left: 15px;
	padding-top: 2px;
	position: relative;
	top: -40px;
}
.post-info li {
	display:inline;
	font-size:10px;
	color:#797f80;
	margin: 0 10px 0 0;
}

.post-info li a{
	text-decoration: none;
}

.share-info {
	margin:0;
	float: right;
	position: relative;
	left: 150px;
}
.sahre-info li {
	display:inline;
	font-size:11px;
	color:#797f80;
	margin: 0 10px 0 0;
}

.sahre-info li a{
	text-decoration: none;
}

.sahre-info a, .post-info a:visited {
	color:#777;
}
.sahre-info a:hover {
	color:#83bac4;
}

.share-info1 {
	margin:0;
	position: relative;
	left: 240px;
}

.share-info1 li {
	float: right;
}

.share-info2 {
	margin:0;
	position: relative;
	left: 180px;
	top: 5px;
}

.share-info2 li {
	float: right;
}

.share-info3 {
	margin:0;
	position: relative;
	left: 230px;
	top: 7px;
}

.share-info3 li {
	float: right;
}

.twitter-share-button {
	position: relative;
	bottom: 3px;
}

.facebook-share {
	position: relative;
	left: 20px;
	top: 4px;
}

.write-comment {
	background:url(img/arrow1.gif) no-repeat left center;
	padding:0 0 0 11px;
}
.post-info a, .post-info a:visited {
	color:#777;
}
.post-info a:hover {
	color:#83bac4;
}

.post-content {
	clear:both;
	padding: 10px 0;
	line-height:160%;
}
.post-content p {
	margin:0 0 1em 0;
	line-height:160%;
}
.post-content a,.post-content a:visited {
	text-decoration:underline;
}
.post-content a.more-link, .post-content a.more-link:visited {
	visibility:hidden
}
.post-content a.more-link:hover {
	visibility: hidden
}
.post img.centered,div.centered {
	display:block;
	margin:0 auto;
}
.post img.aligncenter,div.aligncenter {
	display:block;
	margin:0 auto;
}
.post img.alignright, div.alignright {
	margin:4px 0 10px 10px;
	display:inline;
}
.post img.alignleft, div.alignleft {
	margin:4px 10px 10px 0;
	display:inline;
}

.post table {
	margin:0 0 1em 0;
}
.post td, .post th {
	border:1px solid #333;
	padding:15px;
}
.post th {
	background-color:#000;
	font-weight:normal;
}
.post-content ul li {
	margin:0 0 0 0;
	line-height:160%;
	background:url(img/bullet1.gif) no-repeat left 9px;
	padding:0 0 0 12px;
}
.post-content input { margin:5px 0; }

.post-meta {padding: 0; width:620px; clear:both;
	margin: 0;
}
.post-meta ul {padding:0 10px 10px 30px; line-height:0%; }
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-category { float:left; width:500px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:80px; background:url(img/category-icon.gif) no-repeat left top;
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 22px;
}

#previous_next_post { padding:15px 0 0 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; background:url(img/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:8px 40px 10px 0; background:url(img/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }

p.post-edit { margin:0; }

/*  ------ right-col ------------- */
#information-title { background:url(img/info-box-top.gif) no-repeat left top; padding:25px 20px 5px 20px; width:232px;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 0;
}
.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(img/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; width:232px;
	margin: 0 0 30px 30px;
}

.side-title {
	margin:0 0 20px 0;
	text-transform:uppercase;
	color:#999;
	font: normal 14px/100% "Helvetica, Arial, Verdana";
	text-shadow: #000000 1px 1px 0px;
	border-bottom: 1px dotted #494a4a;
	padding-bottom: 3px;
}
.side-box { color:#aaa; margin: 0 0 30px 32px; font-size:11px; width:270px; }
#right-col ul { }
#right-col li { margin:0 0 1em 0; line-height:140%; }
#right-col li li { padding:0 0 0 10px; margin:3px 0; background:url(img/bullet1.gif) no-repeat 1px 7px; }

#side-left { float:left; width:135px; padding:0; display:inline; margin:0 0 0 30px; }
#side-right { float:right; width:135px; padding:0; display:inline; margin:0 26px 0 0; }

.side-box-short { margin:0 0 50px 0; width:130px; font-size:11px; color:#aaa; }

#side-bottom { clear:both; }

/* this is just for default mode */
#side-left-ex { float:left; width:135px; padding:0; display:inline; margin:0 0 0 30px; }
#side-right-ex { float:right; width:135px; padding:0; display:inline; margin:0 26px 0 0; }
#side-bottom-ex { clear:both; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; }
#wp-calendar th, #wp-calendar td {  padding:0; width:14%; line-height:220%; text-align:center; color:#868a8d; }
#wp-calendar th { color:#777; }
#wp-calendar td a, #wp-calendar td a:visited { color:#868a8d; display:block; text-decoration:none; background:url(img/calendar2.gif) no-repeat center; }
#wp-calendar td a:hover { color:#ccc; background:url(img/calendar1.gif) no-repeat center; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited,
 #side_middle #wp-calendar #prev a, #side_middle #wp-calendar #prev a:visited, #side_middle #wp-calendar #next a, #side_middle #wp-calendar #next a:visited
  { text-decoration:none; background:none; color:#7d7d7d; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover,
 #side_middle #wp-calendar #prev a:hover, #side_middle #wp-calendar #next a:hover
 { text-decoration:underline; color:#81c8d5; }
#wp-calendar td#today { color:#ccc; background:url(img/calendar1.gif) no-repeat  center; }

#side_middle #wp-calendar td#today { background:url(img/calendar4.gif) no-repeat  center; }
#side_middle #wp-calendar td a, #side_middle #wp-calendar td a:visited { background:url(img/calendar5.gif) no-repeat  center; }
#side_middle #wp-calendar td a:hover { background:url(img/calendar6.gif) no-repeat  center; }

#copyrights { color:#777; border-left:3px solid #444; padding:1px 0 0 8px; clear:both; }
#copyrights li { margin:0; padding:0; line-height:160%; }
#copyrights a, #copyrights a:visited { color:#777; }
#copyrights a:hover { color:#849ca0; }
#copyrights #wp a { text-decoration:underline; }

#return_top a {
	position:absolute;
	position:fixed;
	right:0;
	bottom: 50px;
    display:block;
    height:138px;
    width:38px;
    background:url(img/return-top.png) no-repeat left top;
}
#return_top a:hover { background:url(img/return-top.png) no-repeat right top; text-decoration:none; }

/*  ------ archive ------------- */
.archive, .search-page { margin:25px 0 25px 30px; border-left:3px solid #555; padding-left:10px;  }
.archive h2, .search-page h2 { font-size:14px; color:#fff; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }
.archive p, .search-page p { font-size:12px; }
.read-more { padding:0 0 0 0; }

/* ------ page navi -------------- */
.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:20px 0 0 0; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }

.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }

#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }

/*  ------ header for category/archive/search/...etc  ------------- */

.common-navi-wrapper { background:url(img/archive-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; margin:70px 0 0; }
.common-navi-wrapper p { background:url(img/archive-bottom.gif) no-repeat right bottom; padding:0 10px 10px 32px; margin:0; line-height:140%; }

#archve-title { margin:0 0 0 13px; }
#search-hit { }

/*  ------ page widthout side ------------------------ */
#no-side { background:url(img/side-noside.png) repeat-y; padding:60px 0; }
#no-side .post { margin:0 40px 20px 40px; }
#footer-noside { background:url(img/bottom-noside.png) no-repeat top; height:114px; margin-bottom:50px; }


/*  ------ header-menu ------------------------ */

.header-menu-wrapper { }
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
.menu li.first_menu { border:none; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
.menu #header-menu-home { border:none; }
.menu a, .menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
.menu ul a, .menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
.menu ul ul { margin: -34px 0 0 189px; top:34px; }

.menu .current_page_item a, .menu .current_page_item a:visited,
 .menu .current-cat a, .menu .current-cat a:visited,
  .menu .current-menu-item a, .menu .current-menu-item a:visited
{ color:#869497; border-bottom:2px solid #627376; }

.menu .current_page_item a:hover,
 .menu .current-cat a:hover,
  .menu .current-menu-item a:hover
{ color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover,
 .menu .current-cat ul a, .menu .current-cat ul a:visited, .menu .current-cat ul a:hover,
  .menu .current-menu-item ul a, .menu .current-menu-item ul a:visited, .menu .current-menu-item ul a:hover
{ border-bottom:1px solid #373737; }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#000 url(img/arrow1.gif) no-repeat 170px 15px; }
.menu ul .parent_menu > a:hover { background:#222 url(img/arrow1.gif) no-repeat 170px 15px; }

.pict {
	margin-right: 20px;
	margin-bottom: 10px;
	position: relative;
	bottom: 5px;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid #333;
	-moz-box-shadow:3px 3px 5px #191919;
	-webkit-box-shadow:3px 3px 5px #191919;
	box-shadow:3px 3px 5px #191919;
}

.pictm {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.pict {
	margin-right: 15px;
}

.star {
	visibility: hidden;
}

#ads_area {
	border: 1px solid #333;
	background-color: rgba(0, 0, 0, 0.2);
	width: 500px;
	height: auto;
	padding: 14px;
	position: relative;
	left: 10px;
	margin: 0 auto 30px;
}

.ad_amazon {
	position: relative;
	right: 2px;
}

.T_link {
	position: relative;
	top: 3px;
	left: 10px;
}

#g_ad {
	position: relative;
	right: 2px;
}

#ever_clip {
	float: right;
}

.everclip {
	position: relative;
	top: 5px;
}

.tweetclip {
	position: relative;
	top: 7px;
	left: 20px;
}

/* @group New!テキストアニメーション */

p.animetionNew{
  line-height: 1;
  margin: 0 25px 25px 0;
  text-shadow: 0 1px 0 #3f3f3f;
  float: left;
}

/* arrange01 */
p.animetionNew.arrange01,
p.animetionNew.arrange01 span{
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

p.animetionNew.arrange01 span{
  display: inline-block;
  -webkit-transform-origin: middle center;
  -webkit-transform: scale(1);
  -webkit-animation-name: letterAnimation1;
  background: #54bb00;
  color: #fff;
  font-weight: bold;
  padding: 4px;
}

p.animetionNew.arrange01 span.letter02{
  -webkit-animation-delay: 0.2s;
}

p.animetionNew.arrange01 span.letter03{
  -webkit-animation-delay: 0.4s;
}

p.animetionNew.arrange01 span.letter04{
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes letterAnimation1 {
  0%{
    -webkit-transform: scale(1);  
    }
  70% {
    -webkit-transform: scale(1);  
  
  }
  85% {
    -webkit-transform: scale(1.5);  
  
  }
  100% {
    -webkit-transform: scale(1);    
  }
}

/* arrange02 */
p.animetionNew.arrange02,
p.animetionNew.arrange02 span{
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
}

p.animetionNew.arrange02 span{
  display: inline-block;
  -webkit-transform-origin: middle center;
  -webkit-transform: scale(1);
  -webkit-animation-name: letterAnimation2;
  background: #54bb00;
  color: #fff;
  font-weight: bold;
  padding: 4px;
  position: relative;
  bottom: 0;
}

p.animetionNew.arrange02 span.letter02{
  -webkit-animation-delay: 0.2s;
}

p.animetionNew.arrange02 span.letter03{
  -webkit-animation-delay: 0.4s;
}

p.animetionNew.arrange02 span.letter04{
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes letterAnimation2 {
  0%{
      bottom: 0;
    }
  70% {
      bottom: 0;
  
  }
  85% {
      bottom: 7px;
  
  }
  100% {
      bottom: 0;
  }
}

/* arrange03 */
p.animetionNew.arrange03,
p.animetionNew.arrange03 span{
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
}

p.animetionNew.arrange03 span{
  display: inline-block;
  -webkit-transform-origin: middle center;
  -webkit-transform: scale(1);
  -webkit-animation-name: letterAnimation3;
  background: #54bb00;
  color: #fff;
  font-weight: bold;
  padding: 4px;
  position: relative;
  bottom: 0;
}

p.animetionNew.arrange03 span.letter02{
  -webkit-animation-delay: 0.2s;
}

p.animetionNew.arrange03 span.letter03{
  -webkit-animation-delay: 0.4s;
}

p.animetionNew.arrange03 span.letter04{
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes letterAnimation3 {
  0%{
    -webkit-transform: rotateX(0);
    }
  42%{
    -webkit-transform: rotateX(0);
    }
  50%{
    -webkit-transform: rotateX(180deg);
    }
  57%{
    -webkit-transform: rotateX(0);
    }
  100% {
    -webkit-transform: rotateX(0);
  }
}


/* animationNew02
------------------------------------------------- */
p.animetionNew02{
  text-align: center;
  display: inline-block;
  padding: .35em 1em;
  text-align: center;
  background: #54bb00;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 0 #3f3f3f;
  float: left;
  margin: 0 25px 25px 0;
  letter-spacing: 2px;
  border-radius: 2px;
  line-height: 1;
}

/* arrange04 */
p.animetionNew02.arrange04 span{
  display: block;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: middle center;
  -webkit-transform: scale(1);
  -webkit-animation-name: animation04;
}

@-webkit-keyframes animation04 {
  0%{
    -webkit-transform: scale(1);  
    }
  70% {
    -webkit-transform: scale(1);  
  
  }
  85% {
    -webkit-transform: scale(1.4);  
  
  }
  100% {
    -webkit-transform: scale(1);    
  }
}

/* arrange05 */
p.animetionNew02.arrange05{
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: middle center;
  -webkit-animation-name: animation05;
  background: #54bb00;
}

@-webkit-keyframes animation05 {
  0%{
      background: #54bb00;
    }
  30%{
      background: #54bb00;
    }
  50% {
      background: #98f139;
      -webkit-box-shadow: 0 0 7px #98f139;  
  }
  70%{
      background: #54bb00;
    }
  100% {
      background: #54bb00;
  }
}

/* arrange06 */
p.animetionNew02.arrange06{
  position: relative;
  bottom: 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: middle center;
  -webkit-animation-name: animation06;
  -webkit-transform: rotate(0deg);
}

@-webkit-keyframes animation06 {
  0%{
    -webkit-transform: rotate(0deg);
    bottom: 0;
    }
  50% {
    -webkit-transform: rotate(0deg);
    bottom: 0;
  }
  60% {
    -webkit-transform: rotate(5deg);
    bottom: 5px;  
  }
  70% {
    -webkit-transform: rotate(-5deg);
  }
  80% {
    -webkit-transform: rotate(4deg);
  }
  90% {
    -webkit-transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

/* arrange07 */
p.animetionNew02.arrange07{
  overflow: hidden;
}

p.animetionNew02.arrange07 span{
  -webkit-animation-duration: 6s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: middle center;
  -webkit-animation-name: animation07;
  position: relative;
  left: 0;
}

@-webkit-keyframes animation07 {
  0%{
    left: 3em;
    }
  100% {
    left: -3em;
  }
}

/* arrange08 */
p.animetionNew02.arrange08{
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: bottom center;
  -webkit-animation-name: animation08;
}

@-webkit-keyframes animation08 {
  0%{
    -webkit-transform: scale(1, 1);
    }
  48%{
    -webkit-transform: scale(1, 1);
    }
  50%{
    -webkit-transform: scale(1.1, 0.9);
    }
  53%{
    -webkit-transform: scale(0.9, 1.1) translate(0, -5px);
    }
  57.5%{
    -webkit-transform: scale(1, 1) translate(0, -3px);
    }
  59%{
    -webkit-transform: scale(1, 1) translate(0, 0px);
    }
  100% {
    -webkit-transform: scale(1, 1);
  }
}

/* arrange09 */
p.animetionNew02.arrange09{
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: animation09;
}

@-webkit-keyframes animation09 {
  0%{
    -webkit-transform: rotateX(0);
    }
  42%{
    -webkit-transform: rotateX(0);
    }
  50%{
    -webkit-transform: rotateX(180deg);
    }
  57%{
    -webkit-transform: rotateX(0);
    }
  100% {
    -webkit-transform: rotateX(0);
  }
}

/* arrange10 */
p.animetionNew02.arrange10{
  -webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
  -webkit-animation-duration: 2.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform: rotateX(0);
  -webkit-animation-name: animation10;
  position: relative;
  top: 0;
}

@-webkit-keyframes animation10 {
  0%{
    -webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
    top: 0;
    }
  50%{
    -webkit-box-shadow: 0 1.3em 1.2em rgba(0,0,0,0.15);
    top: -5px;
    }
  100% {
    -webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
    top: 0;
  }
}

/* @end */



.topsy_widget_data {
	position: relative;
	left: 33px;
	bottom: 20px;
}

.addtoany_share_save_container {
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	-moz-box-shadow:3px 3px 5px #191919;
	-webkit-box-shadow:3px 3px 5px #191919;
	box-shadow:3px 3px 5px #191919;
	border: 1px solid #333;
}

.storebadge {
	padding: 1px 3px;
	background:rgba(0, 0, 0, 0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	-moz-box-shadow:3px 3px 5px #191919;
	-webkit-box-shadow:3px 3px 5px #191919;
	box-shadow:3px 3px 5px #191919;
	margin-right: 5px;
	margin-top: 0;
	margin-left: 5px;
	border: 1px solid #333;
	font-size: 10px;
	color: #616262;
}



a.readmore, .post-content a.readmore:visited {
	display:block;
	clear:both;
	margin:15px 0 5px 0;
	height:23px;
	width: 150px;
	padding:6px 0 0 35px;
	background:url(img/arrow3.png) no-repeat left top;
	text-decoration:none;
	position: relative;
	left: 20px;
	bottom: 100px;
}
a.readmore:hover {
	background:url(img/arrow3.png) no-repeat left bottom;
	text-decoration:none;
}

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */