body *
{
	font-size: 12px;
}

body
{
	background-color: #82db82;
	margin: 0;
	padding: 0;
}

p
{
	line-height: 18px;
}

a
{
	color: #54a554;
}
a:hover
{
	color: #8ad48a;
}

.errmsg
{
	color: red;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 3px;
}

hr {
	border:solid #E4E2E3;
	border-width:2px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	margin:0;
	padding:0;
	line-height:2px;
	height:2px;
}

.notice {
color:#fff;
/*border: 2px dotted #E4E2E3;*/
padding: 5px 5px 5px 5px;
line-height: 18px;
background: #FD6E08;
width: 98%;
margin: 5px 0px 5px 0px;
}

.error {
color:white;
/*border: 2px dotted #E4E2E3;*/
padding: 5px 5px 5px 5px;
line-height: 18px;
background: red;

margin: 5px 0px 5px 0px;

width:720px;
/*min-width: 650px;*/
/*max-width: 1000px;*/
/*width:100%;*/
}

td.error {
background: yellow;
}


.header
{
	border: 1px solid #eee;
	width: 100%;
	height: 80px;
}

.footer
{
	color: #000;
	background-color: #fff;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0 10px 15px;
	margin: 15px 0 15px 0;
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;
	text-align: left;
}


.mpmenu {
}
.mpmenu a {
	border: 2px solid #eee;
	background-color:#F5F5F5;
	text-decoration: none;
	padding: 10px;
	display: block;
	width: 75%;
	height: 100%;
}
.mpmenu a:hover {
	background-color: #eee;
}
.mpmenu p {
	margin-bottom: 25px;
	line-height: 18px;
}


.menu div {
	background-color: #F5F5F5;
	width:100%;
}
.menu ul {
	font-size: 0;
}
.menu li {
	display: inline-block;
	font-size: 12px;
	padding: 10px 5px;
	margin-right:1px;
}
.menu li .on {
	text-decoration: none;
	color:#000;
	font-weight:bold;
}



.form .form_del_checkbox
{
	display:inline-block;
	width:20px;
}

.form table
{
	width:720px;
	/*min-width: 650px;*/
	/*max-width: 1000px;*/
	/*width:100%;*/
	margin-bottom:10px;
}

.form table,
.form th,
.form td
{
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 10px;
	border: 2px solid #E3E3E3;
	text-align: left;
}
.form th
{
	border-left: 5px solid #666;
	background-color: #F5F5F5;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	width: 220px;
}

.form td input
{
	width: 320px;
	border: 1px solid #ABADB3;
	padding: 1px;
}

.form td input:focus
{
	background-color: lightblue;
}

.form td #tweet_flag
{
	width: 15px;
}

.form td .midium
{
	width: 130px;
}

.form td .short
{
width: 90px;
}

.form td .mini
{
width: 50px;
}

.form textarea
{
	width: 320px;
	height: 50px;
}

.form p
{
}


.form td .div
{
	font-size: 11px;
	color: #3E86BC;
	margin-top: 2px;
	margin-left: 2px;
}

.form td .label
{
	font-weight: bold;
	font-size: 12px;
}


.form .third_td
{
	background-color: #F5F5F5;
}

.form .third_td_loop
{
	background-color: #222;
	vertical-align: middle;
}

.form .third_td_loop a
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.form .third_td_loop a:hover
{
	color: red;
	text-decoration: none;
}

input[type="submit"],
input[type="button"]
{
	padding: 10px 50px;
	font-size: 1.0em;
	font-weight: bold;
}

.emu iframe
{
	border: 20px solid #000;
}


.top .sitemapbox
{
	width: 150px;
	height: 80px;
	border: 2px solid #000;
	margin: 15px;
	background-color: #eee;
	color: #333;
	font-size: 13px;
	line-height: 20px;
}

.block-a
{
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}




