@charset "UTF-8";


html {
	overflow-y: scroll;
}
body {
	background-color: #F2F1E6;
	background-position: right top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
}
body		{ background-image: url(https://img.i2i.jp/www/document/bg-id1.png); }
body#catID4 { background-image: url(https://img.i2i.jp/www/document/bg-id4.png); }
body#catID5 { background-image: url(https://img.i2i.jp/www/document/bg-id5.png); }
body#catID3 { background-image: url(https://img.i2i.jp/www/document/bg-id3.png); }
body#catID2 { background-image: url(https://img.i2i.jp/www/document/bg-id2.png); }

html, body {
	height: 100%;
	font-size: 13px;
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
body > header {
	width: 100%;
	height: 22px;
	position: fixed !important;
	z-index: 1000;
	background: #222222;
	top: 0;
	left: 0;
	border-top: 0.6em solid #F2F1E6;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
	box-shadow: 1px 2px 3px rgba(0,0,0,.4);
}
body > header h1 {
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 18px;
	padding: 3px 12px 3px 12px;
	overflow: hidden;
	background: url(https://img.i2i.jp/www/document/simasima.gif) #333;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
	box-shadow: 1px 2px 3px rgba(0,0,0,.4);
}

body#catID5.entryArchive > header {
	position: absolute !important;
}
body#catID5.entryArchive > header h1 {
	position: absolute;
	top: -0.6em;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {

}


button { 
	background: none; 
	border: none;
	cursor: pointer; 
	outline: none;
}


/*________________________________________________________________________________________layout__*/
#wrap {
	padding-top: 40px;
	margin: 0 20px;
	position: relative;
}
#wrap:after { 
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	display: block;
	visibility: hidden;
}

/*________________________________________________________________________________________sideNav__*/
#sideNav {
	width: 204px;
	float: left;
	position: relative;
}
	#sideNav > ul {
		width: 200px;
	}
	#sideNav li[id] {
		width: 168px;
		/*height: 100px;*/

		padding: 8px 16px 8px 16px;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		margin-bottom: 10px;
		background-color: #fff;
		-webkit-box-shadow:	
			inset rgba(255,254,255,0.6) 0 0.3em .3em,
			inset rgba(0,0,0,0.15) 0 -0.1em .3em,
			1px 1px 8px rgba(0,0,0,.2);
		-moz-box-shadow:
			inset rgba(255,254,255,0.6) 0 0.3em .3em,
			inset rgba(0,0,0,0.15) 0 -0.1em .3em,
			1px 1px 8px rgba(0,0,0,.2);
		box-shadow:
			inset rgba(255,254,255,0.6) 0 0.3em .3em,
			inset rgba(0,0,0,0.15) 0 -0.1em .3em,
			1px 1px 8px rgba(0,0,0,.2);
		border-width: 1px;
		border-style: solid;
	}
	#sideNav li[id].move {
		position: absolute;
	}

		#sideNav li#sideNavID4 {
			/*height: 130px;*/
			border-color: #3870df;
			background: url(https://img.i2i.jp/www/document/face-id4.png) no-repeat #fff -80px -30px;
		}
		#sideNav li#sideNavID5 {
			border-color: #8cc540;
			background: url(https://img.i2i.jp/www/document/face-id5.png) no-repeat #fff -50px -200px;
		}
		#sideNav li#sideNavID3 {
			border-color: #B11B7D;
			background: url(https://img.i2i.jp/www/document/face-id3.png) no-repeat #fff 60px -100px;
		}
		#sideNav li#sideNavID2 {
			/*height: 86px;*/
			border-color: #E8AF08;
			background: url(https://img.i2i.jp/www/document/face-id2.png) no-repeat #fff 50px -20px;
		}

	#sideNav li > h1 img {
		vertical-align: bottom;
	}
	#sideNav li ul {
		width: 168px;
	}
	#sideNav li ul li {
		font-size: 92%;
		letter-spacing: -1px;
		height: auto;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
	}

