
body *
{
font-size: 12px;
}

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

p
{
line-height: 18px;
}

a
{
color: #00bcd4;
}
a:hover
{
color: #FFA54B;
}

.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:95%;
/*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;
}


.radius_notice {
margin:0; padding:0;
color:#333;
font-family:'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
/*font-family:'MS Pゴシック', 'MS UI Gothic', 'sans-serif';*/
font-size:0.75em;
line-height:2.4em;
letter-spacing:1px;

padding:10px 15px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

background:#f2f2f2;
border:1px solid #ccc;
margin:10px;
}
.bold { font-weight:bold; }




.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 table
{
width:100%;
/*min-width: 650px;*/
/*max-width: 1000px;*/
/*width:100%;*/
margin-bottom:10px;
}

.form table,
.form th,
.form td
{
border-collapse: collapse;
border-spacing: 0px;
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: 200px;
padding:10px;
}
.form td
{
padding:10px;
}

.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 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;
}

.treq
{
color: red;
}

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: 14px;
line-height: 18px;
}

.tbl2{
width:100%;
background-color: #00bcd4;
margin-bottom:1px;
}
.tbl2 td,th{
font-size:14px;
background: #fff;
}
.tbl2 .w1{
width:100px;
}
.tbl2 .tt a{
display:inline-block;
width:100%;
font-size:18px;
font-weight:bold;
text-decoration: none;
margin-bottom:3px;
}
.tbl2 .tm{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
.tbl2 .ks{
font-size:12px
}
.tbl2 .ks span{
line-height:20px;
}


.tbl3{
width:800px;
background-color: #00bcd4;
margin-bottom:1px;
}
.tbl3 th{
background: #00bcd4;
color:#fff;
}
.tbl3 td{
background: #fff;
}

.sns-wrap{
margin:20px 0 8 0;
padding:0;
overflow: hidden;
list-style: none;
}

.sns-wrap li{
float: right;
margin:0 15px 0 0;
overflow: hidden;
}

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: #00bcd4;
font-weight: bold;
}

ul.pageNav01 li span.on {
border: 2px solid #ccc;
background: #00bcd4;
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;
}

.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);
}
}

.radius5 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

div.tooltip {
width: 250px;
position: absolute;
left: -9999px;
background: #EEE;
padding: 5px;
border: 1px solid #AAA;
}

div.tooltip p {
color: #FFF;
background: #222;
padding: 5px 10px;
}

/* for print out */
@media print{
body {
-webkit-print-color-adjust: exact;
}
.bg_blue {
background: #168cd3 !important;
}
.sns-parent {
display: none;
}
.companyData .head {
background: #e8f5fc !important;
}
.companyData .prHead {
background: #e3f7b3 !important;
}
.companyData .item dt.col1 { background:#168cd3 !important;}
.companyData .item dt.col2 { background:#168cd3 !important;}
.companyData .item dt.col3 { background:#e55304 !important;}
.companyData .item dt.col4 { background:#168cd3 !important;}
.companyData .item dt.col5 { background:#168cd3 !important;}
.companyData .item dt.col6 { background:#8866bb !important;}
.companyData .item dt.col7 { background:#168cd3 !important;}
.companyData .item dt.col8 { background:#168cd3 !important;}
.companyData .item dt.col9 { background:#10ae08 !important;}
.companyData .item dt.col10 { background:#168cd3 !important;}
.companyData .item dt.col11 { background:#168cd3 !important;}
.companyData .item dt.col12 { background:#168cd3 !important;}
.companyData .item dt.col13 { background:#168cd3 !important;}
.companyData .item dt.col14 { background:#168cd3 !important;}
}
