@charset "UTF-8";

@font-face {
	font-family: 'BebasNeue';
	src: url('/int/fonts/BebasNeue-Bold.otf') format('opentype');
}

/* ====================================================== */
/* [ナビゲーション部分のjavascript読み込み] 			  */
/* ====================================================== */

body { behavior:url("/int/csshover.htc"); }	





/* [定ボ] 都道府県一覧 */

#main-box table.prefectures ul li {
	width: 4.85em;
}

/* ====================================================== */
/* [navi-box]（ナビゲーション） 						  */
/* ====================================================== */

/* ロールオーバー */

#navi-box a:hover img,
#navi-box input:hover {
	border-color:#FFCC00;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#navi-box div.pad {
	width:198px;
	margin:0px auto;
	padding:24px 6px 0px 7px;

}


/* サービスメニュー */


#int-nb-service li {
	text-align:center;
	background:url(/img/int/top/border_ja_service.gif) no-repeat 3px 100%;
	height:43px;
}

#int-nb-service li.nob {
	background:none;
	height:41px;
}

#navi-box #int-nb-service img {
	vertical-align:bottom;
}


/* 枠 */

#navi-box div.items {
	background:none;
	margin-bottom: 15px;
	padding-bottom: 15px;	
}

#navi-box div.items div.inner {
	padding:2px 2px 0px;
}

#navi-box div.items div.inner .textLeft{
	text-align:left;
}

/* EMS配達状況のご確認 */

#navi-box #int-nb-inquiry {
	background:transparent url(/img/int/top/nb_bg2.gif) no-repeat scroll 0 100%;
}

#navi-box #int-nb-inquiry p {
	text-align:center;
	padding:5px 0px 0px;
}

#int-nb-inquiry p.arrange-c input {
	width:130px;
	height:18px;	
	border:1px solid #CCC;
}

#int-nb-inquiry table {
	margin-top:5px;
}


/* 国際郵便マイページサービス */

#navi-box #int-nb-mypage {
	background:transparent url(/img/int/top/nb_mypage_bg2.gif) no-repeat scroll 0 100%;
}

#navi-box #int-nb-mypage div.inner {
	font-size:70%;
	background:transparent url(/img/int/top/nb_mypage_bg.gif) repeat-y scroll 0 0;
}


/*#navi-box #int-nb-mypage div.inner, {
 text-align:center;
 padding:10px 10px 0px;
}*/

#navi-box #int-nb-mypage div.inner p {
	margin-top:10px;
}



#navi-box #int-nb-mypage div.inner {
	text-align:center;
	padding:10px 10px 0px;
}



/* その他共通部 */

#navi-box #int-nb-inquiry div.inner, #navi-box #int-nb-service div.inner {
	font-size:70%;

}


table#pressing, table#pressing *, #int-nb-inquiry table, #int-nb-inquiry table * {
	border-collapse:collapse;
	border-spacing:0px;
	border:0px;
	padding:0;
}

table#pressing {
	margin-bottom:15px;
}

table#pressing th {
	font-size:75%;
	border:1px solid #C00;
	border-left:0px;
	background-color:#CC0000;
}

table#pressing th a {
	color:#fff;
}

table#pressing td {
	font-size:75%;
	width:550px;
	border:1px solid #C00;
}

table#pressing td span {
	display:block;
	padding:5px 0px;
	margin:0px 5px;
}



/* ====================================================== */
/* [path-box] (パンくずリスト)							  */
/* ====================================================== */

#path-box div.pad {
	padding: 0;
	font-size: 100%;
}

#path-box div.pad td.path {
	padding: 14px 15px 7px;
	font-size: 75%;
	line-height: 120%;
}

#path-box div.pad td.lang {
	padding: 4px 10px;
	font-size: 87.5%;
	line-height: 120%;
}

#path-box div.pad td.lang select {
	vertical-align: middle;
}

