*{ margin:0; padding:0; zoom:1 } 
html, body {
	height:100%;
	font-size:13px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", "メイリオ", Meiryo, sans-serif;
	line-height:150%;
	background:#e1e4f5 url(../pics/common/bg.gif) top center repeat-y;
	}

/* タグの初期設定 */
img {
	border:0px;
	margin:0; padding:0;
	vertical-align:bottom;
	}

a:link {
	color:#171C61;
	text-decoration:none;
	}
a:visited {
	color:#0066CC;
	text-decoration:none;
	}
a:hover {
	color:#FF0000;
	text-decoration:underline;
	}
a:active {
	color:#FF0000;
	text-decoration:none;
	}

/* ページレイアウト */
div#wrapper {
	width:100%;
	height:100%;
	text-align:center;
	}
	
div#wrapper	div#main {
		width:980px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		padding:20px 0;
		text-align:left;
		background-color:#FFF;
		}
		
		/* ページ上部 */
div#wrapper	div#main div#up {
			width:100%; /* 980px */
			height:140px;
			}
		
		/* ページ上部を２ペインで構成　左側 */
	div#wrapper	div#main div#up div#upLeft {
			width:27%; /* 約265px */
			height:100%;
			}
			
		/* 上部左側ロゴ */
		div#wrapper	div#main div#up div#upLeft div#logo {
				width:260px;
				height:140px;
				}
		
	/* ページ上部を２ペインで構成 右側*/
	div#wrapper	div#main div#up div#upRight {
		width:73%; /* 約715px */
		height:100%;
		}
		/* 上部右側フリーダイヤル画像 */
		div#wrapper	div#main div#up div#upRight div#tel18 {
			width:320px;
			height:65px;
			float:right;
			text-align:right;
			}
			div#wrapper	div#main div#up div#upRight div#tel18 img {
				width:100%;
				height:auto;
				vertical-align:middle;
				}
		
		/* 上部右側 リンク 共通設定 */	
		div#wrapper	div#main div#up div#upRight div#pageLink,
		div#wrapper	div#main div#up div#upRight div#classLink {
			width:100%; /* 715px */
			text-align:right;
			overflow:hidden;
			}
		
		/* 上部右側 ページリンク */	
		div#wrapper	div#main div#up div#upRight div#pageLink {
			height:25px;
			text-align:right;
			overflow:hidden;
			padding-top:12px;
			}
		    div#wrapper	div#main div#up div#upRight div#pageLink ul {
				}
		    	div#wrapper	div#main div#up div#upRight div#pageLink li {
					display:block;
					float:right;
					border-right:#666 1px solid;
					}
		    	div#wrapper	div#main div#up div#upRight div#pageLink li:first-child {
					margin-right:0 ; /* float:rightなので最初の要素が一番右にある */
					border-right:none;
					}
					div#wrapper	div#main div#up div#upRight div#pageLink li a {
						display:block;
						text-decoration:none;
						line-height:1;
						margin-right:0;
						padding:0 10px;
						}
					div#wrapper	div#main div#up div#upRight div#pageLink li#sitemap a {
						padding-right:0;
						}
		    		div#wrapper	div#main div#up div#upRight div#pageLink li a:before {
						font-family: FontAwesome;
						content:'\f0da'; /* caret-rightを使う */
						margin-right:4px;
						}
					div#wrapper	div#main div#up div#upRight div#pageLink li a {
						font-size:14px;
						}		
					div#wrapper	div#main div#up div#upRight div#pageLink li a:link {
						color:rgb(0,0,0); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#pageLink li a:visited {
						color:rgb(30,30,30); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#pageLink li a:hover {
						color:rgb(229,0,18); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#pageLink li a:active {
						color:rgb(229,0,18); /* E50012をrgbaで指定 */
						}
		
		/* 上部　対象別リンク */
		div#wrapper	div#main div#up div#upRight div#classLink {
			height:32px;
			padding-top:6px;
			}
			div#wrapper	div#main div#up div#upRight div#classLink ul {
				}
			div#wrapper	div#main div#up div#upRight div#classLink li {
					position: relative;
					float: right;
					margin: 0;
					padding: 0;
					text-align: center;
					}
			div#wrapper	div#main div#up div#upRight div#classLink li:first-child {
					margin-right:0 ; /* float:rightなので最初の要素が一番左にある */
					border-right:#666 1px solid;
					}
				div#wrapper	div#main div#up div#upRight div#classLink li#classLink_stsp {
					width:16%;
					}
				div#wrapper	div#main div#up div#upRight div#classLink li#classLink_juken {
					width:18%;
					}
				div#wrapper	div#main div#up div#upRight div#classLink li#classLink_kiso {
					width:18%;
					}
				div#wrapper	div#main div#up div#upRight div#classLink li#classLink_ch3 {
					width:18%;
					}
				div#wrapper	div#main div#up div#upRight div#classLink li#classLink_dessin {
					width:27%;
					}
					
					div#wrapper	div#main div#up div#upRight div#classLink li a {
						display:block;
						margin: 0;
						padding: 5px 0;
						font-size:12px;
						font-weight:bold;
						color: rgb(255,255,255);
						text-decoration:none;
						line-height:1;
						border-top:#666 1px solid;
						border-left:#666 1px solid;
						border-bottom:#666 1px solid;
						}
		    		div#wrapper	div#main div#up div#upRight div#classLink li a:before {
						font-family: FontAwesome;
						content:'\f0da'; /* caret-rightを使う */
						margin-right:4px;
						}				
					div#wrapper	div#main div#up div#upRight div#classLink a:link {
						background-color:rgba(229,0,18,0.7); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#classLink a:visited {
						background-color:rgba(229,0,18,0.7); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#classLink a:hover {
						background-color:rgba(229,0,18,0.5); /* E50012をrgbaで指定 */
						}
					div#wrapper	div#main div#up div#upRight div#classLink a:active {
						background-color:rgba(229,0,18,0.7); /* E50012をrgbaで指定 */
						}
	
		div#path { width:934px; height:40px; text-align:left; margin:0; padding:14px 0 0 20px; clear:left; }
			#path #topicPath li { float:left; line-height:120%; list-style-type:none; }  
          		#path #topicPath li a { margin-right:5px; padding-right:20px; background:url(../pics/common/path_arrow.gif) no-repeat right center; }
				#path #topicPath li a:link { color:#0000FF; text-decoration:none; }
				#path #topicPath li a:visited { color:#0066CC; text-decoration:none; }
				#path #topicPath li a:hover { color:#FF0000; text-decoration:none; }
				#path #topicPath li a:active { color:#FF0000; text-decoration:none; }
		
		/* 中部 コンテンツとサイドツリー */
		div#middle {
			width:100%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			}
			
			/* #content は左側 */
			div#content {
				width: 737px;
				float:left;
				text-align:left;
				padding-left: 23px;
				border-bottom:#999999 1px solid;
				} /* width 737px + padding-left 23px = 760px */
			
		    /* ContBottomは15年より。ページ下部の資料請求リンク部分。 */
            div#ContBottom {
				width:667x;
				text-align:right;
				margin:42px 0 14px;
				}
				
				/* ページ下段のご連絡お問い合わせ部 */
		    	div#ContBottom div#inq {
					width:732px;
					text-align:left;
					margin-bottom:2em;
					}
		    		div#ContBottom div#inq h2 {
						font-size:14px;
						font-weight:bold;
						margin-bottom:7px;
						}
					div#ContBottom div#inq div.img {
						margin:0 auto;
						text-align:center;
						}
			
			/* サイドツリー部 */
			div#sidetree {
				width: 220px;
				float:right;
				text-align:left;
				font-size:13px;
				line-height:110%;
				}
			div#sidetree a:link { color:#0000FF; text-decoration:none; }
			div#sidetree a:visited { color:#0066CC; text-decoration:none; }
			div#sidetree a:hover { color:#FF0000; text-decoration:none; }
			div#sidetree a:active { color:#FF0000; text-decoration:none; }
		  div#sidetreecontrol {width:220px; float:right; text-align:center; font-size:13px; line-height:110%; padding:5px 0px; }
		div#bottom { width:980px; height:130px; margin-bottom:20px; }
		  div#bottomLeft { width:760px; height:130px; margin:0; float:left; }
		  div#bottomRight { width:220px; height:130px; margin:0; background:url(../pics/common/bottom_right.gif) left top no-repeat; float:right; }
		    div#bottomRight ul { padding:0 0 0 25px }
		    div#bottomRight li { font-size:12px; padding:1px 0 1px 1px; list-style-image:url(../pics/common/bottom_arrow.gif); }
		    div#bottomRight div#bottomCounter { margin-left:12px; }


