@charset "utf-8";

html		{overflow-y:scroll}

body		{font-family: sans-serif;
			background-color: #ffffff;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0}

/* ラップ */
#wrap	{width:900px;
		margin:0px auto;}

/* ヘッダー */

header		{background-color: #ffffff;
			width: 100%;
			margin: 0;
			border-bottom: double 3px #17378F}
			
header h1	{background-color: #17378F;
			font-size: 13px;
			color: #ffffff;
			font-weight: normal;
			padding: 3px 0px 0px 0px;
			text-align: center;
			margin-top: 0;
			margin-bottom: 0}

header h1 img	{background-color: #ffffff;
				margin-top: 3px;
				margin-bottom: 0px;
				border-bottom: solid 6px #131833}

header p.r-navi	{background-color: #17378F;
			font-size: 13px;
			color: #ffffff;
			font-weight : normal;
			text-align: right;
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 9px;
			padding-left: 5px;
			padding-right: 3px}

header p.r-navi a	{color: #ffffff;
			text-decoration: none;}
					
header p.r-navi a:hover	{color: #ff8800}

header p.r-navi img	{margin-right: 3px;
					vertical-align: middle}

#slick_menu		{display: none;}
.slicknav_menu	{display: none;}
#menu		{display: none;}

#mobile_menu	{display: none;}



/* ナビゲーションメニュー */

header nav	{background-color: #17378F;
			text-align: center;
			padding-bottom: 10px;
			margin-top: -17px;
			margin-bottom: 0;
			margin-left: auto;
			margin-right: auto;}
					
header nav ul		{list-style-type: none;
			margin-top:0;
			margin-bottom: 0;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 0;
			font-size: 0}

header nav a		{color: #ffffff;
			text-decoration: none;
			font-weight: bold}
					
header nav a:hover	{color: #ff8800}
					
header nav li		{display: inline;
			font-size: 13px;
			padding-left: 10px;
			padding-right: 10px;}


/* とりあえずテーブル */
.container			{width: 900px;
					border: 0;
					border-collapse: collapse;
					margin: 0;
					padding: 0;}

/* コンテンツ上の3A Corporation Online Japanese... */
.contents h4		{font-size: 13px;
					color: #ff8019;
					text-align: right;
					margin-top: 25px;
					margin-bottom: 5px;
					padding: 0}

.darkblue			{color: #17378f}


/* 戻るボタン１ */
#back p				{font-size: 11px;
					text-align: right;
					background-color: #e5e4e4;
					border-top: solid 1px #999999;
					border-bottom: solid 1px #999999;
					margin: 0;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-right: 5px}

#back p a			{text-decoration: none;
					color: #17378f}

#back p a:hover		{color: #ff8019;
					text-decoration: underline}

/* 戻るボタン２ */
#back2 p				{font-size: 11px;
					text-align: right;
					background-color: #e5e4e4;
					border-top: solid 1px #999999;
					border-bottom: solid 1px #999999;
					margin: 0;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-right: 5px}

#back2 p a			{text-decoration: none;
					color: #17378f}

#back2 p a:hover		{color: #ff8019;
					text-decoration: underline}



/* メインのID */
#main			{position: relative;
				width: 100%;}


/* 左側ナビゲーション */


.l-menu			{position: absolute;
				top: 0;
				left: 0;
				width:178px;
				height: auto;
				background-color: #17378F;
				border-left: solid 1px #000000;
				border-right: solid 1px #000000;
				border-collapse: collapse;
				vertical-align: top;
				padding: 0}


.l-menu nav		{background-color: #ffffff;
				margin-top: 0;
				margin-bottom: 0;
				width: 178px;}


