@charset "utf-8";

/*
Site Name: 日本郵便
File Name: top_renewal.css
Description: 2015年3月トップページ用CSS（幅1200）
*/ 


/*----------------------------------------------------------
reset 2013/07/09 従来reset.cssより統合
------------------------------------------------------------
Site Name: 日本郵便
File Name: reset.css
Description: ブラウザごとの違いをリセットするCSS
Created: 2009/09/02
----------------------------------------------------------*/
* {background-image:url(image);}

form {
	margin: 0;
	padding: 0;
	}


h1, h2, h3, h4, h5, h6, address {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

blockquote, p, pre, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ol, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	vertical-align:bottom;
	}
	
table th tr td{
	border:none;
}
	
/*----------------------------------------------------------
reset 2013/07/09 従来adjust.cssより統合
------------------------------------------------------------
Site Name: 日本郵便
File Name: adjust.css
Description: 調整用CSS
Created: 2009/09/02 
----------------------------------------------------------*/

/*----------------------------------------------------------
ClearFix
----------------------------------------------------------*/

.clearfix:after,
div#wrap_headline div#headline dl:after,
div#container div#contents:after,
div#main ul#mainBanner:after,
div#navi:after,
div#news dl:after,
ul.wrap_recommend_contents:after,
div.recommend dl:after,
div.recommend ul.wrap_recommend_contents li:after,
div.special dl:after{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.clearfix,
div#wrap_headline div#headline dl,
div#container div#contents,
div#main ul#mainBanner,
div#navi,
div#news dl,
ul.wrap_recommend_contents,
div.recommend ul.wrap_recommend_contents li,
div.recommend dl,
div.special dl {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

	
/*----------------------------------------------------------
reset
----------------------------------------------------------*/	
* {
	font-style:normal;
}

body {
	color: #333333;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align: left;
	background-image:none !important;
}


/*-----------------------------------------------------
common.cssを上書き
-------------------------------------------------------*/
a:link {
	color: #1E4EA6;
	text-decoration: underline;
}

a:visited {
	color: #800080;
	text-decoration: underline;
}

a:hover {
	color: #1E4EA6;
	text-decoration: underline;
}

/*-----------------------------------------------------
大枠
-------------------------------------------------------*/
div#container {
	width: 1200px;
	margin: 0 auto;
	background: #FFFFFF;
	}

/*-----------------------------------------------------
ヘッダー、フッター
-------------------------------------------------------*/
.searchreader {
	display:none;
} 


/* ====================================================== */
/* [head-box] (ヘッダブロック)	w-logo	2013.09.03		  */
/* ====================================================== */

#head-box_w #head-navi_w li {
	font-size: 1em;
	}

#head-box_w {
	border-width: 0px;
	}


#head-box_w {
	/*background:url(/img/top/bg_header.gif) repeat-x bottom left #FFFFFF; */
	width: 1200px;
	/*padding-bottom:15px;*/
	padding-bottom:0px;
}

#head-box_w div.pad {
	padding: 0;
	background:url(../img/top/bg_head_top.gif) no-repeat top center;
	height:62px;
	position:relative;
}

/* フロートに後続する流し込みを解除 */

#head-box_w div.clear {
	clear: both;
}

/* ロゴ */

#head-box_w #logo_yubin {
	position:absolute;
	left:35px;
	top:15px;
}

#head-box_w #logo_kyoku {
	position:absolute;
	top:15px;
	right:45px;
}

/* 標語 */

#head-box_w #motto {
	text-align:center;
	position:relative;
	top:34px;
}

/* ヘッダ下部エレメント群 */

#guideArea{
	clear:both;
	display:block;
	margin:0;
}

/* ナビゲーション */
#guideArea {
	width:1200px;
	/*height:38px;*/
	/*vertical-align:baseline;*/
	/*padding:5px 0 3px 0;*/
	margin:0 0 8px 0;
	*margin:0 0 9px 0;
	padding:0;
}
#guideArea #guide ul{
	width:70%;
	vertical-align:baseline;
	margin-top:8px;
	*margin-top:10px;
}
#guideArea #guide li {
	float:left;
	padding: 0 6px;
	border-right: 1px solid #333333;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	font-size:12px;
	*font-size:11px;
	*vertical-align:bottom;
}

#guideArea #guide li.first {
	padding: 0 6px 0 0 !important;
}

#guideArea #guide li.last {
	border: none;
}

/* 検索 */
#guideArea #sitesearch{
	float:right;
	width:290px;
	margin-right:0px;
	margin-top:-3px;
	*margin-top:-20px;
}
#guideArea form {
	margin-top: 0;
	
}

#guideArea input.site-search-txt {
	width: 200px;
	vertical-align:middle;
}

@media screen and (max-width: 480px) {
#guideArea input.site-search-txt {
	width: 190px;
	vertical-align:middle;
}	
	}

@media screen and (max-width: 800px) {
#guideArea input.site-search-txt {
	width: 180px;
	vertical-align:middle;
}	
	}

#guideArea input.site-search-btn {
	margin-right:0px;
	margin-left: 3px;
	vertical-align:middle;
	*vertical-align:top;
}


/* ====================================================== */
/* [foot-box] (フッタブロック)							  */
/* ====================================================== */
/* 
#foot-box {
	background: #FFFFFF;
	width: 1200px;
	clear: both;
}



#foot-box div.upper {
	padding: 50px 15px 5px 33px;
}

#foot-box div.upper div.col2-l {
	width: 88px;
	float: left;
}
#foot-box div.upper div.col2-l img{ position:relative; bottom:-4px;}


#foot-box div.upper div.col2-r {
	width: 785px;	
	float: right;
	font-size: 0.8em;
}

#foot-box #foot-navi li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #333333;
	float: left;
	line-height: 1.1;
	font-size: 1em;
}

#foot-box #foot-navi li.rear {
	margin: 0;
	padding: 0;
	border: none;
	width: 10.25em;
}

#foot-box div.clear {
	clear: both;
}


#foot-box div.lower {
	background: #CC0000;
	width: 1200px;
}

#foot-box div.lower div.col2-l {
	padding: 7px 15px 5px 33px;
	width: 104px;
	float: left;
}

#foot-box div.lower div.col2-r {
	padding: 8px 15px 5px;
	width: 318px;
	float: right;
}
*/

/* ======================================================
印刷対応
====================================================== */
.printimg{
	display:none;
	}

@media print {

	/* 主要ブロック (hide) */
	div.printimg {
	display:block;
	margin-bottom: 15px;
	}
	
	#head-box {
	display: none;
	}

	#foot-box {
	display: none;
	}


div#container {
		width: auto;
		display:table;
	}

div#container div#contents div#main {
	display:table-cell;
	float: none;
	width: 600px;
	padding-right: 0px;
	}


div#container div#contents div#sidebar {
	float: none;
		display:table-cell;
		width: auto;
		_zoom:98%; /*WinIE*/
	}

}

/*-----------------------------------------------------
ヘッダーナビ
-------------------------------------------------------*/
div#headerNavi {
	width: 850px;
	margin: 0 20px 15px 20px;
	padding: 0px 15px;

	font-size: 1.1em;
	}

div#headerNavi ul {
	text-align: right;
	}

div#headerNavi ul li {
	display: inline;
	}

div#headerNavi ul li span {
	font-weight: bold;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat left center;
	}

div#headerNavi ul li.group {
	padding-left: 10px;
	} 

div#headerNavi ul li.group a {
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat left center;
	}

/*検索窓*/

.head_search {
	background: url(/img/top/icon_head_search.gif) no-repeat 2px center;
	padding-left:20px;
	color:#777;
	}

/*グローバルナビゲーション*/

#head-box #global_navi　{
	width:920px;
}

#head-box #global_navi ul{
	margin:14px 0 0 16px;
	padding:0;
}

#head-box #global_navi li {
	float:left;
	padding-right:4px;
}
	#head-box #global_navi li.last {
		padding-right:0;
	}

/*-----------------------------------------------------
ヘッドライン
-------------------------------------------------------*/
div#wrap_headline {
	width: 708px;
	border:#F7C33C 2px solid;
	}
	
div#wrap_headline div#headline {
	width: 708px;
	padding: 2px 0 0 0;
	}

div#wrap_headline div#headline dl {
	width: 708px;
	}

div#wrap_headline div#headline dl dt {
	float: left;
	width: 90px;
	padding: 12px 0 7px 10px;
	*padding: 8px 0 7px 10px;
	}
	div#wrap_headline div#headline dl dt, x:-moz-any-link, x:default  {		 
	padding: 2px 0 7px 10px; 
	}

div#wrap_headline div#headline dl dd {
	float: right;
	width: 595px;
	padding: 9px 10px 7px 0;
	font-weight: bold;
	}

/*-----------------------------------------------------
コンテンツ
-------------------------------------------------------*/
div#container div#contents {
	width: 1200px;
	margin: 0 ;
	font-size: 1.1em;
	line-height: 1.6;
	}

div#container div#contents div#main {
	float: left;
	width: 953px;
	padding-right: 15px;
	}

div#container div#contents div#sidebar {
	float: right;
	width: 232px;/*旧225px*/
	}

div#contents p.all {
	clear: both;
	text-align: right;
	}
	div#contents p.all_l {
	clear: both;
	text-align: left;
	}
	div#contents p.all_l a {
	padding: 0 10px 0 8px;
	background: url(/img/top/icon_sublink.gif) no-repeat left 5px;
	}

div#contents p.all a {
	padding: 0 10px 0 16px;
	_padding: 3px 10px 4px 16px;
	_line-height:130%;
	_background: url(/img/top/icon_arrow-r.gif) no-repeat 1px 0.55em;
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 3px;/*右ナビ(例：「キャンペーン」 など)*/
	}

.sideContents p.all {
	padding-right:5px !important;
	}

div#contents p.all a.left {
	padding: 0 0px 0 6px;
	background: url(/img/top/icon_sublink.gif) no-repeat left 5px;
	font-size:90%;
	}

/* 100621追加 */

div#contents p.all-head {
	clear: both;
	text-align: right;
	}

div#contents p.all-head a {
	padding: 0 15px 0 8px;
	background: url(/img/top/icon_sublink.gif) no-repeat left 5px;
	}	
	
