L@charset 'UTF-8';

/* common style sheet
   ========================================================================== */

/**
 * block style sheet
 */

.contentsInner{}

.contentBlock{}

/**
 * Title style sheet
 */

.hdType01{
	margin:60px 0;
	font-size:200%;/* 32px */
	font-family: "FOT-ロダン Pro M" , RodinPro-M, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:normal;
	text-align:center;
	line-height:1.4em;
}

.hdType01 span{
	display:block;
	margin:60px 0;
	font-size:46.6667%;/* 14px */
	line-height:1.6em;
}

.hdType02{
	margin:30px 0 30px;
	padding:15px;
	font-size:112.5%;/* 18px */
	font-family:"FOT-ロダン Pro DB" , RodinPro-DB, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:bold;
	background:#f0f1f3;
	border-left:4px solid #003e99;
	line-height:1em;
	vertical-align:middle;
}

.hdType02 span{
	float:right;
	font-size:66.6667%;
	line-height:1.6em;
	display:inline-block;
}

.hdType02 span a{
	background-position:0 2px;
	font-family: "FOT-ロダン Pro M" , RodinPro-M, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:normal;
}

.hdType02:after{
	content'';
	display:block;
	clear:both;
}

.hdType03{
	margin:40px 0;
	padding:12px 20px;
	font-size:87.5%;/* 14px */
	font-weight:normal;
	background:#f0f1f3;
	line-height:1em;
}
.hdType04{
	margin:0;
	text-align:center;
}
.hdType04 span{
	display:inline-block;
	margin:40px 0;
	padding-bottom:6px;
	font-size:109%;/* 26px */
	font-family:"FOT-ロダン Pro DB" , RodinPro-DB, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:bold;
	line-height:1em;
	background:url(/common/images/border_bg_img01.png) repeat-x bottom left;
}
.hdType05{
	padding:4px 0 4px 15px;
	font-size:100%;/* 18px */
	font-family:"FOT-ロダン Pro DB" , RodinPro-DB, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:bold;
	border-left:4px solid #666666;
	line-height:1em;
}

.hdType06{
	margin:30px 0 20px;
	font-size:100%;/* 30px */
	font-family:"FOT-ロダン Pro DB" , RodinPro-DB, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:bold;
	text-align:left;
	line-height:1.4em;
}
.hdType06.-center{
	text-align:center;
}

.hdType07{}
.hdType08{
	display:inline-block;
	font-size:100%;
	border-bottom:1px dotted #333333;
}


/**
 * Link style sheet
 */

a.linkType01:link,a.linkType01:visited,a.linkType01:active{
	color:#333333!important;
	text-decoration:none!important;
	font-size:100%;
	line-height:1.6em;
	display:inline-block;
}
a.linkType01:hover{
	color:#0099cc!important;
	display:inline-block;
}
a.linkType02:link,a.linkType02:visited,a.linkType02:active{
	color:#0099cc!important;
	text-decoration:none!important;
	font-size:100%;
	line-height:1.6em;
	display:inline-block;
}
a.linkType02:hover{
	text-decoration:underline!important;
	display:inline-block;
}
a.linkType03:link,a.linkType03:visited,a.linkType03:active{
	color:#333333!important;
	text-decoration:none!important;
	font-size:100%;
	line-height:1.6em;
	display:inline-block;
}
a.linkType03:hover{
	text-decoration:underline!important;
	display:inline-block;
}

