a {
	cursor:pointer;
}
a:visited {
	color:#6927FF;
}

.cls_header h1{
	border:none;
}

.entry2{
	width:900px;
	padding:15px;
	border-radius:7px;
	background:#FFECEC;
	border:1px solid #cccccc;
}

h1,h2,h3,h4,h5 {
	font-weight:bold;
}
h1 a{
	text-decoration:none;
}
h2,p{
	margin:0;
	margin-top:12px;
	margin-bottom:12px;
}
h1.setting {
	color:#fff;
	padding:12px;
	padding-left:20px;
	background-color:#008a83;
	margin-bottom:12px;
	font-size:150%;
}
h2.setting {
	color:#333;
	padding:8px;
	padding-left:20px;
	border-top:5px solid #008a83;
	border-bottom:5px solid #008a83;
	margin-top:8px;
	margin-bottom:8px;
	font-size:150%;
}
h2.setting:before {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	position: relative;
	font-size:90%;
	left: -6px;
	top: 0px;
	color: #008a83;
}
h3.setting {
	color:#333;
	padding:8px;
	border-bottom:4px solid #008a83;
	margin-top:16px;
	margin-bottom:16px;
	font-size:120%;
}
h3.section {
	color: #fff;
	padding:8px;
	margin-top:10px;
	background-color:#008a83;
	font-size:120%;
}
center {
	clear:both;
}
textarea {
	min-width:90%;
	min-height:120px;
}
form {
	width:auto;
}

#container{
	margin:0 auto;
	font-size:95%;
}
#container:after {
	height:0;
	content:" ";
	clear:both;
}

#header-contents {
	text-align:left;
	position:fixed;
	top:0px;
	background-color:#008a83;
	color:#fff;
	padding:4px;
	padding-left:12px;
	padding-bottom:2px;
	width:100%;
	z-index:1;
}
#main-contents {
	text-align:center;
	margin:0;
	overflow:hidden;
	zoom:1;
}
#footer-contents {
	margin-top:50px;
	padding-top:16px;
	padding-bottom:16px;
	color:#fff;
	background-color:#008a83;
	text-align:center;
}
#footer-contents a {
	color:#fff;
}
.admin-contents {
	background-color:#444!important;
}

#center-contents {
	background:#fff;
	max-width:960px;
	min-height:500px;
	margin:0 auto;
}
#left-contents {
	float:left;
	width:250px;
	height:100%;
	background:#fff;
	position:fixed;
	top:0px;
	border-right:1px solid #999;
	z-index:2;
}
#right-contents {
	margin:0px 0px 0px 250px;
	padding:10px;
	background:#fff;
}

#login-contents {
	width:480px;
	padding:32px;
	padding-left:16px;
	padding-right:16px;
	background-color:#f9f9f9;
	color:#333;
	margin-top:48px;
	margin-bottom:100px;
}

.align-left {
	text-align:left;
	margin:0 auto;
}
.align-center {
	text-align:center;
	margin:0 auto;
}
.align-right {
	text-align:right;
	margin:0 auto;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}

.cls_leftheader {
	text-align:left;
	float:left;
	margin-left:250px;
}
.cls_rightheader {
	text-align:right;
	float:right;
}

.cls_header {
	margin-top:6px;
	margin-bottom:6px;
	margin-right:16px;
}
.cls_header a {
	color:#fff;
	text-decoration:none;
}
.cls_header a:hover {
	text-decoration:underline;
}

.cls_menu {
	background-color:#008a83;
	color:#fff;
	padding-top:12px;
	padding-bottom:0px;
	height:100%;
	overflow-y:auto;
}
.cls_menu > a {
	padding-left:12px;
}
.cls_menu a {
	color: #fff;
	text-decoration:none;
}
.cls_menu a:hover {
	color:#999;
	text-decoration:underline;
}
.cls_menu div {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:12px;
	margin-bottom:2px;
	margin-right:0px
}
.cls_menu h3 {
	font-size:110%;
	background-color:#111;
	color:#fff;
	position:relative;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:10px;
	cursor:pointer;
}
.cls_menu h3 span {
	float:right;
	padding-right:6px;
}
.cls_menu_selected {
	background-color: #666;
	color:#fff;
	font-weight: bold;
	margin-right:5px;
}
.cls_menu_selected a {
	color:#fff;
}
.cls_noborder {
	border:0px;
}
.cls_admin_menu {
	background-color:#333;
}

