@charset "utf-8";

/*
Site Name: 日本郵便
File Name: top_gappei.css
Description: 合併暫定トップ用CSS
Created: 2012/09/04
*/ 

* {
	font-style: normal;
}

body {
	color: #333333;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font: 100% "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}


/*-----------------------------------------------------
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: 1198px;
	margin: 0 auto;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}

/*-----------------------------------------------------
ヘッダー、フッター
-------------------------------------------------------*/
/* ====================================================== */
/* [head-box] (ヘッダブロック)							  */
/* ====================================================== */
/* 主要ブロック */
#head-box {
	position:relative;
	height:75px;
}

#head-box div.pad {
	border-top: 16px solid #CC0000;
	padding-right:20px;
	padding-top:0;
}

#path-box {
	position:relative;
	padding-top: 8px; margin-bottom:2px;
	 clear:both;
}


#head-box div.pad {
	padding: 0 15px 8px 0;
}

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

#head-box div.clear {
	margin-bottom: -1px;
	height: 1px;
}

/* ロゴ */
#head-box #yubin img {
	position:absolute; top:0;
	border:0;
}
/* 標語 */
#head-box #motto {
	position:relative;
	display:inline-block;
	width:170px;
}
#head-box.yubin #motto {
	top:17px; left:276px;
}

#head-box.yubinkyoku #motto {
	top:17px; left:252px;
}

/* 右側エレメント群 */

#head-box #guide {
	position:relative;
	margin-left:479px; margin-right:2px; margin-top:-5px;
	text-align: right;
}
#head-box #guide_blank{
	height:40px;
	clear:both;
}

/* ナビゲーション */
#head-box #head-navi{
	text-align:right; width:100%;
	font-size:80%; display:inline;
}
#head-box #head-navi li {
	margin: 3px 0 2px 1em;/* 3px 0 2px 10px(20150423)*/
	padding-left: 1em;/*10px(20150423)*/
	border-left: 1px solid #333333; float: right;
}

#head-box #head-navi li.rear {
	padding: 0;
	border: none;
}

#foot-box #foot-navi a:link {
	color: blue;\
}


/* 検索 */

#head-box #guide form {
	margin-top: 5px;
}

#head-box #guide input.site-search-txt {
	width: 220px;
	vertical-align: middle;
}

#head-box #guide input.site-search-btn {
	margin-left: 3px;
	vertical-align: middle;
}

.searchreader {
	display:none;
}


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

#foot-box {
	background: #FFFFFF;
	width: 1198px;
	clear: both;
}/*追加*/

/* 上段 */

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

#foot-box div.upper div.col2-r {
	width: 1040px;
	text-align:left;
	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: 1198px;
}

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

	#navi-box-r {
		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 {
	padding-left: 20px;
	} */

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 14px;
	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: 880px;
	margin: 0 19px 15px 19px;
	background: url(/img/top/bg_headline.jpg) repeat-y top left;
	font-size: 1.1em;
	}
	
div#wrap_headline div#headline {
	width: 880px;
	padding: 2px 0 0 0;
	background: url(/img/top/bg_headline_top.jpg) no-repeat top left;
	}

div#wrap_headline div#headline dl {
	width: 880px;
	background: url(/img/top/bg_headline_btm.jpg) no-repeat bottom left;
	}

div#wrap_headline div#headline dl dt {
	float: left;
	width: 120px;
	padding: 6px 0 7px 10px;
	}

div#wrap_headline div#headline dl dd {
	float: right;
	width: 736px;
	padding: 6px 0 8px 0;
	font-weight: bold;
	}

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

div#container div#contents div#main {
	float: left;
	width: 960px;
	}

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 8px;
	background: url(/img/top/icon_sublink.gif) no-repeat left 40%;
	}

.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#refi p.all-bottom {
	padding: 5px 0 6px 0;
	background: url(/img/top/bg_refi_btm.gif) no-repeat bottom left;
	}

/* ---------　100621追加 */	

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

