@charset "euc-jp";

* { margin:0; padding:0; font-size:100%;}

body {
 margin:0; padding:0; text-align:center; color:#333; font-size:90%; line-height:1.4;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background:url(../parts/bg.jpg) repeat-x left top;}

a:link { color:#06C; text-decoration:under-line; overflow:hidden;}
a:visited { color:#06C; text-decoration:under-line;}
a:hover { color:#F60; text-decoration:under-line;}

img { vertical-align:top; border:none;}
table,th,td { border-collapse:collapse;}
ul,li,dl,dt,dd { list-style-type:none;}

/* レイアウト ----------------- */

.floatL { float:left;}
.floatR { float:right;}
.alignL { text-align:left;}
.alignR { text-align:right;}
.imgL { float:left; margin:0; padding:0 10px 10px 0;}
.imgR { float:right; margin:0; padding:0 0 10px 10px;}

.clear { clear:both; margin:0; padding:0;}
.center { text-align:center;}

/* フォント ----------------- */

i,em { color:#F00; font-weight:normal; font-style:normal;}

/* ヘッダー ---------------------------------------------------- */

#header { clear:both; margin:0 auto; padding:0; text-align:left; background:url(../parts/bg_head.jpg) no-repeat center top;}

#header #hcontents { clear:both; width:900px; height:303px; margin:0 auto; padding:17px 0 0 0; text-align:left;}
#header #hcontents:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#header #hcontents h1 { clear:both; width:897px; margin:0; padding:0 3px 0 0; text-align:right; color:#666; font-size:12px; font-weight:normal;}
#header #hcontents .logo { float:left; margin:0; padding:0;}
#header #hcontents .add { float:right; margin:0; padding:13px 0 0 0;}

/* ナビゲーション ----------------- */

#header #hcontents #navi { clear:both; width:900px; margin:0; padding:23px 0 0 0; text-align:left;}
#header #hcontents #navi:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#header #hcontents #navi ul { clear:both; width:900px; margin:0; padding:0;}
#header #hcontents #navi li { float:left; margin:0; padding:0; text-decoration:none; text-indent:-10000px;}
#header #hcontents #navi li a {
 height:40px; margin:0 10px 0 0; padding:0; display:block; color:#333;
 background:url(../parts/navi.gif) no-repeat left top;}

/* link */
#header #hcontents #navi li.nav01 a { width:140px; background-position:0 0;}
#header #hcontents #navi li.nav02 a { width:140px; background-position:-140px 0;}
#header #hcontents #navi li.nav03 a { width:145px; background-position:-280px 0;}
#header #hcontents #navi li.nav04 a { width:140px; background-position:-425px 0;}
#header #hcontents #navi li.nav05 a { width:140px; background-position:-565px 0;}
#header #hcontents #navi li.nav06 a { width:145px; margin:0; background-position:-705px 0;}

/* hover */
#header #hcontents #navi li.nav01 a:hover { background-position:0 -45px;}
#header #hcontents #navi li.nav02 a:hover { background-position:-140px -45px;}
#header #hcontents #navi li.nav03 a:hover { background-position:-280px -45px;}
#header #hcontents #navi li.nav04 a:hover { background-position:-425px -45px;}
#header #hcontents #navi li.nav05 a:hover { background-position:-565px -45px;}
#header #hcontents #navi li.nav06 a:hover { background-position:-705px -45px;}

/* ・"淆--------------------------------------------------------- */

#wrap { clear:both; width:900px; margin:0 auto; padding:0; text-align:left;}

/* コンテンツ ---------------------------------------------------- */

#con { clear:both; width:900px; margin:0; padding:30px 0 0 0; text-align:left;}
#con:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#infomation { text-align: center; padding: 0.5em 1em; margin-bottom: 30px; border: 2px solid #ff0000;}
#infomation h2 { font-size: 23px; font-weight: 600; margin-bottom: 0.5em !important; display: flex; align-items: center; justify-content:center;}
#infomation h2:before { content: url( "../parts/exclamation.png"); align-self: center; margin-right: 10px;}
#infomation a { color: #000; font-size: 115%; font-weight: 600;}
#infomation p { color: #000; font-size: 115%; line-height: 2; margin-bottom: 0 !important;}
#infomation p.ta-left { text-align: left; margin-inline: 2em !important;}
#infomation p span { display: block; text-align: center;}
/* メイン ---------------------------------------------------- */

#main { float:left; width:710px; margin:0; padding:0 20px 0 0; text-align:left;}
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#main h2 { clear:both; margin:0; padding:0;}
#main p { margin:0 0 10px 0; padding:0;}

/* サイド ---------------------------------------------------- */

#side { float:right; width:170px; margin:0; padding:0 0 30px 0; text-align:left;}
#side h3 { clear:both; margin:0 0 8px 0; padding:0; text-align:left;}

#side a {
  width: 170px;
  display: block;
  margin-bottom: 10px;
}

#side a img {
  width: 100%;
  display: block;
  object-fit: contain;
}
#side a:hover img {
	opacity: 0.75;
}

/* 書ｮダウンロード ----------------- */

#side .download { clear:both; width:168px; margin:0 0 10px 0; padding:0 0 5px 0; text-align:left;
 border:1px solid #FFBA54; background:#FFF2DF;}

#side .download ul { clear:both; width:153px; margin:0 5px 0 10px; padding:0;}
#side .download li { clear:both; margin:0 0 5px 0; padding:0;}
#side .download li a {
 width:130px; margin:0; padding:1px 0 2px 23px; display:block; font-size:12px; color:#000;
 text-decoration:none; background:url(../parts/icon_pdf.gif) no-repeat left top;}