.cls_main {
	background-color:#ffffff;
	padding:10px;
	padding-top:40px;
}

.cls_contents {
	background-color:#ffffff;
	padding-top:40px;
}

.cls_section {
	font-size:90%;
	margin-top:12px;
	margin-bottom:4px;
}

.cls_message {
	font-size:90%;
	padding:6px;
	background-color:#ffefef;
	display:none;
}

.cls_error {
	background-color:#ffefef;
}

.cls_tag {
	margin-top:24px;
	margin-bottom:32px;
}

.cls_navi {
	text-align:center;
	margin-top:24px;
	margin-bottom:24px;
}

input[type=text],input[type=password],input[type=combobox] {
	font-size:90%;
	height:28px;
}
input[type=text],input[type=password] {
	border:1px solid #999;
	border-radius:2px;
	padding-left:4px;
	padding-right:4px;
	font-size:90%;
}

input[type=checkbox],input[type=radio] {
	transform: scale(1.4);
	margin-left: 3px;
	margin-right: 3px;
}

select {
	font-size:100%;
	height:30px;
	border-color:#999;
	border-radius:2px;
}

input[type=button],label.button {
	color:#fff;
	font-size:95%;
	padding:5px;
	padding-left:18px;
	padding-right:18px;
	margin-right:2px;
	background-color:#008a83;
	border:1px solid #008a83;
	border-radius:4px;
	min-width:100px;
	text-align:center;
	cursor:pointer;
}

label.button {
	padding:7px;
	margin-top:8px;
	margin-left:8px;
	margin-right:16px;
}

input.red-button {
	background-color:#aa6666;
	border:1px solid #aa6666;
}
input.default-button {
	background-color:#ccc;
	border:1px solid #ccc;
	color:#000;
}
input.large-button {
	min-width:150px;
	font-size:90%;
}
input.small-button,label.small-button {
	font-size:80%;
}

.cls_left {
	text-align:left;
}
.cls_right {
	text-align:right;
}
.cls_center {
	text-align:center;
}

.cls_div_option {
	display:none;
	position:absolute;
	border:1px solid #000;
	padding:0px;
	background-color:#f9f9f9;
	z-index:1999;
	width:auto;
	height:auto;
	min-width:80px;
}