/* float関連 */		  
div.flLeft { float:left; }
div.flRight { float:right; }
div.clearBoth { clear:both; }
div.clearBoth hr { display:none; }

/* clearfix clearBothはできるだけ使わない方向 */
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* 文字の修飾色々 */
.pink { color:#E4007F !important; }
.red {color:#E50012 !important; }
.vermillion {color:#f26649 !important; }
.blue {color:#0a6eb8 !important; }
.navy { color:#1d2088 !important; }
.orange { color:#EA5514 !important; }
.glay666 {color:#666666 !important; }
.glay999 {color:#999999 !important; }
.underLine { text-decoration:underline !important; }
.strike { text-decoration:line-through !important; }
strong { font-weight:bold !important; } /* strongタグを使うようにしよう */
.strong { font-weight:bold !important; }
.normal { font-weight:normal !important; }
.size15 { font-size:20px !important; }
.size14 { font-size:19px !important; }
.size13 { font-size:18px !important; }
.size12 { font-size:17px !important; }
.size11 { font-size:15px !important; }
.size10 { font-size:13px !important; }
.size9 { font-size:12px !important; }
.size8 { font-size:11px !important; }
.noborder { border:none !important; }

/* 明朝体の指定は、できるだけ mincho クラスを使うこと。 */
.mincho { font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "メイリオ", Meiryo, serif; }

.ind1 { padding-left:1em; text-indent:-1em; } /* 1文字分インデント */

/* SNS icon用の記述 主にリンク用にアンカーへ適用する */
.twitter { display:block; width:20px; height:20px; text-indent:-9999px; background:url(../pics/common/snsicons.png) 0 0 no-repeat; overflow:hidden; }

/* twitterリンク部 */
  #content #twitter_link .left1 {
		width:135px;
  }
  #content #twitter_link .left2 {
		width:480px;
		padding-left:20px;
  }
    #content #twitter_link .left2 p {
		margin-bottom:1em;
    }

/* パンフダウンロードボタン */

/* パンフダウンロード -------------------------------------------------- */
/* --------------------------------------------------------------------- */

/* パンフダウンロード 2018春から ----------------------------- */

div#pamphlet18 {
	width:644px;
	margin-bottom:16px;
	padding:0 23px 16px;
	border-bottom:#999 1px dashed;
}
div#pamphlet18 .pamph,
div#pamphlet18 .app,
div#pamphlet18 .req {
	width:198px;
	font-size:12px;
	line-height:110%;
}
div#pamphlet18 .pamph,
div#pamphlet18 .app {
	margin-right:25px;
}
div#pamphlet18 .pamph img,
div#pamphlet18 .app img,
div#pamphlet18 .req img {
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}


/* ----------------------------------------------------------- */
/* パンフダウンロード 2017冬まで ----------------------------- */

div#pamphlet {
	width:680px;
	font-size:12px;
	line-height:110%;
	margin-bottom:3em;
}
div#pamphlet .pamph,
div#pamphlet .app {
	width:210px;
	margin-right:25px;
}
div#pamphlet .app {
}
div#pamphlet .req {
	width:210px;
}
div#pamphlet .pamph img,
div#pamphlet .app img,
div#pamphlet .req img {
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}