div#contents p.all-bottom {
	clear: both;
	text-align: center;
	}	

div#container div#contents .btm {
	background: none;
	}

/* トップメニュー*/
ul.top_servicemenu{
	width:938px;
	margin-bottom:0;
	*margin-top:10px;
}

ul.top_servicemenu li{
	float:left;
	list-style:none;
}
ul.top_servicemenu img {
	border:0;
}

ul.top_servicemenu .menu01 a {
	display:block;
	width:235px;
	height:56px;
	background:url(/img/top/btn_top_menu01.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
ul.top_servicemenu .menu01 a:hover {
	background-position:left bottom;
}

ul.top_servicemenu .menu02 a {
	display:block;
	width:234px;
	height:56px;
	background:url(/img/top/btn_top_menu02.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
ul.top_servicemenu .menu02 a:hover {
	background-position:left bottom;
}

ul.top_servicemenu .menu03 a {
	display:block;
	width:234px;
	height:56px;
	background:url(/img/top/btn_top_menu03.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
ul.top_servicemenu .menu03 a:hover {
	background-position:left bottom;
}

ul.top_servicemenu .menu04 a {
	display:block;
	width:235px;
	height:56px;
	background:url(/img/top/btn_top_menu04.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
ul.top_servicemenu .menu04 a:hover {
	background-position:left bottom;
}

/*-----------------------------------------------------
左カラム
-------------------------------------------------------*/
/* 大バナー */

#topbanner { position:relative; width:640px; height:210px; margin-bottom:10px; }
#topbanner img{width:640px; height:210px;}
#topbanner a { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#topbanner a.active { z-index:10; opacity:1.0; }
#topbanner a.last-active { z-index:9; }

/* バナー(1つ並び枠なし) */
div#main ul#mainBanner01 {
	width: 640px;
	height: 180px;
	margin-bottom: 15px;
	}

div#main ul#mainBanner01 li {
	text-align: center;
	}/*10/07/06追加*/	



/* バナー(2つ並び枠あり) */
div#main ul#mainBanner {
	width: 640px;
	height: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background: url("/img/top/bg_mainbn.gif") no-repeat top left;
	}

div#main ul#mainBanner li {
	float: left;
	text-align: center;
	}

div#main ul#mainBanner li#mainbn01 {
	width: 426px;
	}

div#main ul#mainBanner li#mainbn02 {
	width: 214px;
	}
	
/* バナー(2つ並び枠なし) */
div#main ul#mainBanner02 {
	width: 640px;
	height: 180px;
	margin-bottom: 15px;
	}

div#main ul#mainBanner02 li {
	float: left;
	text-align: center;
	}

div#main ul#mainBanner02 li#mainbn01 {
	width: 426px;
	}

div#main ul#mainBanner02 li#mainbn02 {
	width: 214px;
	}/*10/01/19追加*/	
	
/* バナー(3つ並び枠なし) */
div#main ul#mainBanner03 {
	width: 640px;
	height: 180px;
	margin-bottom: 15px;
	}

div#main ul#mainBanner03 li {
	float: left;
	text-align: center;
	}

div#main ul#mainBanner03 li#mainbn01 {
	width: 213px;
	}

div#main ul#mainBanner03 li#mainbn02 {
	width: 213px;
	}
	
div#main ul#mainBanner03 li#mainbn03 {
	width: 214px;
	}/*1027追加*/			
	
/* ====================================================== */
/* ナビゲーション(上段) 					 			  */
/* 2013/10/1リニューアル対応				   			  */
/* ====================================================== */

div#navi {
	width: 936px;
	margin-top:8px;
	margin-bottom: 8px;
	padding-bottom:10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
	
div#navi h2{
	display:block;
	color:#C00;
	font-weight:bold;
	background: url(/img/top/bg_zone_title.gif) no-repeat top left;
	height:30px;
	margin-bottom:0px;
	padding: 10px 0 0 29px;
	}
	div#navi h2 a{
	display:block;
		font-size:0.7em;
		font-weight:bold;
		color:#C00;
		text-decoration:underline;
	}
	
div#navi h3{
	width:202px;
	padding: 17px 0 13px 18px;
	}
	div#navi h3 a{
		display:block;
		font-size:0.7em;
		font-weight:bold;
		color:#C00;
		text-decoration:underline;
	}

/*div#main .navititle{
	color:#C00;
	font-weight:bold;
	background: url(/img/top/bg_zone_title.gif) no-repeat top left;
	height:30px;
	width:683px;
	margin-top:15px;
	margin-bottom:0px;
	padding: 10px 0 0 29px;
	}
	div#main .navititle a{
		color:#C00;
		text-decoration:underline;
	}*/
	
div#navi ul{
		padding-top:3px;
	}
div#navi ul li{
		line-height:115%;
		padding-left:10px;
		padding-bottom: 8px;
		background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}
div#navi ul li a{
		display:block;
		width:195px;
	}
	
div#navi .menu{
	float:left;
	width:32.6%;
	background-repeat:no-repeat;
	/*margin-right:8px;*/
}
	div#navi .menu ul{
		margin-left:20px;
}

div#navi .sp-r10{
	margin-right:10px;
}

div#navi .sp-r9{
	margin-right:9px;
}

div#navi .sp-r8{
	margin-right:8px;
}
div#navi dl {
	float: left;
	}

div#navi dl dt {
	padding-bottom: 10px;
	}

div#navi dl dd {
	padding-left: 10px;
	}

div#navi dl dd dl.zone_navi {
	display:block;
	width: 224px;
	margin: 17px 0 10px 0;
	*margin: 12px 0 10px 0;
	}
div#navi dl dd dl.zone_navi , x:-moz-any-link, x:default  {		 
	margin: 7px 0 10px 0;
	}

div#navi dl dd dl.last {
	margin-bottom:60px;
	}
	
div#navi dl dd dl.zone_navi dt {
	padding: 0 0 0 10px;
	margin: 0px;
	vertical-align: top;
	background: url(/img/top/bg_zone_title.jpg) no-repeat top left #FFFFFF;
	}	

div#navi dl dd dl.zone_navi dd {
	padding-top: 10px;
	}

div#navi dl dd ul li {
	padding-bottom: 8px;
	line-height: 1.25;
	}

div#navi dl dd ul li.sub {
	padding-left: 10px;
	}

div#navi dl dd ul li a {
	display: block;
	padding-left: 10px;
	background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}
	
div#navi ul li.bnr{
	background:none !important;
	margin-top:10px;
	margin-left:-12px;
	}

div#navi dl dd.other {
	position:relative;
	display:block;
	width:420px !important;
	margin-left:7px;
	margin-top:-20px;
	*margin-top:-8px;
	*z-index:200;
	margin-bottom:5px;
	padding-left: 16px;
	font-weight:bold;
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 5px;
	}

div#navi p.all {
	position: absolute;
	bottom: 20px;
	right: 0;
	font-weight: bold;
	}
	
/* ====================================================== */
/* ナビゲーション(下段) 					 			  */
/* 2013/10/1リニューアル対応				   			  */
/* ====================================================== */
div#navi3bottom{
	width:938px;
	background:url(../img/top/bg_navi3bottom_base.gif) no-repeat bottom;
}

div#navi3bottom h2{
	position:relative;
	color:#C00;
	background: url(/img/top/bg_navititle2.gif) no-repeat top left;
	height:42px;
	width:306px;
	padding: 10px 0 0 28px;
	}
div#navi3bottom h2, x:-moz-any-link, x:default{
	padding: 8px 0 0 28px;
}
	div#navi3bottom h2 a{
		display:block;
		font-size:0.7em;
		font-weight:bold;
		color:#C00;
		text-decoration:underline;
	}
	div#navi3bottom h2 p{
		position:absolute;
		top:13px;
		left:60px;
		font-size:0.55em;
		padding-left:0.5em;
		font-weight:bold;
	}
	div#navi3bottom h2 p, x:-moz-any-link, x:default{
		top:11px;
	}
	div#navi3bottom ul{
		padding-top:3px;
	}
	div#navi3bottom ul li{
		line-height:115%;
		padding-left:10px;
		padding-bottom: 8px;
		background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}
	div#navi3bottom ul li a{
		display:block;
		width:281px;
	}
div#navi3bottom .menu_bank{
	float:left;
	width:306px;
	background-repeat:no-repeat;
	margin-right:10px;
	padding-bottom:7px;
}
	div#navi3bottom .menu_bank ul{
		margin-left:20px;
}

div#navi3bottom .menu_insurance{
	float:left;
	width:306px;
	background-repeat:no-repeat;
	margin-right:10px;
	padding-bottom:7px;
}
	div#navi3bottom .menu_insurance ul{
		margin-left:20px;
	}
	
div#navi3bottom .menu_life{
	float:left;
	width:306px;
	background-repeat:no-repeat;
	margin-right:0px;
	padding-bottom:7px;
}

div#navi3bottom .menu_life ul{
	margin-left:20px;
}

div#navi3bottom ul li.other {
	margin-left:-10px;
	margin-top:1em;
	padding-left: 15px;
	padding-bottom:15px;
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 1px;
	font-weight:bold;
	}
div#navi3bottom ul li.other, x:-moz-any-link, x:default  {
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 3px;
}

div#navi3bottom ul li.other2 {
	margin-left:-10px;
	margin-top:0.698em;
	padding-left: 15px;
	padding-bottom:15px;
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 1px;
	font-weight:bold;
	}
	
div#navi3bottom ul li.other2, x:-moz-any-link, x:default  {
	margin-top:0.7em;
	background: url(/img/top/icon_arrow-r.gif) no-repeat left 3px;
}
	
div#navi3bottom ul li span {
	display:block;
	font-size:0.80em;
	padding-bottom:1px;
	}
	
div#navi3bottom ul li.external {
	background: url(/img/top/icon_external.gif) no-repeat left 4px;
}
	
/* おすすめ */
div#pad_recommend {
	width:914px; /* all 938px */
 	padding:12px;
	background-color:#CCC;
	background-image:url(../img/top/bg_pad_recommend.gif);
}

div.recommend {
	width:914px;
	background-color:#FFF;
	}
	
div.recommend div.otherlink{
	text-align:right;
	padding-bottom:20px;
	padding-right:20px;
	*margin-top:15px;/*IE6.7*/
		line-height:0.8em;
		*line-height:0.3em;
	}
	div.recommend div.otherlink img{
		line-height:1.8em;
		vertical-align:middle;
		padding-right:3px;
	}