/* bootstrap */
.btn {
	color: #fff;
	font-size:95%;
	min-width:90px;
	padding-top:5px;
	padding-bottom:5px;
}
.btn-primary {
	background-color: #008a83;
	border-color: #2e6da4;
}
.btn-success {
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-info {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-warning {
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn-danger {
	background-color: #c7000b;
	border-color: #d43f3a;
}
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	background-image: none;
	border-color: #adadad;
}
.btn-primary:hover {
	color: #fff;
	background-color: #006a63;
	border-color: #204d74;
}
.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}
.btn-danger:hover {
	color: #fff;
	background-color: #a7000b;
	background-image: none;
	border-color: #ac2925;
}


/* jquey */
.ui-dialog {
	font-size:95%;
}
.ui-widget-overlay {
	background-color:#000;
	opacity:0.6;
	xbackground:-webkit-gradient(linear, left top, left bottom, from(#111),to(#000));
	xbackground:-moz-linear-gradient(top, #ccccff,#111);
}
.ui-widget textarea {
	font-size:90%;
}
.ui-widget-header {
	background-color:#008a83;
	color:#fff;
}
.ui-button {
	background:#008a83!important;
	color:#fff!important;
	min-width:80px;
}
.ui-dialog-titlebar-close {
	filter:invert(100%);
}
.modal-fullscreen {
	xtop:0px!important;
	left:0px!important;
	width:100vw!important;
	max-width:none;
	min-height:100%!important;;
	margin:0;
}

/* splide */
.splide__pagination__page.is-active {
	background: #b4e900;
}
.splide {
	margin-bottom:10px;
}
.splide__pagination {
	position:relative!important;
}
.slideshow .page-title {
	font-size:100%;
	line-height:180%;
	height:54px
}
.slideshow .page-title a {
	text-decoration:none;
}

.cls_none {
	display:none;
}

div.cls_dialog {
	display:none;
	background-color:#fff;
	width:600px;
	height:600px;
	border:1px solid #000;
	text-align:left;
}

.cls_block {
	padding-top:2px;
	padding-bottom:2px;
}

.cls_selected {
	background-color:#008a83 !important;
	border:1px solid #333 !important;
	color:#fff;
}

.cls_noselected {
	background-color:#eee !important;
	color:#666;
}

.cls_focus {
	background-color:#fdfdea !important;
}

input.cls_rdo_left {
	background-color:#ccc;
	border:1px solid #ccc;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
input.cls_rdo_right {
	background-color:#ccc;
	border:1px solid #ccc;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

/*リスト	*/
table.cls_tbl_list {
	background-color:#fff;
	border-collapse:collapse;
	width:100%;
	font-size:95%;
	margin-top:6px;
}

table.cls_tbl_list tr {
	background-color:#fff;
}
table.cls_tbl_list tr:nth-child(2n+1)
{
	background:#f3f6f9;
}

table.cls_tbl_list th {
	padding:10px;
	background-color:#008a83;
	color:#fff;
	font-weight:normal;
}

table.cls_tbl_list th a {
	color:#fff;
	text-decoration:none;
}
table.cls_tbl_list th a:hover {
	text-decoration:underline;
}
table.cls_tbl_list td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	padding-left:12px;
	height:20px;
	min-width:60px;
}
table.cls_tbl_link th{
	vertical-align:top;
	white-space:normal;
	height:44px;
}

table.cls_tbl_link {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.cls_tbl_link td{
	vertical-align:top;
	white-space:normal;
	height:38px;
}
table.cls_tbl_input {
	width:100%;
}
table.cls_tbl_input th, table.cls_tbl_input td{
	padding:6px;
	white-space:nowrap;
	vertical-align:top;
}

table.cls_tbl_input2 {
	width:auto;
}
table.cls_tbl_input2 th, table.cls_tbl_input2 td {
	border-bottom: 1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
}

/* カレンダー */
div#id_opt_date {
	width:300px;
	height:auto;
}
table.cls_tbl_cal {
	width:100%;
	height:300px;
}
table.cls_tbl_cal td {
	text-align:center;
}

div#id_cal_date{
	width:100%;
}

div.cls_preview {
	padding:20px;
	margin:20px;
	background-color:#fff;
	border:1px solid #333;
	height:800px;
	width:600px;
	box-shadow:3px 3px 1px 1px rgba(0,0,0,0.4);
}

.cls_selectedLow {
	background-color:#cde !important;
}

.cls_selectedHigh {
	background-color:#9ab !important;
}

.cls_info_box {
	border:1px solid #999;
	border-radius:2px;
	padding:12px;
	margin:4px;
	text-align:center;
}

.cls_link_box {
	background-color:#fff;
	border:1px solid #999;
	border-radius:2px;
	padding:12px;
	margin:4px;
	height:50px;
	width:90px;
	text-align:center;
	background-image:url(/images/favicon.ico);
	background-repeat:no-repeat;
	background-position:center center;
}

.cls_page_box {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:2px;
	padding:6px;
	padding-left:6px;
	padding-right:6px;
	margin:4px;
	text-align:center;
	float:left;
	cursor:pointer;
}
.cls_page_box a {
	text-decoration:none;
}
.cls_page_box a:hover {
	color:#008a83;
}
.cls_now_page {
	border:1px solid #666;
	background-color:#ddf;
}
.cls_now_page a {
	color:#333;
	font-weight:bold;
}
.cls_page_count_box {
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	margin:4px;
	float:left;
}

.cls_label_red {
	background-color:crimson;
	color:#fff;
	font-size:50%;
	font-weight:normal;
	border-radius:4px;
	padding:4px;
	margin:4px;
	text-align:center;
}
.cls_label_orange {
	background-color:coral;
	color:#fff;
	font-size:50%;
	font-weight:normal;
	border-radius:4px;
	padding:4px;
	margin:4px;
	text-align:center;
}
.cls_label_proc {
	background-color: #f9e2e4;
	color: #c7254e;
	font-size:80%;
	font-weight:normal;
	border-radius:4px;
	padding:4px;
	margin:4px;
	text-align:center;
	border-radius:0px;
	border: 1px solid #c7254e;
	width:80px;
}
.cls_label_comp {
	background-color: #e2e4f9;
	color: #254ec7;
	font-size:80%;
	font-weight:normal;
	border-radius:4px;
	padding:4px;
	margin:4px;
	text-align:center;
	border-radius:0px;
	border: 1px solid #254ec7;
	width:80px;
}

.cls_question {
	padding:8px;
	width:90%;
	vertical-align:top;
	border-top:1px solid #ccc;
}

.cls_answer {
	padding:8px;
	width:90%;
	vertical-align:top;
	border-top:1px solid #ccc;
}

.cls_help {
	padding-left:22px;
	background-image:url("/images/help.png");
	background-repeat:no-repeat;
	background-position:0px -1px;
}
.cls_mail {
	padding-left:22px;
	background-image:url("/images/mail.png");
	background-repeat:no-repeat;
	background-position:0px -1px;
}

.cls_login {
	padding-left:22px;
	background-image:url("/images/login.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.cls_link {
	padding-left:22px;
	background-image:url("/images/arrow.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.cls_gray {
	background-color:#f6f6f6;
}
.cls_time {
	font-size:90%;
	color:#666;
}
.cls_article_title {
	font-size:120%;
	padding:3px;
	padding-top:8px;
	padding-right:16px;
}
.cls_article_body {
	font-size:100%;
	color:#666;
	padding:3px;
	padding-top:8px;
}
.cls_article_body div {
	padding-right:12px;
}
.cls_article_link {
	font-size:105%;
	color:#666;
}
.cls_article_noimage {
	background-color: #333;
	color: #fff;
}
.cls_article_noimage div {
	background-color: #333;
	color: #fff;
	vertical-align: middle;
	display: table-cell;
	padding:12px;
}
.cls_article_noimage a {
	text-decoration:none;
}

#id_image_thumnail {
	overflow:scroll;
	height:500px;
}
.cls_image_thumnail {
	border:1px solid #ccc;
	margin:5px;
	float:left;
	width:110px;
	height:110px;
	cursor:pointer;
	text-align: center;
}
.cls_image_thumnail img {
	max-width:104px;
	max-height:104px;
}
.cls_image_selected {
	border:3px solid #008a83 !important;
}

.rank {
	font-size:120%;
	font-weight:bold;
	color:#bf0000;
}
.rank span {
	padding-left:1px;
	font-size:80%;
}
.price {
	color:#bf0000;
}

.btn-rank {
	margin-top:12px;
	margin-bottom:12px;
	margin-right:6px;
}
.btn-rank a{
	text-decoration:none;
}
.btn-rank.align-right {
	margin-top: 20px;
}
.btn-rank.align-right span {
	padding-top: 8px;
	padding-bottom: 8px;
}

.btn-normal {
	background-color:#666;
	padding:7px;
	padding-left:9px;
	padding-right:9px;
	margin-top:2px;
	margin-bottom:2px;
	color:#fff;
	text-align:center;
	font-size:80%;
	width:160px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.btn-normal a {
	text-decoration:none;
	color:#fff;
}

.cls_header_normal {
	font-size:110%;
	font-weight:bold;
	color:#fff;
	padding:8px;
	padding-left:14px;
}
.cls_header_radius {
	border-radius:10px;
}
.cls_header_bubble {
	position:relative;
	border-radius:10px;
	padding-left:10px;
}
.cls_header_bubble:after {
	position:absolute;
	bottom:-9px;
	left:1em;
	width:0;
	height:0;
	content:'';
	border-width:10px 10px 0 10px;
	border-style:solid;
	border-top-color:inherit;
}
.cls_header_left {
	background-color:#fff!important;
	border-left-width:10px;
	border-left-style:solid;
	padding-left:10px;
	color:#333;
}
.cls_header_left2 {
	background-color: #fff !important;
	border-left-width: 6px;
	border-left-style: double;
	color: #333;
}
.cls_header_left3 {
	background-color: #fff !important;
	border-left-width: 4px;
	border-left-style: dashed;
	color: #333;
}
.cls_header_bottom {
	background-color:#fff!important;
	border-bottom-width:6px;
	border-bottom-style:solid;
	color:#333;
}
.cls_header_bottom2 {
	background-color: #fff !important;
	border-bottom-width: 6px;
	border-bottom-style: double;
	color: #333;
}
.cls_header_bottom3 {
	background-color: #fff !important;
	border-bottom-width: 4px;
	border-bottom-style: dashed;
	color: #333;
}
.cls_header_topbottom {
	background-color: #fff !important;
	border-top-width:6px;
	border-top-style:solid;
	border-bottom-width:6px;
	border-bottom-style:solid;
	color: #333;
}
.cls_header_topbottom2 {
	background-color:#fff !important;
	border-top-width:6px;
	border-top-style:double;
	border-bottom-width:6px;
	border-bottom-style:double;
	color: #333;
}
.cls_header_topbottom3 {
	background-color: #fff !important;
	border-top-width: 4px;
	border-top-style: dashed;
	border-bottom-width: 4px;
	border-bottom-style: dashed;
	color: #333;
}
.cls_header_border {
	background-color:#fff !important;
	border-width:6px;
	border-style:solid;
	color: #333;
}
.cls_header_border2 {
	background-color:#fff !important;
	border-width:6px;
	border-style:double;
	color: #333;
}
.cls_header_border3 {
	background-color: #fff !important;
	border-width: 4px;
	border-style: dashed;
	color: #333;
}

.balloon {
	margin: 20px 0;
	padding-bottom: 30px!important;
	position: relative;
	min-height:60px;
}
.balloon:after, .balloon:before {
	clear: both;
	content: "";
	display: block;
}
.balloon-image-right {
	right: 0;
}
.balloon-image-left{
	left: 0;
}
.balloon-text-right {
	position: relative;
	margin-right: 90px;
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 8px;
	float: right;
	max-width: 720px;
	background: #fff;
	word-wrap:break-word;
}
.balloon-text-right:before {
	position: absolute;
	content: "";
	border: 10px solid transparent;
	border-left: 10px solid #aaa;
	top: 15px;
	right: -20px;
}
.balloon-text-right:after{
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	top: 15px;
	right: -19px;
}
.balloon-text-left {
	position: relative;
	margin-left: 90px;
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 8px;
	float: left;
	max-width: 720px;
	background: #fff;
	word-wrap:break-word;
}
.balloon-text-left:before {
	position: absolute;
	content: "";
	border: 10px solid transparent;
	border-right: 10px solid #aaa;
	top: 15px;
	left: -20px;
}
.balloon-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 15px;
    left: -19px;
}
.balloon-image-left, .balloon-image-right {
	position: absolute;
	margin: 0;
	width: 80px;
	height: 80px;
	top: 0;
}
.balloon-image-left:after, .balloon-image-right:after {
	clear: both;
	content: "";
	display: block;
}

.balloon-image-left img, .balloon-image-right img {
	max-width:80px!important;
}
.balloon-image-description {
	text-align:center;
}

.item_sample_image td,.item_sample_movie td {
	padding:6px;
}
.item_sample_image img,.item_sample_movie img {
	width:100%;
	border: 1px solid #999;
}


.review-large img{
	width:40px;
}
.review-middle img{
	width:30px;
}
.review-small img{
	width:20px;
}

.rank-num {
	top: -9px;
	position: relative;
}

.distribute-box {
	margin:20px;
	margin-bottom:40px;
	border:1px solid #999;
	box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 20%);
	text-align:left;
	background-color:#fff;
}
.distribute-box2 {
	margin:30px;
	border:1px solid #999;
	box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 20%);
	text-align:left;
	background-color:#fff;
}
.distribute-box h1{
	margin-top:0px;
}

.distribute-section {
	margin:30px;
	line-height:200%;
	font-size:110%;
}
.distribute-date {
	margin:30px;
	font-size:110%;
	text-align:center;
	font-weight:bold;
}
.distibute-info {
	margin:30px;
	font-size:140%;
	text-align:center;
	font-weight:bold;
}
.distibute-button {
	margin:30px;
	text-align:center;
}
.distibute-button button {
	font-size:120%;
	border-radius:6px;
	width:200px;
	padding:8px;
	border:0px;
}

.btn_sample_movie {
	color: #fff!important;;
	text-decoration:none;
}
.btn_sample_movie div{
	margin-top:24px;
	width:95%;
	background:#333;
	text-align:center;
	padding:8px;
}

button.btn {
	cursor: pointer;
	margin-top: 2px;
	margin-bottom:2px;
}
button.btn-sm {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.support-box {
	background-color:#f6f6f6;
	cursor: pointer;
	width:110px;
	float:left;
}

/* twitter */
html.SandboxRoot h1,html.SandboxRoot p {
	font-size:100%!important;
	line-height:150%!important;
	margin-top:0px;
	margin-bottom:0px;
}

.twitter-box {
	border-collapse:collapse;
}
.twitter-box td {
	border-bottom:1px solid #ccc;
	padding-top:12px;
	padding-bottom:12px;
}
.twitter-user-name {
	font-size:110%;
	font-weight:bold;
}
.twitter-user-name a:link {
	color:#000;
	text-decoration:none;
}
.twitter-screee-name {
	color:#666;
}
.twitter-screen-name a:link {
	font-size:90%;
	color:#666;
	text-decoration:none;
}
.twitter-text {
	margin-top:6px;
	margin-bottom:6px;
	font-size:100%;
}
.twitter-text a:link {
	color:#000;
	text-decoration:none;
}
.twitter-table {
	border-collapse:separate;
	border-spacing:8px;
}
.twitter-table td {
	vertical-align:top;
	background-color:#fafafa;
	padding:8px;
	padding-left:3px;
	padding-right:3px;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	box-shadow: 1px 1px 2px 0 #a4a4a4;
	-moz-box-shadow: 1px 1px 2px 0 #a4a4a4;
	-webkit-box-shadow: 1px 1px 2px 0 #a4a4a4;
}

.layout-area {
	background-color:#f6f6f6;
	border:1px solid #ccc;
	padding:6px;
	width:480px;
	text-align:center;
}
.layout-box {
	background-color:#fff;
	border:1px solid #ccc;
	padding:8px;
	margin:10px auto;
	text-align:center;
	width:450px;
	cursor:pointer;
}
.layout-text {
	font-weight:bold;
	cursor:pointer;
}
.layout-block {
	text-align:left;
	display: flex;
	flex-wrap: wrap;
	display:none;
}
.layout-block > div {
	margin-top:12px;
	margin-right:12px;
}
.box-contents {
	background-color:#feecd2;
}
.box-page {
	background-color:#d3edfb;
}

#id_div_right_list {
	xbackground-color:#f3f6f3;
	border-left:1px solid #ccc;
}

#id_search_result, #id_list_result {
	margin-top:16px;
	height:600px;
	overflow-x:hide;
	overflow-y:scroll;
}

#id_list_result {
	border: solid 1px #999;
	background-color:#f3f6f9;
}

#id_div_search_option, #id_div_outer_option {
	padding:8px;
	margin-top:12px;
	margin-bottom:12px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding:16px;
	margin-right: auto;
	margin-left: auto;
}

#id_div_outerhtml {
	height:500px;
	overflow-x:hide;
	overflow-y:scroll;
}

#id_search_keyword {
	height:34px;
}

.tab-list {
	margin-top:8px;
	margin-bottom:12px;
	border-bottom: 1px solid #333;
}
.tab-list button {
	border-width:1px;
	border-bottom:0px;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	margin-left:12px;
}

.tw-text {
	padding-bottom:8px;
}
.tw-info .badge {
	background-color: #fff;
	xfont-weight:normal;
	font-size:80%;
	vertical-align:baseline;
}