@charset "utf-8";

/* 基本要素の指定 */

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 	-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */ 
	-moz-box-sizing: border-box;　/* Firefox用 */ 
	-ms-box-sizing: border-box;　/* Internet Explorer 8用 */ 
	box-sizing: border-box;　/* Opera用 */ 
}

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 * http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
 font-size: 100%; /* 1 */
 -webkit-text-size-adjust: 100%; /* 2 */
 -ms-text-size-adjust: 100%; /* 2 */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

article, section, aside, nav, header, footer {
	display: block;
}

body {
	margin: 0px !important;
	padding: 0px !important;
	color: #000;
	font-size: 13px;
	line-height: 23px;

	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(left, #e4e4e4 0, #e4e4e4 0.2, #dddddd 0.2); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #e4e4e4), color-stop(0.2, #e4e4e4), color-stop(0.2, #dddddd));
	background: -webkit-linear-gradient(left, #e4e4e4 0, #e4e4e4 0.2, #dddddd 0.2); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e4e4e4 0, #e4e4e4 0.2, #dddddd 0.2); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e4e4e4 0, #e4e4e4 0.2, #dddddd 0.2); /* IE10+ */
	background: linear-gradient(left, #e4e4e4 0, #e4e4e4 0.2, #dddddd 0.2); /* W3C */

	background-size: 7px 10px;
	-webkit-text-size-adjust : none;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
 outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
 outline: 0;
}

li {
	list-style: none;
}

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

h2 {
 font-size: 1.5em;
 margin: 0.83em 0;
}

h3 {
 font-size: 1.17em;
 margin: 1em 0;
}

h4 {
 font-size: 1em;
 margin: 1.33em 0;
}

h5 {
 font-size: 0.83em;
 margin: 1.67em 0;
}

h6 {
 font-size: 0.75em;
 margin: 2.33em 0;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 * Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor: pointer; /* 1 */
 -webkit-appearance: button; /* 2 */
 *overflow: visible; /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
 cursor: default;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"] {
	padding-left: 10px;
	line-height: 34px;
	height: 34px;
	font-size: 13px;
	border: 1px solid #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 2px 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

/*
input::-webkit-input-placeholder {
	font-size: 13px;
	padding-left: 10px;
	line-height: 34px;
	margin: 12px 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

input:-moz-placeholder {
	font-size: 13px;
	padding-left: 10px;
	line-height: 34px;
	margin: 2px 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
*/

div.input-fixed, div.input-fixed-transparent {
	display: inline-block;
	padding-left: 10px;
	line-height: 34px;
	height: 34px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 2px 0;
}

div.input-fixed {
	background-color: #ccc;
	border: 1px solid #333;
}

div.input-fixed-transparent {
	border: 1px dotted #AAA;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */
 *height: 13px; /* 3 */
 *width: 13px; /* 3 */
	margin-right: 8px;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
 overflow: auto; /* 1 */
 vertical-align: top; /* 2 */
}

select {
	height: 30px;
	vertical-align: bottom;
	border: 2px solid #999;
	font-size: 15px;
	 margin: 2px 0;
}

textarea {
	padding-left: 10px;
	font-size: 13px;
	border: 1px solid #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 2px 0;
}

a {
	color: #F06;
}

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
 border: 0; /* 1 */
 -ms-interpolation-mode: bicubic; /* 2 */
}



/* form 関係 */

.itxt {
}

.ichk {
}

.isel {
}

.irdo {
}

.item_note {
	color: #F06;
	font-size: 12px;
}

.item_error {
	background-color: #FF0066;
	color: #fff;
	padding: 0 7px;
	font-size: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* ボタン関係 */
/* グラデーションの関係の神ツール!!: http://www.colorzilla.com/gradient-editor/ */

.btn, .btn_a, .btn_b, .btn_c, .btn_d, .btn_e, .btn_f, .btn_g {
	display: inline-block;
	padding: 5px 9px;
	font-size: 13px;
	text-decoration: none;
	border-top: solid 1px #323232;
	border-left: solid 1px #323232;
	border-right: solid 1px #323232;
	border-bottom: solid 1px #5a5a5a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior:url(css/border-radius.htc);
	color: #fff;

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

	text-shadow: #666666 0 -1px 0;

	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

.img_btn {
	position: relative; 
	margin-top: -5px; 
	top: 5px; 
	width: 18px; 
	height: 18px;
}

.btn_menu {
	width: 150px;
	padding: 13px 3px;
	margin: 3px 3px;
	height: 47px;
	text-align: center;
	vertical-align: middle;
}

.btn_menu_long {
	width: 306px;
	padding: 13px 3px;
	margin: 3px 3px;
	height: 47px;
	text-align: center;
	vertical-align: middle;
}

.btn_dialog {
	width: 80px;
	padding: 10px 0;
}

.btn_middle {
	width: 200px;
	margin: 3px;
}

.btn_small {
	font-size: 11px;
	line-height: 11px;
	text-align: center;
}

.btn_cancel {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	position: relative;
	padding: 0 7px;
	top: -1px;
}

.btn_cancel_iphone {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

	position: relative;
	padding: 0 7px;
	margin-left: -1px;
	margin-right: 5px;
	top: -3px;
}

.btn_tab {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin: 0;
	width: 20%;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 10px;
/*
	line-height: 30px;
	padding: 7px 0 0 0;
*/
	line-height: 28px;
	padding: 5px 0 0 0;
}

.btn_tab img {
/*
	width: 13px;
	height: 13px;
*/
	width: 18px;
	height: 18px;
	margin: 2px 0 -2px;
}

.btn_editor_tab {
	display: inline-block;

	margin: 0;
	border: 0;

	box-shadow: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-align: center;
	font-size: 10px;
	color: #fff;

	line-height: 10px;
	padding: 1px;

	text-decoration: none;
	text-shadow: #666666 0 -1px 0;
}

.btn_editor_tab img {
	width: 18px;
	height: 18px;
	margin: -5px 0 7px;
}

.btn_img {
	width: 35px;
	height: 35px;
	text-align: center;
	padding: 3px 0;
	font-size: 10px;
	line-height: 20px;
}

.btn_img_4letters {
	width: 47px;
}

.btn_img img {
	width: 13px;
	height: 13px;
}

.btn_select_left {
	border-right: 0;
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
}

.btn_select_right {
	border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
}

.btn_select_middle {
	border-right: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.btn_rel_keywords {
	padding: 2px 3px;
	margin: 2px;
}

.btn_a {
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(125,126,125) 0%, rgb(14,14,14) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(125,126,125)), color-stop(100%,rgb(14,14,14))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.btn_b {
	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.btn_c {
	background: #ff5db1; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5db1 0%, #ff0066 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#ff0066)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5db1 0%,#ff0066 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5db1 0%,#ff0066 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff5db1 0%,#ff0066 100%); /* IE10+ */
	background: linear-gradient(top, #ff5db1 0%,#ff0066 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ff0066',GradientType=0 ); /* IE6-9 */
}

.btn_d {
	background: #aeaeae; /* Old browsers */
	background: -moz-linear-gradient(top, #aeaeae 0%, #787878 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#787878)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aeaeae 0%,#787878 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aeaeae 0%,#787878 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aeaeae 0%,#787878 100%); /* IE10+ */
	background: linear-gradient(top, #aeaeae 0%,#787878 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#787878',GradientType=0 ); /* IE6-9 */
}

.btn_e {
	color: #444;
	background: #bcbcbc; /* Old browsers */
	background: -moz-linear-gradient(top, #bcbcbc 1%, #686868 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bcbcbc), color-stop(100%,#686868)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcbcbc 1%,#686868 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcbcbc 1%,#686868 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcbcbc 1%,#686868 100%); /* IE10+ */
	background: linear-gradient(top, #bcbcbc 1%,#686868 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
}

.btn_f {
	background: #3d2839; /* Old browsers */
	background: -moz-linear-gradient(top, #3d2839 0%, #ff0084 14%,	#ff0066 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom,	color-stop(0%,#3d2839), color-stop(14%,#ff0084),color-stop(100%,#ff0066)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3d2839 0%,#ff0084 14%,#ff0066 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3d2839 0%,#ff0084 14%,#ff0066 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3d2839 0%,#ff0084 14%,#ff0066 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3d2839 0%,#ff0084 14%,#ff0066 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2839', endColorstr='#ff0066',GradientType=0 ); /* IE6-9 */
}

.btn_g {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

/* 絵文字関係 */

.emoji {
	margin: 10px;

	-webkit-box-sizing: content-box;　/* Safari,Google Chrome用 */ 
	-moz-box-sizing: content-box;　/* Firefox用 */ 
	-ms-box-sizing: content-box;　/* Internet Explorer 8用 */ 
	box-sizing: content-box;　/* Opera用 */ 
}

.emoji_search_result {
}

.emoji_pickup {
	margin: 3px;
}

.emoji_size_1 {
	width: 20px;
	height: 20px;
}

.emoji_size_2 {
	width: 30px;
	height: 30px;
}

.emoji_size_3 {
	width: 40px;
	height: 40px;
}

.emoji_blank {
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.41)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(-45deg, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: 0;
}

.emoji_in_editor {
	width: 20px;
	height: 20px;
}

/* ダイアログ類 */

.message {
	position:fixed;
	top: 45px;
	left: 0;
	width: 90%;
	margin: 0 5%;
	padding: 12px 0;

	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);

	border: #fff 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	color: #fff;

	text-align: center;
	font-size: 12px;
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	z-index: 10;

}

.dialog {
	position:fixed;
	top: 45px;
	left: 0;
	width: 90%;
	margin: 0 5%;
	padding: 12px 0;

	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);

	border: #fff 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	color: #fff;

	text-align: center;
	font-size: 12px;
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	z-index: 11;
}

/* 画面内パーツのスタイル */

.itxt_keyword {
	width: 180px;
}

.itxt_editor_keyword, .isel_editor_folder {
	width: 200px;
}

.itxt_cancel_btn {
	margin-right: -32px !important;
}


#emoji_size_rotation_button {
	padding: 4px 7px;
}

span.notable {
	color: #ff0066;
	font-size: 15px;
	font-weight: bold;
}

#pickup_list_pocket, #pocket_pickup_list_pocket {
	display: inline-block;
	line-height: 15px;
	top: 8px;
	position: relative;
}

#editor_search_message {
	margin-left: 10px;
}

/* 画面レイアウト */

#contents {
}

#search_result_container, #page_container, #pocket_container, #editor_container {
}

#search_result_container_2 {
	text-align: center;
	/*margin-top: 20px;*/
}

/*
body[ort="vertical"] div#contents div#pickup_list_container, 
body[ort="vertical"] div#contents div#pocket_pickup_list_container {
*/

#rel_keywords {
	background-color:#222;
	text-align: center;
}

#pickup_list_container, #pocket_pickup_list_container {
	position:fixed;
	z-index:1;
	bottom:51px; 
	left:0;
	width:100%;
/*	height:140px; */
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0 0 4px 0;
	border-top:1px solid #444;
}

/*
body[ort="horizontal"] div#contents div#pickup_list_container, 
body[ort="horizontal"] div#contents div#pocket_pickup_list_container {
	position:fixed;
	z-index:1;
	top:0; 
	right:0;
	height:100%;
	width:140px;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0 4px 4px 4px;
	border-top:1px solid #444;
}
*/

#page_body {
}

/*
body[ort="vertical"] div#contents #search_result_body, 
body[ort="vertical"] div#contents #pocket_body {
*/
#search_result_body {
	text-align: center;
}

#pocket_body {
	text-align: center;
}

/*
body[ort="horizontal"] div#contents #search_result_body, 
body[ort="horizontal"] div#contents #pocket_body {
	text-align: center;
	margin-right: 140px; 
}
*/ 

#download_body {
	text-align: center;
	padding: 20px;
	margin: 20px;

	border: #aaa 0px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#pickup_list_body, #pocket_pickup_list_body {
/*	height: 100px; */
	vertical-align: top;
	margin: 5px 0;
}