/* トップメニュー*/
ul.top_servicemenu{
	width:640px;
	margin-bottom:10px;
	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:160px;
height:47px;
background:url(../img/top_gappei/btn_top_01.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:160px;
height:47px;
background:url(../img/top_gappei/btn_top_02.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:160px;
height:47px;
background:url(../img/top_gappei/btn_top_03.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:160px;
height:47px;
background:url(../img/top_gappei/btn_top_04.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:100%; 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: 960px;
	height:192px;
	margin-bottom: 15px;
	border:1px solid #CFCFCF;
	border-radius:3px;
	}

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



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

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

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

div#main ul#mainBanner li#mainbn02 {
	width: 234px;
	}
 */	
/* バナー(2つ並び枠なし) */
div#main ul#mainBanner02 {
	width: 960px;
	height: 192px;
	margin-bottom: 15px;
	border:1px solid #CFCFCF;
	border-radius:3px;
	}
		div#main ul#mainBanner02 li img{
			border:#C9C9C9 1px solid;
		}

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

div#main ul#mainBanner02 li#mainbn01 {
	width: 48%;
	border-right:1px solid #CFCFCF;
	}

div#main ul#mainBanner02 li#mainbn02 {
	width: 49%;
	}
	
/* バナー(3つ並び枠なし) */
div#main ul#mainBanner03 {
	width:958px;
	height: 194px;
	margin-bottom: 15px;
	border:1px solid #CFCFCF;
	border-radius:3px;
	}

div#main ul#mainBanner03 li {
	float: left;
	text-align: center;
	padding:6px;
	height: auto;
	}

div#main ul#mainBanner03 li#mainbn01 {
	width: 310px;
	border-right:1px solid #CFCFCF;
	}

div#main ul#mainBanner03 li#mainbn02 {
	width: 310px;
	border-right:1px solid #CFCFCF;
	}
	
div#main ul#mainBanner03 li#mainbn03 {
	width: 300px;
	}	
div#main ul#mainBanner01 li img,	
div#main ul#mainBanner02 li img,	
div#main ul#mainBanner03 li img{
	border:#C9C9C9 1px solid;
	width:226px;
	height:180px;
}

/* ナビゲーション */
div#main div#navi {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	border-radius:4px 4px 0 0;
	padding:3px 9px;
	}

div#main div#navi dl.block {
	float: left;
	width: 300px;
	padding-right:20px !important;
}
		div#main div#navi dl.block.last{
			padding-right:0px !important;
		}

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

div#main div#navi dl dd {
	}

div#main div#navi dl dd dl.zone_navi {
	float: none;
	margin-bottom:10px;
	
}
	div#main div#navi dl dd dl.zone_navi ul {
		padding-left:10px;
	
}

div#main div#navi dl dd dl.last {
   margin-bottom:60px;
	}


div#main div#navi dl dd dl.zone_navi dt {
	padding: 3px 0 3px 20px;
	margin: 0px;
	vertical-align: top;
	width:300px;
	height:20px;
	background: url(/img/top/bg_zonenavi_title.jpg) no-repeat top left;
	font-weight:bold;
	
	}	

div#main div#navi dl dd dl.zone_navi dd {
	padding-top: 10px;
	border: 1px solid #d9d9d9;
	background: url(/img/top/bg_zone.jpg) no-repeat top left #FFFFFF;
	}

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

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

div#main div#navi dl dd ul li a {
	display: block;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}

div#main div#navi dl dd ul li.sub a {
	padding-left: 8px;
	background: url(/img/top/icon_sublink.gif) no-repeat left 8px;
	}


div#main div#navi dl.block:nth-last-of-type(1) dl.zone_navi:nth-last-of-type(1){
	padding-bottom:40px;
}

div#main div#navi p.all {
	position: absolute;
	bottom: 20px;
	right: 0;
	font-weight: bold;
	}

/* おすすめ */
div#recommend {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	background: url(/img/top/bg_recomend.gif) repeat-y top left;
	}