div.recommend h2{
	width:874px;
	height:40px;
	padding:20px 0 0 20px;
}

div.recommend ul.wrap_recommend_contents {
	padding-top:10px;
	}

div.recommend ul.wrap_recommend_contents li {
	width: 874px;/*旧630px*/
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	}

div.recommend dl.left {
	width: 437px;
	float: left;
	}
	
div.recommend dl.right {
	width: 431px;
	float: left;
	padding-left:6px;
	}


div.recommend dl dt {
	float: left;
	width: 102px;
	padding: 10px 0;
	}

div.recommend dl dd {
	float: left;
	width: 320px;
	padding: 8px 0 10px 5px ;
	line-height: 1.2;
	}

div.recommend p.all {
	position: absolute;
	bottom: 16px;
	right: 0;
	font-weight: bold;
	padding-right:0px;
	}

div.recommend dl p.title a {
	padding: 0 0 0 8px;
	background: url(/img/top/icon_link.gif) no-repeat left 0.4em;
	}
/* (131001：左) */
*.sp-lem {
	padding-left:0.5em;
}


/* ====================================================== */	
/* スライドバナーエリア　　　　　　　　　　 　　　　　　　*/
/* ====================================================== */

div#slide {
	margin-bottom:-2px;
	*margin-bottom:4px;
}
	div#slide .bnr{
		text-align:center;
	}



/* ====================================================== */	
/* ニュース・プレスリリース・ご注意ください 　　　　　　　*/
/* ====================================================== */

/*エリア枠*/
div#pad_press {
	margin-top:20px;
	width:872px;
	background-color:#FFF;
	padding:30px 32px 35px 32px;
	*padding:20px 32px 35px 32px;
	border:1px solid #CCC;
}

/* お知らせ・プレスリリース */
div.topNews {
	display:block;
	width: 874px;
	}
	
	.sp-tn{
	margin:30px 0 25px 0 !important;
	*margin:15px 0 10px 0 !important;
	}

div.topNews p#rssBtn {
	position: absolute;
	left: 585px;
	top: 7px;
	}

div.topNews dl {
	padding-top:10px;
	width: 874px;/*タイトル文字列が入る幅*/
	}

div.topNews dl dd {
	padding: 5px 0 5px 25px;
	/*background: url(/img/top/line_dot.gif) repeat-x bottom left;*/
	text-indent:-1em;
	margin-left:-0.5em;
	}
		div.topNews dl dd, x:-moz-any-link, x:default{
		padding: 1px 0 1px 25px;/*行間*/
		}

div.topNews dl dd span{
	display:inline-block;
	padding-right:1em;
	font-weight:bold;
}
div.topNews dl dd.line {
	background: none;
	border-bottom: 1px solid #d9d9d9;
	}
div.topNews dl dd a {
	padding-left:14px;
	background:#fff url(/img/top/icon_link.gif) no-repeat left 0.3em;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:115%;
	margin-left:0em;
	text-indent:0em;
	}
		*:first-child+html div.topNews dl dd a {
		margin-left:-1em !important;
		text-indent:0em;
		}
		* html div.topNews dl dd a {
		margin-left:-1em !important;
		}
		div.topNews dl dd a, x:-moz-any-link, x:default{
		line-height:105%;
		}

div.topNews dl dd a.popup {
	padding-left:13px;
	background:url(/img/top_gappei/icon_popup.gif) no-repeat 0 0.2em!important;
	}

div.topNews p.all {
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0 0 0;
	font-weight: bold;
	}

div.topNews p.mail {
	border-top:none;
	padding: 0 0 8px 0;
	}	

	div.topNews h2 {
	margin:0 0 5px 0;
	padding:0 0 13px 4px;
	border-bottom:#CCC 1px solid;
	}

	/* div.linkList*/
	div.topNews div.linkList {
	position:relative;
	top:0;
	right:0;
	width:250px;
	float:right;
	text-align:right;
	*margin-top:15px;/*IE6.7*/
	}
	
	div.topNews div.linkList ul {
	list-style-type:none;
	margin:0 0.3em 5px 0;
	}
	div.topNews div.linkList ul li {
	display:inline;
	margin-left:0.5em;
	padding-right:0.5em;
	border-right:1px solid #999;
	}
	div.topNews div.linkList li.lastNavi {
	padding-right:0;
	border-right:none;
	}
	div.topNews div.linkList ul li .icon_rss{
		padding-bottom:7px;
		*margin-top:5px;/*IE6.7*/
	}

	div.topNews div.linkList span.arrow{
		background:url(/img/top/icon_arrow-r.gif) no-repeat 0 0.2em;
		padding-left:18px;
		_background:url(/img/top/icon_arrow-r.gif) no-repeat 0 0.1em;
		_line-height:140%;
	}
	
/* ご注意ください */
div.topNotice {
	display:block;
	width: 644px;
	}	

div.topNotice p#rssBtn {
	position: absolute;
	left: 585px;
	top: 7px;
	}

div.topNotice dl {
	padding-top:10px;/*0717プラス*/
	width: 644px;/*タイトル文字列が入る幅*/
	}

div.topNotice dl dd {
	padding: 5px 0 5px 25px;
	/*background: url(/img/top/line_dot.gif) repeat-x bottom left;*/
	text-indent:-1em;
	margin-left:-0.5em;
	}
		div.topNotice dl dd, x:-moz-any-link, x:default{
		padding: 1px 0 1px 25px;/*行間*/
		}

div.topNotice dl dd span{
	display:inline-block;
	padding-right:1em;
	font-weight:bold;
}
div.topNotice dl dd.line {
	background: none;
	border-bottom: 1px solid #d9d9d9;
	}

div.topNotice dl dd a {
	padding-left:14px;
	background:#fff url(/img/top/icon_link.gif) no-repeat left 0.3em;
	display:inline-block;
	line-height:115%;
	margin-left:0em;
	text-indent:0em;
	}
		*:first-child+html div.topNotice dl dd a {
		margin-left:-1em !important;
		text-indent:0em;
		}
		* html div.topNotice dl dd a {
		margin-left:-1em !important;
		}
		div.topNews dl dd a, x:-moz-any-link, x:default{
		line-height:105%;
		}
div.topNotice dl dd a.popup {
	padding-left:13px;
	background:url(/img/top_gappei/icon_popup.gif) no-repeat 0 0.2em !important;
	}


div.topNotice p.all {
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0 0 0;
	font-weight: bold;
	}

div.topNotice p.mail {
	border-top:none;
	padding: 0 0 8px 0;
	}	

	div.topNotice h2 {
	margin:0 0 5px 0;
	padding:0 0 13px 4px;
	border-bottom:#CCC 1px solid;
	}

	/* div.linkList*/
	div.topNotice div.linkList {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	text-align:right;
	}
	div.topNotice div.linkList ul {
	list-style-type:none;
	margin:0 0.3em 5px 0;
	}
	div.topNotice div.linkList ul li {
	display:inline;
	margin-left:0.5em;
	padding-right:0.5em;
	border-right:1px solid #999;
	}
	div.topNotice div.linkList li.lastNavi {
	padding-right:0;
	border-right:none;
	}
	div.topNotice div.linkList ul li .icon_rss{
		padding-bottom:4px;
	}

	div.topNotice div.linkList span.arrow{
		background:url(/img/top/icon_arrow-r.gif) no-repeat 0 0.2em;
		padding-left:15px;
	}


/*-----------------------------------------------------
右カラム
-------------------------------------------------------*/

/*　外部リンク　*/

div#externalLinks{
	display:block;
	height:45px;
	padding:0 0 0px 0;
	background:#FFF;
	}

	
div#externalLinks ul{
	margin:0;
	padding:13px 0 0;
	}

div#externalLinks ul li{
	float:left;
	font-size:12px;
	display:block;
	width:85px;
	padding: 0 0 0 13px;
	background: url(/img/top/icon_external.gif) no-repeat center left;
	}

/*追跡サービス・郵便番号検索・郵便局をさがす*/

div#search {
	display:block;
	width:214px;
	padding:9px;
	background-color:#FFBF00;
	background-image:url(/img/top/bg_pad_search.gif) ;
}

div#search h3{
	font-size:14px;
	padding:10px 0 0 10px;
	*padding:7px 0 0 10px;
	height:16px;
	*height:14px;
	text-indent:-9999px;
}


div#search .sLink{
	margin-top:-2px;
}

div#search .sLink02{
	margin-top:-3px;
}

div#search p {
	font-size:13px;
	padding:0 0 0 12px;
	line-height:120%;
}

/*追跡サービス*/
div#search div.search01{
	clear:both;
	width:214px;
	height:125px;
	background-image:url(/img/top/bg_search01.gif) ;
	background-repeat:no-repeat;
}

div#search div.search01 dl {
	width: 200px;
	*width:196px;/*カラム対応*/
	padding: 0 10px;
	*padding: 0 0 0 12px;
	}
	
div#search div.search01 dl dt {
	padding: 7px 0 5px 0;
	line-height: 1;
	}

div#search div.search01 dl dd {
	margin-top:20px;
	padding-bottom: 6px;
	}

div#search div.search01 dl dd input {
	vertical-align: middle;
	/*margin-right: 2px;初期値5px*/
	color: #666666;
	}

div#search div.search01 p.last {
	padding: 5px 0 0 0;
	background: url(/img/top/bg_refi_btm.gif) no-repeat bottom left;
	}


div#search div.search01 dl dd input.text-w {
	width:133px;
}/*1027追加*/

@media screen and (max-width: 801px) {
div#search div.search01 dl dd input.text-w {
	width:128px;/*1010 fix*/
}	
	}







/*郵便番号検索*/
div#search div.search02{
	width:214px;
	height:108px;
	background-image:url(/img/top/bg_search02.gif) ;
	background-repeat:no-repeat;
}

div#search div.search02 dl {
	width: 200px;
	*width:196px;/*カラム対応*/
	padding: 0 10px;
	*padding: 0 0 0 12px;
	}
@media screen and (max-width: 1281px) {
	div#search div.search02 dl {
	width: 200px;
	padding: 0 2px;	
	margin-left:6px;}
}
	