#side .download li a:hover { color:#F60;}

#side a.banner { margin-top: 10px; display: block;}
#side a:hover.banner img { opacity: 0.75;}

/* 各種免許試験情報ボタン ----------------- */
#side a.bt-ex {
 width:170px; height:60px; margin:0 0 10px 0; padding:0; display:block; font-size:100%; color:#000; text-indent:-10000px;
 background:url(../parts/bt_examination.jpg) no-repeat left top;}
#side a:hover.bt-ex { background-position:0 -65px;}

/* 動力プレスボタン ----------------- */
#side a.bt-press {
 width:170px; height:60px; margin:0; padding:0; display:block; font-size:100%; color:#000; text-indent:-10000px;
 background:url(../parts/bt_press.jpg) no-repeat left top;}
#side a:hover.bt-press { background-position:0 -65px;}


/* メニュー ----------------- */

#side .sidemn { clear:both; width:170px; margin:0; padding:10px 0 20px 0; text-align:left;}

#side .sidemn ul { clear:both; width:170px; margin:0; padding:0;}
#side .sidemn li { clear:both; margin:0 0 5px 0; padding:0;}
#side .sidemn li a {
 width:142px; margin:0; padding:7px 3px 5px 23px; display:block; font-size:100%; color:#000; text-decoration:none;
 border:1px solid #FFBA53; background:#FFE7C4 url(../parts/bg_sidemn.jpg) no-repeat left top;}
#side .sidemn li a:hover {
 color:#F60; border:1px solid #FF9F0F; background:#FFEB9B url(../parts/list_02.gif) no-repeat 11px 12px;}

#side .sidemn li.active {
 width:170px; margin:0 0 5px 0; padding:0; background:#FFE7C4 url(../parts/bg_sidemn_active.gif) repeat left top;}
#side .sidemn li.active a {
 width:142px; margin:0; padding:7px 3px 5px 23px; display:block; font-size:100%; color:#FFF; font-weight:bold; text-decoration:none;
 border:1px solid #FF9F0F; background:url(../parts/list_01.gif) no-repeat 11px 12px;}
#side .sidemn li.active a:hover {
 width:142px; margin:0; padding:7px 3px 5px 23px; display:block; font-size:100%; color:#F60; font-weight:normal; text-decoration:none;
 border:1px solid #FF9F0F; background:#FFEB9B url(../parts/list_02.gif) no-repeat 11px 12px;}

/* カウンター ----------------- */

#side .counter { clear:both; width:170px; margin:0; padding:0 0 15px 0; text-align:center;}

/* 酷/I更新楠----------------- */

#side .update { clear:both; width:170px; margin:0; padding:0; text-align:center; font-size:85%;}

/* フッター ---------------------------------------------------- */

#footer {
 clear:both; width:100%; margin:0; padding:0; text-align:left; background:url(../parts/bg_foot.jpg) repeat-x left top;}

#footer #fcontents {
 clear:both; width:900px; height:150px; margin:0 auto; padding:10px 150px 0 150px; text-align:left;
 background:url(../parts/foot.jpg) no-repeat left top;}

#footer #fcontents .pagetop { clear:both; width:885px; margin:0; padding:10px 15px 0 0;}
#footer #fcontents .pagetop a {
 float:right; width:88px; height:16px; margin:0; padding:0; display:block; color:#333; text-indent:-10000px;
 background:url(../parts/pagetop.jpg) no-repeat left top;}
#footer #fcontents .pagetop a:hover { background-position:-114px 0;}

#footer #fcontents .fnavi { clear:both; width:900px; margin:0; padding:8px 0 0 0; text-align:left;}
#footer #fcontents .fnavi ul { clear:both; width:900px; margin:0; padding:0;}
#footer #fcontents .fnavi li { margin:0; padding:0 15px 0 0; display:inline; font-size:12px;}
#footer #fcontents .fnavi li a {}
#footer #fcontents .fnavi li a:hover { color:#3CF;}