/*________________________________________________________________________________________main content__*/
#content {
	text-align: left;
	margin-left: 220px;
	padding-bottom: 60px;
}
#content:after { 
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	display: block;
	visibility: hidden;
}
	.contentLine {
		height: 1px;
		font-size: 0;
		margin: 0px 0 16px 0;
		background: #ccc;
		border-bottom: 1px solid #fff;
		display: block;
		clear: both;
		width: 100% !important;
	}
	.contentLine.ssHead {
		background: #D3BD00;
		border-bottom: 1px solid #fff;
		margin: 0px 0 5px 0;
	}
	.contentLine.inList {
		clear: none;
		margin: 0px 0 5px 0;
	}
	.contentLine.sideNav {
		margin: 5px 0 5px 0;
	}

	.contentLine.secHead {
		margin: 0px 0 5px 0;
	}

	.contentLine.tutorial {
		margin: 5px 0 5px 0;
	}
	.contentLine.dot {
		height: 1px;
		font-size: 0;
		background: url(https://img.i2i.jp/www/document/dotLine.gif) repeat-x left bottom transparent;
		margin: 16px 0 16px 0;
		border-bottom: none;
	}

.shadowLine {
	font-size: 0;
	width: 100%;
	height: 1px;
	background: #999;
	clear: both;
}



/*________________________________________________________________________________________search__*/
#search {
width: 624px;
	height: 78px;
	min-width: 624px;
	padding: 0px;
	margin-top: 50px;
	padding-left: 30px;
	margin-bottom: 50px;
	position: relative;
}
#search ul {
	position: absolute;
	bottom: 45px;
	left: 60px;
	z-index: -1px;
}
#search li {
	vertical-align: bottom;
	cursor: pointer;
	border-bottom: none;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 116%;
	font-weight: 700;
	letter-spacing: -0.1em;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-radius: 7px 7px 0 0 / 7px 7px 0 0;
	text-shadow: 1px 1px 4px rgba(0,0,0,.3);

	background-color: #999;
	background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
	background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
	background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));

	-webkit-transition: background .5s ease-in-out, height .1s ease-in-out;
	-moz-transition: background .5s ease-in-out, height .1s ease-in-out;
	transition: background .5s ease-in-out, height .1s ease-in-out;

	display: inline-block;
}
	#search li:nth-child(1):hover,
	#search li:nth-child(1).currentTab {
		background-color: #666;
		background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from(#666), to(#333));
		background-image: -moz-radial-gradient(top, ellipse cover, #666 0%, #333 100%);
		background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( #666 ), to( #333 ));
	}
	#search li:nth-child(2):hover,
	#search li:nth-child(2).currentTab {
		background-color: #3E72E8;
		background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( #3E72E8 ), to( #19419C ));
		background-image: -moz-radial-gradient(top, ellipse cover, #3E72E8, #19419C);
		background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( #3E72E8 ), to( #19419C ));
	}
	#search li:nth-child(3):hover,
	#search li:nth-child(3).currentTab {
		background-color: #8CC540;
		background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( #8CC540 ), to( #649C1A ));
		background-image: -moz-radial-gradient(top, ellipse cover, #8CC540, #649C1A);
		background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( #8CC540 ), to( #649C1A ));
	}
	#search li:nth-child(4):hover,
	#search li:nth-child(4).currentTab {
		background-color: #B11B7D;
		background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( #B11B7D ), to( #7F1F5E ));
		background-image: -moz-radial-gradient(top, ellipse cover, #B11B7D, #7F1F5E);
		background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( #B11B7D ), to( #7F1F5E ));
	}
	#search li:nth-child(5):hover,
	#search li:nth-child(5).currentTab {
		background-color: #E8AF08;
		background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( #E8AF08 ), to( #B04715 ));
		background-image: -moz-radial-gradient(top, ellipse cover, #E8AF08, #B04715);
		background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( #E8AF08 ), to( #B04715 ));
	}

	#search li:hover,
	#search li.currentTab {
		line-height: 33px;
		height:33px;
		color: #fff;
		box-shadow: 1px 1px 2px rgba(0,0,0,.4);
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	}

#search .searchDelete { display: none;
	cursor: pointer;
	position: absolute;
	right: 140px;
	bottom: 12px;
}
#search .searchBox {
	margin-top: 33px;
	vertical-align: bottom;
	width: 65%;
	min-width: 420px;
	height: 43px;
	padding: 0 65px 0 8px;
	font-size: 174%;
	font-weight: 700;
	border: 1px solid #333;
	border-width: 1px;
	border-style: solid;
	border-right: none !important;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-radius: 7px 0 0 7px / 7px 0 0 7px;
	background: url(https://img.i2i.jp/www/document/searchBox-all.png) no-repeat 15px 17px #fff;
	-webkit-box-shadow:	
		inset rgba(255,254,255,0.6) 0 0.3em .3em,
		inset rgba(0,0,0,0.15) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
	-moz-box-shadow:
		inset rgba(255,254,255,0.6) 0 0.3em .3em,
		inset rgba(0,0,0,0.15) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
	box-shadow:
		inset rgba(255,254,255,0.6) 0 0.3em .3em,
		inset rgba(0,0,0,0.15) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
}
	#search form.searchTarget0 .searchBox {
		border-color: #333;
		background: url(https://img.i2i.jp/www/document/searchBox-all.png) no-repeat 15px 17px #F9F9F9;
	}
	#search form.searchTarget1 .searchBox {
		border-color: #3870df;
		background: url(https://img.i2i.jp/www/document/searchBox-manual.png) no-repeat 15px 17px #F9FBFF;
	}
	#search form.searchTarget2 .searchBox {
		border-color: #8cc540;
		background: url(https://img.i2i.jp/www/document/searchBox-tutorial.png) no-repeat 15px 17px #FCFFF8;
	}
	#search form.searchTarget3 .searchBox {
		border-color: #a646b1;
		background: url(https://img.i2i.jp/www/document/searchBox-faq.png) no-repeat 15px 17px #FDF7FD;
	}
	#search form.searchTarget4 .searchBox {
		border-color: #E8AF08;
		background: url(https://img.i2i.jp/www/document/searchBox-info.png) no-repeat 15px 17px #FFFCFA;
	}


#search button {
	margin-top: 33px;
	vertical-align: bottom;
	width: 104px;
	height: 45px;	
	text-indent: -10000em;
	background: url(https://img.i2i.jp/www/document/submit.png) no-repeat #666;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-radius: 0 7px 7px 0 / 0 7px 7px 0;
	-webkit-box-shadow:	
		inset rgba(255,254,255,0.3) 0 0.3em .3em,
		inset rgba(0,0,0,0.3) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
	-moz-box-shadow:
		inset rgba(255,254,255,0.3) 0 0.3em .3em,
		inset rgba(0,0,0,0.3) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
	box-shadow:
		inset rgba(255,254,255,0.3) 0 0.3em .3em,
		inset rgba(0,0,0,0.3) 0 -0.1em .3em,
		1px 1px 6px rgba(0,0,0,.2);
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}
	#search button:hover { background-color: #444;}

	#search form.searchTarget0 button {
		background-color: #666;
	}
		#search form.searchTarget0 button:hover {
			background-color: #444;
		}
	#search form.searchTarget1 button {
		background-color: #0070df;
	}
		#search form.searchTarget1 button:hover {
			background-color: #1B439F;
		}
	#search form.searchTarget2 button {
		background-color: #80c540;
	}
		#search form.searchTarget2 button:hover {
			background-color: #649C1A;
		}
	#search form.searchTarget3 button {
		background-color: #B11B7D;
	}
		#search form.searchTarget3 button:hover {
			background-color: #7F1F5E;
		}
	#search form.searchTarget4 button {
		background-color: #CC6026;
	}
		#search form.searchTarget4 button:hover {
			background-color: #AB5122;
		}