div#search div.search02 dl dt {
	padding: 7px 0 5px 0;
	line-height: 1;
	}


div#search div.search02 dl dd {
	margin-top:20px;
	padding-bottom: 6px;
	}

div#search div.search02 dl dd input {
	vertical-align: middle;
	/*margin-right: -1px;初期値5px*/
	/*margin-left:3px;*/
	color: #666666;
	}

div#search div.search02 p.last {
	padding: 5px 0 8px 0;
	background: url(/img/top/bg_refi_btm.gif) no-repeat bottom left;
	}


div#search div.search02 dl dd input.text-w-left {
	width:60px;
	/**width: 38px;初期値110*/
	
}/*1027追加*/
div#search div.search02 dl dd select.text-w-left {
	width:40%;
}


@media screen and (max-width: 1281px) {
div#search div.search02 dl dd input.text-w-left {
	width:35px;
	margin-left:-5px;
}	
	}

div#search div.search02 dl dd input.text-w-right {
	width:25%;
	margin-left:0px;
	margin-right:0px;
	*width:54px;/*初期値110*/
	*margin-top:-5px;
}/*1027追加*/
@media screen and (max-width: 1281px) {
div#search div.search02 dl dd input.text-w-right {
	width:48px;
}	
	}

div#search div.search02 dl dd input.ie6{
	*margin-top:-5px;
}

@media screen and (max-width: 480px) {
	div#search div.search02 dl {
	/*width: 200px;*/
	padding: 0 5px;	
	margin-left:2px;}
}

@media screen and (max-width: 480px) {
div#search div.search02 dl dd input.text-w-left {
	width:40px;
}	
	}

@media screen and (max-width: 480px) {
div#search div.search02 dl dd input.text-w-right {
	width:40px;
}	
	}

/*郵便局をさがす*/
div#search div.search03{
	width:214px;
	height:100px;
	background-image:url(/img/top/bg_search03.gif) ;
	background-repeat:no-repeat;
}

div#search div.search03 dl {
	width: 200px;
	*width:196px;/*カラム対応*/
	padding: 0 10px;
	*padding: 0 0 0 12px;
	}
	
div#search div.search03 dl dt {
	padding: 7px 0 5px 0;
	line-height: 1;
	}

div#search div.search03 dl dd {
	margin-top:20px;
	padding-bottom: 6px;
	}

div#search div.search03 dl dd input {
	vertical-align: middle;
	/*margin-right: 2px;初期値5px*/
	color: #666666;
	}

div#search div.search03 p.last {
	padding: 5px 0 8px 0;
	background: url(/img/top/bg_refi_btm.gif) no-repeat bottom left;
	}


div#search div.search03 dl dd input.text-w {
	width:135px;
	*width:133px;
}/*1027追加*/	
@media screen and (max-width: 801px) {
div#search div.search03 dl dd input.text-w {
	width:128px;/*1010 fix*/
}	
	}

	
/*バナー群*/
#topbnr {
	margin-top:-3px;
}

/*バナー群(キャンペーンバナーなど)*/
div#topbnr2 {
	margin:8px 0 8px 0;
	width:214px;
	padding:9px;
	background-color:#CCCCCC;
	background-image:url(/img/top/bg_pad_recommend.gif) ;
}

/*20140820edit 193px対応*/
div#topbnr2 .inner{
	background-color:#FFF;
	padding:17px 0px 9px;
}

div#topbnr2 .inner p{
	text-align:center;
	margin-bottom:8px;
}

/*運行情報(ボタン)*/
div.topbnrArea .btn_topUnkou a {
	display:block;
	width:232px;
	height:58px;
	background:url(/img/top/bnr_top_unkou.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
div.topbnrArea .btn_topUnkou a:hover {
	background-position:left bottom;
}

/*ゆうびんポータル(ボタン)*/
div.topbnrArea .btn_topPotal a {
	display:block;
	width:232px;
	height:58px;
	background:url(/img/top/bnr_top_potal.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
div.topbnrArea .btn_topPotal a:hover {
	background-position:left bottom;
}

/*cmギャラリー(ボタン)*/
div.topbnrArea .btn_topCm a {
	display:block;
	width:232px;
	height:58px;
	background:url(/img/top/bnr_top_cmgallery.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
div.topbnrArea .btn_topCm a:hover {
	background-position:left bottom;
}

/*公式アプリ一覧(ボタン)*/
div.topbnrArea .btn_topApps a {
	display:block;
	width:232px;
	height:58px;
	background:url(/img/top/bnr_top_apps.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
div.topbnrArea .btn_topApps a:hover {
	background-position:left bottom;
}

/*ビジネス利用の方はこちらから(ボタン)*/
div.topbnrArea .btn_topBusiness a {
	display:block;
	width:232px;
	height:170px;
	background:url(/img/top/bnr_top_business.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
div.topbnrArea .btn_topBusiness a:hover {
	background-position:left bottom;
}

/*日本郵政(バナー)*/
#topbnr .bnr_topHoldings a {
	display:block;
	width:232px;
	height:48px;
	background:url(/img/top/bnr_top_holdings.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#topbnr .bnr_topHoldings a:hover {
	background-position:left bottom;
}

/*ゆうちょ銀行(バナー)*/
#topbnr .bnr_topBank a {
	display:block;
	width:232px;
	height:48px;
	background:url(/img/top/bnr_top_bank.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#topbnr .bnr_topBank a:hover {
	background-position:left bottom;
}

/*かんぽ生命(バナー)*/
#topbnr .bnr_topInsurance a {
	display:block;
	width:232px;
	height:48px;
	background:url(/img/top/bnr_top_insurance.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#topbnr .bnr_topInsurance a:hover {
	background-position:left bottom;
}

/* ボタン */
div#btnList {
	margin-bottom: 10px;
	}

div#btnList ul {
	width: 225px;
	padding: 15px 0 12px 0;
	text-align:center;
	background: url(/img/top_gappei/bg_btnlist.gif) no-repeat top left;
	}

div#btnList ul.yubin {
	padding: 15px 0 15px 0;
	background: url(/img/top_gappei/bg_btnlist2.gif) no-repeat top left;
	}

div#btnList ul li {
	width: 194px;
	margin: 0 auto 4px auto;
	}

div#sidebar div#btnList p.all {
	padding: 0 0 0 0;
	}

div#sidebar div#btnList p.all a {
	padding-right: 0;
	}

/* BIZPOST */
div#bn_bizpost {
	}

div#bn_bizpost p.all {
	padding: 0 0 15px 0;
	}

div#bn_bizpost p.all a {
	padding-right: 0;
	}

div.qa ul {
	width: 205px;
	padding: 2px 10px;
	}

div.qa ul li {
	padding: 8px 0;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	}

div.qa ul li.btm {
	background: none;
	}

div.qa li a {
	display: block;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}

div.qa p.all {
	padding: 5px 0;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	}

div.qa-q ul {
	width: 205px;
	padding: 2px 10px;
	}/* 100304追加 */

div.qa-q ul li {
	position:relative;
	padding: 8px 0;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	}/* 100304追加 */

	div.qa-q ul li img.faqBtn{
		position:absolute;
		top:4px;
		right:0;
	}
div.qa-q ul li.btm {
	background: none;
	}/* 100304追加 */

div.qa-q li a {
	display: inline-block;
	padding-left: 22px;
	background: url(/img/top/mkr_q.gif) no-repeat left 2px;
	}/* 100304追加 */

div.qa-q li a.btn {
	background:none;
	vertical-align:-0.2em;
	}


div.qa-q p.all {
	padding: 5px 0;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	}/* 100304追加 */


/* ビジネス向け */
div.business{
	text-align:center;
}
div.business li {
	width: 205px;
	padding-bottom: 10px;
	margin: 10px 10px 0 10px;
	}


/* 特集 */

div.special{
	text-align:center;
}
div.special ul {
	width: 205px;
	padding: 2px 10px;
	margin:0 auto;
}

div.special li {
	padding: 5px 0;
	}/* 100304追加 */

div.special p.all {
	padding: 5px 0;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	}

/*　リード文変更　*/
div.special dl dd.read {
	float:right;
	width: 205px;
	padding-top:6px;
	}
	
/*　リード文変更en　*/


/* 日本郵政グループサイト */
div.bnList ul {
	width: 208px;
	margin: 10px auto 5px auto;
	}

div.bnList ul li {
	padding-bottom: 5px;
	}

/* 地震災害に関するお知らせ　110315追加 */
div#shinsai {
	position: relative;
	width: 640px;
	background: url(/img/top/bg_news.gif) repeat-y top left;
	border-bottom: 1px solid #CCCCCC;
	}	

div#shinsai dl {
	width: 620px;
	margin: 0 10px;
	}

div#shinsai dl dd {
	padding: 7px 0 7px 8px;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	}

div#shinsaidl dd.line {
	background: none;
	border-bottom: 1px solid #d9d9d9;
	}

div#shinsai dl dd a {
	display: block;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat 0px 0.32em;
	line-height: 140%;
	}	
	
div#shinsai p.all {
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0 0 0;
	font-weight: bold;
	}	
	
/* 110824震災用バナー */

div#main div#mainbn00 {
	width: 640px;
	height: 100px;
	margin-bottom: 10px;
	}

/* ====================================================== */
/* [common](共通)							*/
/* ====================================================== */


/* 見出し (lv1) */

h1 {
	color: #C70210;
	margin: 0 0 25px;
	font-weight: normal;
	font-size: 162.5%;
}

/* 見出し (lv2) */

/*h2 {
	background: #F5F5F5 url("/img/common/h2_lower.gif") no-repeat 0 100%;
	margin: 30px 0 15px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 112.5%;
	line-height: 120%;
}*/

h2 span.inner {
	background: url("/img/common/h2_upper.gif") no-repeat;
	padding: 7px 15px 5px;
	display: block;
}

/* 見出し (lv3) */

/*h3 {
	background: #ECF3FF url("/img/common/h3_lower.gif") no-repeat 0 100%;
	margin: 20px 0 15px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 100%;
	line-height: 120%;
}*/

h3 span.inner {
	background: url("/img/common/h3_upper.gif") no-repeat;
	padding: 7px 15px 2px;
	display: block;
}

/* 見出し (lv4) */