#search_result_header {
}

#pickup_list_footer {
	color: #fff;
	text-align: right;
}

#pocket_pickup_list_footer {
	color: #fff;
	text-align: right;
}

#tabs {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 51px;
	z-index: 20; 
}

#search_result_space_top, #page_space_top, #pocket_space_top, #editor_space_top {
	height:43px;
}

#search_result_space_bottom, #pocket_space_bottom {
	height:190px;
}

#search_bar, #title_bar {
	position:fixed;
	z-index:1;
	top:0; 
	left:0;
	width:100%;
	height:43px;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:2px;
	border-top:1px solid #444;
	color: #fff;
}

#title {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin: 5px 0 5px 10px;
}

#menu {
	position: fixed;
	z-index:2;
	top:44px; 
	left:0;
	width:100%;
	text-align: center;
	padding: 10px 0;

	font-size: 16px;
	color: #fff;

	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);

	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
}

#search_result_count {
	float: left;
}

#search_result_emoji_size {
}

#search_loading {
	text-align: center;
	padding: 10px;
}

#safemode_on, #safemode_off {
}

.search_safemode {
	text-align: center;
	padding: 10px;
}

div#editor_body {
	width: 100%; 
	background-color: #fff;
	font-size: 16px;
	padding: 10px 40px 10px 10px;
	margin: 0;
	border-top: 1px solid #333;
}