div#recommend ul.wrap_recommend_contents {
	background: url(/img/top/bg_recomend_btm.gif) no-repeat bottom left;
	}

div#recommend ul.wrap_recommend_contents li {
	width: 960px;
	margin: 0 0 0 1px;
	padding: 0 0 0 9px;
	background: url(/img/top/line_dot_yellow.gif) no-repeat 9px bottom;
	}

div#recommend dl {
	width: 480px;
	float: left;
	}

div#recommend dl dt {
	float: left;
	width: 110px;
	padding: 10px 0;
	}

div#recommend dl dd {
	float: left;
	width: 350px;
	padding: 10px 0 ;
	line-height: 1.4;
	}

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 13px;
	background: url(/img/top/icon_link.gif) no-repeat left 40%;
	}
/* 4box topmenu */
div.top4menu{
	width:640px;
	background:url(../img/top_gappei/bg_servicebox_bottom.gif) no-repeat bottom;
	margin-bottom:16px;
	font-size:90%;
	padding-bottom:15px;
}
	div.top4menu div.list{
		text-align:right;
		margin-right:10px;
	}

div.top4menu .menu_postal{
	float:left;
	width:158px;
	background-repeat:no-repeat;
	margin-right:3px;
}
	div.top4menu ul{
		padding:5px;
	}
	div.top4menu ul li{
		background:url(../img/top_gappei/icon_arrow-r.gif) no-repeat 0.5em;
		padding-left:20px;
		margin-bottom:3px;
	}
div.top4menu .menu_bank{
	float:left;
	width:158px;
	background-repeat:no-repeat;
	margin-right:2px;
}
div.top4menu .menu_insurance{
	float:left;
	width:158px;
	background-repeat:no-repeat;
	margin-right:3px;
}
div.top4menu .menu_life{
	float:left;
	width:158px;
	background-repeat:no-repeat;
	margin-right:0px;
}
/* ご注意ください(index.html用） */
div#news {
	position: relative;
	width: 640px;
	background: url(/img/top/bg_news.gif) repeat-y top left;
	border-bottom: 1px solid #CCCCCC;
	}
	
div#news p#rssBtn {
	position: absolute;
	left: 585px;
	top: 7px;
	}

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

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

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

div#news dl dd a {
	display: block;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat 0px 0.32em;
	line-height: 140%;
	}

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

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


/* お知らせ */
div.topNews {
	position: relative;
	width: 640px;
	margin:20px 0 10px 0px;
	}
/*
div.topNews {
	position: relative;
	width: 640px;
	background: url(/img/top/bg_news.gif) repeat-y top left;
	border-bottom: 1px solid #CCCCCC;
	}
*/

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

div.topNews dl {
	width: 640px;
	}

div.topNews dl dd {
	padding: 7px 0 7px 8px;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	text-indent:-1em;
	margin-left:1em;
	}

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:15px;
	background:#fff url(/img/top/icon_link.gif) no-repeat left 0.4em;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:140%;
	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.popup {
	padding-left:15px;
	background:url(/img/top_gappei/icon_popup.gif) no-repeat 0 0.47em!important;
	}

		/*
		div.topNews dl dd {
		padding: 7px 0 7px 8px;
		background: url(/img/top/line_dot.gif) repeat-x bottom left;
		zoom:100%;
		}
		div.topNews dl dd:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}
	div.topNews dl dd span{
		display:block;
		float:left;
		padding-right:1em;
		font-weight:bold;
	}
	div.topNews dl dd.line {
		background: none;
		border-bottom: 1px solid #d9d9d9;
		}
	
	div.topNews dl dd a {
		display:block;
		float:left;
		padding-left: 15px;
		background: url(/img/top/icon_link.gif) no-repeat 0px 0.32em;
		line-height: 140%;
		text-align:left;
		overflow:hidden;
		width:490px;
		}
		div.topNews dl dd a.popup {
		display:block;
		float:left;
		padding-left: 15px;
		background:url(/img/top_gappei/icon_popup.gif) no-repeat 0px 0.32em !important;
		line-height: 140%;
		text-align:left;
		overflow:hidden;
		}
		*/


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 7px 4px;
	background:url(../img/top_gappei/bg_headline.gif) no-repeat left bottom;
	}

	/* div.linkList*/
	div.topNews div.linkList {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	text-align:right;
	}
	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:4px;
	}

	div.topNews div.linkList span.arrow{
		background:url(../img/top_gappei/icon_arrow-r.gif) no-repeat 0 0.2em;
		padding-left:15px;
	}