h4 {
	color: #704910;
	margin: 0 0 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #C3C3C3;
	font-weight: bold;
	font-size: 87.5%;
}

/* 水平線 */

hr {
	display: none;
}

/* 表 */

table {
	border-width: 1px;
	border-style: none solid solid none;
	border-color: #DAD9C7;
}

table th {
	padding: 0 12px;
	border-width: 1px;
	border-style: solid none none solid;
	border-color: #DAD9C7;
}

table td {
	padding: 0 12px;
	border-width: 1px;
	border-style: solid none none solid;
	border-color: #DAD9C7;
}

/* テキストの装飾 */

strong {
	font-weight: bold;
}

em {
	color: #C7000E;
}

/* フォントサイズの部分的縮小 */

small {
	font-size: 85.75%;
}

/* 画像 */

img {
	border: none;
}

/* ====================================================== */
/* [汎用クラスの定義]									  */
/* ====================================================== */

/* 画像にリンクを設置 */

a.plane {
	color: #333333;
	text-decoration: none;
}

/* 見出し (lv1) 特殊マージン */

h1.adapt {
	margin-bottom: 10px;
}

/* 見出し (lv2) 特殊マージン */

h2.adapt-v {
	margin: 0;
}

h2.adapt-t {
	margin-top: 0;
}

h2.adapt-b {
	margin-bottom: 0;
}

/* 見出し (lv3) 特殊マージン */

h3.adapt-v {
	margin: 0;
}

h3.adapt-t {
	margin-top: 0;
}

h3.adapt-b {
	margin-bottom: 0;
}

/* 特殊見出し (ボックス連結型) */

h2.box {
	background: url("/img/common/h2_box.gif") repeat-x 0 0;
	margin: 30px 0 0;
	padding: 12px 12px 8px;
	border-width: 1px;
	border-style: solid solid none;
	border-color: #CCCCCC;
	font-size: 100%;
}

h2.box span.heading {
	width: 400px;
	display: block;
	float: left;
}

h2.box span.href {
	margin-top: 0.15em;
	font-weight: normal;
	font-size: 75%;
	width: 100px;
	display: block;
	float: right;
	text-align: right;
}

/* 見出し (lv2) 背景変更 */

h2.red {
	background: #F5F5F5 url("/img/common/h2_red_lower.gif") no-repeat 0 100%;
}

h2.red span.inner {
	background: url("/img/common/h2_red_upper.gif") no-repeat;
}

h2.green {
	background: #F5F5F5 url("/img/common/h2_green_lower.gif") no-repeat 0 100%;
}

h2.green span.inner {
	background: url("/img/common/h2_green_upper.gif") no-repeat;
}

h2.orange {
	background: #F5F5F5 url("/img/common/h2_orange_lower.gif") no-repeat 0 100%;
}

h2.orange span.inner {
	background: url("/img/common/h2_orange_upper.gif") no-repeat;
}

/* 見出し (lv3) 背景変更 */

h3.red {
	background: #F2F2F2 url("/img/common/h3_red_lower.gif") no-repeat 0 100%;
}

h3.red span.inner {
	background: url("/img/common/h3_red_upper.gif") no-repeat;
}

h3.green {
	background: #F2F2F2 url("/img/common/h3_green_lower.gif") no-repeat 0 100%;
}

h3.green span.inner {
	background: url("/img/common/h3_green_upper.gif") no-repeat;
}

h3.orange {
	background: #F2F2F2 url("/img/common/h3_orange_lower.gif") no-repeat 0 100%;
}

h3.orange span.inner {
	background: url("/img/common/h3_orange_upper.gif") no-repeat;
}

/* 見出し (lv3) 背景変更 リンク併置 */

#main-box div.h3-box-green {
	background: #F2F2F2 url("/img/common/h3_green_lower.gif") no-repeat 0 100%;
	margin: 20px 0 15px;
	width: 680px;
}

#main-box div.h3-box-green.adapt-t {
	margin-top: 0;
}

#main-box div.h3-box-green.adapt-b {
	margin-bottom: 0;
}

#main-box div.h3-box-green div.inner {
	background: url("/img/common/h3_green_upper.gif") no-repeat;
}

#main-box div.h3-box-green h3 {
	background: none;
	margin: 0;
	padding: 0;
}

#main-box div.h3-box-green h3 span.inner{
	background: none;
	padding: 7px 15px 2px;
}

#main-box div.h3-box-green p {
	margin: 0;
	padding: 0.4em 10px;
	font-weight: normal;
}

/* 特殊見出し (ステップ表示型) */

div.h-step {
	background: #F3F0E3 url("/img/common/h_step_lower.gif") no-repeat 0 100%;
	width: 680px;
}

div.h-step.first-step {
	margin-top: 20px;
}

div.h-step div.inner {
	background: url("/img/common/h_step_upper.gif") no-repeat;
	padding: 4px 0;
	width: 680px;
}

div.h-step div.col2-l {
	width: 87px;
}

div.h-step div.col2-r {
	width: 592px;
}

div.h-step strong.heading {
	margin: 8px 15px 4px;
	display: block;
}

/* リスト (順序付：フォントサイズ大) */

ol.basic-l {
	padding-left: 32px;
}

ol.basic-l li {
	margin-top: 0.4em;
	font-size: 100%;
	list-style-type: decimal;
	line-height: 140%;
}

/* リスト (順不同：フォントサイズ大) */

ul.basic-l li {
	background: url("/img/common/mkr_basic_l.gif") no-repeat 5px 0.50em;
	margin-top: 0.4em;
	padding-left: 18px;
	font-size: 100%;
	line-height: 140%;
}

ul.notes-l li {
	background: url("/img/common/mkr_notes_l.gif") no-repeat 0px 0.20em;
	margin-top: 0.4em;
	padding-left: 18px;
	font-size: 100%;
	line-height: 140%;
}

ul.notes_red_m li {
	background: url("/img/common/mkr_notes_red_m.gif") no-repeat 1px 0.30em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
	font-weight:bold;
	color:#C7000E;
}
ul.notes_red_m_normal li {
	background: url("/img/common/mkr_notes_red_m.gif") no-repeat 1px 0.30em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
	font-weight:normal;
	color:#C7000E;
}

ul.notes_red_s_normal li {
	background: url("/img/common/mkr_notes_red_s.gif") no-repeat 1px 0.30em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 75%;
	line-height: 140%;
	font-weight:normal;
	color:#C7000E;
}


/* リスト (順序付：フォントサイズ中) */

ol.basic-m {
	padding-left: 32px;
}

ol.basic-m li {
	margin-top: 0.5em;
	font-size: 87.5%;
	list-style-type: decimal;
	line-height: 140%;
}

/* リスト (順不同：フォントサイズ中) */

ul.basic-m li {
	background: url("/img/common/mkr_basic_m.gif") no-repeat 5px 0.50em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
}

ul.notes-m li {
	background: url("/img/common/mkr_notes_m.gif") no-repeat 1px 0.30em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
}

/* リスト (順序付：フォントサイズ小) */

ol.basic-s {
	padding-left: 32px;
}

ol.basic-s li {
	margin-top: 0.6em;
	font-size: 75%;
	list-style-type: decimal;
	line-height: 140%;
}

/* リスト (順不同：フォントサイズ小) */

ul.basic-s li {
	background: url("/img/common/mkr_basic_s.gif") no-repeat 4px 0.50em;
	margin-top: 0.6em;
	padding-left: 14px;
	font-size: 75%;
	line-height: 140%;
}

ul.notes-s li {
	background: url("/img/common/mkr_notes_s.gif") no-repeat 1px 0.25em;
	margin-top: 0.6em;
	padding-left: 14px;
	font-size: 75%;
	line-height: 140%;
}

/* リスト (順序付：茶色アイコン) */

ol.brown li {
	padding: 12px 0 12px 18px;
	font-size: 87.5%;
	line-height: 140%;
}

ol.brown li.o01 {
	background: url("/img/common/mkr_ol1_01.gif") no-repeat 0 1.15em;
	border-top: 1px dotted #F8F7EF;
}

ol.brown li.o02 {
	background: url("/img/common/mkr_ol1_02.gif") no-repeat 0 1.15em;
	border-top: 1px dotted #CECBCE;
}

ol.brown li.o03 {
	background: url("/img/common/mkr_ol1_03.gif") no-repeat 0 1.15em;
	border-top: 1px dotted #CECBCE;
}

ol.brown li.o04 {
	background: url("/img/common/mkr_ol1_04.gif") no-repeat 0 1.15em;
	border-top: 1px dotted #CECBCE;
}

/* リスト (順序付：アルファベット大文字) */

ol.alpha-u li {
	list-style-type: upper-alpha;
}

/* リスト (順序付：アルファベット小文字) */

ol.alpha-l li {
	list-style-type: lower-alpha;
}

/* リスト (順不同：赤矢印) */

ul.arrow-red li {
	background: url("/img/common/mkr_arrow_red.gif") no-repeat 0 0.35em;
	margin-top: 0.4em;
	padding-left: 14px;
	font-size: 100%;
	line-height: 140%;
}

/* リスト (順不同：赤矢印)	100310追加 */
ul.arrow-red-m li {
	background: url("/img/common/mkr_arrow_red.gif") no-repeat 0 0.35em;
	margin-top: 0.5em;
	padding-left: 14px;
	/* 文字サイズなどを変更する場合はクラスを追加 */
	font-size: 87.5%;
	line-height: 140%;
}

/* リスト (順不同：濃いグレー矢印) */

ul.arrow-gray1 li {
	background: url("/img/common/mkr_arrow_gray1.gif") no-repeat 0 0.35em;
	margin-top: 0.5em;
	padding-left: 14px;
	/* 文字サイズなどを変更する場合はクラスを追加 */
	font-size: 87.5%;
	line-height: 140%;
}

/* リスト (順不同：薄いグレー矢印) */

ul.arrow-gray2 li {
	background: url("/img/common/mkr_arrow_gray2.gif") no-repeat 0 0.35em;
	margin-top: 0.5em;
	padding-left: 14px;
	/* 文字サイズなどを変更する場合はクラスを追加 */
	font-size: 87.5%;
	line-height: 140%;
}

/* リスト (エラー) */

div.err-list ul.basic-l li {
	background-image: url("/img/common/mkr_error_l.gif");
}