/* (070625：言語選択の表示を初期化) */

#path-box div.pad td.lang #ls-reg {
	display: none;
}

#path-box div.pad td.lang #ls-sub {
	display: block;
}

/* ====================================================== */
/* [main-image] 							  */
/* ====================================================== */

#main-image {
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}
#main-box #main-image h1 {
	margin-bottom: 30px;
}
#main-image .anchor_menu {

}
#main-image .anchor_menu ul {
	width: 840px;
	margin: 0 auto;
}
#main-image .anchor_menu li {
	float: left;
	width: 268px;
	margin-right: 18px;
	background-color: #FFF;
	padding-bottom: 2px;
}
#main-image .anchor_menu li:last-child {
	margin-right: 0;
}
#main-image .anchor_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/int/UGX/img/top/ico_btn_arrow-down.png) no-repeat 243px 30px;
	text-decoration: none;
	border: 2px solid #d4202d;
	box-sizing: border-box;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#main-image .anchor_menu li a:hover {
	opacity: 0.5;
}
#main-image .anchor_menu li a em {
	font-size: 14px;
	font-weight: bold;
	display: block;
	line-height: 1;
	margin-bottom: 9px;
	color: #d4202d;
}
#main-image .anchor_menu li a span {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	display: block;
	line-height: 1;
}
#main-image .anchor_menu li a span sup {
	font-size: 10px;
	position: relative;
	line-height: 1;
}

#main-image .anchor_menu p.chu {
	position: absolute;
	left: 0;
	color: #666;
	font-size: 11px;
	margin-top: 5px;
}


@media screen and (max-width: 640px) {
	#main-image {
		text-align: center;
		position: relative;
		margin-bottom: 43px;
	}
	#main-box #main-image h1 {
		margin-bottom: 0;
		padding: 0;
	}
	#main-image .anchor_menu {
		width: auto;
		position: static;
		bottom: -2px;
		left: 0;
		z-index: 10;
		margin: 0 -12px;
	}
	#main-image .anchor_menu ul {
		width: auto;
		margin: 0 auto;
	}
	#main-image .anchor_menu li {
		float: none;
		width: auto;
		margin-right: 0;
		background-color: #FFF;
		padding-bottom: 2px;
	}
	#main-image .anchor_menu li:last-child {
		margin-right: 0;
		border-bottom: 2px solid #d4202d;
	}
	#main-image .anchor_menu li a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(/int/UGX/img/top/sp/ico_btn_arrow-down.png) no-repeat right 2.5% top 50%;
		background-size: 13px;
		text-decoration: none;
		border: none;
		border-top: 2px solid #d4202d;
		text-align: center;
		padding: 15px 0;
	}
	#main-image .anchor_menu li a:hover {
		opacity: 1;
	}
	#main-image .anchor_menu li a em {
		font-size: 11px;
		font-weight: bold;
		display: block;
		line-height: 1;
		margin-bottom: 9px;
		color: #d4202d;
	}
	#main-image .anchor_menu li a span {
		font-size: 17px;
		font-weight: bold;
		color: #333333;
		display: block;
		line-height: 1;
	}
	#main-image .anchor_menu li a span sup {
		font-size: 11px;
	}

	#main-image .anchor_menu p.chu {
		position: absolute;
		left: 0.5em;
		color: #666;
		font-size: 10px;
		margin-top: 5px;
	}
}




/* ====================================================== */
/* [main-box] (メインブロック)							  */
/* ====================================================== */

#main-box div.pad {
	padding: 15px 80px 0;
	border: none;
}

/* 0705 */
#main-box div.pad div.arrange-c #ls-reg-2 {
	display: none;
}

#main-box div.pad div.arrange-c #ls-sub-2 {
	display: block;
}


#main-box div.pad .intro {
	background-color: #f6f6f8;
	margin: 0;
	padding: 25px 21px;
	line-height: 2;
}
#main-box div.pad .intro em {
	color: #d4202d;
}