/* ご注意ください */
div.topNotice {
	position: relative;
	width: 640px;
	margin:20px 0 10px 0px;
	}
/*
div.topNotice {
	position: relative;
	width: 640px;
	background: url(/img/top/bg_news.gif) repeat-y top left;
	border-bottom: 1px solid #CCCCCC;
	}
*/

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

div.topNotice dl {
	width: 640px;
	}

div.topNotice dl dd {
	padding: 7px 0 7px 8px;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	text-indent:-1em;
	margin-left:1em;
	}

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:15px;
	background:#fff url(/img/top/icon_link.gif) no-repeat left 0.4em;
	display:inline-block;
	line-height:140%;
	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.topNotice dl dd a.popup {
	padding-left:15px;
	background:url(/img/top_gappei/icon_popup.gif) no-repeat 0 0.4em !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 7px 4px;
	background:url(../img/top_gappei/bg_headline.gif) no-repeat left bottom;
	}

	/* 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_gappei/icon_arrow-r.gif) no-repeat 0 0.2em;
		padding-left:15px;
	}


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

/* 追跡サービス */
div#refi {
	width: 225px;
	margin-bottom: 5px;
	background: url(/img/top/bg_refi.gif) repeat-y top left;
	}

div#refi dl {
	width: 195px;
	padding: 0 15px;
	}

div#refi dl dt {
	padding: 7px 0 5px 0;
	line-height: 1;
	}

div#refi dl dd {
	padding-bottom: 6px;
	border-bottom: 1px solid #e5e5e5;
	}

div#refi dl dd input {
	vertical-align: middle;
	margin-right: 5px;
	color: #666666;
	}

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

div#refi dl dd img.icon {
	margin-right: 5px;
}/*1027追加*/

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


/* ボタン */
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.sideContents {
	width: 225px;
	margin-bottom: 15px;
	background: url(/img/top/bg_side.gif) repeat-y top left;
	border-bottom: 1px solid #CCCCCC;
	}

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 dl {
	width: 205px;
	padding-bottom: 10px;
	margin: 10px 10px 0 10px;
	background: url(/img/top/line_dot.gif) repeat-x bottom left;
	}
	
div.special dl dt {
	float: left;
	width: 65px;
	}

div.special dl dd {
	float: right;
	width: 140px;
	line-height: 1.4;
	}

div.special dl dd.btm {
	background: none;
	}

div.special dl dd a {
	display: block;
	padding-left: 13px;
	background: url(/img/top/icon_link.gif) no-repeat left 6px;
	}
*/
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: 960px;
}

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: 960px;
}

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

/* 注釈テキスト */

*.comment {
	color: #787878;
}

*.comment ul.notes-l li {
	background-image: url("/img/common/mkr_notes_gray_l.gif");
}

*.comment ul.notes-m li {
	background-image: url("/img/common/mkr_notes_gray_m.gif");
}

*.comment ul.notes-s li {
	background-image: url("/img/common/mkr_notes_gray_s.gif");
}

ul.notes-l li.comment {
	background-image: url("/img/common/mkr_notes_gray_l.gif");
}

ul.notes-m li.comment {
	background-image: url("/img/common/mkr_notes_gray_m.gif");
}

ul.notes-s li.comment {
	background-image: url("/img/common/mkr_notes_gray_s.gif");
}

/* 見出しに従属する文章節 */