div.err-list ul.basic-m li {
	background-image: url("/img/common/mkr_error_m.gif");
}

div.err-list ul.basic-s li {
	background-image: url("/img/common/mkr_error_s.gif");
}

/* リストの入れ子時のマーカー調整 (ol要素＞ul要素) */

ol.basic-l ul li {
	list-style-type: none;
}

ol.basic-m ul li {
	list-style-type: none;
}

ol.basic-s ul li {
	list-style-type: none;
}

/* リストの入れ子時のマーカー調整 (ul要素＞ol要素) */

ul ol.basic-l li {
	background: none;
	padding: 0;
	list-style-type: decimal;
}

ul ol.basic-m li {
	background: none;
	padding: 0;
	list-style-type: decimal;
}

ul ol.basic-s li {
	background: none;
	padding: 0;
	list-style-type: decimal;
}

/* リストの入れ子時のマーカー調整 (arrow-red＞basic＆notes) */

ul.arrow-red ul.basic-l li {
	background: url("/img/common/mkr_basic_l.gif") no-repeat 5px 0.50em;
	padding-left: 18px;
}

ul.arrow-red ul.notes-l li {
	background: url("/img/common/mkr_notes_l.gif") no-repeat 0px 0.20em;
	padding-left: 18px;
}

ul.arrow-red ul.basic-m li {
	background: url("/img/common/mkr_basic_m.gif") no-repeat 5px 0.50em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
}

ul.arrow-red-m ul.basic-m li {
	background: url("/img/common/mkr_basic_m.gif") no-repeat 5px 0.50em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
}

ul.arrow-red ul.notes-m li {
	background: url("/img/common/mkr_notes_m.gif") no-repeat 1px 0.30em;
	margin-top: 0.5em;
	padding-left: 15px;
	font-size: 87.5%;
	line-height: 140%;
}

ul.arrow-red ul.basic-s li {
	background: url("/img/common/mkr_basic_s.gif") no-repeat 4px 0.50em;
	margin-top: 0.6em;
	padding-left: 14px;
	font-size: 75%;
	line-height: 140%;
}

ul.arrow-red ul.notes-s li {
	background: url("/img/common/mkr_notes_s.gif") no-repeat 1px 0.25em;
	margin-top: 0.6em;
	padding-left: 14px;
	font-size: 75%;
	line-height: 140%;
}

/* 表 (汎用：ヘッダセル) */

table th {
	font-weight: bold;
	text-align: center;
}

table th.h1, table td.h1 {
	background: #F5F4E8;
	padding: 10px 12px;
}

table th.h2, table td.h2 {
	background: #F9F8F1;
	padding: 10px 12px;
}

table th.h3, table td.h3 {
	background: #F0F6FE;
	padding: 10px 12px;
}
table th.h5, table td.h5 {
	background: #FFECEC;
	padding: 10px 12px;
}

table tr.odd {
	background:#eee;
}


/* 表 (汎用：セルのパディング確保) */

table.data th {
	padding: 10px 12px;
}

table.data td {
	padding: 10px 12px;
}

table tr.data th {
	padding: 10px 12px;
}

table tr.data td {
	padding: 10px 12px;
}

table th.data {
	padding: 10px 12px;
}

table td.data {
	padding: 10px 12px;
}

/* 表 (汎用：装飾) */

table td.follow {
	border-top-style: dotted;
}

table td.total {
	background: #FFF4EE;
}

/* 表 (レイアウト用) */

table.layout {
	border: none;
}

table.layout.adapt {
	margin-bottom: -15px;
}

table.layout th {
	padding: 0;
	border: none;
}

table.layout td {
	padding: 0;
	border: none;
}

/* 表 (レイアウト用：左側に画像) */

table.layout td.pic {
	padding: 0.15em 15px 0 0;
}

/* 表 (レイアウト用：左側にマーカー的要素) */

table.layout td.marker {
	padding-right: 4px;
}

/* 表 (レイアウト用：必須／任意アイコン) */

table.layout td.icon {
	padding-left: 5px;
	text-align: right;
}

/* データセル内のセパレーター */

table td div.data {
	margin: 10px 0;
}

table td div.part {
	margin-top: 5px;
}


/* 画像配置 (バナーを段抜きで配置) */

div.banner {
	margin: 25px 0;
}

/* フォームの画面遷移ボタン */

div.submit {
	margin: 30px 0;
	text-align: center;
}

/* フロートに後続する流し込みを解除 */


*.no-back{
	background: none !important;
}

*.clear {
	clear: both;
}

div.clear {
	font: 1px/1px sans-serif;
}

/* 2列カラム */

*.col2-l {
	/* 横幅などは必要に応じて定義 */
	float: left;
}

*.col2-r {
	/* 横幅などは必要に応じて定義 */
	float: right;
}

/* 3列カラム */

*.col3 {
	float: left;
}

/* 3列カラム */

#col3 div.col3 {
	width:31%;
	margin-left:18px;
}


/* 汎用特殊マージン (上下) */

*.sp-v10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

*.sp-v15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

*.sp-v20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

*.sp-v25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

*.sp-v30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* (070320：マージン0) */

*.sp-v0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* (070420：マージン5) */

*.sp-v5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/* (131001：左右) */
*.sp-x10 {
	margin:0 10px;
}

*.sp-v5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/* 汎用特殊マージン (上) */

*.sp-t5 {
	margin-top: 5px !important;
}
*.sp-t8 {
	margin-top: 8px !important;
}


*.sp-t10 {
	margin-top: 10px !important;
}

*.sp-t13 {
	margin-top: 13px !important;
}

*.sp-t15 {
	margin-top: 15px !important;
}

*.sp-t20 {
	margin-top: 20px !important;
}

*.sp-t25 {
	margin-top: 25px !important;
}

*.sp-t30 {
	margin-top: 30px !important;
}

/* (070320：マージン0) */

*.sp-t0 {
	margin-top: 0px !important;
}

/* (070420：マージン5) */

*.sp-t5 {
	margin-top: 5px !important;
}


/* 汎用特殊マージン (下) */

*.sp-b10 {
	margin-bottom: 10px !important;
}

*.sp-b15 {
	margin-bottom: 15px !important;
}

*.sp-b20 {
	margin-bottom: 20px !important;
}

*.sp-b25 {
	margin-bottom: 25px !important;
}

*.sp-b30 {
	margin-bottom: 30px !important;
}

/* (070320：マージン0) */

*.sp-b0 {
	margin-bottom: 0px !important;
}

/* (070420：マージン5) */

*.sp-b5 {
	margin-bottom: 5px !important;
}

/* 横方向の整列 */

*.arrange-c {
	/* マージンなどは必要に応じて定義 */
	text-align: center;
}

*.arrange-l {
	/* マージンなどは必要に応じて定義 */
	text-align: left;
}

*.arrange-r {
	/* マージンなどは必要に応じて定義 */
	text-align: right;
}

/* 汎用ボックス */

div.box {
	/* 内包要素の外部への干渉を抑制 */
	padding: 1px 15px;
}

/* 汎用ボックス (背景色) */

div.box.bg1 {
	background: #F5F5F5;
}

div.box.bg2 {
	background: #FEF9E4;
}

div.bg2 {
	background: #FEF9E4;
}

div.box.bg3 {
	background: #F8F7EF;
}

/* 汎用ボックス (境界線) */

div.box.bl1 {
	border: 1px solid #CCCCCC;
}

div.box.bl2 {
	border: 1px solid #C70210;
}

div.box.bl3 {
	border-top: 1px solid #D9D2B5;
}

div.box.bl4 {
	border-top: 3px solid #787878;
}

div.box.bl5 {
	border-top: 1px dotted #CCCCCC;
}

/* ボックス内部のマージン制御 */

div.wrap {
	margin: 15px 0;
	
}


div.box div.arrange-c {
	margin-bottom: 15px;
}

div.box div.arrange-l {
	margin-bottom: 15px;
}

div.box div.arrange-r {
	margin-bottom: 15px;
}


/* テキストの装飾 */

em.brown {
	color: #704910;
}

em.green {
	color: #439538;
}

em.gray {
	color: #333333;
}



/* テキストの装飾解除 */

span.plane {
	font-weight: normal;
}

/* 行中に挿入される画像 */

img.inline {
	vertical-align: middle;
}

img.inline2 {
 vertical-align:baseline;
}

img.m-h {
	margin: 0 5px;
}

img.m-l {
	margin: 0px 0px 0px 5px;
}

img.m-r {
	margin: 0px 5px 0px 0px;
}

img.m-v {
	margin: 5px 0;
}

img.m-t {
	margin: 5px 0px 0px;
}

img.m-b {
	margin: 0px 0px 5px;
}

/*画像文字用 */
.imgtext{
	margin: -1px 1px;
}


/* ====================================================== */
/* [主要ブロックの定義] 								  */
/* ====================================================== */


/* 主要ブロック */

#path-box {
	background: url("/img/common/pb_bg_lower.gif") no-repeat 0 100%;
	padding-bottom: 2px;
	width: 920px;
}

#main-box {
	width: 711px;
	float: left;
}

#navi-box {
	width: 209px;
	float: left;
}

#foot-box {
	background: #FFFFFF;
	width: 1200px;
	clear: both;
}

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

#main-box div.pad {
	padding: 23px 15px 15px;
	border-right: 1px solid #FFFFFF;
}

/* 標準マージン＆フォントサイズ＆行間 */

#main-box p {
	margin: 10px 0;
	font-size: 87.5%;
	line-height: 140%;
}

#main-box ol {
	margin: 10px 0;
}

#main-box ul {
	margin: 10px 0;
}

#main-box table th {
	font-size: 87.5%;
	line-height: 140%;
}

#main-box table td {
	font-size: 87.5%;
	line-height: 140%;
}

#main-box textarea {
	font-size: 75%;
}

/* 要素の入れ子時のマージン調整 */

#main-box li p {
	margin: 0.5em 0;
}

#main-box li p.arrange-c {
	margin: 10px 0;
}

#main-box li p.arrange-l {
	margin: 10px 0;
}

#main-box li p.arrange-r {
	margin: 10px 0;
}

#main-box table td div.data p {
	margin: 0;
}

#main-box table td div.part p {
	margin: 0;
}