#main-box .BebasNeue {
	background: none;
	margin: 0 auto 40px;
	padding: 0;
	line-height: 1;
	color: #333;
	border: none;
}
#main-box .BebasNeue span.main {
	font-family: BebasNeue;
	font-size: 68px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
#main-box .BebasNeue span.sub {
	font-size: 21px;
	display: inline-block;
	border-bottom: 3px solid #333;
	padding-bottom: 3px;
	position: relative;
	top: -6px;
	margin-left: 1em;
	letter-spacing: 0;
}
#about_area {
	padding: 60px 0;
}
#about_area ul.point {
	margin: 0 -5px 40px;
}
#about_area ul.point li {
	float: left;
	width: 145px;
	margin-right: 29px;
}
#about_area ul.point li:last-child {
	margin-right: 0;
}
#about_area ul.point li p.mark {
	margin-bottom: 7px;
}
#about_area ul.point li p.txt {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #d4202d;
}
#about_area ul.point li p.chu {
	font-size: 10px;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: -3px;
}

@media screen and (max-width: 640px) {
	#main-box div.pad {
		padding: 0;
	}


	#main-box div.pad .intro {
		background-color: #f6f6f8;
		margin: 0;
		margin-left: -10px;
		margin-right: -10px;
		padding: 18px 15px;
		line-height: 2;
		font-size: 12px;
	}
	#main-box div.pad .intro em {
		color: #d4202d;
	}


	#main-box .BebasNeue {
		background: none;
		margin: 0 auto 20px;
		line-height: 1;
		border-left: none;
		padding-left: 0;
		text-align: center;
	}
	#main-box .BebasNeue span.main {
		font-family: BebasNeue;
		font-size: 45px;
		font-weight: normal;
		letter-spacing: 0.05em;
		display: block;
	}
	#main-box .BebasNeue span.sub {
		font-size: 12px;
		display: inline-block;
		border-bottom: 3px solid #333;
		padding-bottom: 3px;
		position: static;
		top: -6px;
		margin-left: 0;
		letter-spacing: 0;
	}
	#about_area {
		padding: 40px 0;
	}
	#about_area ul.point {
		margin: 0 0px 13px;
	}
	#about_area ul.point li {
		float: left;
		width: 29%;
		margin-right: 6%;
		margin-bottom: 10px;
	}
	#about_area ul.point li:nth-child(3n) {
		margin-right: 0;
	}
	#about_area ul.point li:last-child {
		margin-right: 0;
	}
	#about_area ul.point li img {
		width: 100%;
		height: auto;
	}
	#about_area ul.point li p.mark {
		margin-bottom: 7px;
	}
	#about_area ul.point li p.txt {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #d4202d;
	}

	#about_area ul.point li p.chu {
		font-size: 10px;
		text-indent: -1em;
		padding-left: 1em;
		margin-top: 5px;
	}
}



#about_area ul.link {
	
}
#about_area ul.link li {
	width: 255px;
	height: 72px;
	float: left;
	border-bottom: 1px solid #ddd;
	margin-right: 33px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
#about_area ul.link li.large {
	height: 97px;
	border-top: 1px solid #ddd;
}
#about_area ul.link li:nth-child(3n) {
	margin-right: 0;
}
#about_area ul.link li:hover {
	opacity: 0.7;
}
#about_area ul.link li a {
	display: table;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333;
	position: relative;
	background: url(/int/UGX/img/top/ico_btn_arrow-right.png) no-repeat 100% 50%;
}
#about_area ul.link li a span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	padding-left: 60px;
	line-height: 1.35;
	font-size: 14px;
}
#about_area ul.link li.large a span {
	padding-left: 90px;
	font-size: 16px;
}