div.section {
	margin-left: 15px;
}

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

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

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

*.sp-t10 {
	margin-top: 10px !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;
}


/* 汎用特殊マージン※2013年10月1日リニューアル右ナビゲーション */
*.sp-b16 {
	margin-bottom: 16px !important;
}
*.sp-t16 {
	margin-top: 16px !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;
}

/* 索引の段組み (1列カラム) */

div.index-s {
	background: url("/img/common/ind_s_lower.gif") no-repeat 0 100%;
	margin: 10px 0;
	padding-bottom: 4px;
	width: 680px;
}

div.index-s div.inner {
	background: url("/img/common/ind_s_upper.gif");
	width: 680px;
}

div.index-s div.section {
	margin: 0;
	padding: 0 18px 0 16px;
}

div.index-s div.col2-l {
	width: 291px;
}

div.index-s div.col2-r {
	width: 291px;
}

div.index-s ul.basic-m {
	margin-bottom:0px !important;
	padding-bottom:10px;
}

div.index-s ul.arrow-gray2 {
	margin-bottom:0px !important;
	padding-bottom:10px;
}



/* 索引の段組み (2列カラム) */

div.index-d {
	background: url("/img/common/ind_d_lower.gif") repeat-x 0 100%;
	margin: 10px 0;
	padding-bottom: 4px;
	width: 960px;
}

div.index-d div.inner {
	background: url("/img/common/ind_d_upper.gif");
	width: 960px;
}


div.index-d div.section {
	margin: 0;
	padding: 0 18px 0 16px;
}

div.index-d div.col2-l {
	width: 335px;
}

div.index-d div.col2-r {
	width: 335px;
}

/* 索引の見出し (1列カラム) */

div.index-s h3 {
	background: #F5F5F5 url("/img/common/h3_ind_s_lower.gif") no-repeat 0 100%;
	margin: 0;
	padding-bottom: 2px;
}

div.index-s h3 span.inner {
	background: url("/img/common/h3_ind_s_upper.gif") no-repeat;
	padding: 12px 13px 7px 32px;
}

div.index-s h3.plane span.inner {
	background-image: url("/img/common/h3_ind_s_plane.gif");
}

/* 索引の見出し (2列カラム) */

div.index-d h3 {
	background: #F5F5F5 url("/img/common/h3_ind_d_lower.gif") no-repeat 0 100%;
	margin: 0;
	padding-bottom: 2px;
}

div.index-d h3 span.inner {
	background: url("/img/common/h3_ind_d_upper.gif") no-repeat;
	padding: 12px 13px 7px 32px;
}

div.index-d h3.plane span.inner {
	background-image: url("/img/common/h3_ind_d_plane.gif");
}

/* 索引の先頭項目 */

div.index-s.first-index {
	margin-top: 25px;
}

div.index-d.first-index {
	margin-top: 25px;
}

/* 索引の左側のみを使用 */

div.index-d.solo {
	background-repeat: no-repeat;
}

div.index-d.solo div.inner {
	background-repeat: repeat-y;
}

/* 索引の区切り */

div.index-d div.section.separate {
	background: url("/img/common/ind_separate.gif") repeat-x 0 100%;
	padding-bottom: 14px;
}

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

div.half {
	margin-bottom: -10px;
	width: 680px;
}

div.half div.col2-l {
	width: 332px;
}

div.half div.col2-r {
	width: 332px;
}




* html div.solo2 {
	background-repeat: no-repeat;
	width: 332px;
}

* html div.solo2 div.inner {
	background-repeat: repeat-y;
	width: 332px;
}

div.solo2 {
	background-repeat: no-repeat;
}

div.solo2 div.inner {
	background-repeat: repeat-y;
}


div.solo2 div.wrap{
	margin: 15px 0 0;
	padding-bottom:15px
}