#main-box table td div.data ol, #main-box table td div.data ul {
	margin: 0;
}

#main-box table td div.part ol, #main-box table td div.part ul {
	margin: 0;
}

#main-box table td div.data li {
	margin-top: 3px;
}

#main-box div.box *.arrange-c p {
	margin: 0 0 5px;
}

#main-box div.box *.arrange-l p {
	margin: 0 0 5px;
}

#main-box div.box *.arrange-r p {
	margin: 0 0 5px;
}

#main-box div.box ol.brown {
	margin: 0;
}

/* 要素の入れ子時のフォントサイズ調整 */

#main-box div.reset {
	font-size: medium;
}

#main-box div.reset p {
	font-size: 87.5%;
}

#main-box li p {
	font-size: 100%;
}

#main-box table th p {
	font-size: 100%;
}

#main-box table td p {
	font-size: 100%;
}

#main-box ol ol, #main-box ol ul {
	font-size: medium;
}

#main-box ul ul, #main-box ul ol {
	font-size: medium;
}

#main-box table th ol, #main-box table th ul {
	font-size: medium;
}

#main-box table td ol, #main-box table td ul {
	font-size: medium;
}

#main-box table {
	font-size: medium;
}

#main-box th textarea {
	font-size: 85.75%;
}

#main-box td textarea {
	font-size: 85.75%;
}

/* データ量が多い表のフォントサイズ調整 */

#main-box table.s th {
	font-size: 75%;
}

#main-box table.s td {
	font-size: 75%;
}

#main-box table tr.s th {
	font-size: 75%;
}

#main-box table tr.s td {
	font-size: 75%;
}

#main-box table th.s {
	font-size: 75%;
}

#main-box table td.s {
	font-size: 75%;
}

/* (070309：段落単位でフォントサイズを拡大) */

#main-box p.l {
	font-size: 100%;
}

#main-box div.reset p.l {
	font-size: 100%;
}

#main-box table th p.l {
	font-size: 114.5%;
}

#main-box table td p.l {
	font-size: 114.5%;
}

/* (070309：段落単位でフォントサイズを縮小) */

#main-box p.s {
	font-size: 75%;
}

#main-box div.reset p.s {
	font-size: 75%;
}

#main-box table th p.s {
	font-size: 85.75%;
}

#main-box table td p.s {
	font-size: 85.75%;
}

/* 関連リンク群 */

#related {
	background: #F7F7F7;
	margin-top: 30px;
	padding: 20px 20px 0;
}

#related div.col2-l {
	width: 312px;
}

#related div.col2-r {
	width: 312px;
}

#related ul {
	margin: 10px 0 30px;
}


#related ul li {
	margin-top: 10px;
}

/* ====================================================== */
/* [navi-box](ナビゲーション)							*/
/* ====================================================== */

#navi-box div.pad {
	padding: 23px 8px 15px;
}

#navi-box ul.items li {
	background: #FFFFFF;
	border-width: 1px;
	border-style: none solid dotted;
	border-color: #C3C3C3;
	font: 1px/1px sans-serif;
}

#navi-box ul.items li a {
	padding: 10px 6px;
	display: block;
}

#navi-box p.to-list {
	background: url("/img/common/nb_items_bg.gif") no-repeat 0 100%;
	margin-bottom: 10px;
	padding: 10px 10px 15px;
	font-size: 87.5%;
	text-align: right;
}

/* ====================================================== */
/* [foot-box] (フッタブロック)							  */
/* ====================================================== */

/* 上段 */

#foot-box div.upper {
	padding: 50px 15px 5px 33px;
}

#foot-box div.upper div.col2-l {
	width: 88px;
}
#foot-box div.upper div.col2-l img{ position:relative; bottom:-5px;}

#foot-box div.upper div.col2-r {
	width: 1050px;
}

#foot-box #foot-navi li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #333333;
	font-size: 80%;
	float: left;
}

#foot-box #foot-navi li.rear {
	margin: 0;
	padding: 0;
	border: none;
	width: 10.25em;
}

/* 下段 */

#foot-box div.lower {
	background: #CC0000;
	width: 1200px;
}
#foot-box div.lower div.col2-l {
	padding: 7px 15px 5px 33px;
	width: 104px;
}

#foot-box div.lower div.col2-r {
	padding: 8px 15px 5px;
	width: 318px;
}

/* ナビゲーション */

#foot-box #foot-navi a:link {
	color: #1E4EA6;
	text-decoration: underline;
}

#foot-box #foot-navi a:visited {
	color: #800080;
	text-decoration: underline;
}

#foot-box #foot-navi a:hover {
	color: #1E4EA6;
	text-decoration: underline;
}

#foot-box #foot-navi a:active {
	color: #1E4EA6;
	text-decoration: underline;
}

#foot-box #foot-navi a:focus {
	color: #1E4EA6;
	text-decoration: underline;
}

/* ====================================================== */
/* [ナビゲーション非表示時専用のスタイル]				  */
/* ====================================================== */

/* 見出し (lv2) */

body.no-navi h2 {
	background-image: url("/img/common/h2_wide_lower.gif");
}

body.no-navi h2 span.inner {
	background-image: url("/img/common/h2_wide_upper.gif");
}

/* 見出し (lv3) */

body.no-navi h3 {
	background-image: url("/img/common/h3_wide_lower.gif");
}

body.no-navi h3 span.inner {
	background-image: url("/img/common/h3_wide_upper.gif");
}

/* 特殊見出し (ボックス連結型) */

body.no-navi h2.box {
	background-image: url("/img/common/h2_box.gif");
}

/* 見出し (lv2) 背景変更 */

body.no-navi h2.red {
	background: #F2F2F2 url("/img/common/h2_red_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h2.red span.inner {
	background: url("/img/common/h2_red_wide_upper.gif") no-repeat;
}

body.no-navi h2.green {
	background: #F5F5F5 url("/img/common/h2_green_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h2.green span.inner {
	background: url("/img/common/h2_green_wide_upper.gif") no-repeat;
}

body.no-navi h2.orange {
	background: #F5F5F5 url("/img/common/h2_orange_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h2.orange span.inner {
	background: url("/img/common/h2_orange_wide_upper.gif") no-repeat;
}

/* 見出し (lv3) 背景変更 */

body.no-navi h3.red {
	background: #F2F2F2 url("/img/common/h3_red_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h3.red span.inner {
	background: url("/img/common/h3_red_wide_upper.gif") no-repeat;
}

body.no-navi h3.green {
	background: #F2F2F2 url("/img/common/h3_green_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h3.green span.inner {
	background: url("/img/common/h3_green_wide_upper.gif") no-repeat;
}

body.no-navi h3.orange {
	background: #F2F2F2 url("/img/common/h3_orange_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi h3.orange span.inner {
	background: url("/img/common/h3_orange_wide_upper.gif") no-repeat;
}

/* 本文部分を2列カラムで表示 */

body.no-navi div.half {
	width: 890px;
}

body.no-navi div.half div.col2-l {
	width: 438px;
}

body.no-navi div.half div.col2-r {
	width: 438px;
}

body.no-navi div.half h3 {
	background: #ECF3FF url("/img/common/h3_half_wide_lower.gif") no-repeat 0 100%;
}

body.no-navi div.half h3 span.inner {
	background: url("/img/common/h3_half_wide_upper.gif") no-repeat;
}

/* ページの横幅 */

body.no-navi #wrap-inner {
	background: none;
}

/* 主要ブロック */

body.no-navi #path-box {
	background: url("/img/common/pb_wide_bg.gif") no-repeat 0 100%;
}

body.no-navi #main-box {
	width: 916px;
	float: none;
}

body.no-navi #foot-box {
	width: 918px;
	clear: none;
}

/* [main-box] */

body.no-navi #main-box div.pad {
	border: none;
}

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

body.no-navi #main-box div.img1 {
	width: 730px;
}

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

body.no-navi #main-box div.img1 div.col2-r {
	width: 618px;
}
/* ステップ */
body.no-navi div.h-step {
	background: #F3F0E3 url("/img/common/h_wide_step_lower.gif") no-repeat 0 100%;
	width: 886px;
}
body.no-navi div.h-step div.inner {
	background: url("/img/common/h_wide_step_upper.gif") no-repeat;
	padding: 4px 0;
	width: 886px;
}

body.no-navi div.h-step div.col2-r {
	width: 792px;
}

/* 関連リンク群 */

body.no-navi #related div.col2-l {
	width: 337px;
}

body.no-navi #related div.col2-r {
	width: 337px;
}

/* ====================================================== */
/* [ポップアップウインドウ専用のスタイル]				  */
/* ====================================================== */

/* ページの横幅 */

#popup-win #wrap-outer {
	background: url("/img/common/bg_popup.gif") repeat-y 50%;
	width: 720px;
}

#popup-win #wrap-inner {
	background: none;
}

/* 主要ブロック */

#popup-win #head-box {
	border-bottom: none;
	font: 1px/1px sans-serif;
	width: 712px;
	height: 1px;
}

#popup-win #main-box {
	width: 712px;
	float: none;
}

#popup-win #foot-box {
	font: 1px/1px sans-serif;
	width: 572px;
	height: 3px;
	clear: none;
}

/* その他 */

#popup-win #main-box div.pad {
	padding: 25px 16px 30px;
	border: none;
}

#popup-win #main-box div.win-close {
	margin-top: 30px;
	text-align: center;
}


/* ====================================================== */
/* [印刷用スタイル] 									  */
/* ====================================================== */

	.printimg{
	display:none;
	}

@media print {

	/* ページの横幅 */

	#wrap-outer {
		background: none;
		width: auto;
	}

	#wrap-inner {
		background: none;
		border: none;
		margin: 0;
	}

	/* 主要ブロック (show) */

	#main-box {
		float: none;
	}

	/* 主要ブロック (hide) */

	div.printimg {
	display:block;
	}

	#head-box {
		display: none;
	}
	
	#head-box_gappei{
		display:none;
	}

	#path-box {
		display: none;
	}

	#navi-box {
		display: none;
	}

	#foot-box {
		display: none;
	}
	
	/* その他　*/
	.linkList ul{
	}

}

/* モダンブラウザ(Firefox Opera Safari)対策 */
ul.top_servicemenu:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}