/* ----------------------------------------------------------- */

/* 動画視聴 -------------------------------------------------------- */
/* --------------------------------------------------------------------- */

div#moviesupport {
	border:#999 1px solid;
	border-radius:3px;
	width:644px;
	padding:23px 22px 23px; /* 左右はボーダー分引いている */
	margin-bottom:3em;
}
div#moviesupport h6 {
	font-weight:bold;
	margin-bottom:1em;
}
div#moviesupport .mv_left1 {
	width:160px;
	margin-right:12px;
}
div#moviesupport .mv_left2 {
	width:470px;
}

/* ----------------------------------------------------------- */


/* adobe reader -------------------------------------------------------- */
/* --------------------------------------------------------------------- */

/* adobe reader 2018春から ----------------------------------- */

div#adobereader18 {
	border:#999 1px solid;
	border-radius:3px;
	width:644px;
	padding:23px 22px 23px; /* 左右はボーダー分引いている */
	margin-bottom:3em;
}
div#adobereader18 h6 {
	font-weight:bold;
	margin-bottom:1em;
}
div#adobereader18 .adb_left1 {
	width:160px;
	margin-right:12px;
}
div#adobereader18 .adb_left2 {
	width:470px;
}

/* ----------------------------------------------------------- */
/* adobe reader 2017冬まで ----------------------------------- */