div.solo2 ul.arrow-gray2 {
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

div.solo2 div.wrap p{
	margin: 10px 0 0px !important;
}


div.half2 {
	margin-bottom: -10px;
	width: 680px;
}

div.half2 div.col2-l2 {
	width: 332px;
	float:left;
}

div.half2 div.col2-r2 {
	width: 332px;
	float:left;
	margin-left:10px;
}

div.half2 div.col2-l2 div.col2-l {
	float:none !important;
}

div.half2 div.col2-r2 div.col2-l {
	float:none !important;
}



div.half h2 {
	background: #F5F5F5 url("/img/common/h2_half_lower.gif") no-repeat 0 100%;
	margin-top: 5px;
}

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

div.half h3 {
	background: #ECF3FF url("/img/common/h3_half_lower.gif") no-repeat 0 100%;
	margin-top: 5px;
}

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

/* サービスの内容を画像で紹介 */

div.points {
	width: 960px;
}

div.points div.col3 {
	margin-left: 6px;
}

div.points div.col3.first-item {
	margin: 0;
}

/* お問い合わせ */

div.inquiry {
	background: url("/img/common/bg_inquiry_lower.gif") repeat-x 0 100%;
	margin: 15px 0;
}

div.inquiry div.inner {
	background: url("/img/common/bg_inquiry_upper.gif") repeat-x;
	padding: 15px;
}

div.inquiry div.col2-l {
	width: 235px;
}

div.inquiry div.col2-r {
	width: 235px;
}

/* テキストの装飾 */

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

/* 画像マーカー (通常) */

span.mkr-next {
	background: url("/img/common/mkr_next.gif") no-repeat 0 0.15em;
	padding-left: 14px;
}

span.mkr-prev {
	background: url("/img/common/mkr_prev.gif") no-repeat 0 0.15em;
	padding-left: 14px;
}

span.mkr-top {
	background: url("/img/common/mkr_top.gif") no-repeat 0 0.15em;
	padding-left: 14px;
}

span.mkr-popup {
	background: url("/img/common/mkr_popup.gif") no-repeat 0 0.15em;
	padding-left: 18px;
}

span.mkr-nb {
	background: url("/img/common/mkr_nb.gif") no-repeat 0 0.15em;
	padding-left: 14px;
}

/* 画像マーカー (フォントサイズ拡大時) */

*.l span.mkr-next {
	background-position: 0 0.2em;
}

*.l span.mkr-prev {
	background-position: 0 0.2em;
}

*.l span.mkr-top {
	background-position: 0 0.2em;
}

*.l span.mkr-popup {
	background-position: 0 0.2em;
}


/* 画像マーカー (フォントサイズ縮小時) */

*.s span.mkr-next {
	background-position: 0 0.05em;
}

*.s span.mkr-prev {
	background-position: 0 0.05em;
}

*.s span.mkr-top {
	background-position: 0 0.05em;
}

*.s span.mkr-popup {
	background-position: 0 0.05em;
}

/* 画像マーカー (ol.basic-s内) */

ol.basic-s span.mkr-next {
	background-position: 0 0.05em;
}

ol.basic-s span.mkr-prev {
	background-position: 0 0.05em;
}

ol.basic-s span.mkr-top {
	background-position: 0 0.05em;
}

ol.basic-s span.mkr-popup {
	background-position: 0 0.05em;
}

/* 画像マーカー (ul.basic-s内) */

ul.basic-s span.mkr-next {
	background-position: 0 0.05em;
}

ul.basic-s span.mkr-prev {
	background-position: 0 0.05em;
}

ul.basic-s span.mkr-top {
	background-position: 0 0.05em;
}

ul.basic-s span.mkr-popup {
	background-position: 0 0.05em;
}

/* 画像マーカー (ul.notes-s内) */

ul.notes-s span.mkr-next {
	background-position: 0 0.05em;
}

ul.notes-s span.mkr-prev {
	background-position: 0 0.05em;
}

ul.notes-s span.mkr-top {
	background-position: 0 0.05em;
}

ul.notes-s span.mkr-popup {
	background-position: 0 0.05em;
}

/* 画像マーカー (small要素内) */

small span.mkr-next {
	background-position: 0 0.05em;
}

small span.mkr-prev {
	background-position: 0 0.05em;
}

small span.mkr-top {
	background-position: 0 0.05em;
}

small span.mkr-popup {
	background-position: 0 0.05em;
}

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

/* ページの横幅 */

#wrap-outer {

	margin: 0 auto;

	width: 928px;
	text-align: left;
}