/* Win版IE7とMac版IE5対策 */
ul.top_servicemenu{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.top_servicemenu{
   height:1px;
}

ul.top_servicemenu{
   display:block;
}
/* End hide from IE-mac */


/* ====================================================== */
/* [navi-box-top](ナビゲーション)							*/
/* 2013/10/1リニューアル対応型右ナビ					  */
/* ====================================================== */

#navi-box-top div.pad {
	padding: 23px 4px 15px 0px;
}

#navi-box-top div.itemBox {
	background: #FFFFFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/*通常リスト*/

#navi-box-top ul.items {
	font: bold;
	padding-top:9px;
}

#navi-box-top ul.items li{
	padding-left:13px;
	font-size:87.5%;
	line-height:125%;
}

#navi-box-top ul.items li a.cur {
	color:#C00 !important;/*カレント表示*/
	font-weight:bold;/*カレント表示*/
	text-decoration:none !important;/*カレント表示*/
}

#navi-box-top ul.items li a {
	padding: 5px 13px;
	display: block;
	width:141px;
	background-image:url(/img/common/mkr_arrow_nav-r.gif);
	background-repeat:no-repeat;
	background-position:0 0.88em;
}

#navi-box-top ul.items li.last {
	margin-bottom:10px;	
}

#navi-box-top ul.items li.sub {
	margin-left:-2px;
	margin-bottom:5px;
}

#navi-box-top p.to-list {
	margin-bottom: 5px;
	padding: 10px 10px 15px;
	font-size: 87.5%;
	text-align: right;
	font-weight:bold !important;
}

/*赤枠2px（切手SHOP）*/

#navi-box-top div.itemBox-shop {
	background: #FFFFFF;
	border-left: 2px solid #CC0000;
	border-right: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
}

#navi-box-top ul.items-shop {
	font: bold;
	padding-top:9px;
}

#navi-box-top ul.items-shop li{
	padding-left:13px;
	font-size:87.5%;
	line-height:125%;
}

#navi-box-top ul.items-shop li a {
	padding: 7px 13px;
	display: block;
	width:141px;
	background-image:url(/img/common/mkr_arrow_nav-r.gif);
	background-repeat:no-repeat;
	background-position:0 0.88em;
}

#navi-box-top ul.items-shop li.last {
	margin-bottom:10px;	
}

#navi-box-top ul.items-shop li.sub {
	margin-left:-2px;
}

/*よくあるご質問*/

#navi-box-top ul.items-q {
	font: bold;
	padding-top:9px;
}

#navi-box-top ul.items-q li{
	padding-left:13px;
	font-size:87.5%;
	line-height:125%;
	margin-bottom:5px;
}

#navi-box-top ul.items-q li a {
	padding: 7px 13px 7px 25px;
	display: block;
	width:134px;
	background-color:#F5F5F5;
	background-image:url(/img/common/mkr_nav-q.gif);
	background-repeat:no-repeat;
	background-position:3% 0.63em;
}

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

div.navi-int{
	width:193px;
	}

div.navi-int ul{
	margin:0;
	padding:0;
	border:#CCCCCC 1px solid;
	}
	
div.navi-int li{
	list-style-type:none;
	/*background-image:url(/img/common/mkr-nav-int01.gif);
	background-repeat:no-repeat;*/
	background-position:5px 5px;
	border-bottom:#CCCCCC 1px dotted;
}

div.navi-int li.ico01{
	background-image:url(/img/common/mkr-nav-int01.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico02{
	background-image:url(/img/common/mkr-nav-int02.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico03{
	background-image:url(/img/common/mkr-nav-int03.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico04{
	background-image:url(/img/common/mkr-nav-int04.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico05{
	background-image:url(/img/common/mkr-nav-int05.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico06{
	background-image:url(/img/common/mkr-nav-int06.gif);
	background-repeat:no-repeat;
}

div.navi-int li.ico07{
	background-image:url(/img/common/mkr-nav-int07.gif);
	background-repeat:no-repeat;
}

div.navi-int li a{
	display:block;
	padding-left: 45px;
	line-height:17px;
	font-size:0.88em;
	}

div.navi-int li.one {
	padding-top:15px;
	height:30px;
	}
	
div.navi-int li.two {
	padding-top:5px;
	height:40px;
	}
	
div.navi-int li.two span{
	font-size:0.88em;
	}
	


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

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

#navi-box-top #int-nb-mypage div.inner {
	font-size:0.75em;
	/*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-top #int-nb-mypage div.inner p {
	padding-top:10px;
	text-align:left;
}



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

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

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

#navi-box-top #int-nb-inquiry p {
	text-align:left;
	padding:10px 0px 0px 8px;
	font-size:0.75em;
}

#int-nb-inquiry p.arrange-c input {
	width:130px;
	height:18px;	
	color:#999;
}

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

.btn_ems {
	background:url(/img/common/btn_nav_refi_ov.png) no-repeat left top;
}

div.btn_ems input:hover {
	opacity: 0.0;

	/* IE */
	filter: alpha(opacity=0);
}

/*===== 右ナビ内ボタン =====*/

/*よくあるご質問(ボタン)*/
#navi-box-top .btn_q a {
	display:block;
	width:193px;
	height:58px;
	background:url(/img/common/btn_nav_q_en.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_q a:hover {
	background-position:left bottom;
}

/*ビジネス・大口向けのサービス(ボタン)*/
#navi-box-top .btn_business a {
	display:block;
	width:193px;
	height:58px;
	background:url(/img/common/btn_nav_business.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-r .btn_business a:hover {
	background-position:left bottom;
}

/*お知らせ　プレスリリース(ボタン)*/
#navi-box-top .btn_notification a {
	display:block;
	width:193px;
	height:58px;
	background:url(/img/common/btn_nav_notification_en.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_notification a:hover {
	background-position:left bottom;
}

/*保険かんたん診断 (バナー)*/
#navi-box-top .btn_kanpo a {
	display:block;
	width:193px;
	height:63px;
	background:url(/img/common/btn_nav_kanpo.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_kanpo a:hover {
	background-position:left bottom;
}

/*ゆうちょダイレクト (バナー)*/
#navi-box-top .btn_bank a {
	display:block;
	width:193px;
	height:63px;
	background:url(/img/common/btn_nav_bank.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_bank a:hover {
	background-position:left bottom;
}

/*メールマガジン　ゆうびんきょく便り(ボタン)*/
#navi-box-top .btn_magazine a {
	display:block;
	width:193px;
	height:150px;
	background:url(/img/common/btn_nav_magazine.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_magazine a:hover {
	background-position:left bottom;
}

/*国際郵便マイページサービスログイン*/
#navi-box-top .btn_mplogin a {
	display:block;
	width:171px;
	height:48px;
	background:url(/img/common/btn_nav_mypage.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_mplogin a:hover {
	background-position:left bottom;
}

#navi-box-top .btn_mplogin_en a {
	display:block;
	width:171px;
	height:48px;
	background:url(/img/int/btn_nav_mypage_en.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_mplogin_en a:hover {
	background-position:left bottom;
}

#navi-box-top .btn_mplogin_cn a {
	display:block;
	width:171px;
	height:48px;
	background:url(/img/int/btn_nav_mypage_cn.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_mplogin_cn a:hover {
	background-position:left bottom;
}

#navi-box-top .btn_mplogin_kr a {
	display:block;
	width:171px;
	height:48px;
	background:url(/img/int/btn_nav_mypage_kr.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_mplogin_kr a:hover {
	background-position:left bottom;
}

#navi-box-top .btn_mplogin_pt a {
	display:block;
	width:171px;
	height:48px;
	background:url(/img/int/btn_nav_mypage_pt.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#navi-box-top .btn_mplogin_pt a:hover {
	background-position:left bottom;
}

/*	recommend
----------------------------------------------- */


#pad_recommend .recommend ul li dl {
	position:relative;
	min-height:70px;
	padding-left:10px;
	width:48.8%;
}
	#pad_recommend .recommend ul li dl:hover{
		background:#FFEDED;
	}
	#pad_recommend .recommend ul li dl:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
		#pad_recommend .recommend ul li dl dt{
			width:25%;
			float:left;
		}
		#pad_recommend .recommend ul li dl dd{
			width:73%;
			float:left;
		}
	#pad_recommend .recommend ul li dl dd .link a{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow:hidden; font-size:0;
		background/*\**/: #fff\9; /*IE7、8用ハック*/
		filter:alpha(opacity=0); /*フィルターで透明に*/
}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#pad_recommend .recommend ul li dl dd .link a {opacity: 0 !important;}
	}


	#pad_recommend .recommend ul li dl dd .title{
		  background: url(/img/top/icon_link.gif) no-repeat left 6px;
		  padding: 0 0 0 8px;
		  color: #1e4ea6;
		  text-decoration: underline;
	}
/*	top_slider
----------------------------------------------- */

.bx-wrapper .bx-viewport {
	background: #FFFFFF !important;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background:  #EFEFEF;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/*「Next」と「Prev」 */

.bx-wrapper .bx-prev {
	 left: 8px;
	 padding-left:5px;
	 background:url(../../img/top/slideimg/icon_slide_prev_red.png) no-repeat left top !important;
	 width:24px;
	 height:34px;
}

.bx-wrapper .bx-next {
	 right: 4px;
	 padding-left:5px;
	 background:url(../../img/top/slideimg/icon_slide_next_red.png) no-repeat left top !important;
	 width:24px;
	 height:34px;
}


.bx-wrapper .bx-controls-direction a {
	 position: absolute;
	 outline: 0;
	 top:41%;
	 text-decoration: none;
	 text-indent: -9999px;
	 z-index: 9999;

}

.bx-wrapper .bx-controls-direction a.disabled {
	 display: none;
}


/* 熊本地震 */

div.kumamotoEarthquake{
	box-sizing:border-box;
	font-weight:bold;
	border:1px solid #CCCCCC;
	padding:20px 42px;
	margin-bottom:10px;
	width:940px;
}

/*　リスト　逆く　*/

div.kumamotoEarthquake ul.arrow-simple li{
	margin-left:0px;
	margin-top:0.1em;
	padding-left: 12px;
	font-size:100%;
	line-height:140%;
	background: url("/img/common/mkr_link.gif") no-repeat left 0.4em;
}