textarea#editor_body {
	width: 100%; 
	background-color: #fff;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	margin: 0 40px 0 0;
	border-top: 1px solid #333;
}

#editor_preview {
	width: 100%; 
	background-color: #fde;
	font-size: 16px;
	padding: 10px 40px 10px 10px;
	border-top: 1px solid #333;
	margin: 0;
}

#editor_pickup_list_container {
	position:static;
	width:100%;
	height:121px;
	padding:4px;
	border-top:1px solid #444;
	/*border-bottom:1px solid #444;*/
}

#editor_pickup_list_container table {
	text-align: center; 
	margin: auto;
}

#editor_pickup_list_container table tr td {
	text-align: center;
	vertical-align: top; 
}

#editor_pickup_list_body {
	position:relative;
	width: 100%;
	vertical-align: top;
}

#emoji_page_text {
	text-align: center;
	padding: 2px;
}

#editor_tabs {
	width:100%;
	padding: 0;
}

.editor_tab {
	z-index:1;
	display: inline-block;

	border: 1px solid #888;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;

	margin: 0 -5px 0 0;
	padding: 2px;
	height: 43px;
	vertical-align: top;
}

#search_area, #folder_area, .editor_btn_area {
	display: inline-block;
}

#end_line {
	width: 100%;
	height: 10px;
	text-align: center;
	margin: 00px 0% 10px 0%;

	border-top: #aaa dotted 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.22)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.folder {
	float: left;
