@charset "utf-8";
/* ------------------------- TOC 
gateway


---------------------------- */
/* ============================== css hack */
/* cssuseragent tag list
windows: win
mac    : mac

ie     : msie
ie7    : msie7
ie8    : msie8

firefox     : firefox
firefox3.6.+: firefox36
firefox4.+  : firefox4

chrome  : chrome
chrome10: chrome10

safari   : safari
safari5.+: safari5
*/

/* ============================== font-family, font-size */
.mainImageArea,
.businessSolutionBlock,
#otherBusinessBlock,
.informationBlock,
.imageBlock,
.shortcutLinkBlock {
	/* font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo,"ヒラギノ角ゴ", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; */
	font-size: 83%;
	line-height: 1.1;
}
html>/**/ .mainImageArea,
html>/**/ .businessSolutionBlock,
html>/**/ #otherBusinessBlock,
html>/**/ .informationBlock,
html>/**/ .imageBlock,
html>/**/ .shortcutLinkBlock {
	font-size: 12px;
}


/* ============================== gateway */
/* contentsArea */
article.contentsArea {
	margin-bottom: 25px;	
}
/* mainImageArea */
article.contentsArea .mainImageArea {
	margin-bottom: 10px;
	font-size: 0;
}
/* businessNavArea */
article.contentsArea .businessNavArea {
	margin-bottom: 20px;	
}
/* businessSolutionBlock */
article.contentsArea .businessNavArea .businessSolutionBlockInner {
	border: 1px solid #CCC;
	padding: 6px;
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
}
article.contentsArea .businessNavArea .businessSolutionBlock .businessSolutionBlockInner .cp01 {
	border-top: 10px solid #a3248f;
	overflow: hidden;
	zoom: 1;
}
article.contentsArea .businessNavArea .businessSolutionBlock .leftBox,
article.contentsArea .businessNavArea .businessSolutionBlock .rightBox {
	width: 473px;
}
article.contentsArea .businessNavArea .businessSolutionBlock .leftBox {
	float: left;
}
article.contentsArea .businessNavArea .businessSolutionBlock .rightBox {
	float: right;
}

#otherBusinessBlock {
	overflow: hidden;
	zoom: 1;
}

#otherBusinessBlock * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;	
}

#otherBusinessBlock .column1of5 {
	width: 186px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #CCC;
}

.msie7 #otherBusinessBlock .column1of5 {
	width:184px;
}

#otherBusinessBlock .column1of5:last-of-type {
	margin: 0;
}
#otherBusinessBlock .column1of5Inner{
	width: 172px;
	margin: 6px;
    border-top-width: 10px;
    border-top-style: solid;
}
.msie7 #otherBusinessBlock .column1of5Inner{
	margin-bottom: 0;
}
#otherBusinessBlock .column1of5Inner.cp02{
	border-top-color: #006634;	
}
#otherBusinessBlock .column1of5Inner.cp03{
	border-top-color: #1c3687;	
}
#otherBusinessBlock .column1of5Inner.cp04{
	border-top-color: #dc290b;	
}
#otherBusinessBlock .column1of5Inner.cp05{
	border-top-color: #e9053a;	
}
#otherBusinessBlock .column1of5 p.productImg {
	margin: 0;
	font-size: 0;
}
#otherBusinessBlock .column1of5 p.productImg img {
	border: none;	
}
#otherBusinessBlock .column1of5 h2 {
	background:url(/common/unchangeable/img/bullet_arrow-a01.png) no-repeat left 0.4em;
	margin: 7px 0 0;
	padding-left: 8px;
	font-size: 108%;
	font-weight: bold;
	text-decoration: underline;
}
#otherBusinessBlock .column1of5 span {
	width:172px;
	font-weight: bold;
	color: #999999;
	display: block;
	margin: 3px 0 1px;
	padding: 0 0 0 8px;
}