/*________________________________________________________________________________________section__*/
	#content .catPanel {
		display: block;
		float: left;
		color: #666;
		padding: 5px 19px 8px 19px;
		background-color: #fff;
		margin: 0 16px 16px 0;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border: 1px solid #555;
		position: relative;
		-webkit-box-shadow: 
				inset rgba(255,254,255,.3) 0 0.3em .3em,
				inset rgba(0,0,0,.15) 0 -0.1em .3em,
				1px 1px 5px rgba(0,0,0,.2);
		-moz-box-shadow:
				inset rgba(255,254,255,.3) 0 0.3em .3em,
				inset rgba(0,0,0,.15) 0 -0.1em .3em,
				1px 1px 5px rgba(0,0,0,.2);
		box-shadow:
				inset rgba(255,254,255,.3) 0 0.3em .3em,
				inset rgba(0,0,0,.15) 0 -0.1em .3em,
				1px 1px 5px rgba(0,0,0,.2);
	}

/*________________________________________________________________________________________contentInner .catPanel__*/
#content > .contentInner { /*background: red;*/ width: 100%;
	display: block;
	float: left;
	min-width: 700px;
}
#content > .contentInner .catPanel {
	width: 94%;
	min-width: 640px;
	padding: 10px 19px;
	margin: 0 10px 10px 0;
}
	#catID4 #content > .contentInner .catPanel {
		border: 1px solid #3870df;
	}
	#catID5 #content > .contentInner .catPanel {
		border: 1px solid #8cc540;
	}
	#catID3 #content > .contentInner .catPanel {
		border: 1px solid #B11B7D;
	}
	#catID2 #content > .contentInner .catPanel {
		border: 1px solid #E8AF08;
	}






	#content > .contentInner > figure {
		background-position: right bottom;
		background-repeat: no-repeat;
		clear: both;
	}
	#content > .contentInner > h1 {
		height: 77px;
	}

	#content > .contentInner > h1,
	#content > .contentInner .catPanel h1,
	#content > .contentInner > figure:not(:first-child) {
		font-size: 197%;
		padding-bottom: 6px;
		text-shadow: 1px 1px 4px rgba(0,0,0,.4);
	}




	#catID4 #content > .contentInner > figure.subTopicPath,
	#catID3 #content > .contentInner > figure.subTopicPath {
		float: right;
		font-size: 14px;
		background: #E2E4D7;
		padding: 6px 10px 6px 16px;
		margin-right: 3%;
		border: 1px solid #666;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-radius: 7px 7px 0 0 / 7px 7px 0 0;
		border-bottom: none;
	}





	.searchResults #content > .contentInner > h1 {
		line-height: 110px;
	}

		#content > .contentInner .catPanel h1 img,
		#content > .contentInner > figure:not(:first-child) img {
			vertical-align: -0.28em;
		}
		#content > .contentInner .catPanel h1 a,
		#content > .contentInner > figure:not(:first-child) a {
			font-size: 93%;
			color: #434343;
			text-decoration: none;
			font-weight: 700;
			text-shadow: 1px 1px 4px rgba(0,0,0,.4);
		}

	#content > .contentInner .catPanel > .catPanel {
		line-height: 1.6;
		width: 94%;
		min-width: 600px;
	}
		#content > .contentInner .catPanel > .catPanel img {
			width: 80px;
			float: left;
		}


	.catDesc {
		clear: both;
		text-align: left;
		font-size: 108%;
		width: 97%;
		margin-bottom: 5px;
		padding: 5px 10px;
		background: #eee;
		letter-spacing: -0.1em;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	}








/*________________________________________________________________________________________section.isIndex__*/
	#content > .contentInner > .catPanel.isIndex {
		display: block;
		float: left;
		width: 292px;
		min-width: 292px;
		padding: 5px 19px 8px 19px;
		margin: 0 16px 16px 0;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border: 1px solid #555;
		position: relative;
		opacity: .9 !important;
	}

	#content > .contentInner > .catPanel.isIndex.isID4 {
		background: url(https://img.i2i.jp/www/document/face-id4.png) no-repeat 0px 60px /*#F9FBFF*/ #fff;
		border-color: #3870df;
		height: 320px;
	}