/*	width: 230px; */
	width: 310px;
	padding: 5px;
	margin: 5px;
/*	min-height: 150px; */

	border: 1px #666 solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior:url(css/border-radius.htc);
}

.folder_header {
	text-align: right;
}

.folder_name {
	text-align: left;
/*	width: 130px; */
	width: 210px; 
	height: 34px;
	overflow: hidden;

	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.folder_body {
	text-align: left;
}

.folder_body > .emoji {
	margin: 5px;
}

#folder_menu {
	text-align: right;
	position: fixed;
	bottom: 96px; 
	right: 0;
	z-index:2;

	background-color: #444;

	padding: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior:url(css/border-radius.htc);
}

.folder_mini {
	width: 70px;
	height: 70px;
	min-height: 0;
	overflow: hidden;

	padding: 5px 2px;
	margin: 5px;
}

.folder_mini_header {
	text-align: center;
	overflow: hidden;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
}

.folder_mini_body {
	padding: 6px 3px;
	text-align: left;
}

/*
.folder_mini_emoji {
	margin: 1px 2px;
	width: 10px;
	height: 10px;
}
*/

.folder_mini_emoji {
	margin: 2px 2px;
	width: 15px;
	height: 15px;
}

.section {
	margin-top: 20px;
}

.para_title {
	padding: 3px;
	margin: 30px 0 10px 0;

	background-color: #444;
	color: #fff;

	font-size: 16px;

	text-align: left;
}