/* twoColumnUnit */
/*
.twoColumnUnit .leftUnit p,
.twoColumnUnit .imgRight p {
	margin: 0;
	font-size: 0;
}
.twoColumnUnit .imgRight {
	float: right;
	margin: 0 0 0 10px;
}
*/
article.contentsArea .businessNavArea .twoColumnUnit {
	overflow: hidden;
}
article.contentsArea .businessNavArea .twoColumnUnit .leftUnit p {
	margin: 0;
	font-size: 0;
}
article.contentsArea .businessNavArea .twoColumnUnit .leftUnit p a img {
	border: none;	
}
article.contentsArea .businessNavArea .twoColumnUnit .leftUnit {
	float: left;
	/* margin:0 10px 0 0; */
	width: 172px;
}
article.contentsArea .businessNavArea .twoColumnUnit .rightUnit {
	/* overflow: hidden; */
	float: right;
	width: 291px;
}
article.contentsArea .businessNavArea .twoColumnUnit .rightUnit h2 {
	margin: 12px 0 0;
	font-size: 108%;
}
article.contentsArea .businessNavArea .twoColumnUnit .rightUnit h2 a {
	background:url(/common/unchangeable/img/bullet_arrow-a01.png) no-repeat left 0.3em;
	padding-left: 8px;
	display: block;
	font-weight: bold;
}
article.contentsArea .businessNavArea .twoColumnUnit .rightUnit span {
    color: #999999;
    display: block;
    font-weight: bold;
    padding-left: 7px;
    /* padding-top: 3px; */
}