#about_area ul.link li.l1 {
	background-image: url(/int/UGX/img/top/about_ico1.png);
}
#about_area ul.link li.l2 {
	background-image: url(/int/UGX/img/top/about_ico2.png);
}
#about_area ul.link li.l3 {
	background-image: url(/int/UGX/img/top/about_ico3.png);
}
#about_area ul.link li.l4 {
	background-image: url(/int/UGX/img/top/about_ico4.png);
}
#about_area ul.link li.l5 {
	background-image: url(/int/UGX/img/top/about_ico5.png);
}
#about_area ul.link li.l6 {
	background-image: url(/int/UGX/img/top/about_ico6.png);
}
#about_area ul.link li.l7 {
	background-image: url(/int/UGX/img/top/about_ico7.png);
}
#about_area ul.link li.l8 {
	background-image: url(/int/UGX/img/top/about_ico8.png);
}
#about_area ul.link li.l9 {
	background-image: url(/int/UGX/img/top/about_ico9.png);
}
#about_area ul.link li.l10 {
	background-image: url(/int/UGX/img/top/about_ico10.png);
}
#about_area ul.link li.l11 {
	background-image: url(/int/UGX/img/top/about_ico11.png);
}

#about_area ul.link li.l12 {
	background-image: url(/int/UGX/img/top/about_ico12.png);
}

@media screen and (max-width: 640px) {
	#about_area ul.link {
		
	}
	#about_area ul.link li {
		width: 48.1666%;
		height: 56px;
		float: left;
		border-bottom: 1px solid #ddd;
		margin-right: 3.5%;
		background-repeat: no-repeat;
		background-position: 10px 50%;
	}
	#about_area ul.link li.large {
		width: 100%;
		height: 56px;
		border-top: none;
	}
	#about_area ul.link li:first-child {
		border-top: 1px solid #ddd;
	}
	#about_area ul.link li:nth-child(3n) {
		margin-right: 0;
	}
	#about_area ul.link li.normal:nth-child(odd) {
		margin-right: 0;
	}
	#about_area ul.link li.normal:nth-child(even) {
		margin-right: 3.5%;
	}
	#about_area ul.link li:hover {
		opacity: 0.7;
	}
	#about_area ul.link li a {
		display: table;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #333;
		position: relative;
		background: url(/int/UGX/img/top/sp/ico_btn_arrow-right.png) no-repeat 100% 50%;
		background-size: 14px;
	}
	#about_area ul.link li.normal a {
		background-size: 11px;
	}
	#about_area ul.link li a span {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
		padding-left: 39px;
		line-height: 1.35;
		font-size: 10px;
	}
	#about_area ul.link li.large a span {
		padding-left: 78px;
		font-size: 14px;
	}

	#about_area ul.link li.l1 {
		background-image: url(/int/UGX/img/top/sp/about_ico1.png);
		background-size: 35px;
	}
	#about_area ul.link li.l2 {
		background-image: url(/int/UGX/img/top/sp/about_ico2.png);
		background-size: 39px;
	}
	#about_area ul.link li.l3 {
		background-image: url(/int/UGX/img/top/sp/about_ico3.png);
		background-size: 40px;
	}
	#about_area ul.link li.l4 {
		background-image: url(/int/UGX/img/top/sp/about_ico4.png);
		background-size: 23px;
	}
	#about_area ul.link li.l5 {
		background-image: url(/int/UGX/img/top/sp/about_ico5.png);
		background-size: 24px;
	}
	#about_area ul.link li.l6 {
		background-image: url(/int/UGX/img/top/sp/about_ico6.png);
		background-size: 21px;
	}
	#about_area ul.link li.l7 {
		background-image: url(/int/UGX/img/top/sp/about_ico7.png);
		background-size: 16px;
	}
	#about_area ul.link li.l8 {
		background-image: url(/int/UGX/img/top/sp/about_ico8.png);
		background-size: 22px;
	}
	#about_area ul.link li.l9 {
		background-image: url(/int/UGX/img/top/sp/about_ico9.png);
		background-size: 24px;
	}
	#about_area ul.link li.l10 {
		background-image: url(/int/UGX/img/top/sp/about_ico10.png);
		background-size: 23px;
	}
	#about_area ul.link li.l11 {
		background-image: url(/int/UGX/img/top/sp/about_ico11.png);
		background-size: 23px;
	}
	#about_area ul.link li.l12 {
		background-image: url(/int/UGX/img/top/sp/about_ico12.png);
		background-size: 23px;
	}
}