/*
	#content > .contentInner > .catPanel.isIndex.isID5 {
		background: url(https://img.i2i.jp/www/document/face-id5.png) no-repeat 30px -60px;
	}
*/
	#content > .contentInner > .catPanel.isIndex.isID3 {
		background: url(https://img.i2i.jp/www/document/face-id3.png) no-repeat 100px 30px /*#FDF7FD*/ #fff;
		border-color: #a646b1;
		height: 320px;
	}
	#content > .contentInner > .catPanel.isIndex.isID2 {
		background: url(https://img.i2i.jp/www/document/face-id2.png) no-repeat 60px 0px /*#FFFCFA*/ #fff;
		border-color: #E8AF08;
		height: 320px;
		width: 640px!important;
	}
	#content > .contentInner > .catPanel.isIndex > h1 {
		height: 77px;
	}
	#content > .contentInner > .catPanel.isIndex > h1 img {
		vertical-align: bottom;
	}
	#content > .contentInner > .catPanel.isIndex > ul {
		padding-top: .8em;
	}

	#content > .contentInner > .catPanel.isIndex > ul > li {
		text-align: left;
		font-size: 123%;
		font-weight: 700;
		letter-spacing: -0.05em;
		margin-bottom: 5px;
	}
	#content > .contentInner > .catPanel.isIndex > ul > li a {
		text-decoration: none;
	}
		#content > .contentInner > .catPanel.isIndex > ul > li > ul > li {
			font-size: 85%;
			font-weight: 400;
		}

	#content > .contentInner > .catPanel.isIndex .catDesc {
		text-align: left;
		font-size: 108%;
		width: auto;
		margin-top: 1em;
		margin: 0 19px;
		padding: 5px 10px;
		position: absolute;
		bottom: 19px;
		left: 0px;
		background: #eee;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	}



	/*____________________section.isIndex.tutorialShortCut__*/
	.catPanel.tutorialShortCut {
		width: 292px!important;
		min-width: 292px!important;
		background: url(https://img.i2i.jp/www/document/face-id5.png) no-repeat right bottom #fff;
		border-color: #8cc540 !important;
	}
	.catPanel.isIndex.tutorialShortCut {
		width: 640px!important;
	}
	#catID5 .catPanel.tutorialShortCut h1 {

	}
	#catID5 .catPanel.tutorialShortCut h1 a {vertical-align: bottom;

		font-size: 60%;
		text-shadow: none;
		padding: 2px 4px 2px 8px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		background: #8CC540;

	}
	.catPanel.isIndex.tutorialShortCut div {
		float: left;
		width: 300px;
		margin-right: 1.5em;
	}
	.catPanel.isIndex.tutorialShortCut div:nth-of-type(2) {
		margin-right: 1em;
	}

	.catPanel.isIndex.tutorialShortCut div h2 a {
		display: inline-block;
		font-size: 116%;
		margin-top: 0.15em;
		padding: 2px 8px 2px 8px;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		background: #8CC540;
		margin-bottom: 5px;
	}
	.catPanel.tutorialShortCut ul li {
		margin-bottom: 3px;
		display: block;
		text-indent: .5em;
		padding: 0.16em 3px 0.16em 3px;
		border: 1px solid #777;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-box-shadow: 0 0px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 0px 3px rgba(0,0,0,.4);
		box-shadow: 0 0px 3px rgba(0,0,0,.4);
	}

	.catPanel.tutorialShortCut ul li img {
		float: left;
		width: 16px;
		height: 16px;
	}
	.catPanel.tutorialShortCut ul li a {
		font-size: 92%;
		display: block;
		width: 100%;
		text-decoration: none;
		font-weight: 400;
	}


	.catPanel.tutorialShortCut ul li:hover {
		background: #F2F1E6;
	}
	.catPanel.tutorialShortCut ul li.delim:not(:first-child) {
		margin-top: .6em;
	}
	.catPanel.isIndex.tutorialShortCut ul li:last-child {
		margin-bottom: 1em !important;
	}






/*________________________________________________________________________________________section.listIcon__*/
	#content > .contentInner .listIcon figure,
	#content > .contentInner aside.listIcon figure {
		float: left;
		width: 55px;
		height: 55px;
		overflow: hidden;
	}
	#content > .contentInner .listIcon figure img,
	#content > .contentInner aside.listIcon figure img {
		width: 55px;
		height: 55px;
	}

	#content > .contentInner .listIcon figure figcaption {
		display: none;
	}

	#content > .contentInner aside.listIcon {
		clear: both;
		padding-top: 10px;
	}



/*________________________________________________________________________________________section.servicesShortCut__*/
	#content .catPanel.servicesShortCut {
		border: 1px solid #555 !important;
		background: #f5f5f5;
	}

	#content .catPanel.servicesShortCut figure {
		float: left;
	}
	#content .catPanel.servicesShortCut figure a img {
		width: 55px;
		height: 55px;
		vertical-align: bottom;
		margin: 0;
		padding: 0;
	}
	.documentIndex #content .catPanel.servicesShortCut figure {
		width: 90px;
		height: 90px;
		overflow: hidden;
		position: relative;
	}
	.documentIndex #content .catPanel.servicesShortCut figure a img {
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0;
		left: 0;
	}