article.contentsArea .businessNavArea .twoColumnUnit .rightUnit p {
	margin: 7px 0 0;	
}
.informationBlock {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
.informationBlock .column3of5 {
	width: 578px;
	float: left;
}
.informationBlock .column2of5 {
	width: 382px;
	float: right;
}
.informationBlock .topicsBox,
.informationBlock .noticeBox {
	float: left;
}
.informationBlock .topicsBox {
	position: relative;
	width: 100%;
}
.informationBlock .topicsBox .headTypeA01,
.informationBlock .recommendBox .headTypeA01 {
	color: #FFF;
	background-color: #0065cd;
	padding: 8px 7px 7px; 
	font-weight: bold;
}
.informationBlock .recommendBox .headTypeA01 {
	padding-left: 6px;
}
/* imgRight */
.informationBlock .topicsBox p.imgRight {
	margin: 0;
	position: absolute;
	top: 7px;
	right: 7px;
	border-left: 1px solid #FFF;
	padding-left: 5px;
	/* line-height: 1.0; */
}
.informationBlock .topicsBox p.imgRight a {
	color: #FFF;	
}
.informationBlock .topicsBox article {
	padding: 18px 0 0 7px;	
}
.informationBlock .topicsBox article dl {
	margin: 0 0 5px;
	overflow: hidden;
	zoom: 1;
}
.informationBlock .topicsBox article dl:last-of-type {
	margin-bottom: 0;
}
.informationBlock .topicsBox article dl dt {
	width: 113px;
	float: left;
	margin-right: 10px;
}
.informationBlock .topicsBox article dl dd {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	/* width: 448px; */
}
.informationBlock .recommendBox ul {
	margin: 13px 0 0 7px;
	padding: 0;
	list-style-type: none;
}
.informationBlock .recommendBox ul li {
	padding-bottom: 6px;	
}
.informationBlock .recommendBox ul li:last-of-type {
	padding-bottom: 0;	
}
.informationBlock .recommendBox ul li a {
	background:url(/common/unchangeable/img/bullet_arrow-a02.png) no-repeat 0 0.4em;
	padding-left: 13px;
	display: block;
}
.noticeBox .linkListA01 {
}
.informationBlock .noticeBox {
    background-color: #EEEEEE;
    padding: 12px 0;
	width: 100%;
}
.informationBlock .noticeBox .linkListA01 {
	margin: 0 6px 0 6px;
	padding: 0 0 7px 8px;
	background: url(/common/unchangeable/img/bullet_arrow-a01.png) no-repeat scroll 0 0.35em;	
}
.informationBlock .noticeBox .cameraIcon {
	background: url(/gateway/img/bg_photo.png) no-repeat scroll 0 0;
    margin: 0 0 0 13px;
    padding: 0 0 0 20px;
}
.informationBlock .selectBox {
	margin-top: 10px;
	background: url(/gateway/img/bg_search_pict01.png) no-repeat left top;
	padding: 15px 7px 15px;
	width: 368px;
}
/* forIE */
.msie .informationBlock .selectBox form select {
	font-size: 90%;
}
.informationBlock .selectBox form,
.informationBlock .selectBox form select {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}
article.contentsArea .imageBlock {
	border-top: 1px solid #b8b8b8;
	margin-bottom: 20px;
	padding-top: 10px;
	overflow: hidden;
	zoom: 1;
}
article.contentsArea .imageBlock p {
	float: left;
	margin: 0 10px 0 0;
	font-size: 0;
	line-height: 1.0;
}
article.contentsArea .imageBlock p:last-of-type {
	margin-right: 0;	
}
/* .shortcutLinkBlock */
.shortcutLinkBlock {
	margin: 0;
	padding:0;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.shortcutLinkBlock p.imgRight {
	margin: 0;
	position: absolute;
	top: 7px;
	right: 7px;
	border-left: 1px solid #FFF;
	padding-left: 5px;
	color: #FFF;
	text-decoration: underline;
}
.shortcutLinkBlock p.imgRight a {
	color: #FFF;
}
.shortcutLinkBlock .headTypeA02 {
    font-weight: bold;
    margin: 0 0 14px;
    padding: 8px 6px 6px;
}
.shortcutLinkBlock .headTypeA02 {
    background-color: #999;
    color: #fff;
}
/* shortcutLinkBox */
.shortcutLinkBox {
	overflow:hidden;
	zoom:1;
	border-left-width:4px;
	border-left-style:solid;
	padding: 5px;
	margin-bottom: 8px;
}
.shortcutLinkBlock .cp01 {
	border-left-color:#A3248F;
}
.shortcutLinkBlock .cp02 {
	border-left-color:#006634;
}
.shortcutLinkBlock .cp03 {
	border-left-color:#1C3687;
}
.shortcutLinkBlock .cp04 {
	border-left-color:#DC290B;
}
.shortcutLinkBlock .cp05 {
	border-left-color:#E9053A;
}
.shortcutLinkBlock .linkListA01{
	/* font-size:111%; */
	font-weight:bold;
	margin: 0 0 0 3px;
	background-position: 0 0.4em;
	/* /background-position: 0 0.3em; */
}
.shortcutLinkBox .linkListA01 span,
.shortcutLinkBox .linkListA02 span {
	padding-left: 3px;
	font-size: 93%;
	color: #999999;
}
.column1of4,
.column2of4,
.column3of4 {
	float:left;
}
.column1of4 {
	width: 235px;
	margin: 0 10px 0 0;
}
.column2of4{
	width: 480px;
	margin: 0 10px 0 0;
}
.column3of4{
	width: 725px;
	margin: 0 10px 0 0;
}
/*
.column1of4.lastItem,
.column2of4.lastItem,
.column3of4.lastItem {
	margin:0;
}
*/
.column1of4:last-of-type,
.column2of4:last-of-type,
.column3of4:last-of-type {
	margin:0;
}
.shortcutLinkBox ul.linkListB01 {
	margin: 5px 0 0 5px;
	padding-left: 0;
	list-style-type: none;
}
ul.linkListB01 li {
	background: url(/common/unchangeable/img/bullet_arrow-a02.png) no-repeat scroll 0 0.45em;
    margin: 5px 6px 0;
    padding: 0 0 0 10px;
}
.shortcutLinkBox .linkListA01,
.shortcutLinkBox .linkListA02{
	background: url(/common/unchangeable/img/bullet_arrow-a01.png) no-repeat scroll 0 0.4em;
    font-weight: bold;
    margin: 0 0 0 3px;
	padding: 0 0 0 8px;
}

.shortcutLinkBox .linkListA02{
    margin-top:4px;
}

.msie7 .shortcutLinkBox .linkListA02{
    margin-top:16px;
}


.iconLinkListA01 {
	margin: 0 0 0;
	background: url(/common/unchangeable/img/bg_countrytop_su.png) no-repeat scroll 0 0;
}
.iconLinkListA01 a {
    display: block;
   /* font-size: 75%; */
    margin: 10px 0 -3px;
    padding: 0 0 3px 20px;
}
.shortcutLinkBox .iconLinkListA01 a {
	font-size:100%;
}