#message_categories_body, #message_categories_body_bottom {
	margin: 10px;
	text-align: center;
}

#messages_body {
	text-align: center;
}

#message_space_bottom, #page_space_bottom {
	height: 55px;
}

.message_body {
	margin: 10px;
	padding: 10px;
	text-align: left;

	border: 1px solid #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
}

.rel_time {
	margin-left: 5px;
	font-size: 12px;
	color: #FF0066;
}

.banner {
	width: 100%;
	height: 50px;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.banner_pc {
	width: 100%;
	height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.banner_bottom {
	position: fixed;
	bottom: 48px; 
	left: 0;
}

.banner_bottom_pc {
	position: fixed;
	bottom: 53px; 
	left: 0;
}

.banner_bottom_amazon {
	height: 60px;
	bottom: 51px; 
}

.banner_bottom_yahoo {
	height: 120px;
}

.banner_bottom_yahoo_pc {
	height: 120px;
}

.banner_upper {
	position: relative;
	top: -51px; 
	left: 0;
	margin-bottom: -50px;
}

.banner_upper_pc {
	position: relative;
	top: -63px; 
	left: 0;
	margin-bottom: -60px;
}

.banner_upper_amazon {
	height: 60px;
	top: -61px;
	/*text-align: right;*/
}

.banner_upper_yahoo {
	height: 120px;
	top: -121px;
}

.banner_upper_yahoo_pc {
	height: 120px;
	top: -121px;
}

.banner_inside_contents {
	position: static;
}

.banner_inside_contents_pc {
	position: static;
	margin-top: 10px;
	margin-bottom: 10px;
}

.banner_inside_contents_amazon {
	height: 60px;
}

.banner_inside_contents_yahoo {
	height: auto;
}

.banner_inside_contents_yahoo_pc {
	height: auto;
}

#message_category_title {
	padding: 3px;
	margin: 10px;
	background-color: #444;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.sel_category {
	background-color: #FF0066;
}

.default_category {
	text-shadow: 2px 2px 1px #333;
}


.downloadable_zone {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #a4a4a4 0, #a4a4a4 0.2, #bbbbbb 0.2); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4a4a4), color-stop(0.33, #a4a4a4), color-stop(0.67, #bbbbbb));
	background: -webkit-linear-gradient(top, #a4a4a4 0, #a4a4a4 0.2, #bbbbbb 0.2); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a4a4a4 0, #a4a4a4 0.2, #bbbbbb 0.2); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a4a4a4 0, #a4a4a4 0.2, #bbbbbb 0.2); /* IE10+ */
	background: linear-gradient(top, #a4a4a4 0, #a4a4a4 0.2, #bbbbbb 0.2); /* W3C */
	background-size: 10px 3px;
	-webkit-text-size-adjust : none;
}

.undownloadable_zone {
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #555555 0, #555555 0.2, #666666 0.2); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(0.33, #555555), color-stop(0.67, #666666));
	background: -webkit-linear-gradient(top, #555555 0, #555555 0.2, #666666 0.2); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555555 0, #555555 0.2, #666666 0.2); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #555555 0, #555555 0.2, #666666 0.2); /* IE10+ */
	background: linear-gradient(top, #555555 0, #555555 0.2, #666666 0.2); /* W3C */
	background-size: 10px 3px;
	-webkit-text-size-adjust : none;
	color: #fff;
}

#search_guide {
	position: fixed;
	top: 43px;
	width: 100%;
	height: 20px;
	background-color: #222;
	color: #FFF;
}

#selected_keywords_bg {
	padding: 4px;
	background-color: #222;
}

#selected_keywords {
/*
	position: fixed;
	top: 63px;
	padding: 3px;
	width: 100%;
	height: 30px;
	background-color: #666;
	color: #FFF;
	text-shadow: 2px 2px 1px #333;

	/* webkit * /
	overflow: -webkit-marquee;
	white-space: nowrap;
	/* Opera * /
	display: -wap-marquee;
	-wap-marquee-loop: infinite;
	-wap-marquee-dir: rtl;
	-wap-marquee-speed: slow;
	-wap-marquee-style: scroll;
*/
}

#famous_emoji_list {
/*
	width: 100%;

	/* webkit * /
	overflow: -webkit-marquee;
	white-space: nowrap;
	/* Opera * /
	display: -wap-marquee;
	-wap-marquee-loop: infinite;
	-wap-marquee-dir: rtl;
	-wap-marquee-speed: slow;
	-wap-marquee-style: scroll;
*/
}

#android_app {
	text-align: center;
	padding: 40px 10px;
	margin: 10px;

	border: #aaa 0px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background-color: #fff;
}