.-normal{
	background:url(/common/images/linkicon_normal.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-anchor{
	background:url(/common/images/linkicon_anchor.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-blank{
	background:url(/common/images/linkicon_blank.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-outside{
	background:url(/common/images/linkicon_outside.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-outsideright{
	background:url(/common/images/linkicon_outside.gif) no-repeat center right;
	background-size: 10px;
	padding-right:20px;
}
.-pagetop{
	background:url(/common/images/linkicon_pagetop.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-pdf{
	background:url(/common/images/linkicon_pdf.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-zip{
	background:url(/common/images/linkicon_zip.gif) no-repeat 0 5px;
	padding-left:20px;
}
.-down{
	background:url(/common/images/linkicon_down.gif) no-repeat 0 5px;
	padding-left:20px;
}

.hdLink01{
	font-size:112.5%;/* 18px */
	font-weight:normal;
	background:#f0f1f3;
	line-height:1em;
}

.hdLink01 a.linkType03{
	display:block;
	padding:10px 10px 10px 40px;
	background:url(/common/images/linkicon_hd01.gif) no-repeat 20px 17px;
}

.hdLink02{
	font-size:112.5%;/* 18px */
	font-weight:normal;
	line-height:1em;
}

.hdLink02 a.linkType01,
.hdLink02 a.linkType02,
.hdLink02 a.linkType03{
	display:inline-block;
	padding:10px 10px 10px 20px;
	line-height:1em;
	background:url(/common/images/linkicon_hd01.gif) no-repeat 0 12px;
}

.hdLink03{
	font-size:112.5%;/* 18px */
	font-weight:normal;
	background:#f0f1f3;
	line-height:1em;
}

.hdLink03 a.linkType03{
	display:block;
	padding:10px 10px 10px 40px;
	background:url(/common/images/linkicon_hd01.gif) no-repeat 20px 17px;
}

.hdLink03 a.linkType03.-blank{
	background:url(/common/images/linkicon_blank.gif) no-repeat 20px 17px;
}

.hdLink03 a.linkType03.-outside{
	background:url(/common/images/linkicon_outside_hd.gif) no-repeat 20px 17px;
}


.btnLink01{
	margin:0 0 60px;
	padding:0 10px;
	text-align:center;
	line-height:1em;
}

.btnLink01 a{
	display:block;
	padding:30px;
	color:#ffffff!important;
	text-decoration:none;
	background:#1c3e6e;
}

.btnLink01 a:hover{
	text-decoration:underline;
	background:#2a5ca1;
}

/**
 * text style sheet
 */

.leadTtl{
	margin-top:40px;
}
.lead{
	margin-bottom:30px;
	font-size:87.5%; /* 14px */
	line-height:1.6em;
}

.note{
	font-size:75%; /* 12px */
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:20px;
}
/**
 * line style sheet
 */

.hrType01{
	margin:30px 0;
	height:1px;
	border:none;
	background:url(/common/images/hr_solid.gif) repeat-x;
	color: #FFFFFF;
}
.hrType02{
	margin:30px 0;
	height:1px;
	border:none;
	background:url(/common/images/hr_dotted.gif) repeat-x;
	color: #FFFFFF;
}

/**
 * accordion style sheet
 */

.accordion-title{
	padding:22px 2em 40px;
	font-size:75%;/* 12px */
	line-height:1em;
	text-align:center;
	color:#1c3e6e;
	border:1px solid #1c3e6e;
	background-image:url(/common/images/accordion_open_icon.png);
	background-repeat:no-repeat;
	background-position:left 50% bottom 16px;
	background-size:18px;
	cursor:pointer;

	position:relative;
}
footer .accordion-title { text-align:left; }
.accordion-title sup { font-size:50%; vertical-align:super; }
.accordion-title .text-min { font-size:85%; padding-left:.6em; }
.accordion-title.-open{
	background-image:url(/common/images/accordion_close_icon.png);
}

.accordion-inner{
	margin-top:20px;
	padding-top:15px;
}

.accordion-close{
	margin:25px 0 15px;
	text-align:center;
}

.accordion-close p{
	display:inline-block;
	width:40px;
	margin:0 auto;
	padding:10px 50px;
	color:#333;
	border:1px solid #cccccc;
	background:url(/common/images/accordion_close_icon.png) no-repeat;
	background-position:right 15px center;
	background-size:15px 7.5px;
	font-size:75%;/* 12px */
	text-align:center;
	cursor:pointer;
}

/**
 * block contents style sheet
 */

.columnList{
	margin:0;
	padding:0;
}

.columnList > li{
	float:left;
	list-style:none;
}

.columnList.-column04 > li{
	margin-right:2px;
}

.columnList.-column04 > li:last-child{
	margin-right:0px;
}

.columnList.groupLinkBlock{
	padding:0 30px;
}

.columnList.groupLinkBlock.-column2{
	padding:0 175px;
}

.columnList.groupLinkBlock > li{
	width:258px;
	margin-right:35px;
	border:1px solid #b7babd;
}

.columnList.groupLinkBlock > li:last-child{
	margin-right:0;
}

.columnList.groupLinkBlock > li a{
	display:block;
	padding:24px;
}

.columnList.groupLinkBlock > li p:first-child{
	margin:0;
}

.columnList.groupLinkBlock > li .linkTtl{
	margin:10px 0 0;
	font-size:75%;
	line-height:1.4em;
}

.columnList.groupLinkBlock > li .linkText{
	margin-top:5px;
	font-size:75%;/* 12px */
	line-height:1.4em;
}

.columnList.groupLinkBlock > li .-outside{
	background-position:0 0;
}

.developListBlock{
	margin-bottom:60px;
}

.developListBlock .block{
}

.developListBlock .block:after{
	display: block;
	clear: both;
	content: '';
}

.developListBlock .block .-left{
	width:200px;
	margin:0 30px 0 0;
	float:left;
	line-height:0em;
}

.developListBlock .block .-left img{
	margin-bottom:10px;
	width:100%;
}


.developListBlock .block .-right{
	width:490px;
	float:left;
}

.developListBlock .block .-right .category{
	margin:0;
	padding:2px 9px;
	display:inline-block;
	color:#ffffff;
	background:#004098;
	border-radius:5px;
	font-size:75%;
}

.developListBlock .block .-right .ttl{
	margin:10px 0 20px;
	font-weight:bold;
}
.developListBlock .block .-right .txt{
	margin:0;
	font-size:87.5%;
	line-height:1.6em;
}

/**
 * list contents style sheet
 */

.anchorLinkArea{
	line-height:0;
	text-align:center;
}

.anchorLinkArea .linkList{
	list-style:none;
	margin:0 0 20px;
	padding:0;
	display:inline-block;
}
.anchorLinkArea .linkList li{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
	font-size:87.5%/* 14% */
}
.anchorLinkArea .linkList li:last-child{
	margin-right:0;
}

.anchorLinkArea.-border{
	padding-top:20px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
}

.anchorLinkArea.-border .linkList{
	margin:0;
	display:inline-block;
}

/**
 * relation link
 */

.relationLink{
	text-align:center;
}
.relationLink ul{
	list-style:none;
	margin:10px 0 20px;
	padding:0;
	display:inline-block;
}

.relationLink ul li{
	float:left;
	margin:0 65px 0 0;
	width:260px;
	text-align:left;
}

.relationLink ul li span{
	display:inline-block;
	margin-bottom:5px;
	font-size:75%;
	color:#333333;
}

/* nth-child(1) */
.relationLink .relationType01 li{margin-right:0;}
/* nth-child(2) */
.relationLink .relationType02 li:nth-child(2){margin-right:0;}
/* nth-child(3) */
.relationLink .relationType03 :nth-child(3){margin-right:0;}

/**
 * mitsui relation link
 */

 .mitsuirelationLink{
 	text-align:center;
 }
 .mitsuirelationLink ul{
 	list-style:none;
 	margin:0;
 	padding:0;
 	display:inline-block;
 }

 .mitsuirelationLink ul li{
 	display:inline-block;
 	padding:0 17px;
 	width:260px;
 	text-align:left;
	margin-top: 10px;
	margin-bottom: 20px;
 }

	.mitsuirelationLink.-col1 ul li{
		width:100%;
	}

 .mitsuirelationLink ul li span{
 	display:inline-block;
 	margin-bottom:5px;
 	font-size:75%;
 	color:#333333;
 }

.mitsuirelationLink ul.column.-col1 li{
	border:none;
	padding:0;
}

.mitsuirelationLink ul.column.-col3 li{
	border:none;
}

 /* nth-child(3n+1) */
 .mitsuirelationLink ul li:nth-child(3n+1){padding-left:0;}
 /* nth-child(3n) */
 .mitsuirelationLink ul li:nth-child(3n){padding-right:0;}
 /* last-child */
 .mitsuirelationLink ul li:last-child{padding-right:0;}

/**
 * plugin
 */

.pluginArea{
	width:660px;
	margin:0 auto;
}

.pluginArea dl{
	font-size:87.5%;
	margin:20px 0;
	padding:10px;
	line-height:1.4em;
}

.pluginArea dl:after{
	display: block;
	clear: both;
	content: '';
}

.pluginArea dt{
	float:left;
	width:158px;
	margin-right:12px;
}

.pluginArea dd{
	float:left;
	width:470px;
	margin:0;
}

.pluginArea dd p{
	margin:0;
}

.pluginArea dd p a{
	margin-top:10px;
}

/**
 * table
 */
/* テーブル用モジュール */
.table-outer{
	margin-bottom:30px;
}

.table-outer table{
	width:720px;
	margin:0 auto;
	font-size:86%;
	line-height:1.4em;
	border-bottom:1px dotted #ccc;
}

.table-outer table tr{
	border-top:1px dotted #ccc;
}

.table-outer table th,
.table-outer table td{
	padding:10px;
	vertical-align:middle;
}
.table-outer table th{
	font-family:"FOT-ロダン Pro DB" , RodinPro-DB, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
	font-weight:bold;
}

.table-outer table th.high-light,
.table-outer table td.high-light{
	background:#eee;
}

.table-outer table td.childCell{
	text-indent:1em;
}

.innerPageTop{
	margin:10px auto;
	text-align:right;
}

.innerPageTop p{
	display:inline-block;
	margin:0;
}

.innerPageTop p a{
	display:block;
	background:url(/common/images/pagetop_icon.png) no-repeat left top;
	padding-left:16px;
	font-size:12px;
	color:#333;
	line-height:1.1em;
	text-decoration:none;
}

.innerPageTop p a:hover{
	text-decoration:underline;
}

@media only screen and (max-width: 767px) {


	/**
	 * block style sheet
	 */

	.contentsInner{}

	.contentBlock{
		margin-bottom:30px;
	}
	/**
	 * Title style sheet
	 */

	.hdType01{
		margin:30px 0;
		font-size:137.5%;/* 22px */
		padding:0 4%;
	}

	.hdType01 span{
		margin:30px 0;
		font-size:54.5455%;
	}

	.hdType02{
		padding:10px;
		font-size:100%;
		background:#f0f1f3;
		border-left:4px solid #003e99;
		line-height:1.4em;
	}
	.hdType03{
		margin:0 0 30px;
		padding:3%;
		font-size:100%;
		background:#f0f1f3;
		line-height:1em;
	}
	.hdType04{
		text-align:center;
	}
	.hdType04 span{
		display:inline-block;
		margin:30px 0 30px;
		padding-bottom:6px;
		font-size:75%;
		line-height:1em;
		background:url(/common/images/border_bg_img01.png) repeat-x bottom left;
	}
	.hdType05{
		padding:4px 0 4px 15px;
		font-size:100%;/* 18px */
		border-left:4px solid #666666;
		line-height:1em;
	}

	.hdType06{
		margin:30px 0 20px;
		font-size:100%;/* 30px */
		text-align:left;
		line-height:1.4em;
	}
	.hdType06.-center{
		text-align:center;
	}

	/**
	 * Link style sheet
	 */
	.btnLink01{
		margin:0 0 60px;
		padding:0;
	}

	.btnLink01 a{
		display:block;
		padding:20px 10px;
		color:#ffffff!important;
		text-decoration:none;
		background:#1c3e6e;
	}

	.btnLink01 a:hover{
		text-decoration:underline;
		background:#2a5ca1;
	}

	/**
	 * line style sheet
	 */

	.hrType02{
		margin:30px 0;
		height:1px;
		border:none;
		background:#cccccc;
		color: #FFFFFF;
	}


	/**
	 * accordion style sheet
	 */

	.accordion-title{
		padding:6.66% 6.66% 8.66%;
		font-size:75%;/* 12px */
		line-height:1em;
		border-top:1px solid #1c3e6e;
		border-bottom:1px solid #1c3e6e;
		border-left:none;
		border-right:none;
		background-image:url(/common/images/accordion_open_icon.png);
		background-position:left 50% bottom 1em;
		background-repeat:no-repeat;
		background-size:2.26%;
	}

	.accordion-title.-open{
		background-image:url(/common/images/accordion_close_icon.png) no-repeat 95% 50%;
	}

	.accordion-inner{
		padding-top:15px;
	}

	.accordion-close{
		margin:25px 0 15px;
		text-align:center;
	}

	.accordion-close p{
		display:inline-block;
		width:60%;
		margin:0 auto;
		padding:2% 4%;
		color:#333;
		border:1px solid #cccccc;
		background:url(/common/images/accordion_close_icon.png) no-repeat 95% 50%;
		background-size:15px 7.5px;
		font-size:75%;/* 12px */
		text-align:center;
	}
	/**
	 * block contents style sheet
	 */

	.columnList{
		margin:0;
		padding:0;
	}

	.columnList > li{
		float:left;
		list-style:none;
	}

	.columnList.-column04 > li{
		width:49%;
		margin:0 1% 1% 0;
	}
	.columnList.-column04 > li img{
		width:100%;
	}

	.columnList.groupLinkBlock{
		padding:0;
	}
	.columnList.groupLinkBlock.-column2{
		padding:0;
	}
	.columnList.groupLinkBlock > li{
		width:100%;
		height:auto;
		margin:0 0 20px 0;
		border:1px solid #b7babd;
	}

	.columnList.groupLinkBlock > li a{
		display:block;
		padding:4%;
	}
	.columnList.groupLinkBlock > li img{
		width:100%;
	}

	.developListBlock .block{
		padding:0px;
	}

	.developListBlock .block .-left{
		width:100%;
		margin:0;
		float:none;
		text-align:center;
	}
	.developListBlock .block .-left img{
		width:auto!important;
	}

	.developListBlock .block .-right{
		width:100%;
		float:none;
		text-align:center;
	}
	.developListBlock .block .-right .category{
		padding:2px 5px;
	}
	.developListBlock .block .-right .ttl{
		margin:10px 0 10px;
	}
	.developListBlock .block .-right .txt{
		margin:0;
		font-size:87.5%;
	}

	/**
	 * list contents style sheet
	 */

	.anchorLinkArea{
		text-align:left;
	}
	.anchorLinkArea .linkList{}
	.anchorLinkArea .linkList li{
		float:none;
		margin-right:0;
		margin-bottom:10px;
	}
	.anchorLinkArea .linkList li:last-child{
		margin:0;
	}

	.anchorLinkArea.-border{
		padding-top:20px;
		border:none;
		text-align:left;
	}

	.anchorLinkArea.-border .linkList{
		margin:0;
		display:inline-block;
	}

	/**
	 * relation link
	 */

	.relationLink{}
	.relationLink ul{
		list-style:none;
		margin:0 0 30px;
		padding:0;
		width:100%;
	}

	.relationLink ul li{
		float:none;
		margin:0 auto 30px;
		width:70%;
		text-align:center;
	}

	/* nth-child(1) */
	.relationLink .relationType01 li,
	.relationLink .relationType02 li:nth-child(2),
	.relationLink .relationType03 :nth-child(3){
		margin:0 auto 30px;
	}

	/**
	 * mitsui relation link
	 */

	.mitsuirelationLink{
		width: 85%;
    margin: 35px auto 0;
	}
	.mitsuirelationLink ul{
		list-style:none;
		margin:0 0 0;
		padding:0;
		width:100%;
	}

	.mitsuirelationLink ul li{
		float:none;
		margin:30px auto 0;
		padding:0;
		width:75%;
		text-align:center;
	}

	.mitsuirelationLink ul li:last-child{
		margin-bottom:0;
	}

	.mitsuirelationLink.-col1 ul li{
		width:100%;
	}

	.-inner.contentSites .mitsuirelationLink ul li{
		margin-top:30px;
	}

	.-inner.contentSites .mitsuirelationLink.-col1 ul li{
		margin-top:0;
		width:100%;
	}

	/* nth-child(1) */
	.mitsuirelationLink .relationType03 :last-child{
		margin:0;
	}

	/* first-child */
	.mitsuirelationLink ul li:first-child{margin-top:0;}

	/**
	 * plugin
	 */
	.pluginArea{
		width:100%;
	}
	.pluginArea dl{
		margin-bottom:15px;
		padding-bottom:15px;
	}

	.pluginArea dt{
		float:none;
		margin:0 auto 10px;
	}

	.pluginArea dd{
		float:none;
		width:96%;
		margin:0;
		padding-left:4%;
		line-height:1.4em;
	}

	/**
	 * table
	 */
	.table-outer{
		overflow-x: auto;
	}
	.table-outer:after{
		content:'横にスクロール→';
		display:block;
		color:#014099;
	}
	.table-outer::-webkit-scrollbar {
		height: 5px;
	}
	.table-outer::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.table-outer::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #014099;
	}

	.table-outer table th,
	.table-outer table td{
		padding:5px;
	}

}