div#adobereader {
	border:#999 1px solid;
	border-radius:3px;
	width:658px;
	padding:10px;
	margin-bottom:3em;
}
div#adobereader h6 {
	font-weight:bold;
	margin-bottom:1em;
}
div#adobereader .adb_left1 {
	width:160px;
	margin-right:10px;
}
div#adobereader .adb_left2 {
	width:488px;
}

/* --------------------------------------------------------------------- */


/* #faq18 各講習などで使ってる ----------------------------------------- */
/* --------------------------------------------------------------------- */

div#faq18 {
	width:644px;
	margin-left:23px;
}
div#faq18 h3 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:0.5em;
}
div#faq18 h4 {
	/* 質問 */
	display:block;
	width:642px;
	height:24px;
	font-size:14px;
	background-color:#DCDCDC;
	border-radius:12px 0 0 12px;
	margin-bottom:0.5em;
	box-shadow:1px 1px 2px #999;
}
div#faq18 h4 .question {
	/* 質問のプレフィックス「Q」 */
	display:block;
	float:left;
	width:24px;
	height:24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background-color:#444;
	border-radius:50%;
	margin-right:0.5em;
}
div#faq18 p {
	/* 答え */
		margin:0 2em 2em 3.5em;
}
div#faq18 .answer {
	/* 答えのプレフィックス「A」 */
	display:block;
	float:left;
	width:24px;
	height:24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background-color:#666;
	border-radius:50%;
	margin-left:1em;
	margin-right:0.5em;
	box-shadow:1px 1px 2px #999;
}

/* #faq 2017冬まで ------------------------------------------- */
/* ----------------------------------------------------------- */

div#faq {
	width:680px;
}
div#faq h3 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:0.5em;
}
div#faq h4 {
	/* 質問 */
	display:block;
	width:660px;
	height:24px;
	font-size:14px;
	background-color:#DCDCDC;
	border-radius:12px 0 0 12px;
	margin-bottom:0.5em;
	box-shadow:1px 1px 2px #999;
}
div#faq h4 .question {
	/* 質問のプレフィックス「Q」 */
	display:block;
	float:left;
	width:24px;
	height:24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background-color:#444;
	border-radius:50%;
	margin-right:0.5em;
}
div#faq p {
	/* 答え */
		margin:0 2em 2em 3.5em;
}
div#faq .answer {
	/* 答えのプレフィックス「A」 */
	display:block;
	float:left;
	width:24px;
	height:24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background-color:#666;
	border-radius:50%;
	margin-left:1em;
	margin-right:0.5em;
	box-shadow:1px 1px 2px #999;
}

/* --------------------------------------------------------------------- */

.example5 {} /* lightbox用の記述 ここでスタイルを設定しない */
.rollover-fade1 {} /* crossfade rollover用の記述 ここでスタイルを設定しない */
.rollover-fade2 {} /* crossfade rollover用の記述 ここでスタイルを設定しない */

/* 準備中ページ */
div#notfound {
	width:710px;
	text-align:center;
	padding:3em 0;
	}
  div#notfound img {
		margin:0 auto;
	  }

/* 最下段の問い合わせ関連 2018 ----------------------------------------- */

#inq18 {	
	width:690px;
	margin-top:3em;
	padding:0 0 32px;
}
	#inq18 h2 {
		font-size:17px;
		text-shadow:1px 1px 1px #ccc;
		margin-bottom:8px;
	}
	#inq18 a {
		display:block;
		width:690px;
		height:118px;
		margin-bottom:1em;
	}
		div#content #inq18 a img {
			width:100%;
			height:auto;
		}

/* --------------------------------------------------------------------- */

/* ページ下段のご連絡お問い合わせ部 */
div#inq {
	text-align:left;
	width:732px;
	margin-bottom:14px;
}
div#inq h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
}
div#inq div.img {
	text-align:center;
}