@charset "UTF-8";
/*
	# Category 2Columns Page CSS

	## Section & Media Queries
	- Common Style : Global Scope
	- SmartPhone Style : <- 499px
	- Tablet Style : 500px <-> 799px
	- PC Style : 800px ->

*/

/* Common Style */

#main-contents a:link{color:#405392; text-decoration:underline;}
#main-contents a:hover{color:#3399cc; text-decoration:underline;}
#main-contents a:visited{color:#405392; text-decoration:underline;}
#sub-contents a:link{color:#405392; text-decoration:underline;}
#sub-contents a:hover{color:#3399cc; text-decoration:underline;}
#sub-contents a:visited{color:#405392; text-decoration:underline;}
/* ページの先頭に戻るリンク色 */
div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}
div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}

.mb20 {margin-bottom:20px;}
.ml15 {margin-left:15px;}
.clb {clear:both;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
.ta-c {text-align:center;}

/* ページタイトル */
h1 .header-title-top {display:block;}

/* SmartPhone Style */
@media screen and (max-width:499px) {
	#contents-area {margin:0;}
	#main-contents {width:96%;margin:0 auto;padding:2% 0 0 0;}
/* サブメニュー */
	#sub-contents {display:none;}
/* メインコンテンツ */
	#main-contents .cnt1 h2.title1 {color:#0a47a4;font-weight:bold;margin-bottom:10px;}
	#main-contents .cnt1 h2.title1 b {font-size:123.1%;}
	#main-contents .cnt1 p {line-height:1.6;font-size:93%;}
	#main-contents .cnt1 .cnt1bx {border:1px solid #ccc;padding:10px 15px;margin:20px 0;}
	#main-contents .cnt1 .cnt1bx p {margin-top:5px;}
	#main-contents .pagemenu {margin-bottom:30px;}
	#main-contents .pagemenu .tab {overflow:hidden;}
	#main-contents .pagemenu .tab.line {border-bottom:4px solid #ff6600;}
	#main-contents .pagemenu .tab li {float:left;width:33.333333%;}
	#main-contents .pagemenu .tab li a {display:block;height:38px;color:#fff;font-weight:bold;margin:0 2px;text-align:center;background:#fdb836;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */
		-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */
		-ms-border-radius: 5px 5px 0 0;
		text-decoration:none;}
	#main-contents .pagemenu .tab li.tab1 a,
	#main-contents .pagemenu .tab li.tab3 a {line-height:38px;}
	#main-contents .pagemenu .tab li.tab2 a {height:33px;padding:5px 3px 0 3px;}
	#main-contents .pagemenu .tab li a.now,
	#main-contents .pagemenu .tab li a:hover {
		background: -moz-linear-gradient(top, #fa9301, #ff6600); /* Firefox用 */
		background: -webkit-gradient(linear, center top, center bottom, from(#fa9301), to(#ff6600)); /* Safari,Google Chrome用 */
		filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#fa9301', endColorstr='#ff6600'); /* IE5.5-7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9301', endColorstr='#ff6600', GradientType=0)";/*IE8 IE9*/
		background: linear-gradient(to bottom, #fa9301, #ff6600);/* IE10用 */}
	#main-contents .pagemenu .tab li a span {color:#fff;font-weight:bold;}
	#main-contents .pagemenu .bx {border:4px solid #ff6600;padding:10px;}
	#main-contents .pagemenu .bx ul {overflow:hidden;max-width:274px;margin:0 auto;}
	#main-contents .pagemenu .bx ul li {float:left;width:50%;text-align:center;}
	#main-contents .pagemenu .bx ul li img {max-width:98%;}

	/* index2.html */
	#main-contents .cnt2{margin-bottom:20px;}
	#main-contents .cnt2 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px;}
	#main-contents .cnt2 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt2 p {line-height:1.6;}
	#main-contents .cnt2 .img-01 {overflow:hidden;margin:10px 0;}
	#main-contents .cnt2 .img-01 li {margin-bottom:10px;text-align:center;}
	#main-contents .cnt2 .img-01 img {max-width:100%;}
	#main-contents .cnt2 .list-01 {overflow:hidden;margin:0 auto;}
	#main-contents .cnt2 .list-01 li {float:left;width:33%;text-align:center;font-size:89%;margin-bottom:15px;}
	#main-contents .cnt2 .list-01 li img {max-width:80px; margin-bottom:10px;}

	/* index3.html */
	#main-contents .cnt3 {margin-bottom:20px;}
	#main-contents .cnt3 p {line-height:1.6;}
	#main-contents .cnt3 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px;}
	#main-contents .cnt3 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt3 .tbl-01 {width:100%;margin-top:15px;border-top:1px solid #ccc;}
	#main-contents .cnt3 .tbl-01 th,
	#main-contents .cnt3 .tbl-01 td {float:left;clear:both;width:96%;padding:5px 2%;border:1px solid #ccc;border-top:0;}
	#main-contents .cnt3 .tbl-01 th {font-weight:bold;background:#d9ecff;}
	#main-contents .cnt3 .tbl-01 th span {font-weight:normal;}
	#main-contents .cnt3 .list-01 {overflow:hidden;}
	#main-contents .cnt3 .list-01 li {float:left;width:33.333333%;}
	#main-contents .cnt3 .list-01 li a {display:block;margin:0 2px;}
	#main-contents .cnt3 .list-01 li img {width:100%;}

/* ページの先頭に戻る */
	div.product-page-top{clear:both;
		border: 1px solid #CCC;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border: 3px;/* Safari,Google Chrome用 */
		-moz-border-top: 3px;/* Firefox用 */
		margin: 2.5% auto 30px;
		box-sizing:border-box;
	}
	div.product-page-top .page-top{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		padding:0;
		clear: both;
		text-align: center;
		font-size: 93%;
		background-image: url(/image/icnlink.png);
		background-repeat: no-repeat;
		background-position: 99% center;
	}
	div.product-page-top .page-top a{
		padding: 2.5% 0 2%;
		display: block;
	}
}

/* Tablet Style  */
@media screen and (min-width: 500px) and (max-width: 799px) {
	#contents-area {
		padding:5px 0 0 0;
	}
	#main-contents {
		width: 96%;
		margin:15px auto 0;
	}
/* サブメニュー */
	#sub-contents {
		display:none;
	}
/* メインコンテンツ */
	#main-contents .cnt1 h2.title1 {color:#0a47a4;font-weight:bold;margin-bottom:10px;}
	#main-contents .cnt1 h2.title1 b {font-size:167%;}
	#main-contents .cnt1 p {line-height:1.6;font-size:93%;}
	#main-contents .cnt1 .cnt1bx {border:1px solid #ccc;padding:10px 15px;margin:20px 0;}
	#main-contents .cnt1 .cnt1bx p {margin-top:5px;}
	#main-contents .pagemenu {margin-bottom:30px;}
	#main-contents .pagemenu .tab {overflow:hidden;}
	#main-contents .pagemenu .tab.line {border-bottom:4px solid #ff6600;}
	#main-contents .pagemenu .tab li {float:left;width:33.333333%;}
	#main-contents .pagemenu .tab li a {display:block;text-decoration:none;height:28px;padding-top:10px;color:#fff;font-weight:bold;
		font-size:116%;margin:0 2px;text-align:center;background:#fdb836;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */
		-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */
		-ms-border-radius: 5px 5px 0 0;}
	#main-contents .pagemenu .tab li a.now,
	#main-contents .pagemenu .tab li a:hover {
		background: -moz-linear-gradient(top, #fa9301, #ff6600); /* Firefox用 */
		background: -webkit-gradient(linear, center top, center bottom, from(#fa9301), to(#ff6600)); /* Safari,Google Chrome用 */
		filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#fa9301', endColorstr='#ff6600'); /* IE5.5-7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9301', endColorstr='#ff6600', GradientType=0)";/*IE8 IE9*/
		background: linear-gradient(to bottom, #fa9301, #ff6600);/* IE10用 */	}
	#main-contents .pagemenu .tab li a span {color:#fff;font-weight:bold;}
	#main-contents .pagemenu .bx {border:4px solid #ff6600;padding:10px;}
	#main-contents .pagemenu .bx ul {overflow:hidden;}
	#main-contents .pagemenu .bx ul li {float:left;width:25%;text-align:center;}
	#main-contents .pagemenu .bx ul li img {width:98%;}

	/* index2.html */
	#main-contents .cnt2{margin-bottom:20px;}
	#main-contents .cnt2 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px;}
	#main-contents .cnt2 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt2 p {font-size:93%;line-height:1.6;}
	#main-contents .cnt2 .img-01 {overflow:hidden;margin:10px 0;}
	#main-contents .cnt2 .img-01 li {float:left;width:33.333333%;text-align:center;}
	#main-contents .cnt2 .img-01 img {max-width:98%;margin-bottom:5px;}
	#main-contents .cnt2 .list-01 {overflow:hidden;margin:0 auto;}
	#main-contents .cnt2 .list-01 li {float:left;text-align:center;font-size:89%; width: 16.5%;}
	#main-contents .cnt2 .list-01 li img {max-width:80px; margin-bottom:10px;}
	#main-contents #case3 .img-01 li,
	#main-contents #case4 .img-01 li {width:50%;}

	/* index3.html */
	#main-contents .cnt3 {margin-bottom:20px;}
	#main-contents .cnt3 p {font-size:93%;line-height:1.6;}
	#main-contents .cnt3 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px;}
	#main-contents .cnt3 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt3 .tbl-01 {width:100%;margin-top:15px;}
	#main-contents .cnt3 .tbl-01 th,
	#main-contents .cnt3 .tbl-01 td {padding:5px 10px;border:1px solid #ccc;}
	#main-contents .cnt3 .tbl-01 th {font-weight:bold;background:#d9ecff;}
	#main-contents .cnt3 .tbl-01 th span {font-weight:normal;}
	#main-contents #glossary1 .tbl-01 th {width:20%;}
	#main-contents #glossary2 .tbl-01 th {width:15%;}
	#main-contents #glossary3 .tbl-01 th {width:40%;}
	#main-contents #glossary4 .tbl-01 th {width:25%;}
	#main-contents .cnt3 .list-01 {overflow:hidden;}
	#main-contents .cnt3 .list-01 li {float:left;width:20%;}
	#main-contents .cnt3 .list-01 li a {display:block;margin:0 2px;}
	#main-contents .cnt3 .list-01 li img {width:100%;}
/* ページの先頭に戻る */
	div.product-page-top{
		clear:both;
		border: 1px solid #CCC;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border: 3px;/* Safari,Google Chrome用 */
		-moz-border-top: 3px;/* Firefox用 */
		margin: 2.5% auto 30px;
		box-sizing:border-box;
	}
	div.product-page-top .page-top{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		padding:0;
		clear: both;
		text-align: center;
		font-size: 93%;
		background-image: url(/image/icnlink.png);
		background-repeat: no-repeat;
		background-position: 99% center;
	}
	div.product-page-top .page-top a{
		padding:1.8% 0 1.5%;
		display:block;
	}
}

/* PC Style */
@media print ,screen and (min-width:800px) {
	#main-contents {width: 700px;margin: 5px 0 0 10px;padding: 0;float: left;}
/* サブメニュー */
	#sub-contents {padding:5px 5px 0 0;float:right;}
	#sub-contents .bnr-box {width:220px;}
	#sub-contents .bnr-box section {border: 1px solid #ccc;padding: 5px 15px;margin-bottom:15px;}
	#sub-contents .bnr-box section h2 {color:#545454;font-size:108%;font-weight:bold;margin-bottom:15px;}
	#sub-contents .bnr-box section.bx li {margin-bottom:8px;}
	#sub-contents .bnr-box section.bx li a {font-size: 93%;}
	#sub-contents .bnr-box section.bx li div {background:url(/image/rmenu/arrow.gif) left center no-repeat;padding-left:10px;}
	#sub-contents .bnr-box section.bx li p {padding:5px 0;}
	#sub-contents .bnr-box section.news li .date {font-weight:bold;margin-bottom:5px;font-size:93%;}
	#sub-contents .bnr-box section.news li a{overflow:hidden;display:block;font-size:93%;line-height:1.4;}
	#sub-contents .bnr-box section.news li .ico {float:left;margin-right:5px;}

/* メインコンテンツ */
	#main-contents .cnt1 h2.title1 {color:#0a47a4;font-weight:bold;margin-bottom:10px;}
	#main-contents .cnt1 h2.title1 b {font-size:174%;}
	#main-contents .cnt1 p {line-height:1.6;font-size:93%;}
	#main-contents .cnt1 .cnt1bx {border:1px solid #ccc;padding:10px 15px;margin:20px 0;}
	#main-contents .cnt1 .cnt1bx p {margin-top:5px;}
	#main-contents .pagemenu {margin-bottom:30px;}
	#main-contents .pagemenu .tab {overflow:hidden;}
	#main-contents .pagemenu .tab.line {border-bottom:4px solid #ff6600;}
	#main-contents .pagemenu .tab li {float:left;}
	#main-contents .pagemenu .tab li a {display:block;height:38px;margin-right:5px;}
	#main-contents .pagemenu .tab li a span {display:none;}
	#main-contents .pagemenu .tab li.tab1 a {width:191px;background:url(../image/menu01.gif) top left no-repeat;}
	#main-contents .pagemenu .tab li.tab2 a {width:231px;background:url(../image/menu02.gif) top left no-repeat;}
	#main-contents .pagemenu .tab li.tab3 a {width:191px;background:url(../image/menu03.gif) top left no-repeat;}
	#main-contents .pagemenu .tab li.tab1 a.now,
	#main-contents .pagemenu .tab li.tab1 a:hover {width:191px;background:url(../image/menu01o.gif) top left no-repeat;}
	#main-contents .pagemenu .tab li.tab2 a.now,
	#main-contents .pagemenu .tab li.tab2 a:hover {width:231px;background:url(../image/menu02o.gif) top left no-repeat;}
	#main-contents .pagemenu .tab li.tab3 a.now,
	#main-contents .pagemenu .tab li.tab3 a:hover {width:191px;background:url(../image/menu03o.gif) top left no-repeat;}
	#main-contents .pagemenu .bx {border:4px solid #ff6600;padding:10px;}
	#main-contents .pagemenu .bx ul {overflow:hidden;}
	#main-contents .pagemenu .bx ul li {float:left;width:25%;text-align:center;}

	/* index2.html */
	#main-contents .cnt2{margin-bottom:20px;}
	#main-contents .cnt2 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px;}
	#main-contents .cnt2 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt2 p {font-size:93%;line-height:1.6;}
	#main-contents .cnt2 .img-01 {overflow:hidden;margin:10px 0;}
	#main-contents .cnt2 .img-01 li {float:left;width:33.333333%;text-align:center;}
	#main-contents .cnt2 .img-01 img {max-width:98%;margin-bottom:5px;}
	#main-contents .cnt2 .list-01 {overflow:hidden;width:680px;margin:0 auto;}
	#main-contents .cnt2 .list-01 li {float:left;text-align:center;font-size:89%; width:16.5%;}
	#main-contents .cnt2 .list-01 li img {margin-bottom:10px; max-width:80px; height: auto;}
	#main-contents #case3 .img-01 li,
	#main-contents #case4 .img-01 li {width:50%;}

	/* index3.html */
	#main-contents .cnt3 {margin-bottom:20px;}
	#main-contents .cnt3 p {font-size:93%;line-height:1.6;}
	#main-contents .cnt3 h2.title2 {color:#fff;padding:8px 10px;font-size:123.1%;background:#0a47a4;margin-bottom:20px; font-weight: bold; border-radius: 3px;}
	#main-contents .cnt3 h3.title3 {padding:0 0 0 8px;font-weight:bold;font-size:116%;line-height:1.6;border-left:4px solid #0a47a4;border-bottom:1px solid #ccc;margin-bottom:20px;}
	#main-contents .cnt3 .tbl-01 {width:100%;margin-top:15px;}
	#main-contents .cnt3 .tbl-01 th,
	#main-contents .cnt3 .tbl-01 td {padding:10px;border:1px solid #ccc;}
	#main-contents .cnt3 .tbl-01 th {font-weight:bold;background:#d9ecff;}
	#main-contents .cnt3 .tbl-01 th span {font-weight:normal;}
	#main-contents #glossary1 .tbl-01 th {width:20%;}
	#main-contents #glossary2 .tbl-01 th {width:15%;}
	#main-contents #glossary3 .tbl-01 th {width:40%;}
	#main-contents #glossary4 .tbl-01 th {width:25%;}
	#main-contents .cnt3 .list-01 {overflow:hidden;}
	#main-contents .cnt3 .list-01 li {float:left;width:20%;}
	#main-contents .cnt3 .list-01 li a {display:block;margin:0 2px;}
	#main-contents .cnt3 .list-01 li img {width:100%;}


	/* ページの先頭に戻る */
	div.product-page-top{
		width: 100%;
		float:left;
		clear:both;
		padding:10px 0 0 0;
	}
	div.product-page-top .page-top{
		width: 110px;
		font-size: 85%;
		display: block;
		padding: 5px 15px 5px 10px;
		margin: 0 0 25px 0;
		float: right;
		border: 1px solid #CCC;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border: 3px;/* Safari,Google Chrome用 */
		-moz-border-top: 3px;/* Firefox用 */
		background-image: url(/image/icnlink.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
	div.product-page-top .page-top a{
		display:block;
	}
}

/* Print Style */
@media print {
	body {
		width:700px;
		margin: 0 auto;
	}
	#container {
		width: 700px;
		margin:0;
		padding: 0;
	}
	#contents-area {
		padding:0;
		margin:0;
		width: 700px;
	}
	#header {
		display:none;
	}
	#header-title-top {
		display:none;
	}
	#main-contents {
		width: 700px;
		margin: 0;
		padding: 0;
		float: left;
	}
	#footer {
		display:none;
	}
	.topicpath {
		display:none;
	}
	#sub-contents {
		display:none;
	}
}