@charset "utf-8";

:root {
  color-scheme: light !important;
}

*{
	margin:0;
	padding:0;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body{color:#333; font-size:12px}
form, input{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd, pre, blockquote,hr{margin:0;	padding:0}
a:link, a:visited{color:#006699; text-decoration:none}
a:hover{color:#006699; text-decoration:underline}
.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden}
.clearfix{min-height:1px}
* html .clearfix{
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}
/* new clearfix */
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */
.reset{width:100%; height:0; margin:0 0 0 0; padding:0 0 0 0; display:none !important; overflow:hidden; clear:both}
ul,li{list-style-type:none; list-style-image:none}

/* CONTAINER SETTING */
#container {width:990px; margin-right:auto; margin-left:auto; list-style-image:none; list-style-type:none}

/* HEADER SETTING */
#header{width:990px; margin:0 auto; background:url(../images/header_bg.gif) top repeat-x; position:relative}

/*---------- LOGO ----------*/
#logo{height:72px; padding:25px 0 10px 20px; float:left}

/*---------- LOGIN ----------*/
.id_pass_input{width:175px;	height:16px}
#ip_rem_txt{margin:10px 0; line-height:18px}
#auto_login_check{width:13px; height:13px; float:left; display:inline-block; margin:10px 5px 0 0}
#auto_login_txt{margin:10px 0 0 0}
#registration_btn{width:180px; height:75px; padding:25px 20px 0 0; float:right}
#new_global_navigation{width:960px; height:29px; background:url(../images/global_navi_bg.gif) repeat-x; position:relative; z-index:100; margin-top:0; margin-right:auto; margin-left:auto; padding-top:9px; padding-right:15px; padding-bottom:16px; padding-left:15px; float:left; clear:left}
#new_global_navigation #menu{margin:0 auto; width:950px; display:table-row;}
#new_global_navigation #menu > li{width:250px; height:28px; list-style:none; display:table-cell; vertical-align:top; position:relative}
#new_global_navigation #menu > li:not(:first-child){padding-left:10px;}
#new_global_navigation #menu > li > *:first-child{text-align:center; display:block; height:28px; line-height:28px; color:#fff; background-color:#333; border-radius:3px; cursor:pointer; font-weight:bold; background-image:linear-gradient(#555, #000); font-size:11px}
#new_global_navigation #menu > li > *.ngnl_2line:first-child{line-height:12px; height:25px; padding-top:3px;}
#new_global_navigation #menu > li:hover > *:first-child,
#new_global_navigation #menu li.ngnl_on > *:first-child{background-color:#7ebb00; background-image:linear-gradient(#bedd7f, #7ebb00); color:#3f5f00; text-decoration: none;}
.ngnl_pulldown ul{display:none; overflow:hidden; position:absolute; top:28px; left:-1px; padding:0; width:210px; border:solid 1px #ccc; background-color:rgba(255,255,255,.8); z-index:102}
#new_global_navigation li.ngnl_pulldown:hover ul{display:block;}
#new_global_navigation li.ngnl_pulldown li{border-top:#ccc 1px solid; text-align:center;}
#new_global_navigation li.ngnl_pulldown li > *{padding:7px 0; display:block}
#new_global_navigation li.ngnl_pulldown li > *:hover{background-color:#7ebb00; color:#fff; text-decoration:none;}


#contents_wrapper{width:950px; margin:0 auto; padding:0 20px}
#login img{
	display:inline-block;
	width:auto;
}
/*---------- BREADCRUMB LIST ----------*/
#breadcrumb_list{width:950px; margin:0 auto; padding:3px 0 0 0 ; clear:left}
#breadcrumb_lists{width:950px; margin:0 auto; padding:3px 0 8px 0; clear:left}

#left_contents{width:200px; float:left; overflow:hidden}
#left_contents h2{margin:10px 0 0 0}
#left_contents .cont_body, #left_contents .cont_body_r{ width:180px; padding:0 10px; background:url(../images/l_cont_body_bg.gif) repeat-y; overflow:hidden}
#left_contents .cont_btm{width:200px; height:10px; overflow:hidden}
#left_contents .cont_body ul {margin:10px 0 0 0}
#left_contents .cont_body li {padding:5px; line-height:16px; font-weight:bold !important}
#left_contents .cont_body li.grey {background-color:#F1F1F1}
#left_contents .cont_body .log {margin:0 !important; padding:5px 0; text-align: center;}
#left_contents .cont_body .link_box_gr .trigger, 
#left_contents .cont_body .link_box .trigger, 
#left_contents .cont_body .link_box_gr .active, 
#left_contents .cont_body .link_box .active{width:150px; line-height:18px; padding:5px 5px 5px 25px; color:#006699; font-weight:bold; cursor:pointer; overflow:hidden}
#left_contents .cont_body .link_box_gr{background:#ECECEC}
#left_contents .cont_body .link_box_gr .trigger, 
#left_contents .cont_body .link_box .trigger{background:url(../images/close_icon.gif) 5px 7px no-repeat}
#left_contents .cont_body .link_box_gr .active, 
#left_contents .cont_body .link_box .active{background:url(../images/open_icon.gif) 5px 7px no-repeat}
#left_contents .cont_body .link_box_gr li, 
#left_contents .cont_body .link_box li{width:150px; line-height:18px; margin:0 auto; padding:5px 5px 5px 20px; border-top:#C8C8C8 dotted 1px; list-style:none; background:url(../images/icon_a.gif) 10px 11px no-repeat}
.link_box_m li{width:150px; line-height:18px; margin:0 auto; padding:5px 5px 5px 20px; border-top:#C8C8C8 dotted 1px; list-style:none; background:url(../images/icon_a.gif) 10px 11px no-repeat}
#left_contents #banner li{width:200px; margin:10px 0 0 0; list-style:none; display:block; overflow:hidden}
#left_contents h3.app_heading {line-height:16px; margin:10px 0 0 0; padding:5px 0 0 45px; font-size:12px; height:40px; background:url(../images/l_app.gif) left top no-repeat}

#index_main_contents, #main_contents{width:740px; float:left; margin-top:0; margin-right:0; margin-bottom:0; margin-left:10px; position:relative;}
#index_main_contents h2, #index_main_contents h3, #main_contents h2{margin-top:10px; margin-right:0; margin-bottom:0; margin-left:0}
#index_left_contents{width:490px; float:left}
#index_right_contents{width:240px; float:right; margin-top:0; margin-right:0; margin-bottom:0; margin-left:10px; clear:right}
#index_left_contents .cont_body{width:470px; padding:0 10px; background:url(../images/idx_l_cont_body_bg.gif) repeat-y; overflow:hidden}
#index_left_contents .cont_btm{width:490px; height:10px; overflow:hidden}
#main_contents #cont_body{width:720px; padding-right:10px; padding-bottom:0; padding-left:10px; background-repeat:repeat-y; background-image:url(../images/m_cont_body_bg.gif); padding-top:10px}
#main_contents.main_contents_aria #cont_body.pad_rewrite {padding-right:10px; padding-left:10px; width:718px; background-image:none}
#main_contents #cont_btm{width:740px; height:10px; overflow:hidden; clear:both}
#main_contents h2{width:740px; height:32px}
#m_con_body{width:718px; height:auto; padding:10px 10px 5px 10px; border-left:#999999 solid 1px; border-right:#999999 solid 1px}
#main_contents.main_contents_aria {margin-top:10px; margin-bottom:30px; border-radius:2px; border:1px solid #999; box-sizing:border-box}
#m_con_btm{width:740px; height:5px}

#pagetop{width:950px; text-align:right; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px}
#footer_menu{width:990px; height:37px; text-align:center; background:url(../images/footer_menu_bg.gif) repeat-x; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
#footer_menu li{line-height:35px; color:#999999; display:inline}
#copyright{width:950px; margin:0 auto; padding:0 20px 5px 20px; text-align:right; font-size:10px}

.txt {padding:10px; line-height:20px}
.txt2 {padding:10px}
.txt_bold {font-weight:bold}
.txt_15em {font-size:1.5em}
.c_txt, .c_txt2, .c_txt3{line-height:20px; padding:10px 0 0 0}
.c_txt2{padding:5px 0 0 0}
.c_txt3{padding:20px 0 0 0}

/*---------- ALIGN ----------*/
.txt_aln_c{text-align:center}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
/*---------- SIZE ----------*/
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f20{font-size:20px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}

/*---------- COLOR ----------*/
.red{color:#F00}
.light_green{color:#0C0}
.d_green {color:#3F5F00}
.l_green{color:#7EBA00}
.green{color:#416000}
.yellow{color:#FF0}
.gold {color:#6A5300}
.white{color:#FFF}
.white_bg{background-color:#FFF}
.gray333{color:#333}
.gray666{color:#666}
.gray999{color:#999}
.grayccc{color:#CCC}
.blue{color:#069}
.skyblue{color:#0193FE}
.navy{color:#00406A}
.orange{color:#FF6600}
.black {color:#000}
.black_bg{background-color:#000}
.purple {color:#609}
.sat {color:#36F}
.sun {color:#F33}
.fw_b{font-weight:bold}
.link_txt{padding:10px 0 0 0; text-align:right; font-weight:bold}
.err_msg{line-height:18px; padding:10px 0 0 0; color:#CC0000; font-weight:bold}


/*---------- MARGIN ----------*/
.mg_tp5{margin-top:5px}
.mg_tp10{margin-top:10px}
.mg_tp20{margin-top:20px}
.mg_tp30{margin-top:30px}
.mg_tp100{margin-top:100px}

.mg_l10{margin-left:10px}
.mg_l20{margin-left:20px}
.mg_r10{margin-right:10px}

.mg_b10{margin-bottom:10px}
.mg_b20{margin-bottom:20px}

/*---------- PADDING ----------*/
.pd_tp10{padding-top:10px}
.pd_tp20{padding-top:20px}
.pd_tp30{padding-top:30px}

.pd_b10{padding-bottom:10px}
.pd_b20{padding-bottom:20px}
.pd_10{padding:10px}
.pd_20{padding:20px}


/*---------- WIDTH ----------*/
.w50{width:50px}
.w61{width:61px}
.w135{width:135px}
.w150{width:150px}
.w500{width:500px}

/*---------- CURSOR ----------*/
.cursor {cursor:pointer}
.tip {cursor:pointer}
/*---------- FLOAT ----------*/
.fl {float:left}
.fr {float:right}
.cr {clear:right}
.cl {clear:left}
.cb {clear:both}
.block{display:block}
.hidden {overflow:hidden}

.infoBox {position:absolute}
.infoBox > DIV {background-image:url(https://uma-jin.net/pc/images/tooltip_bg.png); color:#FFF; padding:10px; line-height:18px}
.tip a:hover{text-decoration:none}

.all_btn{margin-top:10px; height:20px; line-height:20px; width:177px; border-radius:2px; background-color:#81bd06; box-shadow:1px 1px #666; display:block; text-align:center; font-weight:bold}
.all_btn span{margin-right:5px}
.all_btn span:before{content:""; border-left:7px solid #3f5f00; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:0px solid transparent; display:inline-block; margin-right:5px}
.all_btn:hover{opacity:0.8; text-decoration:none}
.all_btn.all_g_btn{
	background-color:#bedd7f;
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture01.png),linear-gradient(#bedd7f, #7ebb00);
	color:#3f5f00;/*上の画像はトップページと下層ページで使うため、絶対パスで表記*/
	cursor:pointer;
    border:none;
}
.all_btn.all_g_btn:hover{
	opacity:1;
	background-color:#7ebb00;
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture01.png),linear-gradient(#7ebb00,#bedd7f);
}
.all_btn.all_o_btn{
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture03.png),linear-gradient(#ffd14c, #ffbd4c);
	color:#630;
	cursor:pointer;
    border:none;
}
.all_btn.all_o_btn:hover,
#reissue_send_btn.all_btn.all_o_btn:hover{
	opacity:1;
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture03.png),linear-gradient(#ffbd4c,#ffd14c);
}
#reissue_send_btn.all_btn.all_o_btn{
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture03.png),linear-gradient(#ffd14c, #ffbd4c);
}
.all_c_btn{
	margin:0 auto 20px
}
.all_btn.all_g_btn2{
	color:white;
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture04.png),linear-gradient(#92cc3c,#6ca418);
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	text-shadow:0 1px 1px rgba(0,0,0,0.7);
}
.all_btn.all_g_btn2:hover{
	background-image:url(https://uma-jin.net/pc/images/all_bg_texture04.png),linear-gradient(#6ca418,#92cc3c);
}
.contents_box{border-radius:3px; border:1px solid #999; margin-top:10px}
.h2_title_aria span { width:25px; height:25px; border:1px solid #d8eab2; border-radius:2px; background-color:#BEDD7F; background-image:linear-gradient(#bedd7f, #7ebb00); display:inline-block; margin:2px; vertical-align:middle}
.h2_title_aria span img {width:100%}
#left_contents h2.h2_title_aria,
#main_contents h2.h2_title_aria,
#index_main_contents h2.h2_title_aria,
h2.h2_title_aria{
    margin:1px;
    width:auto;
    height:auto;
    background-color:#333;
    background-image:linear-gradient(#555, #000);
    background-size:4px , 100%;
    border-radius:2px;
    color:#fff;
    font-size:14px;
}
h2.h2_title_aria small{font-size:12px}
#left_contents .contents_box{width:198px}
.contents_box .contents_aria{padding:0 8px 10px; overflow:hidden; background:none}
#left_contents .contents_box .contents_aria{width:180px; background:none}
#index_main_contents .contents_box .contents_aria{padding:10px}
.contents_aria{padding-bottom:10px}
.idx_scratch_aria {
    background-color:red;
    background-image:url(https://uma-jin.net/pc/images/idx_btn_scr_back01.png), url(https://uma-jin.net/pc/images/idx_btn_scr_back02.png);
    background-repeat:no-repeat,repeat;
    background-size:125% 90px,8px;
    background-position:center top 8px, 0 0;
	display:block;
	border-color:red;
}
.idx_scratch_aria:hover{text-decoration:none; opacity:1}
.idx_scratch_aria h2 img {width:180px; margin:0 auto; display:block}
.idx_scratch_aria .all_btn{background-color:#fffbdf; background-image:linear-gradient(#fffbdf,#fdc372); border-radius:4px; margin:2px auto; height:30px; border:1px solid #ffd346; box-shadow:1px 1px rgba(7,14,13,0.6); text-align:center; line-height:30px; margin-top:5px}
.idx_scratch_aria .all_btn:hover{opacity:1}
.idx_scratch_aria:hover .all_btn{background-color:#fdc372; background-image:linear-gradient(#fdc372,#fffbdf)}
.idx_scratch_aria .all_btn span:before{border-left:8px solid red; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:0}
.idx_scratch_aria .all_btn span {color:red; font-weight:bold; text-shadow:0 1px #fff}
.left_windex_desc strong{background-color:#333; background-image:linear-gradient(#444, #000); display:block; color:white; position:relative}
.idx_windex_txt{padding:7px 0 9px 9px; font-size:13px}
.idx_windex_txt b{color:#fff000; font-size:20px; padding-left:5px}
.left_windex_desc a{display:block; padding:10px 0 0}
.left_windex_desc a:hover{opacity:.8; text-decoration:none}
.left_sns{padding:0 8px}
.left_sns a{display:block; padding:10px 0}
.left_sns a:hover{opacity:0.8}
.left_sns li:first-child a{border-bottom:1px dotted #999}
.left_sns img,.left_sns span{display:inline-block; vertical-align:middle; font-weight:bold}
.left_sns img{width:auto; height:35px; margin-right:10px}
.contents_box_ad{margin-top:10px}
.blog_btn{height:40px; width:100%; box-shadow:none}
.blog_btn span{display:inline-block; text-align:left}
.blog_btn span:before{vertical-align:middle}
.blog_btn2{display:inline-block; vertical-align:middle; width:170px; padding-top:3px}
.blog_btn2 em,.blog_btn2 small{display:block; font-style:normal}
.blog_btn2 small{padding-left:6px; line-height:1.5em}
.border_dot_box{padding-bottom:10px; border-bottom:1px dotted #999}
#left_contents .contents_box .contents_aria.cont_body{padding:0 8px 10px}
.idx_bnr_aria {display:block; width:100%}
.main_clm_1 {width:740px}
.main_clm_2 {width:760px; display:table; border-collapse:separate; border-spacing:10px 0; margin-left:-10px}
.main_clm_2 .contents_box{display:table-cell;width:365px}
.main_clm_2 .contents_box_clm1{display:block;}
.login_form{
	background-image:url(https://uma-jin.net/pc/images/common_bg_a.gif);
	padding:8px;
	margin-top:10px;
}
.login_form dt,
.login_form dd{display:inline-block; font-weight:bold}
.login_form dt{width:65px; padding:0 2px}
.login_form dd input{width:250px; height:24px; box-sizing:border-box}
#auto_login_txt + .all_o_btn{margin:5px auto 10px}
#main_contents .contents_box #cont_body{background-image:none; padding-left:9px; padding-right:9px}
.bg_text{text-align:center; font-weight:bold; font-size:16px; padding:20px 0; color:333}
/******171110 login_id.html******/

.id_head{text-align:center;font-weight:bold;font-size:1rem;padding:15px 0}
.id_cnt{background:#ecffc0;text-align:center;padding:10px 10px 5px 10px;margin:0 0 0px 0;font-size:.9rem}
.id_cnt span{color:#5a8a00;font-weight:bold}
.id_cnt ul{display:flex;width:50%;margin:15px auto;align-items:center}
.id_cnt ul li{font-weight:bold}
.id_cnt ul li:nth-child(1){flex-basis:20%}
.id_cnt ul li:nth-child(2){flex-basis:80%;padding:8px 0;background:#fff;border:1px solid #5a8a00}
.tac_login{margin:0 auto 20px}
.bnr_border{border:1px solid #ddd; box-sizing:border-box; display:block}
.bnr_border img{width:100%}

#login .tal, #login .mailbox, #login .bg{padding-top:10px;}
#login .tal span{word-break:break-all;}

.umajinpro_leftbox{background-color:black; margin-top:10px; color:white}
.umajinpro_leftbox_text{padding:10px}
.umajinpro_leftbox_li{padding-left:10px}
.umajinpro_leftbox_li li{padding-bottom:10px}
.umajinpro_leftbox_li a{display:block}
.umajinpro_leftbox_li a img{width:180px;}
.umajinpro_leftbox_li a:hover img{opacity:0.7}

#new_global_navigation{z-index: 101;}
div#header_2018 {
	height: 80px;
    width: 100%;
    position: relative;
}
h1#header_2018_logo {
    width: 200px;
	position: absolute;
	left:calc(50% - 100px);
	top: calc(50% - 25px);
}
h1#header_2018_logo img{width: 100%;}

.header_2018_right_ul{
position: absolute;
right: 20px;
top:calc(50% - 12px);
}
.header_2018_right_ul li{
display: inline-block;
padding:0 0 0 10px;
width:30px;
}
.header_2018_right_ul li:nth-of-type(3) img{
	border-radius:50%;
}
.header_2018_right_ul li img{
width:100%;
}
span#line{display: block;width:235px;position: absolute;left:20px;top:calc(50% - 30px);}
span#line img{width:100%;}
#left_app + .contents_aria img{
	display:inline-block;
	width:auto;
}
.header_2018_right_li a{
	position:relative;
	display:block;
}
.header_2018_right_li a:hover{
	text-decoration:none;
}
.header_2018_right_li a:hover::after{
	content: attr(data-alt);
    position: absolute;
    display: block;
    width: 100px;
    left: -35px;
	top:30px;
    text-align: center;
    color: #7ebb00;
}