input:focus:placeholder-shown {color: transparent;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus::-ms-input-placeholder {color: transparent;}

html,body,div,h1,h2,p,img,ol,ul,li,table,tr,th,td,form {
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
/*	font-family:"Lucida Grande", "Lucida Sans Unicode", "Helvetica", "Arial", "Verdana", "sans-serif";
*/	font-size: 13px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	width: 800px;
	background-color: #EDEDED;
	margin: 0px auto;
	background-image: url(./bg_body_pc.gif);
	background-position: center;
	background-repeat: repeat-y;
}
h1 {
	display: none;
}
table {
	border-collapse: collapse;
	border-width: 0;
	empty-cells: show;
}
th {
	background: #BFD7E7;
	padding: 3px 0px;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #298CDA;
}
a:hover {
	text-decoration: underline;
	color: #298CDA;
}

#frame-title {				/* Title frame */
	width: 800px;
	background-image: url(./bg_title_pc.gif);
	background-repeat: repeat-x;
	background-color: #606060;
}
#info {
	padding: 5px 20px 5px 20px;
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}
#tuite
{
	width:110px;
	text-align:right;
	font-size:12px;
	font-weight:700;
	color:#fff;
	padding:30px 10px 5px 0;
}
#iine
{
	width:35px;
	text-align:right;
	padding:25px 10px 0 0;
}
#plus1
{
	width:35px;
	text-align:right;
	padding:25px 10px 0 0;
}
a:link#white {		color: #ffffff;}
a:visited#white {	color: #ffffff;	text-decoration: none;}
a:hover#white {	color: #ffffff;	text-decoration: underline;}
a:active#white {	color: #ffffff;	text-decoration: none;}

span#title {
	position:absolute;
/*	float: right;
*/	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 230px;
}
img#title {
/*	float: left;
*/
}
#frame-top {				/* Top frame */
	width: 800px;
	background-color: #DEDEDD;
}
#frame-main {				/* Main frame */
	width: 800px;
	text-align: center;
	background-image: url(./bg_main_pc.gif);
	background-color: #FFFFFF;
}
#frame-left {				/* Left frame */
	width: 200px;
	background-color: #EEF2F1;
	word-break: break-all;
	overflow: hidden;
	vertical-align: top;
}
#frame-right {				/* Right frame */
	width: 580px;
	word-break: break-all;
	overflow: hidden;
	vertical-align: top;
}
#frame-bottom {				/* Bottom frame */
	width: 800px;
	background-color: #EEF2F1;
}
#frame-header {				/* Header frame */
	width: 800px;
	text-align: center;
	background-color: #FFFFFF;
}
#frame-futter {				/* Futter frame */
	width: 800px;
	text-align: center;
	background-color: #606060;
}
#futter {				/* Futter */
	font-size: 12px;
	color: #ffffff;
}
img#icon-l {				/* アイコン */
	width: 48px;
	height: 48px;
	margin: 5px;

	background: #ccc;
	border: solid 0px #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
img#icon-d {
	width: 72px;
	height: 72px;
	float: left;
	margin: 10px;
/*	text-align: left;
	display: inline;
*/	vertical-align: top;

/*	padding: 5px;
*/	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;

	background: #ccc;
	border: solid 0px #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.up {
	margin: 0px 2px 0px 0px;
	padding: 1px 1px 0px 2px;

	color: #FFF;
	font-size: 11px;
	background: #3C3C3C;
	border: solid 0px #FFF;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.down {
	margin: 0px 2px 0px 0px;
	padding: 1px 1px 0px 2px;

	color: #FFF;
	font-size: 11px;
	background: #CC0216;
	border: solid 0px #FFF;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
#qrcode-d {				/* ＱＲコード */
	float: right;
}
img#shot {				/* スクリーンショット */
	width: 180px;
	margin: 5px;
	cursor: pointer;
}
img#bmshot {				/* ブックマークスクリーンショット */
	width: 100px;
	margin: 5px;
	cursor: pointer;
}
img#bm {				/* ブックマークスクリーンショット */
	margin: 3px 2px 1px;
	cursor: pointer;
}
#label-d {				/* 項目名 */
	font-weight: bold;
	font-size: 16px;
	color: #294d88;
	margin-left: 10px;
}
#name-l {				/* アプリ名 */
	font-weight: bold;
	font-size: 13px;
}
a:link#wname-l {		color: #333399;}
a:visited#wname-l {	color: #AA5555;	text-decoration: none;}
a:hover#wname-l {	color: #FF8855;	text-decoration: underline;}
a:active#wname-l {	color: #99FF99;	text-decoration: none;}