/*________________________________________________________________________________________section.catNav__*/
	#content > .contentInner .catPanel.catNav {
		width: 292px;
		min-width: 292px;
	}

/*________________________________________________________________________________________section.floatBox__*/
	#content > .contentInner .catPanel.floatBox {
		width: 170px;
		min-width: 170px;
		float: left;
		text-align: center;
		margin: 0 5px 5px 0;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
	}
	#content > .contentInner .catPanel.floatBox figure img {
		width: 150px;
		height: 150px;
	}
		#catID5 #content > .contentInner .catPanel.floatBox {
			border: none;
			background: none;
			box-shadow: none;
			margin: 0 0 5px 0;
			padding: 0 0 0 7px;
			width: 150px;
			min-width: 150px;
			height: 193px;
		}
		#catID5 #content > .contentInner .catPanel.floatBox figure:nth-last-child(1) {
			margin-bottom: 20px;
		}
		#catID5 #content > .contentInner .catPanel.floatBox figure img {
			border: 1px solid #333;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			margin-bottom: 1px;
			width: 147px;
			height: 147px;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			box-shadow: 0 1px 3px rgba(0,0,0,.4);
		}



		#content > .contentInner .catPanel.floatBox figure > figcaption { /*display: none;*/
			clear: both;
			letter-spacing: -0.06em;
			background: #333;
			padding: 2px 0;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			font-size: 86%;
		}
		#content > .contentInner .catPanel.floatBox figure > figcaption a {
			color: #fff;
			width: 100%;
			display: block;
			text-decoration: none;
		}


/*________________________________________________________________________________________section.capList__*/
		#content > .contentInner .catPanel.capList > ul li {
			display: inline-block;
			margin-right: 5px;
			margin-bottom: 4px;
			overflow: hidden;
			width: 72px;
			padding: 5px;
			border: 1px solid #ccc;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			position: relative;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			box-shadow: 0 1px 3px rgba(0,0,0,.4);
		}
		#content > .contentInner .catPanel.capList > ul li a {
			text-decoration: none;
		}
		#content > .contentInner .catPanel.capList > ul li a img {
			border: 1px solid #999;
			width: 70px;
		}
		#content > .contentInner .catPanel.capList > ul li span {
			font-size: 77%;
			width: 72px;
			letter-spacing: -0.05em;
			background: #000;
			opacity: 0.7;
			padding: 2px 0;
			margin-top: 1px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			display: block;
			text-align: center;
			color: #fff;
			position: absolute;
			left: 5px;
			bottom: 5px;
			overflow: hidden;
		}
		#content > .contentInner .catPanel.capList > ul li:hover span {
			opacity: 0.9;
		}
		#content > .contentInner .catPanel.capList > ul li:hover {
			background: #F2F1E6;
		}



	#content > .contentInner .catPanel.catDetail p {
		line-height: 1.4;
		font-size: 123%;
		padding: 0 20px 1em 20px;
	}
	#content > .contentInner .catPanel.catDetail p:first-of-type {
		padding-top: 20px;
	}
	#content > .contentInner .catPanel.catDetail p:last-of-type {
		padding-bottom: 20px;
	}

/*________________________________________________________________________________________section.hasParts__*/
	#content > .contentInner .catPanel.hasParts > h1 {
		clear: both;
		display: inline-block;
	}

	#content > .contentInner .catPanel.hasParts > figure:nth-of-type(1) {
		float: left;
		width: 150px;
		height: 150px;
		overflow: hidden;
		position: relative;
	}
	#content > .contentInner .catPanel.hasParts > figure:nth-of-type(1) img {
		width: 150px;
		height: 150px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content > .contentInner .catPanel.hasParts > ul {
		margin-left: 170px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#content > .contentInner .catPanel.hasParts > ul li {
		font-weight: 400;
		line-height: 1.5;
		color: #333;
		font-size: 106%;
	}


	#catID1 #content > .contentInner .catPanel.hasParts {
		width: 94%;
		min-width: 640px;
	}
	#catID1 #content > .contentInner .catPanel.hasParts > figure {
		float: left;
		width: 150px;
		height: 150px;
		overflow: hidden;
	}
	#catID1 #content > .contentInner .catPanel.hasParts > ul {
		margin-left: 170px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#catID1 #content > .contentInner .catPanel.hasParts > ul li {
		font-size: 100%;
		font-weight: 400;
		line-height: 1.5;
		color: #333;
		font-size: 106%;
	}

	#catID1 #content > .contentInner .catPanel.hasParts > ul li > figure a img {
		height: 50px;
	}