/* 便利なスタイル */

.s10 {
	font-size: 10px;
	line-height: 15px;
}

.m3 {
	margin: 3px;
}

.m4 {
	margin: 4px;
}

.m10 {
	margin: 10px;
}

.m30 {
	margin: 30px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb30 {
	margin-bottom: 30px;
}

.mt30 {
	margin-top: 30px;
}

.c {
	text-align: center;
}

.l {
	text-align: left;
}

.r {
	text-align: right;
}

.glow {
	box-shadow: 0 0 10px #ff0066;
	-moz-box-shadow: 0 0 10px #ff0066;
	-webkit-box-shadow: 0 0 10px #ff0066;
	filter: progid:DXImageTransform.Microsoft.Glow(Color='#FF006600',Strength=10);
}

.glow_mono {
	box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	filter: progid:DXImageTransform.Microsoft.Glow(Color='#00000000',Strength=10);
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.pink {
	color: #F06;
}

.white_rs {
	text-align: center;
	padding: 10px;
	margin: 10px;

	border: #aaa 0px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background-color: #fff;
}


/* ゴミ箱 */

/*
#editor_body_old {
	width: 100%; 
	background-color: #fff;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 140px;
}

#editor_pickup_list_container_old {
	position:fixed;
	z-index:1;
	bottom:0; 
	left:0;
	width:100%;
	height:140px;

	background: #aeaeae; /* Old browsers * /
	background: -moz-linear-gradient(top, #aeaeae 0%, #787878 100%); /* FF3.6+ * /
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#787878)); /* Chrome,Safari4+ * /
	background: -webkit-linear-gradient(top, #aeaeae 0%,#787878 100%); /* Chrome10+,Safari5.1+ * /
	background: -o-linear-gradient(top, #aeaeae 0%,#787878 100%); /* Opera 11.10+ * /
	background: -ms-linear-gradient(top, #aeaeae 0%,#787878 100%); /* IE10+ * /
	background: linear-gradient(top, #aeaeae 0%,#787878 100%); /* W3C * /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#787878',GradientType=0 ); /* IE6-9 * /
	
	padding:4px;
	border-top:1px solid #444;
}

#emoji_size_1_button {
	padding: 3px 5px;
}

#emoji_size_2_button {
	padding: 4px 6px;
}

#emoji_size_3_button {
	padding: 5px 7px;
}

#editor_pickup_list_header {
	color: #fff;
	text-align: right;
}
*/