#name-d {
	font-weight: bold;
	font-size: 20px;
	line-height: 120%;
	margin: 10px 5px 5px 5px;
}
#sale-d {				/* 価格 */
	margin: 5px;
}
#rate-d {				/* 評価 */
	margin: 5px;
}
#downcnt-d {				/* ダウンロード数 */
	margin: 5px;
}
#url-d {				/* Market URL */
	margin: 5px;
	font-weight: bold;
}
#ad-top {
	margin: 10px 0px;
	text-align: center;
}
#ad-d01 {					/* AD */
	margin: 5px 5px 15px 5px;
}
#ad-d02 {					/* AD */
	margin: 5px;
	float: right;
}
#cate-top {
	margin: 5px;
	padding: 0px 5px;
	line-height:120%;
	font-size: 14px;
	font-weight: bold;
	color: #22253C;
}
a:link#cate-t {	color: #22253C;}
a:visited#cate-t {	color: #22253C;	text-decoration: none;}
a:hover#cate-t {	color: #22253C;	text-decoration: underline;}
a:active#cate-t {	color: #22253C;	text-decoration: none;}
#cate-l {				/* カテゴリー */
	font-size: 11px;
	color: #22253C;
/*	float: right;
*/
}
#cate-d {
	margin: 5px;
}
#ver-d {				/* バージョン */
	margin: 5px;
}
#update-d {				/* 更新日 */
	margin: 5px;
}
#dev-d {				/* 開発者 */
	margin: 5px;
}
#response-d {				/* 動作条件 */
	margin: 5px;
}
#size-d {				/* サイズ */
	margin: 5px;
}
#dataupdate-d {				/* 情報更新日 */
	margin: 5px;
}
#memo-l {				/* 概要 */
	margin: 3px 5px;
	padding: 3px 5px;
	font-size: 12px;
	background-color: #F2F2F2;
	word-break: break-all;
	overflow: hidden;
}
#bn {					/* バナーロゴ */
	margin: 5px 1px;
}
#memo-d {
	margin: 5px 10px;
	line-height:160%;
}
li#review {				/* レビュー */
	margin: 5px;
	line-height: 135%;
	padding: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f4f4f4;
}
ul#review {
	list-style-image: url(./ic_review.png);
	line-height: 135%;
	margin: 10px 0px 15px 25px;
}
#rank-r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #dd0000;
}
#rank-d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}
#rank {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dd0000;
}
#rank2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

#rank-list {				/* Ranking Button */
	width: 330px;
	padding: 5px 0px 5px 10px;
	background-color: #DEDEDD;
}
#modified {
	width: 200px;
	padding: 5px 0px 5px 20px;
	background-color: #DEDEDD;
}
#srch {
	background-color: #DEDEDD;
}
#book-list {
	line-height: 150%;
	margin: 8px;
	font-size: 12px;
}
#cate-list {
	line-height: 170%;
	margin: 2px;
	padding: 2px;
}
#link {
	padding: 30px;
	line-height: 140%;
	height: 1400px;
	background-color: #fefffa;
}
#link-list {
	line-height: 170%;
	margin: 0px;
	padding: 0px 10px 0px 30px;
}
#link-td {
	line-height: 170%;
	width: 270px;
	margin: 3px;
	padding: 3px 10px 3px 30px;
	width: 580px;
	word-break: break-all;
	overflow: hidden;
	vertical-align: top;
}
#page-list {
	margin: 5px;
	padding: 0px 5px;
	line-height:120%;
}
#link-h {
	font-size: 17px;
	font-weight: bold;
	color: #294d88;
	margin: 5px 0px 5px 0px;
}
#link-h2 {
	font-size: 14px;
	font-weight: bold;
	color: #362f1a;
	margin: 5px 0px 5px 0px;
}
#page-apps {
	margin: 20px 5px;
	line-height:120%;
}
div#select {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color: #FFED97;
	color: #5F1E01;
}
a:link#select {		color: #5F1E01;}
a:visited#select {	color: #5F1E01;	text-decoration: none;}
a:hover#select {	color: #5F1E01;	text-decoration: underline;}
a:active#select {	color: #5F1E01;	text-decoration: none;}