.tbl1,
.tbl1 th,
.tbl1 td
{
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 10px;
	border: 2px solid #E3E3E3;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}
.tbl1 th
{
	background-color: #F5F5F5;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}
.tbl1
{
	/* width:100%; */
}

.center,
.center th,
.center td
{
	text-align:center;
}




h2 {border: solid 2px #E4E2E3; font-size:14px; line-height:20px; padding: 10px; background-color:#F5F5F5; color:#000;
}

.long{
	width: 100%;
}

/* margin-bottom */
.mgb1{margin-bottom:1px;}
.mgb2{margin-bottom:2px;}
.mgb3{margin-bottom:3px;}
.mgb4{margin-bottom:4px;}
.mgb5{margin-bottom:5px;}
.mgb6{margin-bottom:6px;}
.mgb7{margin-bottom:7px;}
.mgb8{margin-bottom:8px;}
.mgb9{margin-bottom:9px;}
.mgb10{margin-bottom:10px;}
.mgb12{margin-bottom:12px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}
/* margin-top */
.mgt1{margin-top:1px;}
.mgt2{margin-top:2px;}
.mgt3{margin-top:3px;}
.mgt4{margin-top:4px;}
.mgt5{margin-top:5px;}
.mgt6{margin-top:6px;}
.mgt7{margin-top:7px;}
.mgt-5{margin-top:-5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt18{margin-top:18px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}
/* margin-left */
.mgl1{margin-left: 1px;}
.mgl2{margin-left: 2px;}
.mgl3{margin-left: 3px;}
.mgl5{margin-left: 5px;}
.mgl7{margin-left: 7px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}
.mgl25{margin-left: 25px;}
.mgl30{margin-left: 30px;}
.mgl40{margin-left: 40px;}
.mgl50{margin-left: 50px;}
.mgl60{margin-left: 60px;}
.mgl70{margin-left: 70px;}
.mgl80{margin-left: 80px;}
/* margin-right */
.mgr1{margin-right: 1px;}
.mgr2{margin-right: 2px;}
.mgr3{margin-right: 3px;}
.mgr4{margin-right: 4px;}
.mgr5{margin-right: 5px;}
.mgr7{margin-right: 7px;}
.mgr10{margin-right: 10px;}
.mgr11{margin-right: 11px;}
.mgr12{margin-right: 12px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgr25{margin-right: 25px;}
.mgr30{margin-right: 30px;}
.mgr40{margin-right: 40px;}
.mgr50{margin-right: 50px;}
.mgr60{margin-right: 60px;}
.mgr70{margin-right: 70px;}
.mgr80{margin-right: 80px;}

/* Page Navi */

ul.pageNav01 {
	margin: 0 0 0px;
	padding: 1px 1px 1px;
	/*background: #fff;*/
	/*text-align: center;*/
	font-weight: bold;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 0px;
	padding: 0;
	font-weight: bold;
}

ul.pageNav01 li span,
ul.pageNav01 li a {
	display: inline-block;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 2px 7px;
	background: #fff;
	border: 2px solid #ccc;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
}

ul.pageNav01 li a:hover {
	border: 2px solid #ccc;
	color: #fff;
	background: #54a554;
	font-weight: bold;
}

ul.pageNav01 li span.on {
	border: 2px solid #ccc;
	background: #54a554;
	color: #fff;
	font-weight: bold;
}



/* checkbox radio form css */

.form_ul {
/*list-style-type: decimal-leading-zero;*/
list-style-type: none;
}


.form_li {

}

.form_ul2 {
/*list-style-type: decimal-leading-zero;*/
list-style-type: none;
}


.form_li2 {
display: inline-block;
width: 80px;
}

.form_li_optgroup {
	margin:15px 0 7px -30px;
}

.checkradio_div {
padding: 0px;
}
.checkradio_div input[type=radio],
.checkradio_div input[type=checkbox] {
display: inline-block;
margin-right: 5px;
}
.checkradio_div input[type=radio] + label,
.checkradio_div input[type=checkbox] + label {
position: relative;

display: inline-block;
margin-right: 5px;

line-height: 20px;
cursor: pointer;
}

@media (min-width: 1px) {
.checkradio_div input[type=radio],
.checkradio_div input[type=checkbox] {
display: none;
margin: 0;
}
.checkradio_div input[type=radio] + label,
.checkradio_div input[type=checkbox] + label {
padding: 0 0 0 24px;
margin-left: -35px;
}
.checkradio_div input[type=radio] + label::before,
.checkradio_div input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 50%;
left: 0;

-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 18px;
height: 18px;
margin-top: -9px;


background: #FFF;
}
.checkradio_div input[type=radio] + label::before {
border: 2px solid #ccc;
border-radius: 30px;
}
.checkradio_div input[type=checkbox] + label::before {
border: 2px solid #ccc;
}
.checkradio_div input[type=radio]:checked + label::after,
.checkradio_div input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 50%;

-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.checkradio_div input[type=radio]:checked + label::after {
left: 5px;

width: 8px;
height: 8px;
margin-top: -4px;

background: #E71063;
border-radius: 8px;
}
.checkradio_div input[type=checkbox]:checked + label::after {
left: 3px;

width: 19px;
height: 8px;
margin-top: -8px;


border-left: 3px solid #E71063;
border-bottom: 3px solid #E71063;

-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}