#case_area {
	background-color: #f6f6f8;
	margin: 0 15px;
	padding: 80px 0 35px;
}

#case_area .inner {
	width: 830px;
	margin: 0 auto;
}

#case_area .body {
	padding-bottom: 45px;
}
@media screen and (min-width: 641px) {
	#case_area .body {
		display: block!important;
		height: auto!important;
		padding-bottom: 45px!important;
	}
}
#case_area .case h3 {
	background: none;
	border-top: 1px solid #d4202d;
	border-bottom: 1px solid #d4202d;
	background-color: transparent;
	vertical-align: middle;
	font-size: 24px;
	color: #d4202d;
	font-weight: bold;
	padding: 25px 13px 21px;
	line-height: 1;
	letter-spacing: 0.01em;
	margin: 0 0 40px;
}

#case_area .case h3 span.num {
	vertical-align: middle;
	display: inline-block;
	margin-right: 23px;
	position: relative;
	top: -3px;
}

#case_area p {
	margin: 0;
}
#case_area .case .group {

}
#case_area .case .group > .ph {
	float: left;
}
#case_area .case .group .txt_area {
	float: right;
	width: 420px;
	color: #333;
}

#case_area .case .group .txt_area .name {
	font-size: 14px;
	margin-bottom: 10px;
}
#case_area .case .group .txt_area .lead {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 25px;
}
#case_area .case .group .txt_area .txt {
	font-size: 14px;
	line-height: 1.8;
}
#case_area .case .group .chu {
	margin-top: 5px;
}
#case_area .case .group + .chu {
	margin-top: 22px;
}
#case_area .case .chu {
	font-size: 11px;
	line-height: 1.8;
	color: #666;
}


@media screen and (max-width: 640px) {
	#case_area {
		background-color: #f6f6f8;
		margin: 0;
		margin-left: -10px;
		margin-right: -10px;
		padding: 35px 0 17px;
	}

	#case_area .inner {
		width: auto;
		margin: 0 10px;
	}

	#case_area .body {
		padding-bottom: 23px;
	}
	#case_area .case h3 {
		border-top: 1px solid #d4202d;
		border-bottom: 1px solid #d4202d;
		background-color: transparent;
		vertical-align: middle;
		font-size: 13px;
		color: #d4202d;
		font-weight: bold;
		padding: 5% 8.1666% 5% 5.1666%;
		line-height: 1;
		margin: 0 0 17px;
		border-left: none;
		letter-spacing: -.4em;

		background: url(/int/UGX/img/top/sp/ico_btn_arrow-down.png) no-repeat right 5px top 50%;
		background-size: 14px;
	}
	#case_area .case h3.opened {
		background-image: url(/int/UGX/img/top/sp/ico_btn_arrow-up.png);
		background-size: 14px;
	}
	#case_area .case .body {
		display: none;
	}
	#case_area .case h3 > span {
		letter-spacing: normal;
	}

	#case_area .case h3 span.num {
		vertical-align: middle;
		display: inline-block;
		margin-right: 4.6153%;
		position: relative;
		top: -1px;
		width: 12.6923%;
	}
	#case_area .case h3 span.txt {
		vertical-align: middle;
		display: inline-block;
		width: 81.7692%;
		line-height: 1.4;
		letter-spacing: 0.01em;
	}

	#case_area p {
		margin: 0;
	}
	#case_area .case .group {

	}
	#case_area .case .group .txt_area .ph {
		margin-bottom: 12px;
	}
	#case_area .case .group .txt_area {
		float: none;
		width: auto;
		color: #333;
	}

	#case_area .case .group .txt_area .name {
		font-size: 10px;
		margin-bottom: 5px;
	}
	#case_area .case .group .txt_area .lead {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.6;
		margin-bottom: 18px;
	}
	#case_area .case .group .txt_area .txt {
		font-size: 12px;
		line-height: 1.8;
	}
	#case_area .case .group .chu {
		margin-top: 5px;
	}
	#case_area .case .group + .chu {
		margin-top: 10px;
	}
	#case_area .case .chu {
		font-size: 10px;
		line-height: 1.8;
		color: #666;
	}

}