#main-list {
	margin: 0px 10px;
/*	padding: 5px;
*/	line-height:120%;
}
#list {					/* 一覧 */
/*	background-image: url(./bg_list_pc.gif);
	border-style: solid;
	border-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #333333;
*/
}
#about {
	padding: 30px;
	line-height: 140%;
	height: 1400px;
	background-color: #fbfcfa;
}
#about-h {
	font-size: 14px;
	font-weight: bold;
	color: #362f1a;
	margin: 5px 0px 5px 0px;
}
#about-m {
	margin: 0px 0px 5px 10px;
}
#about-i {
	margin: 0px 0px 5px 30px;
}
#send {
	padding: 30px;
	line-height: 140%;
	height: 1200px;
	background-color: #fbfcfa;
}
#send-h {
	font-size: 14px;
	font-weight: bold;
	color: #362f1a;
	margin: 10px;
}
#send-m {
	margin: 0px 0px 5px 10px;
}
#send-i {
	margin: 5px 0px 10px 30px;
	width: 500px;
}
#send-r {
	margin: 5px 0px 10px 30px;
}
#send-err {
	margin: 5px 0px 10px 30px;
	color: #dd0000;
}
#msg {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	color: #dd0000;
	margin: 30px 0px;
}
#send-n {
	margin: 5px 0px 10px 30px;
	width: 500px;
}
#send-s {
	margin: 10px 10px 10px 220px;
	font-size: 14px;
	font-weight: bold;
	width: 120px;
	height: 30px;
}
#btn-send {
	margin: 10px 5px;
}
#qr-list {
	font-size: 10px;
	margin: 20px 10px 10px 25px;
}
#ad-l00 {
	margin: 10px;
	text-align: center;
}
#ad-l01 {
	margin: 10px 5px;
	text-align: center;
}
div#han {
	line-height: 50%;
}

#page-list ul.page {
	margin: 0 0 3px;
	padding: 7px 0px 3px;
	background: #eee;
	text-align: center;
	width: 570px;
}

#page-list ul.page li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

#page-list ul.page li span,
#page-list ul.page li a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display: inline-block;
	margin-bottom: 3px;
	padding: 1px 0px;
	width: 33px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
#page-list ul.page li span {
	background: #FFED97;
	color: #5F1E01;
}
#page-list ul.page li a:hover {
	background: #EEFBE9;
	border-color: #51610C;
}
#cate-list ul.page {
	margin: 0 0 3px;
	padding: 0px 0px 3px;
	text-align: center;
}

#cate-list ul.page li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

#cate-list ul.page li span,
#cate-list ul.page li a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display: inline-block;
	margin-bottom: 3px;
	padding: 1px 0px 0px;
	width: 55px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
#cate-list ul.page li span {
	background: #FFED97;
	color: #5F1E01;
}
#cate-list ul.page li a:hover {
	border-color: #FFED97;
}
#rank-list ul.page {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#rank-list ul.page li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

#rank-list ul.page li span,
#rank-list ul.page li a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display: inline-block;
	margin-bottom: 0px;
	padding: 4px 0px 3px;
	width: 45px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
#rank-list ul.page li span {
	background: #FFE04B;
	color: #F41253;
}
#rank-list ul.page li a:hover {
	background: #FFF3A3;
	border-color: #51610C;
}






.note {
    position:relative;
    width:480px;
    padding:1em 1.5em;
    margin:2em auto;
    color:#fff;
    background:#97C02F;
    overflow:hidden;
}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background:#658E15; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
.note.red {background:#C93213;}
.note.red:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}
.note.rounded {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
 
.note.rounded:before {
    border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}
#imgPreviewWithStyles {
    background: #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    z-index: 1000;
    border: none;
}
#___plusone_0,#___plusone_1
{
	width:65px !important;
}