/*________________________________________________________________________________________entry__*/

	article.entry {
		padding-bottom: 50px;
	}

	article.entry:after { 
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}
	article.entry > header:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}

	#catID4 article.entry > header > figure:nth-of-type(1),
	#catID4 article.entry > footer > figure,
	#catID3 article.entry > header > figure:nth-of-type(1),
	#catID3 article.entry > footer > figure,
	#catID5 article.entry > header > figure:nth-of-type(1)
	{
		float: left;
		height: 50px;
		margin-right: 14px;
	}
	#catID4 article.entry > header > figure:nth-of-type(1) img,
	#catID4 article.entry > footer > figure img,
	#catID3 article.entry > header > figure:nth-of-type(1) img,
	#catID3 article.entry > footer > figure img,
	#catID5 article.entry > header > figure:nth-of-type(1) img
	{
		height: 50px;
	}


	/* ----- entry header url ----- */
	#catID5 article.entry > header > aside:nth-of-type(1) {
		display: block;
		clear: both;
		margin-bottom: .5em;
		padding: 0.5em 0;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}


	/* ----- entry header otherEntry shortCut ----- */
	#catID5 article.entry > header > aside:not(:nth-of-type(1)) {
		clear: both;
		padding-bottom: .1em;
		max-width: 420px;
	}
	#catID5 article.entry > header > aside:not(:nth-of-type(1)):last-of-type {
		padding-bottom: 1em;
	}
	#catID5 article.entry > header > aside:not(:nth-of-type(1)) > p {
		display: inline-block;
		font-size: 108%;
		margin-top: 0.15em;
		padding: 2px 4px 2px 5px;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		background: #8CC540;
		cursor: pointer;
	}
	#catID5 article.entry > header > aside:not(:nth-of-type(1)) > p img {
		vertical-align: -3px;
		margin-right: 4px;
	}
	#catID5 article.entry > header > aside:not(:nth-of-type(1)) > ul {
		display: none;
		padding-bottom: 1em;
		width: 420px;
	}








	/* ----- entry header shortCut ----- */
	#catID5 article.entry #tutorialIndex {
		clear: both;
		background: #E2E4D7;
		padding: 10px 10px 10px 16px;
		border: 1px solid #666;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-radius: 7px 7px 0 0 / 7px 7px 0 0;
		border-bottom: none;
	}
	#catID5 article.entry #tutorialIndex li {
		text-align: left;
	}
		#catID5 article.entry #tutorialIndex li:first-child {
			display: inline-block;
			font-size: 108%;
			margin-top: 0.15em;
			padding: 2px 4px 2px 5px;
			text-decoration: none;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			color: #fff;
			background: #A5A79B;
		}
	#catID5 article.entry #tutorialIndex li a {
		display: inline-block;
		font-size: 108%;
		margin-top: 0.15em;
		padding: 2px 4px 2px 5px;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #707169;
		background: #E2E4D7;
	}
	#catID5 article.entry #tutorialIndex li a:hover {
		color: #fff;
		background: #A5A79B;
	}



	/* ----- available ----- */
	#catID5 article.entry > footer > figure {
		clear: both;
		text-align: center;
		background: #8CC540;
		padding: 5px 0;
		border: 1px solid #333;
	}
	#catID5 article.entry > footer > figure {
		-webkit-border-bottom-left-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-radius: 0 0 7px 7px/0 0 7px 7px;
		border-top: none;
	}

	#catID5 article.entry > footer > figure img {
		width: 50px;
		margin: 0;
	}
	#catID5 article.entry > footer > figure > img:nth-of-type(1) {
		width: auto;
	}

	#catID5 article.entry > footer > figure img[src$="notAvailable.png"] {
		display: none;
	}

	article.entry > header > h1 {
		float: left;
		font-weight: 400;
		text-shadow: 1px 1px 4px #fff;
		color: #000;
		line-height: 200%;
	}
	article.entry > #entryInner {
		float: left;
		width: 100%;
		min-width: 640px;
		font-size: 131%;
		line-height: 1.2;
		padding-top: 1.2em;
	}
		article.entry > #entryInner:after {
			content: ".";
			clear: both;
			height: 0;
			font-size: 0;
			display: block;
			visibility: hidden;
		}

	article.entry > #entryInner > p {
		padding-bottom: 1em !important;
	}


	#catID3 article.entry > #entryInner > time {
		float: left;
	}
	#catID3 article.entry > #entryInner > .entryDivideLeft {
		width: 35%;
		min-width: 220px;
		float: left;
		padding-right: 14px;
		padding-bottom: 50px;
	}
	#catID3 article.entry > #entryInner > .entryDivideRight {
		width: 60%;
		min-width: 300px;
		float: left;
		padding-left: 14px;
		padding-bottom: 50px;
		background: url(https://img.i2i.jp/www/document/dotline-vertical.png) repeat-y left top;
	}
		#catID3 article.entry > #entryInner > .entryDivideLeft figure,
		#catID3 article.entry > #entryInner > .entryDivideRight figure {
			width: 100%;
			text-align: center;
			margin-bottom: 14px;
		}
			#catID3 article.entry > #entryInner > .entryDivideLeft figure img,
			#catID3 article.entry > #entryInner > .entryDivideRight figure img {
				vertical-align: bottom;
			}
		#catID3 article.entry > #entryInner > .entryDivideLeft p,
		#catID3 article.entry > #entryInner > .entryDivideRight p {
			padding-bottom: 1em;
		}





	#catID4 article.entry #entryInner p {
		clear: both;
		margin-bottom: 1em;
	}
	#catID4 article.entry #entryInner p:nth-of-type(1) {
		padding-top: 0;
	}
	#catID4 article.entry #entryInner p img {
		border: 1px solid #454545;
		margin: .8em 1em 0 1em;
		border-radius: 2px;
		-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
		box-shadow: 2px 2px 3px rgba(0,0,0,.4);
	}
	#catID4 article.entry > #entryInner > h2 {
		font-size: 123%;
		font-weight: 700;
		color: #FF9C1D;
		padding-top: .3em;
		padding-bottom: .3em;
		margin-bottom: .5em;
		border-bottom: 3px solid #C9CCB8;
	}



	#catID5 article.entry #entryInner {
		float: none;
		display: table;
		border-collapse: collapse;
	}

	#catID5 article.entry #entryInner .table-row {
		display: table-row;
	}
	#catID5 article.entry #entryInner .table-row > figure {
		width: 370px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 26px 14px 20px 14px;
		border-left: 1px solid #666;
		border-bottom: 1px dotted #666;
		font-size: 85%;
	}
		#catID5 article.entry #entryInner .table-row:first-child > figure {
			border-top: 1px dotted #666;
		}
		#catID5 article.entry #entryInner .table-row:last-child > figure {
			border-bottom: none;
		}

		#catID5 article.entry > #entryInner .table-row > figure > img,
		#catID5 article.entry > #entryInner .table-row > figure > a > img {
			border: 1px solid #666;
			max-width: 360px;
			vertical-align: bottom;
			margin-bottom: 8px;
			-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
			-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
			box-shadow: 1px 2px 3px rgba(0,0,0,.4);
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}

	#catID5 article.entry #entryInner .table-row > p {
		display: table-cell;
		background: #E2E4D7;
		border-right: 1px solid #666;
		border-bottom: 1px dotted #666;
		border-left: 1px dotted #666;
		padding: 14px 14px 14px 16px;
		font-size: 85%;
		line-height: 1.4;
		color: #333;
	}
		#catID5 article.entry #entryInner .table-row:last-of-type > p {
			border-bottom: none;
		}

		#catID5 article.entry #entryInner .table-row > p > h2 {
			color: #fff;
			font-size: 116%;
			letter-spacing: 0.1em;
			margin-bottom: 12px;
			padding: 5px 5px;
			background: #A5A79B;
			line-height: 1.15;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			font-weight: 400;
		}

		#catID5 article.entry #entryInner .table-row > p > span {
			display: block;
			padding: 5px 0 0 0;
		}
		#catID5 article.entry #entryInner .table-row > p textarea {
			width: 90%;
			overflow: hidden;
		}


	#catID2 article.entry #entryInner p {
		padding-left: 114px;
	}