#option_area {
	padding: 70px 0 0;

}
#option_area ul.link {
	
}
#option_area ul.link li {
	width: 390px;
	display:inline-block;
	vertical-align:top;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-right: 33px;
	padding:20px 20px 20px 0;
	height:150px;
	box-sizing:border-box;
	background: url(/int/UGX/img/top/ico_btn_arrow-right.png) no-repeat 100% 50%;
}
#option_area ul.link li:nth-child(2n) {
	margin-right: 0;
}
#option_area ul.link li:hover {
	opacity: 0.7;
}
#option_area ul.link li a {
	display: table;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333;
	position: relative;
}
#option_area ul.link li a span {
	display: block;
	font-weight:bold;
	margin-bottom:10px;
}
#option_area ul.link li:nth-child(n+3) {
	border-top: none;
}
#option_area div.nolink {
	border-top: 1px solid #ddd;
	padding:20px 0px 20px 0;
	margin-top: 30px;
	}
@media screen and (max-width: 640px) {
	#option_area ul.link li {
		width:100%;
		margin-right:0;
		height:auto;
	}
	#option_area ul.link li:nth-child(2n) {
		border-top: none;
	}
}


#contact_area {
	padding: 40px 0;

}
#contact_area h3 {
	background: none;
	color: #333;
	border: 1px solid #333;
	padding: 20px;
	font-size: 16px;
	text-align: center;
	background-color: transparent;
	margin: 0 0 13px;
}
#contact_area .btn {
	text-align: center;
	margin-top: 25px;
}
#contact_area .btn a {
	display: inline-block;
	padding: 20px;
	width: 310px;
	text-align: center;
	background: #d4202d url(/int/UGX/img/top/ico_btn_arrow-right-red.png) no-repeat right 19px top 50%;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
#contact_area .btn a:hover {
	opacity: 0.7;
}
#contact_area .bundle + .bundle {
	margin-top: 45px;
}

#contact_area .group {
	
}
#contact_area .group > div {
	float: left;
	width: 50%;
	text-align: center;
}
#contact_area .group .tel {
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
#contact_area .group h4 {
	color: #d4202d;
	margin: 0 0 20px;
	border-bottom: none;
	font-weight: bold;
	font-size: 18px;
	color: #d4202d;
}

@media screen and (max-width: 640px) {
	#contact_area {
		padding: 35px 0;

	}
	#contact_area h3 {
		color: #333;
		border: 1px solid #333;
		padding: 10px;
		font-size: 14px;
		text-align: center;
		background-color: transparent;
		margin: 0 0 25px;
	}
	#contact_area h3 + p {
		font-size: 12px;
	}
	#contact_area .btn {
		text-align: center;
		margin-top: 25px;
	}
	#contact_area .btn a {
		display: inline-block;
		padding: 10px;
		width: 60%;
		text-align: center;
		background: #d4202d url(/int/UGX/img/top/ico_btn_arrow-right-red.png) no-repeat right 10px top 50%;
		background-size: 14px;
		color: #FFF;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
	}
	#contact_area .btn a:hover {
		opacity: 0.7;
	}
	#contact_area .bundle + .bundle {
		margin-top: 45px;
	}

	#contact_area .group {
		
	}
	#contact_area .group > div {
		float: none;
		width: 100%;
		text-align: center;
	}
	#contact_area .group .tel {
		border-right: none;
		border-bottom: 1px solid #DDD;
		box-sizing: border-box;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#contact_area .group h4 {
		color: #d4202d;
		margin: 0 0 10px;
		border-bottom: none;
		font-weight: bold;
		font-size: 12px;
		color: #d4202d;
		border-left: none;
		padding-left: 0;
	}
	#contact_area .group .img {
		margin-bottom: 10px;
	}
	#contact_area .group .time {
		font-size: 11px;
	}
}