#wrap-inner {
	border-width: 1px;
	border-style: none solid;
	border-color: #D0D0D0;
	margin: 0 3px;
}

/* 主要ブロック */

#path-box {
	padding-bottom: 2px;
	width: 920px;
	/*　width: 760px;　*/
}

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

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

#foot-box {
	background: #FFFFFF;
	/*width: 760px;*/
	clear: both;
}


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

#path-box div.pad {
	padding: 7px 23px 2px;
	line-height: 120%; font-size:90%;
}

/* ====================================================== */
/* [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 p.s {
	font-size: 75%;
}

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

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

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

/* [テ装] 見出し (lv1) に先行する文言 */

#main p.extra {
	color: #C7000E;
	margin: 0 0 5px 0.1em;
	font-weight: bold;
	font-size: 100%;
	line-height: normal;
}

/* [テ装] 見出し (lv1) に後続する文言 */

#main-box p.intro {
	margin: 25px 0;
	font-size: 100%;
}

/* [テ装] フォームの入力例 */

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

/* [テ装] 上位のページなどへ復帰 */

#main-box div.return {
	margin: 30px 0;
}

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

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

#main-box div.inward {
	background: #F5F5F5;
	padding: 10px 15px;
}

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

/* [定ボ] インジケータ */

#main-box div.indicator {
	background: #F6F4EE;
	padding: 10px 0;
	text-align: center;
}

#main-box div.indicator div.inner {
	margin: 0 auto;
	width: 472px;
}

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

#main-box div.indicator ul li {
	float: left;
}

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

#main-box div.err-list {
	color: #C70210;
	margin: 25px 0;
	padding: 1px 15px;
	border: 1px solid #C70210;
}

#main-box div.err-list div.inner {
	width: 648px;
}

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

#main-box div.err-list div.col2-r {
	width: 603px;
}

/* [定ボ] エラー表示 (個別) */

#main-box div.err-item {
	color: #FFFFFF;
	background: #C7000E url("/img/common/err_balloon.gif") no-repeat 0 100%;
	margin: 10px 0 5px;
	padding: 5px 10px 12px;
	font-weight: bold;
	font-size: medium;
}

#main-box div.err-item p {
	margin: 0;
	font-size: 87.5%;
}

/* [定ボ] 料金検索結果表示 */

#main-box div.price-upper {
	background: #F6F4EE;
	margin: 15px 95px 10px;
	padding: 10px;
	text-align: center;
}

#main-box div.price-upper p {
	margin: 5px 0 0;
	line-height: normal;
}

#main-box div.price-upper p.sum {
	font-size: 250%;
}

#main-box div.price-lower {
	margin: 10px 95px 15px;
	text-align: right;
}

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

#main-box div.signpost1 {
	margin: 20px 0 30px;
}

#main-box div.signpost1 div.box div.wrap {
	margin: 20px 0 0;
}

#main-box div.signpost1 div.cursor {
	background: url("/img/common/bg_sp.gif") repeat-x;
	text-align: center;
}

#main-box div.signpost1 div.button {
	text-align: center;
}

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

#main-box div.signpost2 {
	margin: 30px 0;
}

#main-box div.signpost2 div.box {
	background: #FFEEE6;
	margin-bottom: 5px;
	text-align: center;
}

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

#main-box div.signpost2 div.cursor {
	text-align: center;
}

#main-box div.signpost2 div.button {
	text-align: center;
}

/* [定ボ] 茶色背景ボックスのタイトル */

#main-box p.brown {
	background: #F3F1DF;
	margin: 15px 0 0;
	padding: 7px 13px 5px;
}

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