#entryInner strong {
	color: #ff0000;
	font-weight: bold;
}



	article.entry ~ aside {
		padding: 1em 0;
		border-top: 1px solid #ccc;
	}
	article.entry ~ aside li {
		font-weight: 700;
		margin-bottom: 2px;
	}
	article.entry ~ aside li a {
		font-weight: 400;
	}

	.searchResults article {
		padding: 1em 0 1em 0;
		border-bottom: 1px solid #ccc;
	}
	.searchResults article p:nth-of-type(1) {
		font-size: 131%;
	}
	.searchResults article p:nth-of-type(2) {
		text-align: right;
		font-size: 77%;
		padding-bottom: 0.5em;
	}

	.pagenate {
		clear: both;
	}




.searchResults article p:nth-of-type(2) a {
	display: inline-block;
	font-weight: 400;
	text-decoration: none;
	padding: 2px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.searchResults article p:nth-of-type(2).catID4 a {
	border: 1px solid #333;
	color: #fff;
	background-color: #3E72E8;
}
.searchResults article p:nth-of-type(2).catID5 a {
	border: 1px solid #333;
	color: #fff;
	background-color: #8CC540;
}
.searchResults article p:nth-of-type(2).catID3 a {
	border: 1px solid #333;
	color: #fff;
	background-color: #B11B7D;
}
.searchResults article p:nth-of-type(2).catID2 a {
	border: 1px solid #333;
	color: #fff;
	background-color: #CB780F;
}

.searchResults article p:nth-of-type(2) a:hover {
	border: 1px solid #333;
	color: #333!important;
	background-color: #fff!important;
}



/*________________________________________________________________________________________TagCloud Contents__*/
ul.tags {
	font-size: 14px;
}
	ul.tags li {
		margin: 0;
		padding: 0!important;
		font-size: 100%;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.4;

		display: inline-block;
		_display: inline;
		display/**/: inline;
		zoom: 1;
	}
	ul.tags li a,
	#content > .catPanel ul.tags li a {
		font-weight: 400;
		text-decoration: none;
	}
		li.tagRank01 a { font-size: 167%; font-weight: 700; }
		li.tagRank02 a { font-size: 138%; font-weight: 700; }
		li.tagRank03 a { font-size: 123%; font-weight: 700; }
		li.tagRank04 a { font-size: 115%; }
		li.tagRank05 a { font-size: 100%; }
		li.tagRank06 a { font-size:  92%; }

		#catID1 li.tagRank01 a { color: #424242; }
		#catID1 li.tagRank02 a { color: #5e5e5e; }
		#catID1 li.tagRank03 a { color: #7a7a7a; }
		#catID1 li.tagRank04 a { color: #979797; }
		#catID1 li.tagRank05 a { color: #b3b3b3; }
		#catID1 li.tagRank06 a { color: #cfcfcf; }

		#catID4 li.tagRank01 a { color: #3e5b71; }
		#catID4 li.tagRank02 a { color: #668eac; }
		#catID4 li.tagRank03 a { color: #668eac; }
		#catID4 li.tagRank04 a { color: #87a6be; }
		#catID4 li.tagRank05 a { color: #a7becf; }
		#catID4 li.tagRank06 a { color: #c7d5e0; }

		#catID5 li.tagRank01 a { color: #3d881a; }
		#catID5 li.tagRank02 a { color: #76c246; }
		#catID5 li.tagRank03 a { color: #66bc50; }
		#catID5 li.tagRank04 a { color: #84be76; }
		#catID5 li.tagRank05 a { color: #98d299; }
		#catID5 li.tagRank06 a { color: #c3d1c0; }

		#catID3 li.tagRank01 a { color: #760e3b; }
		#catID3 li.tagRank02 a { color: #a81454; }
		#catID3 li.tagRank03 a { color: #db1a6d; }
		#catID3 li.tagRank04 a { color: #e9458c; }
		#catID3 li.tagRank05 a { color: #ef77ab; }
		#catID3 li.tagRank06 a { color: #f5aaca; }

		#catID2 li.tagRank01 a { color: #88261a; }
		#catID2 li.tagRank02 a { color: #c24b46; }
		#catID2 li.tagRank03 a { color: #bc6950; }
		#catID2 li.tagRank04 a { color: #be8776; }
		#catID2 li.tagRank05 a { color: #d2b298; }
		#catID2 li.tagRank06 a { color: #d1c4c0; }

	ul.tags li a:hover {
		color: #000;
	}