#download_area {
	background-color: #f6f6f8;
	margin: 0 15px;
	padding: 80px 0 35px;
}

#download_area .inner {
	width: 830px;
	margin: 0 auto;
}

#download_area .inner li {
	margin-bottom: 25px;
}
#download_area .inner li a {
	display: block;
}
#download_area .inner li a:hover {
	opacity: 0.7;
}

#download_area .inner li a span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 30px;
	height: 100%;
	text-decoration: underline;
	color: #1e4ea6;
}
#download_area .inner li a .i_pdf {
	background-image: url(/int/UGX/img/top/ico_pdf.png);
}
#download_area .inner li a .i_excel {
	background-image: url(/int/UGX/img/top/ico_excel.png);
}
#download_area .inner li a .i_word {
	background-image: url(/int/UGX/img/top/ico_word.png);
}

#download_area .inner li em {
	font-size: 12px;
	display: block;
	color: #000;
	margin-top: 3px;
	padding-left: 30px;
}

@media screen and (max-width: 640px) {
	#download_area {
		background-color: #f6f6f8;
		margin: 0 -10px;
		padding: 35px 0 15px;
	}

	#download_area .inner {
		width: auto;
		margin: 0 10px;
	}

	#download_area .inner li {
		margin-bottom: 20px;
	}
	#download_area .inner li a {
		font-size: 12px;
	}
	#download_area .inner li a span {
		display: inline-block;
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 30px;
		padding-top: 3px;
		padding-bottom: 5px;
		text-decoration: underline;
		color: #1e4ea6;
	}
	#download_area .inner li a .i_pdf {
		background-image: url(/int/UGX/img/top/sp/ico_pdf.png);
	}
	#download_area .inner li a .i_excel {
		background-image: url(/int/UGX/img/top/sp/ico_excel.png);
	}
	#download_area .inner li a .i_word {
		background-image: url(/int/UGX/img/top/sp/ico_word.png);
	}
	#download_area .inner li a span {
		background-size: 20px;
	}

	#download_area .inner li em {
		font-size: 10px;
		display: block;
		color: #000;
		margin-top: 3px;
		padding-left: 30px;
	}
}

/* [定ボ] ページ内ナビゲーションリスト */

#main-box div.inward {
	margin: 25px 0;
}

/* [定ボ] エラー表示 (一覧) */

#main-box div.err-list div.inner {
/*	width: 487px;*/
	width: 647px;
}

#main-box div.err-list div.col2-l {
	width: 30px;
}

#main-box div.err-list div.col2-r {
/*	width: 442px;*/
	width: 602px;	
}

/* [定ボ] 矢印付きの画面遷移ボタン */

#main-box div.int-signpost {
	margin: 20px 0;
/*	width: 519px;*/
	width: 679px;	
}

#main-box div.int-signpost div.col2-l {
/*	width: 252px;*/
	width: 332px;	
}

#main-box div.int-signpost div.col2-r {
/*	width: 252px;*/
	width: 332px;
}

/* [定ボ] フロートで画像とテキストとを横並び配置 (1) */

#main-box div.img1 {
/*	width: 519px;*/
	width: 679px;	
}

#main-box div.img1 div.col2-l {
	width: 102px;
}