.l-menu nav h1	{background-color: #17378F;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0}

.l-menu nav h1 img	{margin-top:0;
				margin-bottom:0}

.l-menu nav h2	{background-color: #17378F;
			font-weight: normal;
			color: #ffffff;
			margin-top: 0px;
			margin-bottom: 0;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 2px;
			font-size: 13px;
			border-bottom: solid 1px #ffffff}

.l-menu nav h2 a	{color: #ffffff;
					font-weight: normal;
					text-decoration: none}

.l-menu nav h2 img	{margin-right: 3px;
					 vertical-align: text-top}

.l-menu nav h2 a:hover	{color: #ff8019;
						text-decoration: underline}

.l-menu nav ul	{list-style-image: url(img/k.gif);
			padding-top: 2px;
			padding-bottom: 2px;
			margin: 0}

.l-menu nav li	{font-size: 13px;
			line-height: 1;
			padding-bottom: 5px}

.l-menu nav li a	{text-decoration: none;
				color: #B83E40}

.l-menu nav li a:hover	{color: #FF8019;
					text-decoration: underline}


/* シリーズトップ開始 */
/* 中央メインコンテンツ */
#centercolumn h1	{color: #B83E40;
					font-weight: strong;
					margin-top:25px;
					margin-bottom: 50px;
					font-size:24px;
					text-align: center;
					line-height:1.5;}

#centercolumn h2	{color: #000000;
					font-weight: strong;
					margin-bottom: 25px;
					font-size:18px;
					text-align: center;}

#centercolumn a		{color: #000000;
					font-weight: strong;
					text-decoration: none;}

/* コンテンツ枠組み */

.contents 			{position: absolute;
					top: 0;
					width:560px;
					left: 180px;
					height:auto;
					background-color: #ffffff;
					vertical-align: top;
					margin: 0;
					padding-left: 10px;
					padding-right: 10px;
					border-collapse: collapse}


/* シリーズトップ終了 */

/* 中央コンテンツ */
/* what's new */
#whatsnew h1		{font-family:'Arial',sans-serif;
					font-size: 14px;
					color: #ffffff;
					background-color: #ff6600;
					background-image: linear-gradient(
					to bottom, #ffaa00 0%, #ff6600 100%);
					padding:5px 15px 5px 15px;
					border-radius: 20px;
					margin:10px 10px 10px 10px;}

#whatsnew p			{font-size: 12px;
					line-height: 1.5;
					text-align: justify;
					margin: 0 10px 20px 10px;}
					
#whatsnew a			{color: #4C6205;
					text-decoration: none;}

#whatsnew a:hover	{color: #FF8019;
					text-decoration: underline;}

/* New Publications */
#newpub h1			{font-family:'Arial', suns-serif;
					font-size: 14px;
					color: #ff6600;
					border: solid 1px #ff6600;
					-webkit-box-shadow: 0 1px 2px #aaaaaa;
					box-shadow: 0 1px 1px #aaaaaa;
					padding:5px 5px 5px 10px;
					margin: 10px 10px 0 10px;}

#newpub			{position: relative;
				overflow: hidden;}

#newpub ul		{list-style-type:none;
				padding:0;
				position: relative;
				left:50%;
				float: left;}

#newpub ul li		{width: 150px;
					margin:0 5px 0 5px;
					height: 270px;
					padding: 10px 5px 10px 5px;
					text-align: center;
					float: left;
					list-style: none;
					position: relative;
					left:-50%;}

#newpub p			{font-size: 12px;
					line-height: 1;
					text-align: center;}
					
#newpub a			{color: #4C6205;
					text-decoration: none;}

#newpub a:hover		{color: #FF8019;
					text-decoration: underline;}

#newpub img			{border: solid 0.5px #aaaaaa;}



/* Forthcoming Publications */
#forthcoming h1		{clear: both;
					font-family:'Arial', suns-serif;
					font-size: 14px;
					color: #ff6600;
					border: solid 1px #ff6600;
					-webkit-box-shadow: 0 1px 2px #aaaaaa;
					box-shadow: 0 1px 1px #aaaaaa;
					padding:5px 5px 5px 10px;}

#forthcoming ul		{margin-bottom: 25px;}

#forthcoming p		{margin-left: 10px;}

#forthcoming li		{font-size: 12px;
					color: #000000;
					line-height: 1;}
					
.showhide		{width: 100%;
				text-align: center;}