#main-box div.img1 {
	margin-bottom: 5px;
	width: 960px;
}

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

#main-box div.img1 div.col2-r {
	margin-top: 5px;
	width: 564px;
}

#main-box div.img1 p {
	margin: 0;
}

#main-box div.img1 p.service {
	margin-bottom: 5px;
	font-size: 100%;
}

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

/* ----------
・後ほど定義 (ゆうパックのページだと思います)
---------- */

/* [定ボ] ステップ表示型 */

#main-box p.track {
	margin: 5px 0;
	width: 87px;
	text-align: center;
}

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

#main-box table.prefectures td {
	padding-bottom: 10px;
	line-height: 160%;
}

#main-box table.prefectures td.marker {
	background: url("/img/common/mkr_basic_l.gif") no-repeat 5px 0.65em;
	padding: 0px 15px 10px;
	width: 5.5em;
}

#main-box table.prefectures ul {
	margin: 0;
	font-size: 100%;
}

#main-box table.prefectures ul li {
	width: 5.0em;
	float: left;
	line-height: 160%;
}

/* 関連リンク群 */

#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-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: 1198px;
	float: none;
}

body.no-navi #foot-box {
	width: 1198px;
	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-r](ナビゲーション) 						  */
/* 2013/10/1リニューアル対応型右ナビ					  */
/* ====================================================== */

#navi-box-r {
	width: 193px;
	float: left;
	padding-left:15px;
}


#navi-box-r div.pad {
	
}

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

/*通常リスト*/

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

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

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

#navi-box-r 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-r ul.items li.last {
	margin-bottom:10px;	
}

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

#navi-box-r 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-r div.itemBox-shop {
	background: #FFFFFF;
	border-left: 2px solid #CC0000;
	border-right: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
}

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

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

#navi-box-r 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-r ul.items-shop li.last {
	margin-bottom:10px;	
}

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

/*よくあるご質問*/

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

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

#navi-box-r 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;
	
}

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

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

/*ビジネス・大口向けのサービス(ボタン)*/
#navi-box-r .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;
}



/* -------------------------------------------------------
  コンテンツフッタ. div#utility
------------------------------------------------------- */
div#utility {
	font: inherit "ＭＳ Ｐゴシック", sans-serif;
clear:both;
margin:0 0 20px;
padding:15px;
border:1px dotted #ccc;
}
	div#utility .s{
		font-size:100%;
	}

div#utility div.recommend {
	width:930px
}

div#utility div.recommend div.col2-l {
	width:120px;
}

div#utility div.recommend div.col2-r {
	width:810px;
}

div#utility div.col2-r p.arrow {
	margin:0 0 0;
}

div#utility dl{
	width:930px;
	margin-top:15px;
	font-size:92% !important;
}

div#utility dl dt{
	margin:0;
	float:left;
	width:40%;
}

div#utility dl dt ul.col2-l{
	width:50%;
}

div#utility dl dt ul.col2-r{
	width:50%;
}

div#utility dl dd{
	float:left;
	width:18.4%;
	margin-left:14px;
}


div#utility dl h4{
	margin: 0 0 10px !important;
	color:#cc0000;
	border-bottom:2px solid #cc0000;
	font-weight: bold !important;
	padding-bottom:8px;
}

div#utility dl h4 a{
	color:#cc0000;
	display:block;
}

div#utility dl li{
	padding-bottom:12px;
	line-height:140%;
}

div#utility dl li.popup{
	background:url(/img/top/ico_utility_popup.gif) no-repeat 0 0.36em;
	padding-left:14px;
}

div#utility p.arrow{
	background:url(/img/common/arrow_nav01.gif) no-repeat 0 0.5em;
	padding-left:10px;
}


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


div#navi:after,
div#navi dl.block:after,
ul.wrap_recommend_contents:after,
div#recommend dl:after,
div#recommend ul.wrap_recommend_contents li:after
{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}