#footer #fcontents .copy { clear:both; width:900px; margin:0; padding:75px 0 0 0; text-align:right; color:#FFF; font-size:10px;}
#footer #fcontents .copy a { color:#FFF;}

/* TOPコンテンツ --------------------------------------------------------- */

/* コンテンツリスト ----------------- */

#clist { clear:both; width:710px; margin:0; padding:0 0 30px 0; text-align:left;
 background:url(../images/index/bg_toplist.gif) no-repeat right 34px;}
#clist:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#clist .boxLink { float:left; width:177px; margin:0; padding:0; text-align:left;
 background:url(../images/index/bg_toplist.gif) no-repeat left 34px;}
#clist .boxLink:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#clist .boxLink img { clear:both; margin:0; padding:0 6px 0 6px;}
#clist .boxLink h2 img { clear:both; margin:0; padding:0;}
#clist .boxLink p { clear:both; margin:0; padding:10px 8px 0 8px; font-size:85%;}

#clist .hover { cursor:pointer;}
#clist .hover img { opacity:0.6; filter: alpha(opacity=60);}
#clist .hover h2 img { opacity:100; filter: alpha(opacity=100);}
#clist .hover p { color:#F60;}

/* トピックス ----------------- */

#topics { clear:both; width:710px; margin:0; padding:0 0 30px 0; text-align:left;
 background:url(../images/index/bg_topics.gif) no-repeat left 34px;}
#topics:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#topics h2 { float:left; margin:0; padding:0;}

#topics .bt-topics { margin:0; padding:4px 0 0 0;}
#topics .bt-topics a {
 float:right; width:135px; height:24px; margin:0; padding:0; display:block; font-size:100%; color:#000; text-indent:-10000px;
 background:url(../images/index/bt_topics.gif) no-repeat left top;}
#topics .bt-topics a:hover { background-position:-140px 0;}

#topics dl { clear:both; width:685px; margin:0 0 0 17px; padding:10px 0 0 0;}
#topics dt { float:left; clear:both; width:60px; margin:0; padding:9px 10px 0 0;}
#topics dd { float:left; width:609px; margin:0; padding:9px 3px 5px 3px; font-size:100%; border-bottom:1px dotted #CCC;}
#topics dd .date { float:left; width:100px; margin:0; padding:0 10px 5px 0; display:block; color:#666;}

/* その他のご案内 ----------------- */

#guide { clear:both; width:710px; margin:0; padding:0 0 30px 0; text-align:left;
 background:url(../images/index/bg_guide.gif) no-repeat left 47px;}
#guide:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#guide .guide2 { font-size:90%; margin-left:18px;}
#guide .guide2 a { color:#000; }
#guide .guide2 a:hover { color:#777; }

#guide ul { clear:both; width:685px; margin:8px 0 0 17px; padding:0;}
#guide li { float:left; margin:0; padding:0; text-decoration:none; text-indent:-10000px;}
#guide li a { height:56px; margin:0 15px 20px 0; padding:0; display:block; color:#333; background:url(../images/index/bt_guide2.jpg) no-repeat left top;}

/* link */
#guide li.bt01 a { width:327px; background-position:0 0;}
#guide li.bt02 a { width:327px; background-position:-329px 0;}
#guide li.bt03 a { width:230px; margin:0; background-position:-426px 0;}

/* hover */
#guide li.bt01 a:hover { background-position:0 -60px;}
#guide li.bt02 a:hover { background-position:-329px -60px;}
#guide li.bt03 a:hover { background-position:-426px -60px;}

/* Adobe Reader */

#reader { clear:both; width:661px; margin:0 0 0 17px; padding:7px 12px; text-align:left; font-size:85%; background:#F5F5F5;}
#reader:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#reader img { float:left; margin:0; padding:0;}
#reader p { float:right; margin:0; padding:4px 0 0 0; white-space:nowrap;}

/* インフォメーション ----------------- */

#info { clear:both; width:694px; margin:0 0 30px 0; padding:7px; text-align:left; border:1px solid #CCC;}
#info:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#main #info img.imgL { float:left; margin:0; padding:0;}

#info .boxR { float:right; width:461px; margin:0; padding:0; text-align:left;}
#info .boxR img { clear:both; float:none; margin:0; padding:15px 0 17px 0;}
#info .boxR p.tel { clear:both; margin:0; padding:0 0 20px 0; font-size:125%; font-weight:bold;}
#info .boxR a.bt-access {
 float:right; width:125px; height:24px; margin:0; padding:0; display:block; font-size:100%; color:#000; text-indent:-10000px;
 background:url(../parts/bt_access.gif) no-repeat left top;}
#info .boxR a:hover.bt-access { background-position:-130px 0;}


/* 電話番号リンクの有効・無効を切り替える ------------ */
@media (pointer: fine), (hover: hover) {
  a:where([href^="tel:"]) {
    pointer-events: none;
  }
}