.select_btn		{font-size:14px;
				font-weight:bold;
				font-color: #000000;
				width: 80%;
				text-align: center;
				display: block;
				text-decoration: none;
				border: 2px solid #CCCCCC;
				margin: 30px auto 30px auto;
				padding: 24px 15px 20px 15px;
				border-radius:5px;}

.sound_btn		{font-color: #000000;
				width: 80%;
				text-align: center;
				display: block;
				text-decoration: none;
				border: 2px solid #CCCCCC;
				margin: 30px auto 30px auto;
				border-radius: 5px;
				padding: 0 15px;}

.sound_btn table	{width: 100%;
					min-height: 160px;
					margin: 0 auto;}

.upper_cell		{font-size: 20px;
				text-align:left;
				height:25%;
				width: 50%;}

.mid_cell		{font-size: 20px;
				height: 25%;
				width: 50%;}

.lowerl_cell	{font-size: 28px;
				vertical-align:top;
				line-height:1;
				height:50%;
				width: 50%;}

.lowerr_cell	{font-size: 20px;
				vertical-align:top;
				line-height:1;
				height:50%;
				width: 50%;}

.prevnext		{width: 100%;
				text-align: center;
				margin:0px auto 50px auto;}

.prevnext td	{text-align: center;
				font-size: 20px;
				text-decoration: none;
				font-color: #000000;}

.prevnext a		{text-decoration: none;}

#dlfiles		{margin: 200px auto 70px auto;
				text-align: center;
				font-size: 20px;
				text-decoration: none;
				font-color: #000000;
				width: 80%;}

#dlfiles a		{text-decoration:none;}

#book_thumb_forSmartPhone	{background-color: #ffffff;
							width: 180px;
							text-align: center;
							margin-top: 75px;
							margin-bottom: 50px;
							margin-left: auto;
							margin-right: auto;
							border: solid 1px #aaaaaa;
							padding: 25px;
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							box-sizing: border-box;}

#book_img		{margin-bottom: 15px;}

.maintexts			{margin: 15px;}

.getapp			{margin:20px auto;}

.appicon			{margin:10px auto;
					height: 130px;
					width: 130px;
					border-radius: 20px;
					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;}
					
.screenshot			{margin:40px auto;
					text-align: center;}

.screenshot img		{width: 80%;
					margin-top: 10px;
					margin-bottom: 10px;
					border: solid 1px #D3D3D3;}

/* 右側ナビゲーション */
.r-menu				{position: absolute;
					top: 0;
					right: 0;
					height: auto;
					width:140px;
					text-align: center;
					background-color: #f1f1f1;
					margin-top: 0;
					margin-left: 0;
					margin-right: 0;
					vertical-align: top;
					line-height: 1.5;
					border-collapse: collapse}

#focus				{background-color: #ffffff;
					padding-top: 5px;
					padding-bottom: 5px;
					margin: 0}

#focus h1			{text-align: center;
					background-color: #ffffff;
					font-size: 14px;
					color: #ff8019;
					font-weight: bold;
					border: solid 1px #ff8019;
					padding-top: 7px;
					padding-bottom: 7px;
					margin-left: 5px;
					margin-right: 5px}

#focus p a img		{width: 90px;
					padding: 0;
					margin: 0}

#focus p			{font-size: 12px;
					text-align: center;
					padding-left: 5px;
					padding-right: 5px;}

#focus p a		{color: #4C6205;
					text-decoration: none}

#focus p a:hover	{color: #ff8019;
						text-decoration: underline}

#notices			{text-align: center;
					background-color: #f6f8f1;
					border-top: dashed 1px #999999;
					padding-right: 5px;
					padding-left: 5px;
					padding-bottom: 5px;
					margin-top: 0
					margin-bottom: 0}

#notices p			{font-size: 12px;}

#notices p a			{color: #4C6205;
					text-decoration: none;
					font-weight: bold;}

#notices p a:hover	{color: #ff8019;
					text-decoration: underline;}

#sdtitle1			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0}

#sdtitle1 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle1 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle1 h1 a:hover	{color: #17378f;
					text-decoration: underline}

#sdarticle1			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle1 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle1 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle1 p a		{text-decoration: none;
					color: #698632;}