#main-box div.img1 div.col2-r {
/*	width: 407px;*/
	width: 567px;	
}

/* [定ボ] フロートで画像とテキストとを横並び配置 (1列カラム) */

#main-box div.int-img {
	margin: 10px 0;
/*	width: 519px;*/
	width: 960px;
}

#main-box div.int-img div.col2-l {
	width: 52px;
}

#main-box div.int-img div.col2-r {
/*	width: 457px;*/
/*	width: 617px;*/
	width: 900px;
}

#main-box div.int-img p {
	margin: 0 0 5px;
}

#main-box div.int-img div.adapt {
	margin-bottom: -5px;
}

/* [定ボ] フロートで画像とテキストとを横並び配置 (2列カラム) */

#main-box div.half div.int-img {
/*	width: 252px;*/
	width: 332px;
}

#main-box div.half div.int-img div.col2-l {
	width: 52px;
}

#main-box div.half div.int-img div.col2-r {
/*	width: 190px;*/
	width: 270px;	
}



.cf:after {
	content:"";
	display:block;
	clear:both;
}

.sp_disp {
	display: none!important;
}

@media screen and (max-width: 640px) {
	.pc_disp {
		display: none!important;
	}
	.sp_disp {
		display: block!important;
	}
	img.sp_disp {
		display: inline-block!important;
	}
	br.sp_disp {
		display: inline!important;
	}
}


/* (共通) */

#main-box div.service div.half {
	margin-bottom: 0;
}

#main-box div.service ul {
	margin-bottom: 0;
}

#main-box div.service ul.mkr-next li {
	background: url("/img/common/mkr_next.gif") no-repeat 0 0.35em;
	margin-top: 0.5em;
	padding-left: 14px;
	font-size: 87.5%;
	line-height: 140%;
}

#download_area + div.pad {
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
}

#wrap-outer #wrap-inner #main-box div.service {
	margin-top: 15px;
	border-top: 1px dotted #CCCCCC;
	width: 959px;
}
@media screen and (max-width: 640px) {
	#wrap-outer #wrap-inner #main-box div.service {
		width: 100%;	
	}
}

#wrap-outer #wrap-inner #main-box div.service.first-item {
	margin: 0;
	border: none;
}
/* (上段) */

#main-box div.service div.int-img.ems {
	margin: 0;
}

/* (中段) */

#main-box div.service div.col3 {
	margin-left: 10px;
/*	width: 163px;*/
	width: 32%;
}

#main-box div.service div.col3.first-item {
	margin: 0;
/*	width: 173px;*/
	width: 32%;	
}

/* (下段) */

#main-box div.service ul.mkr-next li p {
	margin-bottom: 0;
}


@media screen and (max-width: 640px) {
	#download_area + div.pad {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}

	body.wide1200 #wrap-outer #wrap-inner #main-box div.service {
		margin-top: 15px;
		border-top: 1px dotted #CCCCCC;
	/*	width: 519px;*/
		width: 100%;
	}

	body.wide1200 #wrap-outer #wrap-inner #main-box div.service.first-item {
		margin: 0;
		border: none;
	}
	/* (上段) */

	#main-box div.service div.int-img.ems {
		margin: 0;
	}

	/* (中段) */

	#main-box div.service div.col3 {
		margin-left: 0;
	/*	width: 163px;*/
		width: 100%;
	}

	#main-box div.service div.col3.first-item {
		margin: 0;
	/*	width: 173px;*/
		width: 100%;	
	}

	/* (下段) */

	#main-box div.service ul.mkr-next li p {
		margin-bottom: 0;
	}
	
	
	/*20201030*/
	.sidebarSp li.arrow a{
		color: #FFF;
	}
	
	.adjust{
		padding: -0px !important;
	}
	ul.jpen li{
		margin-bottom: 5px;
	} 
	div.chu{
		margin-left: 10px;
	}
}