/*________________________________________________________________________________________footer__*/
footer {
	width: 100%;
	font-family: Verdana;
	clear: both;
	z-index: 1;
}

footer > aside:nth-child(1) {
	width: 100%;
	height: 260px;
	float: left;
	background: url(https://img.i2i.jp/www/document/shadowLine.png) repeat-x #f7f7f7;/*F2F1E6*/
	clear: both;
	text-align: right;
	position: relative;
}


	body > footer > aside:nth-child(1) > ul {
		position: absolute;
		left: 18px;
		top: 3px;
		z-index: 100;
	}
	body > footer > aside:nth-child(1) > ul li {
		display: inline-block;
		height: 35px;
		line-height: 28px;
		padding: 0px 12px 0px 12px;
		color: #fff;
		background: url(https://img.i2i.jp/www/document/simasima.gif) #343434;
		cursor: pointer;
		display: inline-block;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		border-radius: 0 0 4px 4px / 0 0 4px 4px;
		-webkit-box-shadow:	1px 1px 6px rgba(0,0,0,.3);
		-moz-box-shadow: 1px 1px 6px rgba(0,0,0,.3);
		box-shadow: 1px 1px 6px rgba(0,0,0,.3);

		-webkit-transition: height .1s ease-in-out;
		-moz-transition: height .1s ease-in-out;
		transition: height .1s ease-in-out;
	}
	body > footer > aside:nth-child(1) > ul li a {

	}
		body > footer > aside:nth-child(1) > ul li:hover {
			background: #000;
			height: 40px;
		}

	body > footer > aside:nth-child(1) > #snsBadge {display: none;
		position: absolute;
		left: 400px;
		top: 3px;
		z-index: 200;
	}

	body > footer > aside:nth-child(1) > figure:nth-of-type(1) {
		position: absolute;
		top: 90px;
		left: 15px;
	}
	body > footer > aside:nth-child(1) > figure:nth-of-type(2) {
		position: absolute;
		top: 90px;
		left: 280px;
	}

	body > footer > aside:nth-child(1) > p { /*copyright*/
		position: absolute;
		right: 160px;
		bottom: 46px;
		overflow: hidden;
		white-space: nowrap;
	}



	.toTop {
		height: 28px;
		padding: 7px 12px 0px 12px;
		color: #fff;
		background: url(https://img.i2i.jp/www/document/simasima.gif) #343434;
		position: fixed;
		right: 17px;
		bottom: 38px;
		cursor: pointer;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.toTop:hover {
		background: #000;
	}



/*________________________________________________________________________________________breadCrumb__*/
#breadCrumb {
	width: 100%;
	color: #fff;
	padding: 7px 0 0 0;
	background: url(https://img.i2i.jp/www/document/simasima.gif) #333;
	position: fixed !important;
	left: 0;
	bottom: 0;
	z-index: 9999999;
}
#breadCrumb:after { 
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	display: block;
	visibility: hidden;
}
#breadCrumb ul {
	float: left;
	width: 90%;
}
#breadCrumb li {
	white-space: nowrap;
	font-weight: 700;
	margin-right: 2px;
	display: inline-block;
	margin-bottom: 7px;
}


#breadCrumb li:first-child {
	margin-left: 20px;
}

#breadCrumb li a {
	display: block;
	font-weight: 400;
	text-decoration: none;
	padding: 2px 5px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	border: 1px solid #666;
	color: #fff;
}

#catID4 #breadCrumb li a {
	background-color: #3E72E8;
}
#catID5 #breadCrumb li a {
	background-color: #8CC540;
}
#catID3 #breadCrumb li a {
	background-color: #B11B7D;
}
#catID2 #breadCrumb li a {
	background-color: #CB780F;
}

#breadCrumb li:first-child a {
	color: #333!important;
	background-color: #fff!important;
}
#breadCrumb li a:hover {
	color: #333!important;
	background-color: #fff!important;
}