#sdarticle1 p a:hover	{color: #ff8019;
						text-decoration: underline;}

#sdtitle2			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0;}

#sdtitle2 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle2 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle2 h1 a:hover	{color: #17378f;
					text-decoration: underline;}

#sdarticle2			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle2 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle2 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle2 p a		{text-decoration: none;
					color: #698632;}

#sdarticle2 p a:hover	{color: #ff8019;
						text-decoration: underline;}

#sdtitle3			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0;}

#sdtitle3 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle3 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle3 h1 a:hover	{color: #17378f;
					text-decoration: underline;}

#sdarticle3			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle3 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle3 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle3 p a		{text-decoration: none;
					color: #698632;}

#sdarticle3 p a:hover	{color: #ff8019;
						text-decoration: underline;}

#sdtitle4			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0;}

#sdtitle4 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle4 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle4 h1 a:hover	{color: #17378f;
					text-decoration: underline;}

#sdarticle4			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle4 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle4 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle4 p a		{text-decoration: none;
					color: #698632;}

#sdarticle4 p a:hover	{color: #ff8019;
						text-decoration: underline;}

#sdtitle5			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0;}

#sdtitle5 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle5 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle5 h1 a:hover	{color: #17378f;
					text-decoration: underline;}

#sdarticle5			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle5 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle5 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle5 p a		{text-decoration: none;
					color: #698632;}

#sdarticle5 p a:hover	{color: #ff8019;
						text-decoration: underline;}

#sdtitle6			{background-color: #e9efd6;
					border-top: dashed 1px #999999;
					padding-bottom: 5px;
					padding-right: 5px;
					padding-left: 5px;
					margin: 0;}

#sdtitle6 h1			{font-size: 14px;
					text-align: center;
					padding-top: 5px;}

#sdtitle6 h1 a		{color: #ff8019;
					text-decoration: none;
					font-weight: bold;}

#sdtitle6 h1 a:hover	{color: #17378f;
					text-decoration: underline;}

#sdarticle6			{background-color: #f1f1f1;
					padding-right: 5px;
					padding-left: 5px;
					overflow: hidden;}

#sdarticle6 p		{font-size: 12px;
					line-height: 1.5;
					text-align :left;}

#sdarticle6 img	{width: 60px;
					float: right;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 5px;}

#sdarticle6 p a		{text-decoration: none;
					color: #698632;}

#sdarticle6 p a:hover	{color: #ff8019;
						text-decoration: underline;}


/* フッター */
#foooter			{clear:both;
					width: 900px;
					background-color: #17378F;
					border-top: solid 6px #0B1C64;
					padding-bottom: 15px;
					margin:0;}

#foooter p			{color: #ffffff;
					font-size: 12px;
					text-align: center;
					margin-top: 20px;}

#foooter p a		{color: #ffffff;
					text-decoration: underline;}

section.qa a:hover	{color: #ff8019;
					text-decoration: underline;}





td.table01 {
	border-top: 1px dashed #808080;
	padding-top: 3px;
	padding-bottom: 3px;
}
td.table02 {
	border-bottom: 1px dashed #B2B2B2;
	padding-top: 3px;
	padding-bottom: 3px;
}
td.table03 {
	border-bottom: 1px dashed #B2B2B2;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B2B2B2;
}
select {
	border: 1px dotted #999999;
}
td.table {
	padding-top: 3px;
	padding-bottom: 3px;
}
.textarea {
	border: 1px solid #666666;
	margin: 3px;
	padding: 3px;
}
.input {
	margin: 1px 1px 3px 3px;
	padding: 1px;
	border: 1px solid #666666;
	width: 145px;
}
.input2 {
	margin: 0px;
	padding: 0px;
}
.input3 {
	margin: 1px 0px 0px 1px;
	padding: 1px 0px 0px;
	border: 1px solid #FFAE85;
	background-color: #FFFFFF;
}


.book{
	border:solid 1px #cccccc;
}

.table_frame_001{
	border:solid 1px #FF923B;

}





/* 横幅480px以下(スマートフォンなど)向けの記述 */
@media screen and (max-width: 480px) {

header				{display:none;
					/*width: 100%;
					margin:0;*/}
					
/* スマホ用ナビゲーションメニュー */
.slicknav_menu	{display: block;}

#dlfiles		{display: none;}

#mobile_menu	{background-color: #17378F;
				text-align: left;
				padding-bottom: 10px;
				margin: 0px 0 0 0;}

#mobile_menu ul	{list-style-type: none;
				margin-top:0;
				margin-bottom: 0;
				padding-top: 3px;
				padding-bottom: 3px;
				padding-left: 0;
				vertical-align: middle;
				font-size: 0}

#mobile_menu a	{color: #ffffff;
				text-decoration: none;
				font-weight: nomal}

#mobile_menu a:hover	{color: #ff8800}

#mobile_menu li	{display: inline;
				font-size: 6px;
				padding-left: 10px;
				padding-right: 10px;
				text-align: center;
				vertical-align: middle;}

.js #mobile_menu	{display:block;}

/* ここまで */

.js #menu			{display:none;}

.js .slicknav_menu	{display:block;}


#wrap	{width:100%;
		margin:0px;}

#main	{position:relative;
		width:100%;}

#headernavi		{display:none;}

#leftcolumn		{display:none;}

.contents 			{position:relative;
					width:100%;
					top:0;
					left:0;
					padding:0;
					height:auto;
					background-color: #ffffff;
					vertical-align: top;
					border-collapse: collapse}

.imagewidth			{width:100%;
					margin:0;}

#newpub li		{width: 140px;
					margin:0;}

.r-menu				{position:relative;
					width:100%;
					text-align: center;
					background-color: #f1f1f1;
					margin-top: 0;
					vertical-align: top;
					line-height: 1.5;
					border-collapse: collapse}

#foooter			{position:relative;
					width: 100%;
					background-color: #17378F;
					border-top: solid 6px #0B1C64;
					padding-bottom: 15px;
					margin: 0;}
}



/* 横幅481px以上、768px以下(タブレットなど)向けの記述 */
@media screen and (min-width: 481px) and (max-width: 768px) {

header				{display:none;
					/*width: 100%;
					margin:0;*/}
/* スマホ用ナビゲーションメニュー */
.slicknav_menu	{display: block;}

#dlfiles		{display: none;}

#mobile_menu	{background-color: #17378F;
				text-align: left;
				padding-bottom: 10px;
				margin: 0 0 0 0;}

#mobile_menu ul	{list-style-type: none;
				margin-top:0;
				margin-bottom: 0;
				padding-top: 3px;
				padding-bottom: 3px;
				padding-left: 0;
				vertical-align: middle;
				font-size: 0}

#mobile_menu a	{color: #ffffff;
				text-decoration: none;
				font-weight: nomal}

#mobile_menu a:hover	{color: #ff8800}

#mobile_menu li	{display: inline;
				font-size: 6px;
				padding-left: 10px;
				padding-right: 10px;
				text-align: center;
				vertical-align: middle;}

.js #mobile_menu	{display:block;}

/* ここまで */

#wrap	{width:100%;
		margin:0px}

.js #menu			{display:none;}

.js .slicknav_menu	{display:block;}

#main	{position:relative;
		width:100%;}

#headernavi		{display:none;}

#leftcolumn		{display:none;}

.contents 			{position:relative;
					width:100%;
					padding:0;
					top:0;
					left:0;
					height:auto;
					background-color: #ffffff;
					vertical-align: top;
					border-collapse: collapse}

.imagewidth			{width:100%;
					margin:0;}

#newpub li		{width: 140px;
					margin:0;}

.r-menu				{position:relative;
					width:100%;
					text-align: center;
					background-color: #f1f1f1;
					margin: 0;
					vertical-align: top;
					line-height: 1.5;
					border-collapse: collapse}

#foooter			{position:relative;
					width: 100%;
					background-color: #17378F;
					border-top: solid 6px #0B1C64;
					padding-bottom: 15px;
					margin:0;}
}